Initial commit

code/README.md

@@ -0,0 +1,78 @@
+# Code Section
+
+Development workspace for bookmarklets, experiments, and scratch code.
+
+## 🔖 Bookmarklets
+
+Browser-based JavaScript utilities. **See [bookmarklets/README.md](bookmarklets/README.md) for full documentation.**
+
+### Quick Start
+
+1. Write regular JavaScript in `bookmarklets/` (use comments, modern syntax)
+2. Run: `npm run bookmarklet -- code/bookmarklets/your-file.js`
+3. Paste clipboard contents into browser bookmark URL
+
+### Example
+
+```javascript
+/**
+ * My Bookmarklet
+ * Does something cool
+ */
+
+const elements = document.querySelectorAll("a");
+elements.forEach((el) => {
+  el.style.backgroundColor = "yellow";
+});
+
+alert(`Highlighted ${elements.length} links!`);
+```
+
+The generator automatically removes comments, minifies, and wraps in IIFE format.
+
+## 🛠️ Utils
+
+Build tools and generators:
+
+- **bookmarkletMaker.js** - Converts JS files to bookmarklets
+  - Removes comments
+  - Minifies code
+  - Wraps in `javascript:(function(){...})();` format
+  - Copies to clipboard
+
+## 🧪 Scratchpad
+
+Experiment with code organized by language. Use this for:
+
+- Testing new ideas
+- Prototyping features
+- Learning new concepts
+- Code snippets for other projects
+
+### Running Code
+
+- **Python:** `Cmd+Shift+P` → "Code Runner: Run Code"
+- **JavaScript:** Same as above (uses Node.js)
+- **TypeScript:** Install `ts-node` globally first
+
+## 📄 Templates
+
+Reusable code templates and boilerplate:
+
+- **function-template.js** - Function with ES module exports
+- **class-template.js** - Class definition with methods
+- **module-template.js** - Multi-export module pattern
+- Common patterns and structures
+
+**Note:** All templates use ES modules (import/export). See `package.json` with `"type": "module"`.
+
+## 💡 Tips
+
+- Use `// TODO:` comments for tracking work
+- Bookmark important code sections
+- Test in scratchpad before moving to bookmarklets
+- Keep snippets small and focused
+
+---
+
+**Remember:** This is your experimental playground. Break things, learn, iterate!