2d:null 2e:["$","title",null,{"children":"Zip file to JSON | Scax | Observable"}] 33:[] 31:{"id":"cb4dfdaf5ddc9fb8","slug":"zip-file-to-json","title":"Zip file to JSON","thumbnail":"c11d7ecc4b80622a55f21f387a70b192a19b6fb85b82ecfd7760bb986ef8f3ff","access_level":"public","create_time":"$D2020-06-22T23:48:37.579Z","update_time":"$D2020-06-28T13:11:20.348Z","view_time":null,"first_public_time":"$D2020-06-23T01:38:34.188Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"5fe82c555943a562","login":"scax","name":"Scax","avatar_url":"https://avatars-next.observableusercontent.com/4a8f6b87d8903df3a9a64c9016e07643383a21748e3bc603ada2887a9a6c437f","tier":"starter_2024"},"version":202,"publish_version":202,"role":null,"authored":false,"authors":[{"type":"individual","id":"4dd0ebba5aaa52bc","login":"scax","name":"Scax","avatar_url":"https://avatars-next.observableusercontent.com/4a8f6b87d8903df3a9a64c9016e07643383a21748e3bc603ada2887a9a6c437f","tier":null}],"members":[{"type":"individual","id":"4dd0ebba5aaa52bc","login":"scax","name":"Scax","avatar_url":"https://avatars-next.observableusercontent.com/4a8f6b87d8903df3a9a64c9016e07643383a21748e3bc603ada2887a9a6c437f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"title":"Zip file to JSON","cells":[{"id":0,"value":"md`# Zip file to JSON\n\n1. Choose file\n2. (optinal) configer how extentions are parsed\n3. click on \"Render/Uppdate JSON\"\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof zipFile = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"table = html`\n\n\n\n\n\n\n\n\n

Type	extentions
string	json,md
base64	png,jpg
binarystring
array
uint8array
arraybuffer
blob

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"md`more information about the [types](https://stuk.github.io/jszip/documentation/api_zipobject/async.html)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"{\n const button = html` `;\n const div = isJsonRendered\n ? html`

The input data has been updated.

`\n : html`

The input data has been changed. Click to update the input and render the JSON.

`;\n button.disabled = isJsonRendered;\n button.onclick = () => {\n mutable inputData = obj;\n mutable isJsonRendered = true;\n button.disabled = true;\n };\n return html`${button}${div}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"md`## JSON`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"md`\n\\`\\`\\`\\`json\n${JSON.stringify(inputData, 1, 1)}\n\\`\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"obj = {\n const file = await ZipToJSON(zipFile)\n mutable isJsonRendered = false;\n return file;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"async function ZipToJSON(zipFile) {\n const zip = new JSZip();\n await zip.loadAsync(zipFile);\n const file = {};\n zip.forEach((name, zFile) => {\n const nowC = file;\n let now = nowC;\n name.split(\"/\").forEach(async (part, index, array) => {\n if (part == \"\") return;\n if (array.length - 1 == index) {\n const ext = part.split(\".\").reverse()[0];\n let type = RenderMap[ext];\n if (!type) {\n type = \"base64\";\n }\n now[part] = await zFile.async(type);\n }\n if (now[part] === undefined) {\n now[part] = {};\n now = now[part];\n } else {\n now = now[part];\n }\n });\n });\n return file;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"mutable inputData = null","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"mutable isJsonRendered = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"RenderMap = GetTableData(table, table => {\n const pTable = DefaultTableDataParser(table);\n const typeMap = {};\n\n pTable.forEach(row => {\n const exts = row[pTable.properties[1]].split(\",\").filter(e => e !== \"\");\n exts.forEach(ext => (typeMap[ext] = row[pTable.properties[0]]));\n });\n //mutable isJsonRendered = false;\n return typeMap;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"import { GetTableData, DefaultTableDataParser } from \"@scax/editable-table\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"JSZip = require('jszip@3.5.0/dist/jszip.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"