[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","4665abaede64d7a40f12c22a2a13ecb98867c1ee","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_168":169,"_170":-5},"handle","Gj64","name","untitled-1852","path","backend/index.ts","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","a76dfc48-3439-11f0-b763-9e149126039e","createdAt",["D",1747608267525],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","7a0c84a0-dbe1-11ef-9b09-6b36455f83c6","pinnedFileId","pinPreview","screenshotVersion","likeCount","9968bbf5-e0ab-412f-b7a8-abd03e472dc8","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yc0FOem9oZ1ZjUXYxYk1wOXNEZ2ZmMnhsTHgifQ","org",{"_93":94,"_131":128,"_12":111},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",13,"a76e2c18-3439-11f0-b763-9e149126039e","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":135,"_156":157,"_103":158,"_134":159,"_160":161,"_162":163,"_164":20,"_165":-5,"_97":166},"00309600-343b-11f0-a375-9e149126039e","index.ts","fileId","594cc228-343a-11f0-888f-9e149126039e","parentId","cac455ca-98d3-427c-9576-6649c13ad419","branchId","branchVersion","latest",true,["D",1747608845931],3,"fileType","http","content","/**\n * LuminDoc (LDOC) Format Implementation for Val Town\n * \n * A web interface for encoding, inspecting, and extracting LuminDoc containers.\n * Based on the Python reference implementation.\n */\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport pako from \"https://esm.sh/pako@2.1.0\";\nimport { encode, decode } from \"https://esm.sh/cbor-x@1.5.8\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport JSZip from \"https://esm.sh/jszip@3.10.1\";\n\n// Create Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Constants\nconst MAGIC = new TextEncoder().encode(\"LDOC01\");\nconst VERSION = 1;\nconst HEADER_SIZE = 32; // 6 + 1 + 1 + 4 + 8 + 8 + 4 = 32 bytes\nconst ALIGN = 8;\n\n// Helper functions\nfunction align8(x: number): number {\n return (x + ALIGN - 1) & ~(ALIGN - 1);\n}\n\nasync function sha256(data: Uint8Array): Promise {\n const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n}\n\n// LDOC Writer class\nclass LDOCWriter {\n // Extension → (type, mime) fall-back table\n private static EXTMAP: Record = {\n // text / markup\n \".html\": [\"text\", \"text/html\"],\n \".htm\": [\"text\", \"text/html\"],\n \".txt\": [\"text\", \"text/plain\"],\n \".md\": [\"text\", \"text/markdown\"],\n \".xml\": [\"text\", \"application/xml\"],\n \".json\": [\"text\", \"application/json\"],\n \".yaml\": [\"text\", \"text/yaml\"],\n \".yml\": [\"text\", \"text/yaml\"],\n // stylesheets\n \".css\": [\"style\", \"text/css\"],\n \".edgecss\": [\"style\", \"text/css\"],\n // images (raster)\n \".png\": [\"image\", \"image/png\"],\n \".jpg\": [\"image\", \"image/jpeg\"],\n \".jpeg\": [\"image\", \"image/jpeg\"],\n \".gif\": [\"image\", \"image/gif\"],\n \".bmp\": [\"image\", \"image/bmp\"],\n \".webp\": [\"image\", \"image/webp\"],\n \".jxl\": [\"image\", \"image/jxl\"],\n \".tif\": [\"image\", \"image/tiff\"],\n \".tiff\": [\"image\", \"image/tiff\"],\n // images (vector)\n \".svg\": [\"vector\", \"image/svg+xml\"],\n \".eps\": [\"vector\", \"application/postscript\"],\n // fonts\n \".ttf\": [\"font\", \"font/ttf\"],\n \".otf\": [\"font\", \"font/otf\"],\n \".ttc\": [\"font\", \"font/collection\"],\n \".otc\": [\"font\", \"font/collection\"],\n \".woff\": [\"font\", \"font/woff\"],\n \".woff2\": [\"font\", \"font/woff2\"],\n // script / binary blobs\n \".js\": [\"script\", \"text/javascript\"],\n \".wasm\": [\"binary\", \"application/wasm\"],\n };\n\n private compressionLevel: number;\n\n constructor(compressionLevel: number = 9) {\n this.compressionLevel = compressionLevel;\n }\n\n async encode(files: Array<{ name: string, data: Uint8Array }>): Promise {\n if (files.length === 0) {\n throw new Error(\"No files to package\");\n }\n\n // 1. Collect & compress every file\n const entries: Array<{\n path: string,\n compressed: Uint8Array,\n meta: Record\n }> = [];\n\n for (const file of files) {\n await this.addFile(file.name, file.data, entries);\n }\n\n // 2. Build manifest\n const { manifestBytes, manifestLen, padLen, objects } = \n await this.finalizeManifest(entries);\n\n // 3. Compute header + trailer\n const firstObjOff = HEADER_SIZE + manifestLen + padLen;\n const trailerOffset = firstObjOff + \n objects.reduce((sum, obj) => sum + obj.length, 0);\n\n const revisions = [{\n root: objects[0].id, // placeholder: first object's hash\n timestamp: Math.floor(Date.now() / 1000),\n author: \"valtown-user\",\n }];\n const trailerBytes = new TextEncoder().encode(\n JSON.stringify(revisions, null, 0)\n );\n\n // 4. Create header\n const header = new Uint8Array(HEADER_SIZE);\n const headerView = new DataView(header.buffer);\n \n // Write MAGIC (6 bytes)\n for (let i = 0; i < MAGIC.length; i++) {\n header[i] = MAGIC[i];\n }\n \n // Write VERSION and FLAGS (1 byte each)\n header[6] = VERSION;\n header[7] = 0; // flags\n \n // Write MANIFEST_LEN (4 bytes)\n headerView.setUint32(8, manifestLen, false); // big-endian\n \n // Write MANIFEST_OFFSET (8 bytes)\n headerView.setBigUint64(12, BigInt(HEADER_SIZE), false); // big-endian\n \n // Write TRAILER_OFFSET (8 bytes)\n headerView.setBigUint64(20, BigInt(trailerOffset), false); // big-endian\n \n // Write RESERVED (4 bytes)\n headerView.setUint32(28, 0, false); // big-endian\n\n // 5. Combine all parts into final container\n const container = new Uint8Array(trailerOffset + trailerBytes.length);\n \n // Copy header\n container.set(header, 0);\n \n // Copy manifest\n container.set(manifestBytes, HEADER_SIZE);\n \n // Add padding if needed\n let currentOffset = HEADER_SIZE + manifestLen + padLen;\n \n // Copy compressed file data\n for (const entry of entries) {\n container.set(entry.compressed, currentOffset);\n currentOffset += entry.compressed.length;\n }\n \n // Copy trailer\n container.set(trailerBytes, trailerOffset);\n\n return container;\n }\n\n private async addFile(\n path: string, \n data: Uint8Array, \n entries: Array<{\n path: string,\n compressed: Uint8Array,\n meta: Record\n }>\n ): Promise {\n const compressed = pako.deflate(data, { level: this.compressionLevel });\n const [fileType, mimeType] = this.detectType(path);\n \n const meta = {\n id: await sha256(data),\n type: fileType,\n length: compressed.length,\n orig_length: data.length,\n encoding: \"zlib\",\n mime: mimeType,\n path: path,\n };\n \n entries.push({\n path,\n compressed,\n meta,\n });\n }\n\n private detectType(filename: string): [string, string] {\n const ext = filename.substring(filename.lastIndexOf(\".\")).toLowerCase();\n \n if (ext in LDOCWriter.EXTMAP) {\n return LDOCWriter.EXTMAP[ext];\n }\n \n // Simple MIME type detection based on extension\n const mimeMap: Record = {\n \".pdf\": \"application/pdf\",\n \".zip\": \"application/zip\",\n \".doc\": \"application/msword\",\n \".docx\": \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n // Add more as needed\n };\n \n const mimeType = ext in mimeMap ? mimeMap[ext] : \"application/octet-stream\";\n return [\"binary\", mimeType];\n }\n\n private async finalizeManifest(\n entries: Array<{\n path: string,\n compressed: Uint8Array,\n meta: Record\n }>\n ): Promise<{\n manifestBytes: Uint8Array,\n manifestLen: number,\n padLen: number,\n objects: Array>\n }> {\n let manifestLen = 0; // initial guess forces loop\n let objects: Array> = [];\n let manifestBytes: Uint8Array;\n\n while (true) {\n const startOff = align8(HEADER_SIZE + manifestLen);\n let offset = startOff;\n objects = [];\n\n for (const entry of entries) {\n const obj = { ...entry.meta, offset };\n objects.push(obj);\n offset += entry.compressed.length;\n }\n\n manifestBytes = encode(objects);\n const newLen = manifestBytes.length;\n\n if (newLen === manifestLen) {\n break;\n }\n manifestLen = newLen;\n }\n\n const padLen = align8(HEADER_SIZE + manifestLen) - (HEADER_SIZE + manifestLen);\n return { manifestBytes, manifestLen, padLen, objects };\n }\n}\n\n// LDOC Reader class\nclass LDOCReader {\n private container: Uint8Array;\n private header: Record;\n private objects: Array>;\n\n constructor(container: Uint8Array) {\n this.container = container;\n this.header = this.readHeader();\n this.objects = this.readManifest();\n }\n\n private readHeader(): Record {\n if (this.container.length < HEADER_SIZE) {\n throw new Error(\"File too small for LDOC header\");\n }\n\n // Check magic\n for (let i = 0; i < MAGIC.length; i++) {\n if (this.container[i] !== MAGIC[i]) {\n throw new Error(\"Not an LDOC container\");\n }\n }\n\n const view = new DataView(this.container.buffer, this.container.byteOffset);\n \n return {\n version: this.container[6],\n flags: this.container[7],\n manifest_len: view.getUint32(8, false), // big-endian\n manifest_off: Number(view.getBigUint64(12, false)), // big-endian\n trailer_off: Number(view.getBigUint64(20, false)), // big-endian\n };\n }\n\n private readManifest(): Array> {\n const manifestData = this.container.slice(\n this.header.manifest_off,\n this.header.manifest_off + this.header.manifest_len\n );\n return decode(manifestData);\n }\n\n extract(): Array<{ path: string, data: Uint8Array }> {\n const files: Array<{ path: string, data: Uint8Array }> = [];\n\n for (const obj of this.objects) {\n const compressed = this.container.slice(\n obj.offset,\n obj.offset + obj.length\n );\n \n const data = pako.inflate(compressed);\n files.push({\n path: obj.path,\n data,\n });\n }\n\n return files;\n }\n\n getInfo(): { header: Record, objects: Array> } {\n return {\n header: this.header,\n objects: this.objects,\n };\n }\n}\n\n// Serve frontend\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// API endpoints\napp.post(\"/api/encode\", async (c) => {\n try {\n const formData = await c.req.formData();\n const files: Array<{ name: string, data: Uint8Array }> = [];\n \n for (const [_, file] of formData.entries()) {\n if (file instanceof File) {\n const arrayBuffer = await file.arrayBuffer();\n files.push({\n name: file.name,\n data: new Uint8Array(arrayBuffer),\n });\n }\n }\n \n if (files.length === 0) {\n return c.json({ error: \"No files uploaded\" }, 400);\n }\n \n const writer = new LDOCWriter();\n const container = await writer.encode(files);\n \n return new Response(container, {\n headers: {\n \"Content-Type\": \"application/octet-stream\",\n \"Content-Disposition\": `attachment; filename=\"bundle.ldoc\"`,\n },\n });\n } catch (error) {\n console.error(error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.post(\"/api/info\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"file\");\n \n if (!(file instanceof File)) {\n return c.json({ error: \"No LDOC file uploaded\" }, 400);\n }\n \n const arrayBuffer = await file.arrayBuffer();\n const container = new Uint8Array(arrayBuffer);\n \n const reader = new LDOCReader(container);\n const info = reader.getInfo();\n \n return c.json(info);\n } catch (error) {\n console.error(error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.post(\"/api/extract\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"file\");\n \n if (!(file instanceof File)) {\n return c.json({ error: \"No LDOC file uploaded\" }, 400);\n }\n \n const arrayBuffer = await file.arrayBuffer();\n const container = new Uint8Array(arrayBuffer);\n \n const reader = new LDOCReader(container);\n const files = reader.extract();\n \n // Create a zip file containing all extracted files\n const zip = new JSZip();\n \n for (const { path, data } of files) {\n zip.file(path, data);\n }\n \n const zipBlob = await zip.generateAsync({ type: \"blob\" });\n const zipBuffer = await zipBlob.arrayBuffer();\n \n return new Response(zipBuffer, {\n headers: {\n \"Content-Type\": \"application/zip\",\n \"Content-Disposition\": `attachment; filename=\"extracted.zip\"`,\n },\n });\n } catch (error) {\n console.error(error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// New endpoint for the LDOC viewer\napp.post(\"/api/view\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"file\");\n \n if (!(file instanceof File)) {\n return c.json({ error: \"No LDOC file uploaded\" }, 400);\n }\n \n const arrayBuffer = await file.arrayBuffer();\n const container = new Uint8Array(arrayBuffer);\n \n const reader = new LDOCReader(container);\n const files = reader.extract();\n \n // Return a list of files with their metadata\n const fileList = files.map(({ path, data }) => {\n // Determine file type based on extension or mime type\n const lastDotIndex = path.lastIndexOf(\".\");\n const ext = lastDotIndex !== -1 ? path.substring(lastDotIndex).toLowerCase() : \"\";\n const obj = reader.getInfo().objects.find(obj => obj.path === path);\n \n return {\n path,\n size: data.length,\n type: obj?.type || \"binary\",\n mime: obj?.mime || \"application/octet-stream\",\n isText: isTextFile(ext, obj?.mime),\n isImage: isImageFile(ext, obj?.mime),\n isDocument: isDocumentFile(ext, obj?.mime),\n isViewable: isViewableFile(ext, obj?.mime),\n };\n });\n \n return c.json({ files: fileList });\n } catch (error) {\n console.error(error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Endpoint to get a specific file from the LDOC container\napp.post(\"/api/view/file\", async (c) => {\n try {\n const formData = await c.req.formData();\n const ldocFile = formData.get(\"file\");\n const filePath = formData.get(\"path\");\n \n if (!(ldocFile instanceof File) || typeof filePath !== \"string\") {\n return c.json({ error: \"Invalid request parameters\" }, 400);\n }\n \n const arrayBuffer = await ldocFile.arrayBuffer();\n const container = new Uint8Array(arrayBuffer);\n \n const reader = new LDOCReader(container);\n const files = reader.extract();\n \n const requestedFile = files.find(f => f.path === filePath);\n \n if (!requestedFile) {\n return c.json({ error: \"File not found in LDOC container\" }, 404);\n }\n \n // Find the file's metadata\n const fileObj = reader.getInfo().objects.find(obj => obj.path === filePath);\n const mimeType = fileObj?.mime || \"application/octet-stream\";\n \n // Return the file content\n return new Response(requestedFile.data, {\n headers: {\n \"Content-Type\": mimeType,\n },\n });\n } catch (error) {\n console.error(error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Helper functions for file type detection\nfunction isTextFile(ext: string, mime?: string): boolean {\n const textExtensions = [\n \".txt\", \".html\", \".htm\", \".css\", \".js\", \".json\", \".md\", \".markdown\", \".xml\", \n \".yaml\", \".yml\", \".svg\", \".edgecss\", \".csv\", \".tsv\", \".log\", \".ini\", \".conf\",\n \".sh\", \".bash\", \".py\", \".rb\", \".java\", \".c\", \".cpp\", \".h\", \".cs\", \".php\"\n ];\n const textMimeTypes = [\n \"text/\", \"application/json\", \"application/xml\", \"application/javascript\"\n ];\n \n return textExtensions.includes(ext.toLowerCase()) || \n (mime ? textMimeTypes.some(t => mime.startsWith(t)) : false);\n}\n\nfunction isImageFile(ext: string, mime?: string): boolean {\n const imageExtensions = [\n \".png\", \".jpg\", \".jpeg\", \".gif\", \".bmp\", \".webp\", \".svg\", \".ico\", \".tif\", \".tiff\"\n ];\n \n return imageExtensions.includes(ext.toLowerCase()) || \n (mime ? mime.startsWith(\"image/\") : false);\n}\n\nfunction isDocumentFile(ext: string, mime?: string): boolean {\n const docExtensions = [\n \".html\", \".htm\", \".md\", \".markdown\", \".svg\", \".pdf\", \".doc\", \".docx\", \n \".xls\", \".xlsx\", \".ppt\", \".pptx\", \".odt\", \".ods\", \".odp\"\n ];\n const docMimeTypes = [\n \"text/html\", \"text/markdown\", \"image/svg+xml\", \"application/pdf\",\n \"application/msword\", \"application/vnd.openxmlformats-officedocument\"\n ];\n \n return docExtensions.includes(ext.toLowerCase()) || \n (mime ? docMimeTypes.some(t => mime.startsWith(t)) : false);\n}\n\nfunction isViewableFile(ext: string, mime?: string): boolean {\n return isTextFile(ext, mime) || isImageFile(ext, mime) || isDocumentFile(ext, mime);\n}\n\n// Export the Hono app\nexport default app.fetch;","deleted","label",[167,149],"backend","permalink","https://www.val.town/x/Gj64/untitled-1852/code/backend/index.ts","extension","actionData","errors"]