@logicflow/extension 1.2.27 → 2.0.0-beta.0

package/src/bpmn-elements-adapter/json2xml.ts

@@ -0,0 +1,91 @@
+/* eslint-disable guard-for-in */
+function type(obj: any) {
+  return Object.prototype.toString.call(obj);
+}
+
+function addSpace(depth: number) {
+  return '  '.repeat(depth);
+}
+
+function handleAttributes(obj: any): any {
+  if (type(obj) === '[object Object]') {
+    return Object.keys(obj).reduce((tmp: any, key: string) => {
+      let tmpKey = key;
+      if (key.charAt(0) === '-') {
+        tmpKey = key.substring(1);
+      }
+      tmp[tmpKey] = handleAttributes(obj[key]);
+      return tmp;
+    }, {});
+  } if (Array.isArray(obj)) {
+    return obj.map((item) => handleAttributes(item));
+  }
+  return obj;
+}
+
+function getAttributes(obj: any) {
+  let tmp = obj;
+  try {
+    if (typeof tmp !== 'string') {
+      tmp = JSON.parse(obj);
+    }
+  } catch (error) {
+    tmp = JSON.stringify(handleAttributes(obj)).replace(/"/g, '\'');
+  }
+  return tmp;
+}
+
+const tn = '\t\n';
+
+// @see issue https://github.com/didi/LogicFlow/issues/718, refactoring of function toXml
+function toXml(obj: any, name: string, depth: number) {
+  const frontSpace = addSpace(depth);
+  let str = '';
+  const prefix = tn + frontSpace;
+  if (name === '-json') return '';
+  if (name === '#text') {
+    return prefix + obj;
+  } if (name === '#cdata-section') {
+    return `${prefix}<![CDATA[${obj}]]>`;
+  } if (name === '#comment') {
+    return `${prefix}<!--${obj}-->`;
+  }
+  if (`${name}`.charAt(0) === '-') {
+    return ` ${name.substring(1)}="${getAttributes(obj)}"`;
+  }
+  if (Array.isArray(obj)) {
+    str += obj.map((item) => toXml(item, name, depth + 1)).join('');
+  } else if (type(obj) === '[object Object]') {
+    const keys = Object.keys(obj);
+    let attributes = '';
+    let children = obj['-json']
+      ? tn + addSpace(depth + 1) + obj['-json']
+      : '';
+
+    str += `${depth === 0 ? '' : prefix}<${name}`;
+
+    keys.forEach((k) => {
+      k.charAt(0) === '-'
+        ? (attributes += toXml(obj[k], k, depth + 1))
+        : (children += toXml(obj[k], k, depth + 1));
+    });
+
+    str
+        += attributes
+        + (children !== '' ? `>${children}${prefix}</${name}>` : ' />');
+  } else {
+    str += `${prefix}<${name}>${obj.toString()}</${name}>`;
+  }
+
+  return str;
+}
+
+function lfJson2Xml(obj: any) {
+  let xmlStr = '';
+  for (const key in obj) {
+    xmlStr += toXml(obj[key], key, 0);
+  }
+  return xmlStr;
+}
+
+export { lfJson2Xml, handleAttributes };

package/src/bpmn-elements-adapter/xml2json.ts

@@ -0,0 +1,548 @@
+/* eslint-disable no-continue */
+/* eslint-disable @typescript-eslint/no-this-alias */
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable guard-for-in */
+/* eslint-disable func-names */
+// @ts-nocheck
+
+import { has } from 'lodash-es'
+// ========================================================================
+//  XML.ObjTree -- XML source code from/to JavaScript object like E4X
+// ========================================================================
+
+const XML = function () {}
+
+//  constructor
+XML.ObjTree = function () {
+  // @ts-ignore
+  return this
+}
+
+//  class variables
+
+XML.ObjTree.VERSION = '0.23'
+
+//  object prototype
+
+XML.ObjTree.prototype.xmlDecl = '<?xml version="1.0" encoding="UTF-8" ?>\n'
+XML.ObjTree.prototype.attr_prefix = '-'
+
+//  method: parseXML( xmlsource )
+
+XML.ObjTree.prototype.parseXML = function (xml) {
+  let root
+  if (window.DOMParser) {
+    const xmldom = new DOMParser()
+    //      xmldom.async = false;           // DOMParser is always sync-mode
+    const dom = xmldom.parseFromString(xml, 'application/xml')
+    if (!dom) return
+    root = dom.documentElement
+  } else if (window.ActiveXObject) {
+    xmldom = new ActiveXObject('Microsoft.XMLDOM')
+    xmldom.async = false
+    xmldom.loadXML(xml)
+    root = xmldom.documentElement
+  }
+  if (!root) return
+  const data = this.parseDOM(root)
+  return data
+}
+
+//  method: parseHTTP( url, options, callback )
+
+XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
+  const myOpt = {}
+  for (const key in options) {
+    myOpt[key] = options[key] // copy object
+  }
+  if (!myOpt.method) {
+    if (
+      typeof myOpt.postBody === 'undefined' &&
+      typeof myOpt.postbody === 'undefined' &&
+      typeof myOpt.parameters === 'undefined'
+    ) {
+      myOpt.method = 'get'
+    } else {
+      myOpt.method = 'post'
+    }
+  }
+  if (callback) {
+    myOpt.asynchronous = true // async-mode
+    const __this = this
+    const __func = callback
+    const __save = myOpt.onComplete
+    myOpt.onComplete = function (trans) {
+      let tree
+      if (trans && trans.responseXML && trans.responseXML.documentElement) {
+        tree = __this.parseDOM(trans.responseXML.documentElement)
+      }
+      __func(tree, trans)
+      if (__save) __save(trans)
+    }
+  } else {
+    myOpt.asynchronous = false // sync-mode
+  }
+  let trans
+  if (typeof HTTP !== 'undefined' && HTTP.Request) {
+    myOpt.uri = url
+    const req = new HTTP.Request(myOpt)
+    if (req) trans = req.transport
+  } else if (typeof Ajax !== 'undefined' && Ajax.Request) {
+    const req = new Ajax.Request(url, myOpt)
+    if (req) trans = req.transport
+  }
+  if (callback) return trans
+  if (trans && trans.responseXML && trans.responseXML.documentElement) {
+    return this.parseDOM(trans.responseXML.documentElement)
+  }
+}
+
+XML.ObjTree.prototype.parseDOM = function (root) {
+  if (!root) return
+
+  this.__force_array = {}
+  if (this.force_array) {
+    for (let i = 0; i < this.force_array.length; i++) {
+      this.__force_array[this.force_array[i]] = 1
+    }
+  }
+
+  let json = this.parseElement(root) // parse root node
+  if (this.__force_array[root.nodeName]) {
+    json = [json]
+  }
+  if (root.nodeType !== 11) {
+    // DOCUMENT_FRAGMENT_NODE
+    const tmp = {}
+    tmp[root.nodeName] = json // root nodeName
+    json = tmp
+  }
+  return json
+}
+
+//  method: parseElement( element )
+/**
+ * @reference node type reference https://www.w3schools.com/xml/dom_nodetype.asp
+ */
+XML.ObjTree.prototype.parseElement = function (elem) {
+  //  PROCESSING_INSTRUCTION_NODE
+  if (elem.nodeType === 7) {
+    return
+  }
+
+  //  TEXT_NODE CDATA_SECTION_NODE COMMENT_NODE
+  if (elem.nodeType === 3 || elem.nodeType === 4 || elem.nodeType === 8) {
+    // eslint-disable-next-line no-control-regex
+    const bool = elem.nodeValue.match(/[^\x00-\x20]/)
+    if (bool == null) return // ignore white spaces
+    return elem.nodeValue
+  }
+
+  let retVal = null
+  const cnt = {}
+
+  if (elem.attributes && elem.attributes.length) {
+    retVal = {}
+    for (let i = 0; i < elem.attributes.length; i++) {
+      let key = elem.attributes[i].nodeName
+      if (typeof key !== 'string') continue
+      let val = elem.attributes[i].nodeValue
+      try {
+        val = JSON.parse(elem.attributes[i].nodeValue.replace(/'/g, '"'))
+      } catch (error) {
+        val = elem.attributes[i].nodeValue
+      }
+      if (val === null || val === undefined) continue
+      key = this.attr_prefix + key
+      if (typeof cnt[key] === 'undefined') cnt[key] = 0
+      cnt[key]++
+      this.addNode(retVal, key, cnt[key], val)
+    }
+  }
+
+  //  parse child nodes (recursive)
+  if (elem.childNodes && elem.childNodes.length) {
+    let textOnly = true
+    if (retVal) textOnly = false // some attributes exists
+    for (let i = 0; i < elem.childNodes.length && textOnly; i++) {
+      const nType = elem.childNodes[i].nodeType
+      if (nType === 3 || nType === 4 || nType === 8) continue
+      textOnly = false
+    }
+    if (textOnly) {
+      if (!retVal) retVal = ''
+      for (let i = 0; i < elem.childNodes.length; i++) {
+        retVal += elem.childNodes[i].nodeValue
+      }
+    } else {
+      if (!retVal) retVal = {}
+      for (let i = 0; i < elem.childNodes.length; i++) {
+        const key = elem.childNodes[i].nodeName
+        if (typeof key !== 'string') continue
+        const val = this.parseElement(elem.childNodes[i])
+        if (!val) continue
+        if (typeof cnt[key] === 'undefined') cnt[key] = 0
+        cnt[key]++
+        this.addNode(retVal, key, cnt[key], val)
+      }
+    }
+  } else {
+    // @see issue https://github.com/didi/LogicFlow/issues/1068
+    // if retVal is null, that means the elem doesn't have any attributes and children,
+    // the elem would be like: <a /> or <a></a>, so set retVal to empty object {}
+    retVal === null && (retVal = {})
+  }
+  return retVal
+}
+
+//  method: addNode( hash, key, count, value )
+
+XML.ObjTree.prototype.addNode = function (hash, key, counts, val) {
+  if (this.__force_array[key]) {
+    if (counts === 1) hash[key] = []
+    hash[key][hash[key].length] = val // push
+  } else if (counts === 1) {
+    // 1st sibling
+    hash[key] = val
+  } else if (counts === 2) {
+    // 2nd sibling
+    hash[key] = [hash[key], val]
+  } else {
+    // 3rd sibling and more
+    hash[key][hash[key].length] = val
+  }
+}
+
+//  method: writeXML( tree )
+
+XML.ObjTree.prototype.writeXML = function (tree) {
+  const xml = this.hash_to_xml(null, tree)
+  return this.xmlDecl + xml
+}
+
+//  method: hash_to_xml( tagName, tree )
+
+XML.ObjTree.prototype.hash_to_xml = function (name, tree) {
+  const elem = []
+  const attr = []
+  for (const key in tree) {
+    if (!has(tree, key)) continue
+    const val = tree[key]
+    if (key.charAt(0) !== this.attr_prefix) {
+      if (typeof val === 'undefined' || val == null) {
+        elem[elem.length] = `<${key} />`
+      } else if (typeof val === 'object' && val.constructor === Array) {
+        elem[elem.length] = this.array_to_xml(key, val)
+      } else if (typeof val === 'object') {
+        elem[elem.length] = this.hash_to_xml(key, val)
+      } else {
+        elem[elem.length] = this.scalar_to_xml(key, val)
+      }
+    } else {
+      attr[attr.length] = ` ${key.substring(1)}="${this.xml_escape(val)}"`
+    }
+  }
+  const jattr = attr.join('')
+  let jelem = elem.join('')
+  if (typeof name === 'undefined' || name == null) {
+    // no tag
+  } else if (elem.length > 0) {
+    if (jelem.match(/\n/)) {
+      jelem = `<${name}${jattr}>\n${jelem}</${name}>\n`
+    } else {
+      jelem = `<${name}${jattr}>${jelem}</${name}>\n`
+    }
+  } else {
+    jelem = `<${name}${jattr} />\n`
+  }
+  return jelem
+}
+
+//  method: array_to_xml( tagName, array )
+
+XML.ObjTree.prototype.array_to_xml = function (name, array) {
+  const out = []
+  for (let i = 0; i < array.length; i++) {
+    const val = array[i]
+    if (typeof val === 'undefined' || val == null) {
+      out[out.length] = `<${name} />`
+    } else if (typeof val === 'object' && val.constructor === Array) {
+      out[out.length] = this.array_to_xml(name, val)
+    } else if (typeof val === 'object') {
+      out[out.length] = this.hash_to_xml(name, val)
+    } else {
+      out[out.length] = this.scalar_to_xml(name, val)
+    }
+  }
+  return out.join('')
+}
+
+//  method: scalar_to_xml( tagName, text )
+
+XML.ObjTree.prototype.scalar_to_xml = function (name, text) {
+  if (name === '#text') {
+    return this.xml_escape(text)
+  }
+  return `<${name}>${this.xml_escape(text)}</${name}>\n`
+}
+
+//  method: xml_escape( text )
+
+XML.ObjTree.prototype.xml_escape = function (text) {
+  return text
+    .replace(/&/g, '&')
+    .replace(/</g, '<')
+    .replace(/>/g, '>')
+    .replace(/"/g, '"')
+}
+
+/*
+// ========================================================================
+
+=head1 NAME
+
+XML.ObjTree -- XML source code from/to JavaScript object like E4X
+
+=head1 SYNOPSIS
+
+var xotree = new XML.ObjTree();
+var tree1 = {
+root: {
+node: "Hello, World!"
+}
+};
+var xml1 = xotree.writeXML( tree1 );        // object tree to XML source
+alert( "xml1: "+xml1 );
+
+var xml2 = '<?xml version="1.0"?><response><error>0</error></response>';
+var tree2 = xotree.parseXML( xml2 );        // XML source to object tree
+alert( "error: "+tree2.response.error );
+
+=head1 DESCRIPTION
+
+XML.ObjTree class is a parser/generator between XML source code
+and JavaScript object like E4X, ECMAScript for XML.
+This is a JavaScript version of the XML::TreePP module for Perl.
+This also works as a wrapper for XMLHTTPRequest and successor to JKL.ParseXML class
+when this is used with prototype.js or JSAN's HTTP.Request class.
+
+=head2 JavaScript object tree format
+
+A sample XML source:
+
+<?xml version="1.0" encoding="UTF-8"?>
+<family name="Kawasaki">
+<father>Yasuhisa</father>
+<mother>Chizuko</mother>
+<children>
+<girl>Shiori</girl>
+<boy>Yusuke</boy>
+<boy>Kairi</boy>
+</children>
+</family>
+
+Its JavaScript object tree like JSON/E4X:
+
+{
+'family': {
+'-name':    'Kawasaki',
+'father':   'Yasuhisa',
+'mother':   'Chizuko',
+'children': {
+'girl': 'Shiori'
+'boy': [
+'Yusuke',
+'Kairi'
+]
+}
+}
+};
+
+Each elements are parsed into objects:
+
+tree.family.father;             # the father's given name.
+
+Prefix '-' is inserted before every attributes' name.
+
+tree.family["-name"];           # this family's family name
+
+A array is used because this family has two boys.
+
+tree.family.children.boy[0];    # first boy's name
+tree.family.children.boy[1];    # second boy's name
+tree.family.children.girl;      # (girl has no other sisters)
+
+=head1 METHODS
+
+=head2 xotree = new XML.ObjTree()
+
+This constructor method returns a new XML.ObjTree object.
+
+=head2 xotree.force_array = [ "rdf:li", "item", "-xmlns" ];
+
+This property allows you to specify a list of element names
+which should always be forced into an array representation.
+The default value is null, it means that context of the elements
+will determine to make array or to keep it scalar.
+
+=head2 xotree.attr_prefix = '@';
+
+This property allows you to specify a prefix character which is
+inserted before each attribute names.
+Instead of default prefix '-', E4X-style prefix '@' is also available.
+The default character is '-'.
+Or set '@' to access attribute values like E4X, ECMAScript for XML.
+The length of attr_prefix must be just one character and not be empty.
+
+=head2 tree = xotree.parseXML( xmlSrc );
+
+This method loads an XML document using the supplied string
+and returns its JavaScript object converted.
+
+=head2 tree = xotree.parseDOM( domNode );
+
+This method parses a DOM tree (ex. responseXML.documentElement)
+and returns its JavaScript object converted.
+
+=head2 tree = xotree.parseHTTP( url, options );
+
+This method loads a XML file from remote web server
+and returns its JavaScript object converted.
+XMLHTTPRequest's synchronous mode is always used.
+This mode blocks the process until the response is completed.
+
+First argument is a XML file's URL
+which must exist in the same domain as parent HTML file's.
+Cross-domain loading is not available for security reasons.
+
+Second argument is options' object which can contains some parameters:
+method, postBody, parameters, onLoading, etc.
+
+This method requires JSAN's L<HTTP.Request> class or prototype.js's Ajax.Request class.
+
+=head2 xotree.parseHTTP( url, options, callback );
+
+If a callback function is set as third argument,
+XMLHTTPRequest's asynchronous mode is used.
+
+This mode calls a callback function with XML file's JavaScript object converted
+after the response is completed.
+
+=head2 xmlSrc = xotree.writeXML( tree );
+
+This method parses a JavaScript object tree
+and returns its XML source generated.
+
+=head1 EXAMPLES
+
+=head2 Text node and attributes
+
+If a element has both of a text node and attributes
+or both of a text node and other child nodes,
+text node's value is moved to a special node named "#text".
+
+var xotree = new XML.ObjTree();
+var xmlSrc = '<span class="author">Kawasaki Yusuke</span>';
+var tree = xotree.parseXML( xmlSrc );
+var class = tree.span["-class"];        # attribute
+var name  = tree.span["#text"];         # text node
+
+=head2 parseHTTP() method with HTTP-GET and sync-mode
+
+HTTP/Request.js or prototype.js must be loaded before calling this method.
+
+var xotree = new XML.ObjTree();
+var url = "http://example.com/index.html";
+var tree = xotree.parseHTTP( url );
+xotree.attr_prefix = '@';                   // E4X-style
+alert( tree.html["@lang"] );
+
+This code shows C<lang=""> attribute from a X-HTML source code.
+
+=head2 parseHTTP() method with HTTP-POST and async-mode
+
+Third argument is a callback function which is called on onComplete.
+
+var xotree = new XML.ObjTree();
+var url = "http://example.com/mt-tb.cgi";
+var opts = {
+postBody:   "title=...&excerpt=...&url=...&blog_name=..."
+};
+var func = function ( tree ) {
+alert( tree.response.error );
+};
+xotree.parseHTTP( url, opts, func );
+
+This code send a track back ping and shows its response code.
+
+=head2 Simple RSS reader
+
+This is a RSS reader which loads RDF file and displays all items.
+
+var xotree = new XML.ObjTree();
+xotree.force_array = [ "rdf:li", "item" ];
+var url = "http://example.com/news-rdf.xml";
+var func = function( tree ) {
+var elem = document.getElementById("rss_here");
+for( var i=0; i<tree["rdf:RDF"].item.length; i++ ) {
+var divTag = document.createElement( "div" );
+var aTag = document.createElement( "a" );
+aTag.href = tree["rdf:RDF"].item[i].link;
+var title = tree["rdf:RDF"].item[i].title;
+var tNode = document.createTextNode( title );
+aTag.appendChild( tNode );
+divTag.appendChild( aTag );
+elem.appendChild( divTag );
+}
+};
+xotree.parseHTTP( url, {}, func );
+
+=head2  XML-RPC using writeXML, prototype.js and parseDOM
+
+If you wish to use prototype.js's Ajax.Request class by yourself:
+
+var xotree = new XML.ObjTree();
+var reqTree = {
+methodCall: {
+methodName: "weblogUpdates.ping",
+params: {
+param: [
+{ value: "Kawa.net xp top page" },  // 1st param
+{ value: "http://www.kawa.net/" }   // 2nd param
+]
+}
+}
+};
+var reqxml = xotree.writeXML( reqTree );       // JS-Object to XML code
+var url = "http://example.com/xmlrpc";
+var func = function( req ) {
+var resDom = req.responseXML.documentElement;
+xotree.force_array = [ "member" ];
+var resTree = xotree.parseDOM( resDom );   // XML-DOM to JS-Object
+alert( resTree.methodResponse.params.param.value.struct.member[0].value.string );
+};
+var opt = {
+method:         "post",
+postBody:       reqxml,
+asynchronous:   true,
+onComplete:     func
+};
+new Ajax.Request( url, opt );
+
+=head1 AUTHOR
+
+Yusuke Kawasaki http://www.kawa.net/
+=head1 COPYRIGHT AND LICENSE
+
+Copyright (c) 2005-2006 Yusuke Kawasaki. All rights reserved.
+This program is free software; you can redistribute it and/or
+modify it under the Artistic license. Or whatever license I choose,
+which I will do instead of keeping this documentation like it is.
+
+=cut
+// ========================================================================
+*/
+
+const lfXml2Json = (xmlData) => new XML.ObjTree().parseXML(xmlData)
+
+export { lfXml2Json }