instadash-embed 0.1.0 → 0.2.0

package/embed.html

@@ -272,25 +272,46 @@ td.bool .f{color:var(--fg-3)}
     document.getElementById('root').innerHTML = html
   }
 
-  // ── Fetch ───────────────────────────────────────────────────
-  Promise.all([
-    fetch(gridUrl + '/rows?limit=2000').then(function(r) {
-      return r.ok ? r.json() : Promise.reject('HTTP ' + r.status)
-    }),
-    fetch(gridUrl + '/meta').then(function(r) {
-      return r.ok ? r.json() : null
-    }).catch(function() { return null }),
-  ])
-  .then(function(res) { renderTable(res[0].rows || [], res[1]) })
-  .catch(function(e) {
-    setRoot(
-      '<div class="state">' +
-        '<span class="err">Could not load grid</span>' +
-        '<span>' + esc(handle + '/' + slug) + ' · ' + esc(String(e)) + '</span>' +
-        '<a href="' + esc(gridUrl) + '" target="_blank" rel="noopener">open in instadash ↗</a>' +
-      '</div>'
-    )
+  // ── Data loading: postMessage first, fetch as fallback ──────
+  // In sandboxed contexts (e.g. Claude.ai artifacts) cross-origin
+  // fetch is blocked. The parent artifact sends rows via postMessage.
+  // Outside sandboxes (direct browser use) we fall back to fetch.
+  var loaded = false
+
+  window.addEventListener('message', function(e) {
+    if (loaded) return
+    if (!e.data || e.data.type !== 'instadash-data') return
+    loaded = true
+    renderTable(e.data.rows || [], e.data.meta || null)
   })
+
+  // Give postMessage 600ms to arrive before falling back to fetch
+  setTimeout(function() {
+    if (loaded) return
+    Promise.all([
+      fetch(gridUrl + '/rows?limit=2000').then(function(r) {
+        return r.ok ? r.json() : Promise.reject('HTTP ' + r.status)
+      }),
+      fetch(gridUrl + '/meta').then(function(r) {
+        return r.ok ? r.json() : null
+      }).catch(function() { return null }),
+    ])
+    .then(function(res) {
+      if (loaded) return
+      loaded = true
+      renderTable(res[0].rows || [], res[1])
+    })
+    .catch(function(e) {
+      if (loaded) return
+      setRoot(
+        '<div class="state">' +
+          '<span class="err">Could not load grid</span>' +
+          '<span>' + esc(handle + '/' + slug) + ' · ' + esc(String(e)) + '</span>' +
+          '<a href="' + esc(gridUrl) + '" target="_blank" rel="noopener">open in instadash ↗</a>' +
+        '</div>'
+      )
+    })
+  }, 600)
 })()
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instadash-embed",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Self-contained grid embed widget for instadash.io — works in Claude.ai artifacts via cdn.jsdelivr.net",
   "license": "MIT",
   "files": [