-
Notifications
You must be signed in to change notification settings - Fork 3
Description
MicroSeek OS by webXOS 2025
webxos.netlify.app/microseek
A minimal, browser-based text operating system inspired by terminal interfaces. Built as a single HTML file for portability, it provides file management, editing, and computation tools in a retro green-screen aesthetic. No server required—runs entirely client-side with local storage via IndexedDB.
Features
- Terminal Interface: Command-line driven with history, suggestions, and auto-complete navigation.
- File System: Branch-based organization (like Git branches) for grouping files. Supports Markdown files (.md) with auto-sanitization (spaces to underscores).
- Commands:
HELP: Display command list.TREE: Show file structure.BROWSER: Open graphical file manager with drag-and-drop between branches.WRITE [FILE]: Create or edit a file in built-in editor.READ FILE.MD: View file in typewriter mode (animated character-by-character reading with speed control).EDIT FILE.MD: Open file in editor.RENAME FILE.MD: Prompt to rename a file.DELETE FILE: Delete a file with confirmation.BRANCH [NAME]: Switch or create branches.CALC: Open calculator popup.IMPORT: Upload files.EXPORT ALL: Download entire system as unified Markdown.EXPORT FILE.MD: Download single file.CLEAR: Clear terminal.
- Typewriter Mode: Animated reading with adjustable speed (50-400 CPS), stop via
READ STOP. - File Browser: Windows-style popup with sidebar, drag-drop, new file/branch creation, rename/delete.
- Calculator: Basic arithmetic with parentheses and error handling.
- Persistence: Files stored in browser's IndexedDB—data survives page reloads.
- Mobile Optimized: Responsive design with touch support.
- Extras: Simulated loading boot sequence, RAG embeddings (basic TF.js), GPU.js integration (unused in core).
How It Works
MicroSeek OS is a self-contained HTML file with inline CSS and JavaScript. Here's the breakdown:
-
Boot Process:
- Simulates loading with progress bar (BOOTING KERNEL → READY).
- Initializes TensorFlow.js for embeddings, Math.js for calculations, and GPU.js.
- Sets up IndexedDB for file storage (database:
microseek_os, store:files). - Loads existing files or creates a default
README.md.
-
Terminal:
- Input commands in the prompt (
/tree/main>). - Output displays in a scrollable area with syntax highlighting (e.g., links for files/branches).
- Suggestions appear below for quick actions.
- Input commands in the prompt (
-
File Management:
- Files are Markdown-only, stored with metadata (name, branch, content, size, modified, accessed).
- Branches organize files; switch with
BRANCH name. - Import: Upload text files, select branch.
- Export: Unified MD with metadata or single files.
-
Editor Popup:
- Simple textarea for Markdown editing.
- Save updates IndexedDB; delete with confirmation.
-
Typewriter Reading:
- Animates content reveal with blinking cursor.
- Speed slider for real-time adjustment.
- Stops on end or command.
-
Calculator Popup:
- Grid-based buttons for digits/operators.
- Evaluates expressions using Math.js.
-
File Browser Popup:
- Sidebar for branches/all files.
- Grid view with icons, sizes, rename/delete buttons.
- Drag files to branches for moving.
-
Technical Notes:
- Storage: IndexedDB persists data locally (no cloud).
- Sanitization: Filenames auto-convert spaces to underscores, remove invalid chars.
- Embeddings: Basic TF.js for future RAG/search (currently simulated).
- No Internet: All offline except CDN scripts (TF.js, Math.js).
- Compatibility: Modern browsers (Chrome, Firefox, Safari). Mobile-friendly but best on desktop.
To run: Open microseek.html in a browser. No installation needed.
Installation
- Download
microseek.html. - Open in any modern browser.
- (Optional) Host on a static server for sharing.
No dependencies beyond browser APIs. Scripts loaded from CDNs:
- TensorFlow.js: For embeddings.
- Math.js: For calculations.
Usage
- Open the file—wait for boot.
- Type
HELPfor commands. - Create a file:
WRITE notes.md. - Read:
READ notes.md(adjust speed slider). - Organize:
BRANCH ideas, thenWRITE idea1.md. - Browse:
BROWSERfor visual management. - Export:
EXPORT ALLfor backup.
Data is local—clear browser storage to reset.
Use Cases
- Personal Note-Taking: Quick Markdown notes in branches (e.g.,
daily,projects). Typewriter mode for focused reading. - Offline Writing Tool: Draft articles/emails without distractions. Export to MD for GitHub/blogs.
- Learning/Prototyping: Teach CLI basics; simulate OS in education. Calculator for quick math.
- Idea Organization: Branch per topic (e.g.,
recipes,todo). Drag-drop to reorganize. - Portable Knowledge Base: Carry in a single file; import/export for backups. Useful for travelers/offline workers.
- Minimalist Computing: Retro interface for focus; extend with JS for custom commands.
Built by webxos
x.com/webxos | webxos.netlify.app | github.com/webxos