---
// Click button, get confetti!
// Styled by Tailwind :)
---

<button
	class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"
>
	<slot />
</button>

<script>
	import confetti from 'canvas-confetti';
	document.body.querySelector('button').addEventListener('click', () => confetti());
</script>
'/'><img src='/cgit.png' alt='cgit logo'/></a></td>
<td class='main'><a href='/'>index</a> : <a href='/ansg191/it-tools/'>it-tools</a></td><td class='form'><form method='get'>
<input type='hidden' name='id' value='bcb98b359c1a7fa39ee2bd72776dbb0434de150e'/><input type='hidden' name='showmsg' value='1'/><select name='h' onchange='this.form.submit();'>
<option value='argon2'>argon2</option>
<option value='card-hover'>card-hover</option>
<option value='dev'>dev</option>
<option value='dev-backup'>dev-backup</option>
<option value='docker-run-to-docker-compose-converter'>docker-run-to-docker-compose-converter</option>
<option value='ed25519-key-pair-generator'>ed25519-key-pair-generator</option>
<option value='feat/jwt-parser'>feat/jwt-parser</option>
<option value='landing-page'>landing-page</option>
<option value='main' selected='selected'>main</option>
<option value='master'>master</option>
<option value='ssg'>ssg</option>
<option value='svg-mesh-gradient-generator'>svg-mesh-gradient-generator</option>
<option value='update-dependencies'>update-dependencies</option>
<option value='update-deps'>update-deps</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>Unnamed repository; edit this file 'description' to name the repository.</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/ansg191/it-tools/about/'>about</a><a href='/ansg191/it-tools/'>summary</a><a href='/ansg191/it-tools/refs/?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e'>refs</a><a class='active' href='/ansg191/it-tools/log/src/tools/json-diff/diff-viewer?showmsg=1&amp;follow=1'>log</a><a href='/ansg191/it-tools/tree/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e'>tree</a><a href='/ansg191/it-tools/commit/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;follow=1'>commit</a><a href='/ansg191/it-tools/diff/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;follow=1'>diff</a></td><td class='form'><form class='right' method='get' action='/ansg191/it-tools/log/src/tools/json-diff/diff-viewer'>
<input type='hidden' name='id' value='bcb98b359c1a7fa39ee2bd72776dbb0434de150e'/><input type='hidden' name='showmsg' value='1'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/ansg191/it-tools/log/?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1&amp;follow=1'>root</a>/<a href='/ansg191/it-tools/log/src?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1&amp;follow=1'>src</a>/<a href='/ansg191/it-tools/log/src/tools?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1&amp;follow=1'>tools</a>/<a href='/ansg191/it-tools/log/src/tools/json-diff?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1&amp;follow=1'>json-diff</a>/<a href='/ansg191/it-tools/log/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1&amp;follow=1'>diff-viewer</a> (<a href='/ansg191/it-tools/log/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;showmsg=1'>unfollow</a>)</div><div class='content'><table class='list nowrap'><tr class='nohover'><th class='left'>Age</th><th class='left'>Commit message (<a href='/ansg191/it-tools/log/src/tools/json-diff/diff-viewer?id=bcb98b359c1a7fa39ee2bd72776dbb0434de150e&amp;follow=1'>Collapse</a>)</th><th class='left'>Author</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr class='logheader'><td><span title='2023-06-19 00:08:07 +0200'>2023-06-19</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/pnpm-lock.yaml?id=732da08157a1bec9e203d40bba06cc67e28f29b4&amp;follow=1'>chore(wysiwyg-editor): update tiptap dependencies</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-845</span>/<span class='insertions'>+1318</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-18 18:24:39 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/percentage-calculator/percentage-calculator.vue?id=b9406a492d49a4a30991792f6b2e24a2c149c853&amp;follow=1'>feat(new-tool): percentage calculator (#456)</a></td><td><img src='//www.gravatar.com/avatar/ea21ce47b6e2753a77f4a25dff0dc209?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Seb
</td><td>5</td><td><span class='deletions'>-1</span>/<span class='insertions'>+129</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
* feat(new tool): percentage calculator

* Apply suggestions from code review

Co-authored-by: Corentin THOMASSET &lt;corentin.thomasset74@gmail.com&gt;

---------

Co-authored-by: Corentin THOMASSET &lt;corentin.thomasset74@gmail.com&gt;

</td></tr>
<tr class='logheader'><td><span title='2023-06-18 18:10:06 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/json-to-csv/json-to-csv.vue?id=69f0bd079fd824dc9e929ccbbaa6bcaab0c38a7c&amp;follow=1'>feat(new-tool): json to csv converter</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>7</td><td><span class='deletions'>-0</span>/<span class='insertions'>+200</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-18 14:56:52 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/ui/c-input-text/c-input-text.vue?id=4cbd7ac14588e954510340186c6797b19caca593&amp;follow=1'>fix(sonar): took down minor sonar warning</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>2</td><td><span class='deletions'>-3</span>/<span class='insertions'>+1</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-18 14:33:58 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/vite.config.ts?id=ebfb872fae8c645cd7285f5dc6a07a2ef4139e99&amp;follow=1'>chore(i18n): setup i18n plugin config</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>11</td><td><span class='deletions'>-5</span>/<span class='insertions'>+256</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-18 10:27:26 +0000'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/xml-formatter/xml-formatter.vue?id=a6bbeaebd8e4f629ff20d6e2386be9c8734f6d8d&amp;follow=1'>feat(new tool): xml formatter (#457)</a></td><td><img src='//www.gravatar.com/avatar/7fb2249fa3ee2624f43316782a0f0625?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> jmmanzano
</td><td>10</td><td><span class='deletions'>-0</span>/<span class='insertions'>+156</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
* feat(new tool): xml formatter

* feat(xml-formatter): added happy path e2e tests

* refactor(xml-formatter): improved unit tests

* refactor(xml-formatter): add better suitable icon

* feat(xml-formatter): added happy path e2e tests

* feat(xml-formatter): registered xml as syntax highlighter

* chore(auto-import): removed unused NSpace

---------

Co-authored-by: Corentin Thomasset &lt;corentin.thomasset74@gmail.com&gt;

</td></tr>
<tr class='logheader'><td><span title='2023-06-18 11:01:54 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/chmod-calculator/chmod-calculator.vue?id=f771e7a99f962463401cdd8addd455782605675f&amp;follow=1'>feat(chmod-calculator): added symbolic representation (#455)</a></td><td><img src='//www.gravatar.com/avatar/ac6a7df476ed83fc3c4763a1c1451214?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> myztillx
</td><td>3</td><td><span class='deletions'>-3</span>/<span class='insertions'>+82</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-18 10:59:22 +0200'>2023-06-18</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/ui/theme/theme.store.ts?id=cf7b1f000a7b33df48ce3883b4c837c4a87768cc&amp;follow=1'>feat(enhancement): use system dark mode (#458)</a></td><td><img src='//www.gravatar.com/avatar/ea21ce47b6e2753a77f4a25dff0dc209?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Seb
</td><td>4</td><td><span class='deletions'>-35</span>/<span class='insertions'>+8</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
* Use prefers-color-scheme

* Remove theme store

</td></tr>
<tr class='logheader'><td><span title='2023-06-11 21:27:40 +0200'>2023-06-11</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/ui/c-input-text/c-input-text.vue?id=1e2a35b89235865cb34b450eb07c8e162cc3513e&amp;follow=1'>refactor(c-input-text): force usage of props with default</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+1</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-10 17:37:38 +0200'>2023-06-10</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/git-memo/git-memo.vue?id=45c247427951b98136660422eaf756c59daccc0f&amp;follow=1'>refactor(naming): prevent auto import conflicts for git memo</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>3</td><td><span class='deletions'>-2</span>/<span class='insertions'>+3</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>
<tr class='logheader'><td><span title='2023-06-10 17:24:10 +0200'>2023-06-10</span></td><td class='logsubject'><a href='/ansg191/it-tools/commit/src/tools/user-agent-parser/user-agent-result-cards.vue?id=fe61f0f2f2bc89fe15ebce2d3a926c02191e4f12&amp;follow=1'>refactor(imports): removed unnecessary imports to vue</a></td><td><img src='//www.gravatar.com/avatar/54f6060db8779300271f0e188f0de9b1?s=13&amp;d=retro' width='13' height='13' alt='Gravatar' /> Corentin Thomasset
</td><td>59</td><td><span class='deletions'>-59</span>/<span class='insertions'>+17</span></td></tr>
<tr class='nohover-highlight'><td/><td colspan='5' class='logmsg'>
</td></tr>