mirror of
https://github.com/elder-plinius/P4RS3LT0NGV3.git
synced 2026-05-27 10:22:35 +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)
48 lines
3.7 KiB
HTML
48 lines
3.7 KiB
HTML
<div v-if="activeTab === 'fuzzer'" class="tab-content">
|
||
<div class="transform-layout">
|
||
<div class="transform-section">
|
||
<div class="section-header">
|
||
<h3><i class="fas fa-bug"></i> Mutation Lab <small>mutate text into diverse payloads</small></h3>
|
||
</div>
|
||
<div class="input-section">
|
||
<label>
|
||
Base text
|
||
<textarea v-model="fuzzerInput" placeholder="Enter seed text to fuzz..." rows="3"></textarea>
|
||
</label>
|
||
</div>
|
||
<div class="options-grid">
|
||
<label>
|
||
Cases
|
||
<input type="number" v-model.number="fuzzerCount" min="1" max="500" />
|
||
</label>
|
||
<label>
|
||
Seed (optional)
|
||
<input type="text" v-model="fuzzerSeed" placeholder="e.g., 1337" />
|
||
</label>
|
||
</div>
|
||
<div class="options-grid">
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzUseRandomMix" /><span>Random Mix (transforms)</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzZeroWidth" /><span>Zero‑width pepper</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzUnicodeNoise" /><span>Unicode noise</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzZalgo" /><span>Zalgo</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzWhitespace" /><span>Whitespace chaos</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzCasing" /><span>Casing chaos</span></label>
|
||
<label class="switch neon"><input type="checkbox" v-model="fuzzEncodeShuffle" /><span>Homoglyph confusables</span></label>
|
||
</div>
|
||
<div class="token-bomb-actions mutation-actions">
|
||
<button class="transform-button" @click="generateFuzzCases"><i class="fas fa-hammer"></i> Generate Cases</button>
|
||
<button class="action-button copy" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
|
||
<button class="action-button download" v-if="fuzzerOutputs.length" @click="downloadFuzz"><i class="fas fa-download"></i> Download</button>
|
||
</div>
|
||
<div class="output-container" v-if="fuzzerOutputs.length">
|
||
<div class="token-tiles fuzzer-list" style="display:flex; flex-direction:column; gap:8px;">
|
||
<div v-for="(out, i) in fuzzerOutputs" :key="'fz-'+i" class="token-chip" style="display:flex; align-items:center; gap:8px;">
|
||
<span style="opacity:.7; min-width:32px;">#{{ i+1 }}</span>
|
||
<textarea :value="out" readonly style="flex:1; min-height:46px;"></textarea>
|
||
<button class="copy-button" @click="copyToClipboard(out)" title="Copy"><i class="fas fa-copy"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |