Initial commit with implementation plan and documentation

- Created plan.md with step-by-step implementation phases
- Updated CLAUDE.md with project guide and development progress
- Added HTML examples and TypeScript configuration files
- Set up proper .gitignore

🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>

Author: luke

.gitignore

@@ -0,0 +1,34 @@
+# Node.js / Bun
+node_modules/
+bun.lockb
+
+# Build outputs
+dist/
+build/
+.cache/
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Editor directories and files
+.idea/
+.vscode/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# OS specific
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

CLAUDE.md

@@ -0,0 +1,29 @@
+# Claude's Guide to html-package-bundle
+
+## Commands
+- Build: `bun run index.ts`
+- Dev: `bun --watch index.ts`
+- Format: Use 2-space indentation in TS/JS, 4-space in HTML
+- Type check: `bun tsc --noEmit`
+- Run tests: `bun test` (when implemented)
+- Git commit: `git add . && git commit -m "Your message"`
+
+## Code Style
+- Use semicolons at end of statements
+- Prefer ES6+ features (arrow functions, destructuring, etc.)
+- Add JSDoc comments for functions and components
+- Use descriptive variable/function names
+- Follow strict TypeScript practices with explicit types
+- Keep HTML semantic and properly indented
+- Use async/await for asynchronous operations
+- Organize code in logical component structures
+- Handle errors with try/catch blocks where appropriate
+
+## Project Structure
+This project creates a self-modifying single-file HTML app that bundles JavaScript package files into one HTML file. The implementation follows a phased approach outlined in `plan.md`.
+
+## Development Progress
+We're tracking development progress in the `plan.md` file, which outlines the implementation phases and technical considerations. Refer to this document for the current status and next steps.
+
+## Environment Handling
+The app needs to handle different environments (file://, localhost, and https://) with appropriate feature support for each context.

README.md

@@ -0,0 +1,15 @@
+# html-package-bundle
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.2.2. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

bun.lock

@@ -0,0 +1,27 @@
+{
+  "lockfileVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "html-package-bundle",
+      "devDependencies": {
+        "@types/bun": "latest",
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0",
+      },
+    },
+  },
+  "packages": {
+    "@types/bun": ["@types/[email protected]", "", { "dependencies": { "bun-types": "1.2.7" } }, "sha512-t8L1RvJVUghW5V+M/fL3Thbxcs0HwNsXsnTEBEfEVqGteiJToOlZ/fyOEaR1kZsNqnu+3XA4RI/qmnX4w6+S+w=="],
+
+    "@types/node": ["@types/[email protected]", "", { "dependencies": { "undici-types": "~6.20.0" } }, "sha512-Zs/Ollc1SJ8nKUAgc7ivOEdIBM8JAKgrqqUYi2J997JuKO7/tpQC+WCetQ1sypiKCQWHdvdg9wBNpUPEWZae7w=="],
+
+    "@types/ws": ["@types/[email protected]", "", { "dependencies": { "@types/node": "*" } }, "sha512-8svvI3hMyvN0kKCJMvTJP/x6Y/EoQbepff882wL+Sn5QsXb3etnamgrJq4isrBxSJj5L2AuXcI0+bgkoAXGUJw=="],
+
+    "bun-types": ["[email protected]", "", { "dependencies": { "@types/node": "*", "@types/ws": "*" } }, "sha512-P4hHhk7kjF99acXqKvltyuMQ2kf/rzIw3ylEDpCxDS9Xa0X0Yp/gJu/vDCucmWpiur5qJ0lwB2bWzOXa2GlHqA=="],
+
+    "typescript": ["[email protected]", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ=="],
+
+    "undici-types": ["[email protected]", "", {}, "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg=="],
+  }
+}