nyblnet

Bento GitHub Explained: How a 560 KB HTML Office Suite Runs Locally bento by nyblnet: nyblnet/bento Bento packages a presentation and office suite into a single uncompiled HTML file. This architecture overview explains how its BentoDoc JSON model keeps document state machine-readable, how element identity drives morph transitions, and how AES-GCM encryption, a blind relay, and CRDT state tracking support collaboration without a traditional login system. It also covers the practical trade-offs: browser memory and media limits, external URLs for larger assets, local-file storage boundaries, and snapshot-based undo during multiplayer editing. The result is a local-first design where portability, offline operation, and direct AI file editing are balanced against the storage and collaboration conventions of larger cloud platforms. TimeStamps: 0:00 Single-File Architecture 0:17 Bento's 560 KB HTML Runtime 1:03 Offline Editing and Local Data Sovereignty 2:25 BentoDoc JSON and Agent Editing 3:57 Morph Transitions by Element Identity 5:05 Encrypted Collaboration Without Logins 6:25 CRDT Sync and Offline Merging 7:48 Asset Budgets and Browser Trade-offs 8:36 Local File Storage Boundaries 9:05 Plain Text as an AI Interface 9:46 Local-First Software Trade-offs 🧩 Single-file presentation architecture 🗂️ Plaintext JSON and AI-readable documents 🔄 Morph rendering, AES-GCM relay, and CRDT sync 📦 Offline portability balanced against storage limits Bento shows how a browser-based office suite can keep its runtime and document state in one portable artifact. The key takeaway is the architectural trade-off: local control and offline capability come with explicit limits around media size, browser storage, and decentralized collaboration workflows. #Bento #OpenSource #LocalFirst [de-DE] Bento GitHub erklärt: Wie eine 560 KB große HTML-Office-Suite lokal läuft Bento von nyblnet: nyblnet/bento Bento bündelt eine Präsentations- und Office-Suite in einer einzigen, unkompilierten HTML-Datei. Diese Architekturübersicht erklärt, wie das BentoDoc-JSON-Modell den Dokumentstatus maschinenlesbar hält, wie die Elementidentität Morph-Übergänge steuert und wie AES-GCM-Verschlüsselung, ein Blind Relay und CRDT-Statusverfolgung die Zusammenarbeit ohne herkömmliches Anmeldesystem ermöglichen. Außerdem werden die praktischen Kompromisse erläutert: Speicher- und Medienbeschränkungen des Browsers, externe URLs für größere Dateien, Grenzen des lokalen Dateispeichers und Snapshot-basiertes Rückgängigmachen während der Mehrspieler-Bearbeitung. Das Ergebnis ist ein lokal-first Design, bei dem Portabilität, Offline-Betrieb und direkte KI-Dateibearbeitung mit den Speicher- und Kollaborationskonventionen größerer Cloud-Plattformen in Einklang gebracht werden. Zeitstempel: 0:00 Architektur mit einer einzigen Datei 0:17 Bentos 560 KB große HTML-Laufzeitumgebung 1:03 Offline-Bearbeitung und lokale Datenhoheit 2:25 BentoDoc JSON und Agentenbearbeitung 3:57 Morph-Übergänge anhand der Elementidentität 5:05 Verschlüsselte Zusammenarbeit ohne Anmeldung 6:25 CRDT-Synchronisierung und Offline-Zusammenführung 7:48 Ressourcenbudgets und Browser-Kompromisse 8:36 Grenzen des lokalen Dateispeichers 9:05 Klartext als KI-Schnittstelle 9:46 Kompromisse bei lokal priorisierter Software 🧩 Präsentationsarchitektur mit einer einzigen Datei 🗂️ Klartext-JSON und KI-lesbare Dokumente 🔄 Morph-Rendering, AES-GCM-Relay und CRDT-Synchronisierung 📦 Offline-Portabilität im Gleichgewicht mit Speichergrenzen Bento zeigt, wie eine browserbasierte Office-Suite ihre Laufzeitumgebung und ihren Dokumentstatus in einem portablen Artefakt speichern kann. Die wichtigste Erkenntnis ist der architektonische Kompromiss: Lokale Kontrolle und Offline-Funktionalität bringen klare Beschränkungen hinsichtlich Mediengröße, Browserspeicher und dezentraler Kollaborationsprozesse mit sich. #Bento #OpenSource #LocalFirst [es-US] Explicación del GitHub de Bento: cómo funciona una suite ofimática HTML de 560 KB de forma local Bento de nyblnet: nyblnet/bento Bento empaqueta una suite de presentaciones y ofimática en un único archivo HTML sin compilar. Esta descripción general de la arquitectura explica cómo su modelo JSON BentoDoc mantiene el estado del documento legible por máquina, cómo la identidad de los elementos controla las transiciones de transformación y cómo el cifrado AES-GCM, un relé ciego y el seguimiento del estado CRDT permiten la colaboración sin un sistema de inicio de sesión tradicional. También aborda las ventajas y desventajas prácticas: límites de memoria y medios del navegador, URL externas para archivos de mayor tamaño, limitaciones de almacenamiento local y deshacer basado en instantáneas durante la edición multijugador. El resultado es un diseño que prioriza lo local, donde la portabilidad, el funcionamiento sin conexión y la edición directa de archivos mediante IA se equilibran con las convenciones de almacenamiento y colaboración de las plataformas en la nube más grandes. Marcas de tiempo: 0:00 Arquitectura de archivo único 0:17 Tiempo de ejecución HTML de 560 KB de Bento 1:03 Edición sin conexión y soberanía de datos locales 2:25 JSON de BentoDoc y edición de agentes 3:57 Transiciones Morph por identidad de elemento 5:05 Colaboración cifrada sin inicios de sesión 6:25 Sincronización CRDT y fusión sin conexión 7:48 Presupuestos de recursos y compensaciones del navegador 8:36 Límites de almacenamiento de archivos locales 9:05 Texto plano como interfaz de IA 9:46 Compromisos del software con prioridad local 🧩 Arquitectura de presentación de archivo único 🗂️ JSON de texto plano y documentos legibles por IA 🔄 Renderizado Morph, retransmisión AES-GCM y sincronización CRDT 📦 Portabilidad sin conexión equilibrada con los límites de almacenamiento Bento muestra cómo una suite ofimática basada en navegador puede mantener su tiempo de ejecución y el estado del documento en un único artefacto portátil. La principal conclusión es la disyuntiva arquitectónica: el control local y la capacidad sin conexión conllevan limitaciones explícitas en cuanto al tamaño de los archivos multimedia, el almacenamiento en el navegador y los flujos de trabajo de colaboración descentralizados. #Bento #OpenSource #LocalFirst [fr-FR] Explication du GitHub de Bento : Comment une suite bureautique HTML de 560 Ko fonctionne localement Bento par nyblnet : nyblnet/bento Bento regroupe une suite bureautique et de présentation dans un seul fichier HTML non compilé. Cette présentation de l'architecture explique comment son modèle JSON BentoDoc garantit la lisibilité de l'état du document par les machines, comment l'identité des éléments pilote les transitions morphing et comment le chiffrement AES-GCM, un relais aveugle et le suivi d'état CRDT facilitent la collaboration sans système d'authentification traditionnel. Elle aborde également les compromis pratiques : limites de mémoire et de médias du navigateur, URL externes pour les fichiers volumineux, limitations du stockage local et annulation par instantané lors de l'édition multijoueur. Il en résulte une conception privilégiant le local, où la portabilité, le fonctionnement hors ligne et l'édition directe de fichiers par l'IA sont mis en balance avec les conventions de stockage et de collaboration des grandes plateformes cloud. Horodatage : 0:00 Architecture monofichier 0:17 Environnement d'exécution HTML de 560 Ko de Bento 1:03 Édition hors ligne et souveraineté des données locales 2:25 BentoDoc JSON et édition par agent 3:57 Transitions morphiques par identité d'élément 5:05 Collaboration chiffrée sans identifiants 6:25 Synchronisation CRDT et fusion hors ligne 7:48 Budgets de ressources et compromis du navigateur 8:36 Limites du stockage local des fichiers 9:05 Texte brut comme interface d'IA 9:46 Compromis liés à une approche logicielle privilégiant le local 🧩 Architecture de présentation monofichier 🗂️ JSON en texte brut et documents lisibles par l'IA 🔄 Rendu morphique, relais AES-GCM et synchronisation CRDT 📦 Portabilité hors ligne équilibrée avec les limites de stockage Bento démontre comment une suite bureautique basée sur un navigateur peut conserver son environnement d'exécution et l'état de ses documents dans un seul artefact portable. L'essentiel à retenir est le compromis architectural : le contrôle local et la possibilité d'utiliser le mode hors ligne s'accompagnent de limites explicites concernant la taille des fichiers multimédias, le stockage du navigateur et les flux de travail collaboratifs décentralisés. #Bento #OpenSource #LocalFirst [hi] Bento GitHub की व्याख्या: 560 KB का HTML ऑफिस सूट स्थानीय रूप से कैसे काम करता है nyblnet द्वारा bento: nyblnet/bento Bento एक ही असंकलित HTML फ़ाइल में प्रस्तुति और कार्यालय सामग्री का संयोजन करता है। यह आर्किटेक्चर अवलोकन बताता है कि कैसे इसका BentoDoc JSON मॉडल दस्तावेज़ की स्थिति को मशीन-पठनीय बनाए रखता है, कैसे तत्व पहचान मॉर्फ ट्रांज़िशन को नियंत्रित करती है, और कैसे AES-GCM एन्क्रिप्शन, एक ब्लाइंड रिले और CRDT स्टेट ट्रैकिंग पारंपरिक लॉगिन सिस्टम के बिना सहयोग को बढ़ावा देते हैं। इसमें व्यावहारिक चुनौतियों का भी उल्लेख है: ब्राउज़र मेमोरी और मीडिया सीमाएँ, बड़ी संपत्तियों के लिए बाहरी URL, स्थानीय फ़ाइल संग्रहण सीमाएँ और मल्टीप्लेयर संपादन के दौरान स्नैपशॉट-आधारित अनडू सुविधा। इसका परिणाम एक स्थानीय-केंद्रित डिज़ाइन है जहाँ सुवाह्यता, ऑफ़लाइन संचालन और प्रत्यक्ष AI फ़ाइल संपादन को बड़े क्लाउड प्लेटफ़ॉर्म की संग्रहण और सहयोग संबंधी परंपराओं के साथ संतुलित किया गया है। टाइमस्टैम्प: 0:00 सिंगल-फ़ाइल आर्किटेक्चर 0:17 बेंटो का 560 KB HTML रनटाइम 1:03 ऑफ़लाइन संपादन और स्थानीय डेटा संप्रभुता 2:25 बेंटोडॉक JSON और एजेंट संपादन 3:57 एलिमेंट पहचान द्वारा मॉर्फ ट्रांज़िशन 5:05 लॉगिन के बिना एन्क्रिप्टेड सहयोग 6:25 CRDT सिंक और ऑफ़लाइन विलय 7:48 एसेट बजट और ब्राउज़र ट्रेड-ऑफ़ 8:36 स्थानीय फ़ाइल संग्रहण सीमाएँ 9:05 AI इंटरफ़ेस के रूप में प्लेन टेक्स्ट 9:46 लोकल-फर्स्ट सॉफ़्टवेयर ट्रेड-ऑफ़ 🧩 सिंगल-फ़ाइल प्रस्तुति आर्किटेक्चर 🗂️ प्लेन टेक्स्ट JSON और AI-पठनीय दस्तावेज़ 🔄 मॉर्फ रेंडरिंग, AES-GCM रिले और CRDT सिंक 📦 संग्रहण सीमाओं के मुकाबले ऑफ़लाइन पोर्टेबिलिटी का संतुलन बेंटो दिखाता है कि कैसे एक ब्राउज़र-आधारित ऑफिस सूट अपने रनटाइम और दस्तावेज़ स्थिति को सुरक्षित रख सकता है एक पोर्टेबल आर्टिफैक्ट। मुख्य निष्कर्ष आर्किटेक्चरल ट्रेड-ऑफ है: स्थानीय नियंत्रण और ऑफ़लाइन क्षमता के साथ मीडिया आकार, ब्राउज़र स्टोरेज और विकेंद्रीकृत सहयोग वर्कफ़्लो पर स्पष्ट सीमाएँ हैं। #Bento #OpenSource #LocalFirst [id] Penjelasan Bento GitHub: Bagaimana Office Suite HTML 560 KB Berjalan Secara Lokal Bento oleh nyblnet: nyblnet/bento Bento mengemas paket presentasi dan perkantoran ke dalam satu file HTML yang belum dikompilasi. Gambaran arsitektur ini menjelaskan bagaimana model JSON BentoDoc menjaga status dokumen tetap dapat dibaca oleh mesin, bagaimana identitas elemen mendorong transisi morph, dan bagaimana enkripsi AES-GCM, relay buta, dan pelacakan status CRDT mendukung kolaborasi tanpa sistem login tradisional. Ini juga mencakup pertimbangan praktis: batasan memori dan media browser, URL eksternal untuk aset yang lebih besar, batasan penyimpanan file lokal, dan pembatalan berbasis snapshot selama pengeditan multipemain. Hasilnya adalah desain yang mengutamakan lokal di mana portabilitas, operasi offline, dan pengeditan file AI langsung diseimbangkan dengan konvensi penyimpanan dan kolaborasi platform cloud yang lebih besar. Cap Waktu: 0:00 Arsitektur Berkas Tunggal 0:17 Runtime HTML Bento 560 KB 1:03 Pengeditan Offline dan Kedaulatan Data Lokal 2:25 JSON BentoDoc dan Pengeditan Agen 3:57 Transisi Morph berdasarkan Identitas Elemen 5:05 Kolaborasi Terenkripsi Tanpa Login 6:25 Sinkronisasi CRDT dan Penggabungan Offline 7:48 Anggaran Aset dan Kompromi Browser 8:36 Batasan Penyimpanan Berkas Lokal 9:05 Teks Biasa sebagai Antarmuka AI 9:46 Kompromi Perangkat Lunak yang Mengutamakan Lokal 🧩 Arsitektur presentasi berkas tunggal 🗂️ JSON teks biasa dan dokumen yang dapat dibaca AI 🔄 Rendering Morph, relay AES-GCM, dan sinkronisasi CRDT 📦 Portabilitas offline yang seimbang dengan batasan penyimpanan Bento menunjukkan bagaimana suite perkantoran berbasis browser dapat menyimpan runtime dan status dokumennya dalam satu artefak portabel. Poin pentingnya adalah pertimbangan arsitektur: kontrol lokal dan kemampuan offline memiliki batasan yang jelas terkait ukuran media, penyimpanan browser, dan alur kerja kolaborasi terdesentralisasi. #Bento #OpenSource #LocalFirst [it] Bento GitHub spiegato: come una suite Office in HTML da 560 KB può essere eseguita localmente Bento di nyblnet: nyblnet/bento Bento racchiude una suite per presentazioni e ufficio in un singolo file HTML non compilato. Questa panoramica dell'architettura spiega come il modello JSON BentoDoc mantenga lo stato del documento leggibile dalle macchine, come l'identità degli elementi gestisca le transizioni di morphing e come la crittografia AES-GCM, un relay cieco e il tracciamento dello stato CRDT supportino la collaborazione senza un sistema di login tradizionale. Vengono inoltre trattati i compromessi pratici: limiti di memoria e multimediali del browser, URL esterni per risorse di grandi dimensioni, limiti di archiviazione locale dei file e annullamento basato su snapshot durante la modifica multiutente. Il risultato è un design "local-first" in cui portabilità, funzionamento offline e modifica diretta dei file tramite IA sono bilanciati con le convenzioni di archiviazione e collaborazione delle piattaforme cloud più grandi. Indice dei contenuti: 0:00 Architettura a file singolo 0:17 Runtime HTML di Bento da 560 KB 1:03 Modifica offline e sovranità dei dati locali 2:25 JSON di BentoDoc e modifica tramite agente 3:57 Transizioni Morph in base all'identità dell'elemento 5:05 Collaborazione crittografata senza login 6:25 Sincronizzazione CRDT e unione offline 7:48 Budget di risorse e compromessi del browser 8:36 Limiti di archiviazione dei file locali 9:05 Testo semplice come interfaccia AI 9:46 Compromessi del software "local-first" 🧩 Architettura di presentazione a file singolo 🗂️ Documenti in formato JSON e leggibili dall'IA 🔄 Rendering Morph, relay AES-GCM e sincronizzazione CRDT 📦 Portabilità offline bilanciata con i limiti di archiviazione Bento mostra come una suite per ufficio basata su browser possa mantenere il runtime e lo stato del documento in un unico artefatto portatile. Il punto chiave è il compromesso architetturale: il controllo locale e la funzionalità offline comportano limiti espliciti in termini di dimensioni dei file multimediali, spazio di archiviazione del browser e flussi di lavoro di collaborazione decentralizzati. #Bento #OpenSource #LocalFirst [pt-BR] Bento do GitHub explicado: Como uma suíte de escritório em HTML de 560 KB roda localmente Bento por nyblnet: nyblnet/bento O Bento empacota uma suíte de apresentação e escritório em um único arquivo HTML não compilado. Esta visão geral da arquitetura explica como seu modelo JSON BentoDoc mantém o estado do documento legível por máquina, como a identidade do elemento controla as transições de transformação e como a criptografia AES-GCM, um relay cego e o rastreamento de estado CRDT suportam a colaboração sem um sistema de login tradicional. Também aborda as compensações práticas: limites de memória e mídia do navegador, URLs externas para arquivos maiores, limites de armazenamento de arquivos locais e desfazer baseado em snapshots durante a edição multiplayer. O resultado é um design que prioriza o local, onde a portabilidade, a operação offline e a edição direta de arquivos por IA são equilibradas com as convenções de armazenamento e colaboração de plataformas de nuvem maiores. Marcadores de tempo: 0:00 Arquitetura de arquivo único 0:17 Tempo de execução HTML de 560 KB do Bento 1:03 Edição offline e soberania de dados locais 2:25 JSON do BentoDoc e edição por agente 3:57 Transições Morph por identidade de elemento 5:05 Colaboração criptografada sem logins 6:25 Sincronização CRDT e mesclagem offline 7:48 Orçamentos de recursos e compensações do navegador 8:36 Limites de armazenamento de arquivos locais 9:05 Texto simples como interface de IA 9:46 Compensações de software com foco em local 🧩 Arquitetura de apresentação de arquivo único 🗂️ JSON em texto simples e documentos legíveis por IA 🔄 Renderização Morph, retransmissão AES-GCM e sincronização CRDT 📦 Portabilidade offline equilibrada com limites de armazenamento O Bento mostra como um pacote de escritório baseado em navegador pode manter seu tempo de execução e estado do documento em um único artefato portátil. A principal conclusão é a compensação arquitetônica: o controle local e a capacidade offline vêm com limites explícitos em relação ao tamanho da mídia, ao armazenamento do navegador e aos fluxos de trabalho de colaboração descentralizados. #Bento #OpenSource #LocalFirst

Yes, Keynote is (was!) my go to. But it's been years since I've been presenter guy so I may end up with a vibe-presented custom solution if I did it today. I've used and like nyblnet/bento, but more and more I'm just going to self-contained html because the effort in to get what I want is just so low.

📌 Find it on GitHub: nyblnet/bento Install: git clone --depth 1 nyblnet/bento && cd bento/slides && npm install --no-audit --no-fund && git log -1 --format='%h %cs %s' Update: cd bento && git pull --ff-only Uninstall: rm -rf bento && echo removed bento Which repo should I review next? Drop it here 👇

This presentation doesn't need PowerPoint This presentation doesn't need PowerPoint: the whole editor lives inside the same HTML file. Bento is an open-source suite (MIT) by nyblnet: a single .bento.html file of about 700 KB that carries slides, viewer and editor, and opens in any browser. In the video we build it from source in a container, flip through the sample deck, insert a chart and present with the Morph transition. 📦 Find it on GitHub: nyblnet/bento ⚙️ Commands: Install: git clone --depth 1 nyblnet/bento && cd bento/slides && npm install --no-audit --no-fund && git log -1 --format='%h %cs %s' Update: cd bento && git pull --ff-only Uninstall: rm -rf bento && echo removed bento ⚠️ Version 1.2. Live collaboration is optional and uses a relay; encryption is end to end according to the README. 💬 Questions? Ask me in the comments. 🔔 Subscribe: one useful repo every day. Data as of Oct 20, 2026 · Not affiliated with the project. #opensource #github #powerpoint #presentations #freetools