mirror of
https://github.com/elder-plinius/P4RS3LT0NGV3.git
synced 2026-08-12 06:00:24 +02:00
Dustin Farley
dc10a90851
- Implement tool registry system with individual tool modules - Reorganize transformers into categorized source modules - Remove emojiLibrary.js, consolidate into EmojiUtils and emojiData - Fix mobile close button and tooltip functionality - Add build system for transforms and emoji data - Migrate from Python backend to pure JavaScript - Add comprehensive documentation and testing - Improve code organization and maintainability - Ignore generated files (transforms-bundle.js, emojiData.js)
35 lines
1.0 KiB
Markdown
35 lines
1.0 KiB
Markdown
# Tool HTML Templates
|
|
|
|
Templates are injected at build time into `index.html` via `npm run build:templates`.
|
|
|
|
## Workflow
|
|
|
|
1. Edit `.html` files in `templates/`
|
|
2. Run `npm run build:templates`
|
|
3. Refresh browser
|
|
|
|
## Template Files
|
|
|
|
- `decoder.html` - Universal Decoder
|
|
- `steganography.html` - Emoji Steganography
|
|
- `transforms.html` - Text Transformations
|
|
- `tokenade.html` - Tokenade Generator
|
|
- `fuzzer.html` - Mutation Lab
|
|
- `tokenizer.html` - Tokenizer Visualization
|
|
- `splitter.html` - Message Splitter
|
|
- `gibberish.html` - Gibberish Generator
|
|
|
|
## Adding a New Tool Template
|
|
|
|
1. Create `templates/yourtool.html`
|
|
2. Start with: `<div v-if="activeTab === 'yourtool'" class="tab-content">`
|
|
3. Use Vue directives (`v-model`, `@click`, etc.)
|
|
4. Reference data/methods from your tool's `getVueData()` and `getVueMethods()`
|
|
5. Run `npm run build:templates`
|
|
|
|
## Important
|
|
|
|
- **Never edit `index.html` directly** - it's generated
|
|
- **Always rebuild after template changes** - `npm run build:templates`
|
|
- Templates are injected at the `#tool-content-container` marker
|