LuminDoc (LDOC) Viewer

Upload, inspect, and extract LuminDoc containers

\n\n

\n \n

Upload LDOC File

Drag & drop an LDOC file here or

\n \n \n

\n \n

\n \n \n \n

\n\n

Create LDOC Container

Drag & drop files here or

\n \n \n

Selected Files:

\n \n \n

\n\n \n

LDOC Contents

\n \n

Files

\n \n \n

Select a file to view

\n \n

No file selected

\n\n

LDOC Information

Header

Objects

\n\n \n

\n\n \n\n",[],[192,206],[192],{"_104":215,"_95":170,"_152":216,"_154":-5,"_155":138,"_156":209,"_158":159,"_106":217,"_100":32,"_161":174,"_163":218,"_164":22,"_165":-5,"_166":219,"_98":220},"234e9c50-343a-11f0-80fe-9e149126039e","234e9db8-343a-11f0-80fe-9e149126039e",["D",1747608475353],"# LuminDoc (LDOC) Viewer\n\nA web interface for encoding, inspecting, and extracting LuminDoc (LDOC) containers on Val Town.\n\n## Features\n\n- **Upload LDOC Files**: Drag and drop or browse to upload LDOC containers\n- **View LDOC Contents**: Browse and inspect files within LDOC containers\n- **Extract Files**: Extract all files from an LDOC container as a ZIP archive\n- **View File Information**: Display detailed metadata about LDOC containers\n- **Create LDOC Containers**: Package multiple files into a new LDOC container\n\n## What is LDOC?\n\nLuminDoc (LDOC) is a container format designed for packaging multiple files together with metadata. It's similar to ZIP or TAR but with specific features for document-oriented applications.\n\nKey characteristics of the LDOC format:\n- Magic header \"LDOC01\" for identification\n- CBOR-encoded manifest with file metadata\n- Compressed file contents using zlib\n- Support for various file types with automatic MIME type detection\n- Revision history in the trailer section\n\n## Implementation Details\n\nThis application provides a complete implementation of the LDOC format:\n\n- **Backend**: TypeScript implementation of LDOC reader and writer classes\n- **Frontend**: Modern web interface for interacting with LDOC containers\n- **Viewer**: Support for viewing text files, images, and binary files\n- **API**: RESTful endpoints for encoding, extracting, and inspecting LDOC files\n\n## Usage\n\n1. **View LDOC Contents**:\n - Upload an LDOC file using the upload area\n - Click \"View Contents\" to browse the files inside\n - Select any file in the tree to view its contents\n\n2. **Extract LDOC Files**:\n - Upload an LDOC file\n - Click \"Extract All\" to download a ZIP archive with all files\n\n3. **View LDOC Information**:\n - Upload an LDOC file\n - Click \"Show Info\" to see detailed metadata about the container\n\n4. **Create LDOC Container**:\n - Add files using the \"Create LDOC Container\" section\n - Click \"Create LDOC\" to package the files into a new LDOC container\n\n## Technical Implementation\n\nThe application consists of:\n\n- LDOC Writer class for creating LDOC containers\n- LDOC Reader class for extracting and inspecting LDOC containers\n- API endpoints for handling LDOC operations\n- Frontend interface built with HTML, CSS, and JavaScript\n- File viewer with support for syntax highlighting and image preview\n\n## Credits\n\nBased on the Python reference implementation of the LDOC format.",[],[170],"files",[150,168,178,190,196,204,214],"counts",{"_225":32,"_226":184,"_227":32,"_228":32},"pulls","branches","forks","envVars","contents",[231,234],{"_104":169,"_95":170,"_152":171,"_154":153,"_155":138,"_156":172,"_158":159,"_106":232,"_100":32,"_161":174,"_163":175,"_164":22,"_165":-5,"_98":233},["D",1747608585011],[99,170],{"_104":179,"_95":180,"_152":181,"_154":153,"_155":138,"_156":182,"_158":22,"_106":235,"_100":184,"_161":185,"_163":186,"_164":22,"_165":-5,"_98":236},["D",1747608571173],[99,180],{"_104":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":157,"_158":159,"_106":238,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":239},["D",1747608565939],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":248,"_148":253,"_221":275,"_174":276,"_229":278,"_283":-5,"_284":22,"_285":-5,"_286":-5,"_287":-5,"_288":289},{"_104":105,"_95":96,"_106":249,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":250,"_132":251,"_135":252,"_147":22},["D",1747608267525],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[254,263,272],{"_104":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":157,"_158":159,"_106":160,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":255,"_98":262},[256,259],{"_104":169,"_95":170,"_152":171,"_154":153,"_155":138,"_156":172,"_158":159,"_106":173,"_100":32,"_161":174,"_163":175,"_164":22,"_165":-5,"_166":257,"_98":258},[],[99,170],{"_104":179,"_95":180,"_152":181,"_154":153,"_155":138,"_156":182,"_158":22,"_106":183,"_100":184,"_161":185,"_163":186,"_164":22,"_165":-5,"_166":260,"_98":261},[],[99,180],[99],{"_104":191,"_95":192,"_152":193,"_154":-5,"_155":138,"_156":184,"_158":159,"_106":194,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":264,"_98":271},[265,268],{"_104":197,"_95":170,"_152":198,"_154":193,"_155":138,"_156":199,"_158":159,"_106":200,"_100":32,"_161":174,"_163":201,"_164":22,"_165":-5,"_166":266,"_98":267},[],[192,170],{"_104":205,"_95":206,"_152":207,"_154":193,"_155":138,"_156":101,"_158":22,"_106":208,"_100":209,"_161":174,"_163":210,"_164":22,"_165":-5,"_166":269,"_98":270},[],[192,206],[192],{"_104":215,"_95":170,"_152":216,"_154":-5,"_155":138,"_156":209,"_158":159,"_106":217,"_100":32,"_161":174,"_163":218,"_164":22,"_165":-5,"_166":273,"_98":274},[],[170],[254,256,259,263,265,268,272],{"_104":151,"_95":99,"_152":153,"_154":-5,"_155":138,"_156":157,"_158":159,"_106":238,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":277},[99],[279,281],{"_104":169,"_95":170,"_152":171,"_154":153,"_155":138,"_156":172,"_158":159,"_106":232,"_100":32,"_161":174,"_163":175,"_164":22,"_165":-5,"_98":280},[99,170],{"_104":179,"_95":180,"_152":181,"_154":153,"_155":138,"_156":182,"_158":22,"_106":235,"_100":184,"_161":185,"_163":186,"_164":22,"_165":-5,"_98":282},[99,180],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]