@zjy4fun/json-open 0.3.0 → 0.3.2

package/index.html

@@ -477,9 +477,10 @@
     <div class="panel panel-left" id="panel-left">
       <div class="panel-header">
         <span class="label">Input</span>
-        <button id="btn-format" class="primary">Format</button>
-        <button id="btn-sample">Sample</button>
+        <button id="btn-format" class="primary">✨ Format</button>
+        <button id="btn-copy">📋 Copy</button>
         <button id="btn-clear">Clear</button>
+        <button id="btn-share">🔗 Share</button>
       </div>
       <textarea class="input-area" id="json-input" placeholder="Paste or type JSON here..." spellcheck="false"></textarea>
     </div>
@@ -661,8 +662,9 @@
     var jsonInput = document.getElementById('json-input')
     var viewer = document.getElementById('viewer')
     var btnFormat = document.getElementById('btn-format')
-    var btnSample = document.getElementById('btn-sample')
+    var btnCopy = document.getElementById('btn-copy')
     var btnClear = document.getElementById('btn-clear')
+    var btnShare = document.getElementById('btn-share')
     var btnExpandAll = document.getElementById('expand-all')
     var btnCollapseAll = document.getElementById('collapse-all')
     var searchInput = document.getElementById('search-input')
@@ -731,20 +733,14 @@
     // ===== Buttons =====
     btnFormat.addEventListener('click', doFormat)
 
-    btnSample.addEventListener('click', function () {
-      jsonInput.value = JSON.stringify({
-        name: 'json-open',
-        version: '0.2.1',
-        description: 'Open JSON in browser with interactive tree view',
-        features: ['collapsible tree', 'search & highlight', 'dark theme', 'auto-parse nested JSON'],
-        author: { name: 'zjy4fun', github: 'https://github.com/zjy4fun' },
-        stats: { stars: 42, forks: 7, issues: 3 },
-        tags: ['json', 'viewer', 'cli', 'browser'],
-        nested_json: '{"deeply": {"embedded": "json string"}}',
-        active: true,
-        license: 'MIT'
-      }, null, 2)
-      doFormat()
+    btnCopy.addEventListener('click', function () {
+      var text = jsonInput.value.trim()
+      if (!text) return
+      navigator.clipboard.writeText(text).then(function () {
+        var orig = btnCopy.textContent
+        btnCopy.textContent = '✅ Copied!'
+        setTimeout(function () { btnCopy.textContent = orig }, 1500)
+      })
     })
 
     btnClear.addEventListener('click', function () {
@@ -758,6 +754,33 @@
       clearSearch()
     })
 
+    // ===== Share =====
+    btnShare.addEventListener('click', function () {
+      var input = jsonInput.value.trim()
+      if (!input) return
+      try {
+        // Validate JSON first
+        JSON.parse(input)
+      } catch (e) {
+        // Try smart parse
+        try {
+          var parsed = smartParse(input)
+          input = JSON.stringify(parsed)
+        } catch (e2) {
+          statusInfo.textContent = 'Cannot share: invalid JSON'
+          return
+        }
+      }
+      var encoded = encodeURIComponent(input)
+      var url = location.origin + location.pathname + '#json=' + encoded
+      navigator.clipboard.writeText(url).then(function () {
+        var orig = btnShare.textContent
+        btnShare.textContent = '✅ Link copied!'
+        statusInfo.textContent = 'Share link copied (' + formatBytes(url.length) + ')'
+        setTimeout(function () { btnShare.textContent = orig }, 2000)
+      })
+    })
+
     // Ctrl+Enter to format
     jsonInput.addEventListener('keydown', function (e) {
       if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
@@ -972,6 +995,26 @@
       }, 0)
     })
 
+    // ===== Load from URL hash =====
+    ;(function () {
+      function loadFromHash() {
+        var hash = location.hash
+        if (!hash || !hash.startsWith('#json=')) return
+        var encoded = hash.slice(6) // remove '#json='
+        try {
+          var json = decodeURIComponent(encoded)
+          if (json) {
+            jsonInput.value = json
+            doFormat()
+          }
+        } catch (e) {
+          statusInfo.textContent = 'Failed to load shared JSON'
+        }
+      }
+      loadFromHash()
+      window.addEventListener('hashchange', loadFromHash)
+    })()
+
     // ===== Theme Toggle =====
     ;(function () {
       var themeBtn = document.getElementById('theme-toggle')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjy4fun/json-open",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "JSON Formatter — A fast, zero-dependency JSON formatter & viewer (CLI + Web)",
   "type": "module",
   "bin": {