kunkun-extensions-mirror/kunkunsh-kunkun-ext-json
1
0
Fork 0
mirror of https://github.com/kunkunsh/kunkun-ext-json.git synced 2025-04-04 10:36:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add copy to clipboard functionality and improve UI layout

Browse Source
This commit is contained in:
Huakun Shen 2025-02-24 08:21:20 -05:00
parent a832eacb84
commit c9c4d29d36
No known key found for this signature in database
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -5,7 +5,7 @@
"type": "git", "type": "git",
"url": "https://github.com/kunkunsh/kunkun-ext-json" "url": "https://github.com/kunkunsh/kunkun-ext-json"
}, },
"version": "0.1.0", "version": "0.1.1",
"license": "MIT", "license": "MIT",
"kunkun": { "kunkun": {
"name": "JSON Formatter/Inspector", "name": "JSON Formatter/Inspector",

20
src/routes/+page.svelte
View File

@ -5,7 +5,7 @@
import { Inspect } from 'svelte-inspect-value'; import { Inspect } from 'svelte-inspect-value';
let rawJson = $state(''); let rawJson = $state('');
let jsonData = $state({}); let jsonData = $state(undefined);
function loadJsonFromClipboard() { function loadJsonFromClipboard() {
clipboard.readText().then((text) => { clipboard.readText().then((text) => {
@ -40,7 +40,21 @@
<div class="h-12" data-kunkun-drag-region></div> <div class="h-12" data-kunkun-drag-region></div>
<main class="container"> <main class="container">
<Inspect value={jsonData} /> <Inspect value={jsonData} />
<div class="fixed bottom-5 left-0 flex w-full justify-center"> <div class="fixed bottom-2 left-0 grid w-full grid-cols-2 justify-center gap-2 px-2">
<Button onclick={loadJsonFromClipboard} class="w-[95vw]">Load JSON from Clipboard</Button> <Button
onclick={() => {
clipboard
.writeText(JSON.stringify(jsonData, null, 2))
.then(() => {
toast.success('Copied to Clipboard');
})
.catch(() => {
toast.error('Failed to copy to clipboard');
});
}}
disabled={!jsonData}
class="">Copy to Clipboard</Button
>
<Button onclick={loadJsonFromClipboard} class="">Load JSON from Clipboard</Button>
</div> </div>
</main> </main>