JSFiddle - React, Tailwind, and code Playground

by abdul_sathar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://rawgit.com/highsource/jsonix/master/dist/Jsonix-all.js"></script>
<h1>Original XML</h1>
<pre id="original-xml"></pre>
<h1>Unmarshalled JSON</h1>
<pre id="json"></pre>
<h1>Marshalled XML</h1>
<pre id="marshalled-xml"></pre>

JavaScript

var Mappings = {
    name: 'Well',
    defaultElementNamespaceURI: 'http://www.defaultnamespace.com',
    typeInfos: [{
        localName: 'Well',
        typeName: {
          namespaceURI: 'http:\/\/www.namespace1.com',
          localPart: 'Well'
        },
        propertyInfos: [{
            name: 'aliases',
            minOccurs: 0,
            collection: true,
            elementName: 'Aliases',
            typeInfo: '.ObjectAlias'
        }, {
            name: 'referencePoint',
            minOccurs: 0,
            collection: true,
            elementName: {
              localPart: 'ReferencePoint',
              namespaceURI: 'http:\/\/www.namespace1.com'
            },
            typeInfo: '.ReferencePoint'
        }],
    }, {
        localName: 'ObjectAlias',
        propertyInfos: [{
            name: 'description',
            elementName: 'Description'
        }]
      }, {
        localName: 'ReferencePoint',
        typeName: {
          namespaceURI: 'http:\/\/www.namespace1.com',
          localPart: 'ReferencePoint'
        },
        propertyInfos: [{
            name: 'location',
            required: true,
            collection: true,
            elementName: {
              localPart: 'Location',
              namespaceURI: 'http:\/\/www.namespace1.com'
            },
            typeInfo: '.AbstractWellLocation'
          }]
      }, {
        localName: 'AbstractWellLocation',
        typeName: {
          namespaceURI: 'http:\/\/www.namespace1.com',
          localPart: 'AbstractWellLocation'
        },
        propertyInfos: [{
            name: 'description',
            elementName: {
              localPart: 'Description',
              namespaceURI: 'http:\/\/www.namespace1.com'
            }
        }]
    }, {
        localName: 'ProjectedWellLocation',
        typeName: {
          namespaceURI: 'http:\/\/www.namespace1.com',
          localPart: 'ProjectedWellLocation'
        },
        baseTypeInfo:...