30:[] 2e:{"title":"XML to JSON","cells":[{"id":0,"value":"md`# XML to JSON\n\nConvert XML to JSON using DOMParser.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"parser = new DOMParser()","pinned":true,"hidden":false,"mode":"ojs"},{"id":139,"value":"viewof xmlTextInitial = Inputs.textarea({\n label: \"Enter your XML here. Or in the file input below\",\n rows: 80,\n value: `\n\n 3\n \n Alice\n 1\n \n \n Bob\n 2\n \n \n นก\n 3\n \n\n\n`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"viewof xmlText = {\n const fileI = fileInput({\n accepts: \".xml\"\n });\n\n const wrapper = htl.html`${fileI}`;\n function set(val) {\n wrapper.value = val;\n wrapper.dispatchEvent(new Event(\"input\", { bubbles: true }));\n }\n\n fileI.addEventListener(\"input\", async () => {\n set(await Files.text(fileI.value));\n });\n wrapper.value = xmlTextInitial;\n\n return wrapper;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"jsonObj = xmlToJSON(xmlText)","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"xmlToJSON = (src) => domToJSON(parser.parseFromString(src, \"application/xml\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"DOM.download(\n new Blob([JSON.stringify(jsonObj)], { type: \"text/json\" }),\n \"output.json\",\n \"Save JSON\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"function domToJSON(node) {\n let obj = Object.create(null);\n if (node.children.length === 0 && node.innerHTML) {\n obj.content = node.innerHTML;\n }\n\n const counts = childCounts(node);\n\n for (const child of node.children) {\n const { localName } = child;\n if (counts[localName] > 1) {\n (obj[localName] = obj[localName] || []).push(domToJSON(child));\n } else {\n obj[localName] = domToJSON(child);\n }\n }\n\n let attrs = node.attributes;\n if (attrs) {\n for (let i = attrs.length - 1; i >= 0; i--) {\n obj[attrs[i].name] = attrs[i].value;\n }\n }\n\n return obj;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"childCounts = (node) => {\n const counts = {};\n for (const {localName} of node.children)\n counts[localName] = (counts[localName] || 0) + 1;\n return counts;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"md`Want a Map instead? Ok.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"xmlToMap(`\n\n 3\n \n Alice\n 1\n \n \n Bob\n 2\n \n \n นก\n 3\n \n\n`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"xmlToMap = (src) => domToMap(parser.parseFromString(src, \"application/xml\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"function domToMap(node) {\n const map = new Map();\n\n if (node.children.length === 0 && node.innerHTML) {\n map.set(\"content\", node.innerHTML);\n }\n const counts = childCounts(node);\n\n for (const child of node.children) {\n const { localName } = child;\n if (counts[localName] > 1) {\n const array = map.get(localName) || [];\n array.push(domToMap(child));\n map.set(localName, array);\n } else {\n map.set(localName, domToMap(child));\n }\n }\n\n let attrs = node.attributes;\n if (attrs) {\n for (let i = attrs.length - 1; i >= 0; i--) {\n map.set(attrs[i].name, attrs[i].value);\n }\n }\n\n return map;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":133,"value":"// While file.inputs support default values let's use\nimport { fileInput } from \"@mbostock/file-input-with-initial-value\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}