@embeddables/cli 0.1.0

package/dist/workbench/cloudflare-worker/worker.js

@@ -0,0 +1,40 @@
+/**
+ * Embeddables Workbench - Cloudflare Worker
+ * 
+ * Serves workbench assets with CORS headers.
+ * Assets are served from the /public directory.
+ */
+
+export default {
+  async fetch(request, env) {
+    // Handle CORS preflight
+    if (request.method === 'OPTIONS') {
+      return new Response(null, {
+        headers: corsHeaders(),
+      });
+    }
+
+    // Serve static assets from /public
+    const response = await env.ASSETS.fetch(request);
+    
+    // Add CORS headers
+    const newHeaders = new Headers(response.headers);
+    Object.entries(corsHeaders()).forEach(([key, value]) => {
+      newHeaders.set(key, value);
+    });
+    
+    return new Response(response.body, {
+      status: response.status,
+      headers: newHeaders,
+    });
+  },
+};
+
+function corsHeaders() {
+  return {
+    'Access-Control-Allow-Origin': '*',
+    'Access-Control-Allow-Methods': 'GET, OPTIONS',
+    'Access-Control-Allow-Headers': 'Content-Type',
+    'Access-Control-Max-Age': '86400',
+  };
+}

package/dist/workbench/cloudflare-worker/wrangler.toml

@@ -0,0 +1,10 @@
+# Embeddables Workbench - Cloudflare Worker
+#
+# Deploy: npx wrangler deploy
+
+name = "embeddables-workbench"
+main = "worker.js"
+compatibility_date = "2024-01-01"
+
+[assets]
+directory = "./public"

package/dist/workbench/index.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    interface Window {
+        __embeddables_bootstrap_workbench?: (config: {
+            embeddableId: string;
+        }) => void;
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/workbench/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workbench/index.tsx"],"names":[],"mappings":"AAIA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iCAAiC,CAAC,EAAE,CAAC,MAAM,EAAE;YAAE,YAAY,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAA;KAC/E;CACF"}

package/dist/workbench/index.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from 'react-dom/client';
+import { WorkbenchApp } from './WorkbenchApp.js';
+let workbenchRoot = null;
+// Derive CSS URL from script's URL so it works when script is loaded from a different origin (e.g. CDN)
+const scriptEl = typeof document !== 'undefined' ? document.currentScript : null;
+const WORKBENCH_CSS_URL = scriptEl?.src?.replace(/\.js(\?.*)?$/i, '.css$1') ??
+    new URL('/__embeddables_workbench.css', window.location.origin).href;
+async function bootstrapWorkbench(config) {
+    const rootElement = document.getElementById('__embeddables_workbench_root');
+    if (!rootElement) {
+        console.warn('[Workbench] Root element not found');
+        return;
+    }
+    let shadowRoot = rootElement.shadowRoot;
+    if (!shadowRoot) {
+        shadowRoot = rootElement.attachShadow({ mode: 'open' });
+        const cssUrl = WORKBENCH_CSS_URL;
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = cssUrl;
+        shadowRoot.appendChild(link);
+        await new Promise((resolve) => {
+            if (link.sheet) {
+                resolve();
+                return;
+            }
+            link.onload = () => resolve();
+            link.onerror = () => resolve();
+        });
+        const mountPoint = document.createElement('div');
+        shadowRoot.appendChild(mountPoint);
+        workbenchRoot = createRoot(mountPoint);
+    }
+    if (workbenchRoot) {
+        workbenchRoot.render(_jsx(WorkbenchApp, { embeddableId: config.embeddableId }));
+    }
+}
+window.__embeddables_bootstrap_workbench = bootstrapWorkbench;
+// Auto-bootstrap if config is already available (fallback if onload handler doesn't fire)
+if (typeof window !== 'undefined' && window.__EMBEDDABLES_WORKBENCH?.embeddableId) {
+    const config = window.__EMBEDDABLES_WORKBENCH;
+    bootstrapWorkbench({ embeddableId: config.embeddableId });
+}