@zjy4fun/json-open 0.3.0 → 0.3.1

package/index.html

@@ -478,8 +478,10 @@
       <div class="panel-header">
         <span class="label">Input</span>
         <button id="btn-format" class="primary">Format</button>
+        <button id="btn-copy">Copy</button>
         <button id="btn-sample">Sample</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 +663,10 @@
     var jsonInput = document.getElementById('json-input')
     var viewer = document.getElementById('viewer')
     var btnFormat = document.getElementById('btn-format')
+    var btnCopy = document.getElementById('btn-copy')
     var btnSample = document.getElementById('btn-sample')
     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,6 +735,16 @@
     // ===== Buttons =====
     btnFormat.addEventListener('click', 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)
+      })
+    })
+
     btnSample.addEventListener('click', function () {
       jsonInput.value = JSON.stringify({
         name: 'json-open',
@@ -758,6 +772,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 +1013,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.1",
   "description": "JSON Formatter — A fast, zero-dependency JSON formatter & viewer (CLI + Web)",
   "type": "module",
   "bin": {