backpack-viewer 0.7.1 → 0.7.3

package/dist/extensions/share/src/index.js

@@ -1,357 +1,199 @@
-const RELAY_URL = "https://app.backpackontology.com";
-// OAuth metadata endpoint on the relay
-const OAUTH_METADATA_URL = `${RELAY_URL}/.well-known/oauth-authorization-server`;
-let panel = null;
-export function activate(viewer) {
-    // Register the Share button in the top-right toolbar
-    viewer.registerTaskbarIcon({
-        label: "Share",
-        iconText: "\u2197", // ↗
-        position: "top-right",
-        onClick: () => toggleSharePanel(viewer),
-    });
+const E = "https://app.backpackontology.com", x = `${E}/.well-known/oauth-authorization-server`, _ = new Uint8Array([66, 80, 65, 75]), S = 1;
+let m = null;
+function I(e) {
+  e.registerTaskbarIcon({
+    label: "Share",
+    iconText: "↗",
+    position: "bottom-right",
+    onClick: () => N(e)
+  });
 }
-function toggleSharePanel(viewer) {
-    if (panel && panel.isVisible()) {
-        panel.setVisible(false);
-        return;
+function N(e) {
+  if (m && m.isVisible()) {
+    m.setVisible(!1);
+    return;
+  }
+  const t = e.getGraphName();
+  if (!t) return;
+  const n = document.createElement("div");
+  n.className = "share-panel-body", m ? (m.element.replaceChildren(), m.element.appendChild(n), m.setTitle(`Share "${t}"`), m.setVisible(!0), m.bringToFront()) : (n.textContent = "Loading...", m = e.mountPanel(n, {
+    title: `Share "${t}"`,
+    defaultPosition: { left: window.innerWidth - 420, top: 80 },
+    showFullscreenButton: !1,
+    onClose: () => {
+      m = null;
     }
-    const graphName = viewer.getGraphName();
-    if (!graphName)
-        return;
-    const body = document.createElement("div");
-    body.className = "share-panel-body";
-    if (panel) {
-        panel.element.replaceChildren();
-        panel.element.appendChild(body);
-        panel.setTitle(`Share "${graphName}"`);
-        panel.setVisible(true);
-        panel.bringToFront();
-    }
-    else {
-        body.textContent = "Loading...";
-        panel = viewer.mountPanel(body, {
-            title: `Share "${graphName}"`,
-            defaultPosition: { left: window.innerWidth - 420, top: 80 },
-            showFullscreenButton: false,
-            onClose: () => { panel = null; },
-        });
-    }
-    renderShareForm(viewer, body);
+  })), w(e, n);
 }
-async function renderShareForm(viewer, container) {
-    const token = await viewer.settings.get("relay_token");
-    container.replaceChildren();
-    if (!token) {
-        renderUpsell(viewer, container);
-        return;
-    }
-    renderForm(viewer, container, token);
+async function w(e, t) {
+  const n = await e.settings.get("relay_token");
+  t.replaceChildren(), n ? v(e, t, n) : A(e, t);
 }
-function renderUpsell(viewer, container) {
-    const wrapper = document.createElement("div");
-    wrapper.className = "share-upsell";
-    const heading = document.createElement("h4");
-    heading.textContent = "Share this graph with anyone";
-    wrapper.appendChild(heading);
-    const desc = document.createElement("p");
-    desc.textContent =
-        "Encrypt your graph and get a shareable link. Recipients open it in their browser — no install needed. Your data stays encrypted on our servers.";
-    wrapper.appendChild(desc);
-    const cta = document.createElement("button");
-    cta.className = "share-cta-btn";
-    cta.textContent = "Sign in to share";
-    cta.addEventListener("click", () => startOAuthFlow(viewer, container));
-    wrapper.appendChild(cta);
-    const tokenLink = document.createElement("button");
-    tokenLink.className = "share-token-link";
-    tokenLink.textContent = "Or paste an API token";
-    tokenLink.addEventListener("click", () => renderTokenInput(viewer, container));
-    wrapper.appendChild(tokenLink);
-    const trust = document.createElement("p");
-    trust.className = "share-trust";
-    trust.textContent =
-        "Free account. Your graph is encrypted before upload — we can't read it.";
-    wrapper.appendChild(trust);
-    container.replaceChildren(wrapper);
+function A(e, t) {
+  const n = document.createElement("div");
+  n.className = "share-upsell", n.innerHTML = `
+    <h4>Share this graph with anyone</h4>
+    <p>Encrypt your graph and get a shareable link. Recipients open it in their browser — no install needed. Your data stays encrypted on our servers.</p>
+  `;
+  const a = document.createElement("button");
+  a.className = "share-cta-btn", a.textContent = "Sign in to share", a.addEventListener("click", () => T(e, t)), n.appendChild(a);
+  const o = document.createElement("button");
+  o.className = "share-token-link", o.textContent = "Or paste an API token", o.addEventListener("click", () => P(e, t)), n.appendChild(o);
+  const i = document.createElement("p");
+  i.className = "share-trust", i.textContent = "Free account. Your graph is encrypted before upload — we can't read it.", n.appendChild(i), t.replaceChildren(n);
 }
-function renderTokenInput(viewer, container) {
-    const wrapper = document.createElement("div");
-    wrapper.className = "share-token-input";
-    const label = document.createElement("p");
-    label.textContent = "Paste your API token from Backpack App settings:";
-    wrapper.appendChild(label);
-    const input = document.createElement("input");
-    input.type = "password";
-    input.placeholder = "Token";
-    input.className = "share-input";
-    wrapper.appendChild(input);
-    const row = document.createElement("div");
-    row.className = "share-btn-row";
-    const saveBtn = document.createElement("button");
-    saveBtn.className = "share-btn-primary";
-    saveBtn.textContent = "Save";
-    saveBtn.addEventListener("click", async () => {
-        const val = input.value.trim();
-        if (!val)
-            return;
-        await viewer.settings.set("relay_token", val);
-        renderShareForm(viewer, container);
-    });
-    row.appendChild(saveBtn);
-    const backBtn = document.createElement("button");
-    backBtn.className = "share-btn-secondary";
-    backBtn.textContent = "Back";
-    backBtn.addEventListener("click", () => renderShareForm(viewer, container));
-    row.appendChild(backBtn);
-    wrapper.appendChild(row);
-    container.replaceChildren(wrapper);
+function P(e, t) {
+  const n = document.createElement("div");
+  n.className = "share-token-input";
+  const a = document.createElement("p");
+  a.textContent = "Paste your API token from Backpack App settings:", n.appendChild(a);
+  const o = document.createElement("input");
+  o.type = "password", o.placeholder = "Token", o.className = "share-input", n.appendChild(o);
+  const i = document.createElement("div");
+  i.className = "share-btn-row";
+  const d = document.createElement("button");
+  d.className = "share-btn-primary", d.textContent = "Save", d.addEventListener("click", async () => {
+    const c = o.value.trim();
+    c && (await e.settings.set("relay_token", c), w(e, t));
+  }), i.appendChild(d);
+  const l = document.createElement("button");
+  l.className = "share-btn-secondary", l.textContent = "Back", l.addEventListener("click", () => w(e, t)), i.appendChild(l), n.appendChild(i), t.replaceChildren(n);
 }
-async function startOAuthFlow(viewer, container) {
-    try {
-        // Fetch OAuth metadata
-        const metaRes = await viewer.fetch(OAUTH_METADATA_URL);
-        const meta = (await metaRes.json());
-        // Register as a dynamic client
-        const regRes = await viewer.fetch(meta.registration_endpoint, {
-            method: "POST",
-        });
-        const client = (await regRes.json());
-        // Generate PKCE challenge
-        const codeVerifier = generateCodeVerifier();
-        const codeChallenge = await generateCodeChallenge(codeVerifier);
-        // Build authorization URL
-        const redirectUri = window.location.origin + "/oauth/callback";
-        const state = crypto.randomUUID();
-        const authUrl = new URL(meta.authorization_endpoint);
-        // authorization_endpoint may already have query params (e.g., scope=...)
-        authUrl.searchParams.set("client_id", client.client_id);
-        authUrl.searchParams.set("redirect_uri", redirectUri);
-        authUrl.searchParams.set("response_type", "code");
-        authUrl.searchParams.set("code_challenge", codeChallenge);
-        authUrl.searchParams.set("code_challenge_method", "S256");
-        authUrl.searchParams.set("state", state);
-        if (!authUrl.searchParams.has("scope")) {
-            authUrl.searchParams.set("scope", "openid email profile offline_access");
-        }
-        // Store state for the callback
-        sessionStorage.setItem("share_oauth_state", state);
-        sessionStorage.setItem("share_oauth_verifier", codeVerifier);
-        sessionStorage.setItem("share_oauth_token_endpoint", meta.token_endpoint);
-        sessionStorage.setItem("share_oauth_client_id", client.client_id);
-        sessionStorage.setItem("share_oauth_redirect_uri", redirectUri);
-        // Open popup
-        const popup = window.open(authUrl.toString(), "backpack-share-auth", "width=500,height=700");
-        // Listen for the callback
-        const handler = async (event) => {
-            if (event.data?.type !== "backpack-oauth-callback")
-                return;
-            window.removeEventListener("message", handler);
-            const { code, returnedState } = event.data;
-            if (returnedState !== state)
-                return;
-            // Exchange code for token
-            const tokenRes = await viewer.fetch(meta.token_endpoint, {
-                method: "POST",
-                headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                body: new URLSearchParams({
-                    grant_type: "authorization_code",
-                    code,
-                    redirect_uri: redirectUri,
-                    client_id: client.client_id,
-                    code_verifier: codeVerifier,
-                }).toString(),
-            });
-            const tokenData = (await tokenRes.json());
-            await viewer.settings.set("relay_token", tokenData.access_token);
-            renderShareForm(viewer, container);
-        };
-        window.addEventListener("message", handler);
-        // Fallback: if popup is blocked, show a link
-        if (!popup || popup.closed) {
-            const msg = document.createElement("p");
-            msg.className = "share-error";
-            msg.textContent = "Popup blocked. ";
-            const link = document.createElement("a");
-            link.href = authUrl.toString();
-            link.target = "_blank";
-            link.textContent = "Click here to sign in";
-            msg.appendChild(link);
-            container.appendChild(msg);
-        }
+async function T(e, t) {
+  try {
+    const a = await (await fetch(x)).json(), i = await (await fetch(a.registration_endpoint, { method: "POST" })).json(), d = B(), l = await $(d), c = window.location.origin + "/oauth/callback", r = crypto.randomUUID(), s = new URL(a.authorization_endpoint);
+    s.searchParams.set("client_id", i.client_id), s.searchParams.set("redirect_uri", c), s.searchParams.set("response_type", "code"), s.searchParams.set("code_challenge", l), s.searchParams.set("code_challenge_method", "S256"), s.searchParams.set("state", r), s.searchParams.has("scope") || s.searchParams.set("scope", "openid email profile offline_access"), sessionStorage.setItem("share_oauth_state", r);
+    const h = window.open(s.toString(), "backpack-share-auth", "width=500,height=700"), g = async (p) => {
+      var f;
+      if (((f = p.data) == null ? void 0 : f.type) !== "backpack-oauth-callback") return;
+      window.removeEventListener("message", g);
+      const { code: u, returnedState: k } = p.data;
+      if (k !== r) return;
+      const C = await (await fetch(a.token_endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/x-www-form-urlencoded" },
+        body: new URLSearchParams({ grant_type: "authorization_code", code: u, redirect_uri: c, client_id: i.client_id, code_verifier: d }).toString()
+      })).json();
+      await e.settings.set("relay_token", C.access_token), w(e, t);
+    };
+    if (window.addEventListener("message", g), !h || h.closed) {
+      const p = document.createElement("p");
+      p.className = "share-error", p.textContent = "Popup blocked. ";
+      const u = document.createElement("a");
+      u.href = s.toString(), u.target = "_blank", u.textContent = "Click here to sign in", p.appendChild(u), t.appendChild(p);
     }
-    catch (err) {
-        const msg = document.createElement("p");
-        msg.className = "share-error";
-        msg.textContent = `Auth failed: ${err.message}`;
-        container.appendChild(msg);
+  } catch (n) {
+    const a = document.createElement("p");
+    a.className = "share-error", a.textContent = `Auth failed: ${n.message}`, t.appendChild(a);
+  }
+}
+function v(e, t, n) {
+  const a = document.createElement("div");
+  a.className = "share-form";
+  const o = document.createElement("label");
+  o.className = "share-toggle-row";
+  const i = document.createElement("input");
+  i.type = "checkbox", i.checked = !0, o.appendChild(i);
+  const d = document.createElement("span");
+  d.textContent = "Encrypt (recommended)", o.appendChild(d), a.appendChild(o);
+  const l = document.createElement("div");
+  l.className = "share-pass-row";
+  const c = document.createElement("input");
+  c.type = "password", c.placeholder = "Passphrase (optional)", c.className = "share-input", l.appendChild(c), a.appendChild(l);
+  const r = document.createElement("button");
+  r.className = "share-btn-primary", r.textContent = "Share", r.addEventListener("click", async () => {
+    r.disabled = !0, r.textContent = "Encrypting...";
+    try {
+      await L(e, t, n, i.checked, c.value.trim());
+    } catch (g) {
+      r.disabled = !1, r.textContent = "Share";
+      const p = document.createElement("p");
+      p.className = "share-error", p.textContent = g.message, a.appendChild(p);
     }
+  }), a.appendChild(r);
+  const s = document.createElement("p");
+  s.className = "share-note", s.textContent = "Recipients open the link in their browser. No install needed.", a.appendChild(s);
+  const h = document.createElement("button");
+  h.className = "share-token-link", h.textContent = "Sign out", h.addEventListener("click", async () => {
+    await e.settings.remove("relay_token"), w(e, t);
+  }), a.appendChild(h), t.replaceChildren(a);
 }
-function renderForm(viewer, container, token) {
-    const wrapper = document.createElement("div");
-    wrapper.className = "share-form";
-    // Encrypt toggle
-    const encryptRow = document.createElement("label");
-    encryptRow.className = "share-toggle-row";
-    const encryptCheckbox = document.createElement("input");
-    encryptCheckbox.type = "checkbox";
-    encryptCheckbox.checked = true;
-    encryptRow.appendChild(encryptCheckbox);
-    const encryptLabel = document.createElement("span");
-    encryptLabel.textContent = "Encrypt (recommended)";
-    encryptRow.appendChild(encryptLabel);
-    wrapper.appendChild(encryptRow);
-    // Passphrase
-    const passRow = document.createElement("div");
-    passRow.className = "share-pass-row";
-    const passInput = document.createElement("input");
-    passInput.type = "password";
-    passInput.placeholder = "Passphrase (optional)";
-    passInput.className = "share-input";
-    passRow.appendChild(passInput);
-    wrapper.appendChild(passRow);
-    // Share button
-    const shareBtn = document.createElement("button");
-    shareBtn.className = "share-btn-primary";
-    shareBtn.textContent = "Share";
-    shareBtn.addEventListener("click", async () => {
-        shareBtn.disabled = true;
-        shareBtn.textContent = "Encrypting...";
-        try {
-            await doShare(viewer, container, token, encryptCheckbox.checked, passInput.value.trim());
-        }
-        catch (err) {
-            shareBtn.disabled = false;
-            shareBtn.textContent = "Share";
-            const errMsg = document.createElement("p");
-            errMsg.className = "share-error";
-            errMsg.textContent = err.message;
-            wrapper.appendChild(errMsg);
-        }
-    });
-    wrapper.appendChild(shareBtn);
-    const note = document.createElement("p");
-    note.className = "share-note";
-    note.textContent = "Recipients open the link in their browser. No install needed.";
-    wrapper.appendChild(note);
-    // Logout link
-    const logoutBtn = document.createElement("button");
-    logoutBtn.className = "share-token-link";
-    logoutBtn.textContent = "Sign out";
-    logoutBtn.addEventListener("click", async () => {
-        await viewer.settings.remove("relay_token");
-        renderShareForm(viewer, container);
-    });
-    wrapper.appendChild(logoutBtn);
-    container.replaceChildren(wrapper);
+async function L(e, t, n, a, o) {
+  const i = e.getGraph(), d = e.getGraphName();
+  if (!i || !d) throw new Error("No graph loaded");
+  const l = new TextEncoder().encode(JSON.stringify(i));
+  let c, r, s = "";
+  if (a) {
+    const y = await import("../index-B-LFGJqd.js"), C = await y.generateX25519Identity(), f = await y.identityToRecipient(C), b = new y.Encrypter();
+    b.addRecipient(f), c = await b.encrypt(l), r = "age-v1", s = btoa(C).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+  } else
+    c = l, r = "plaintext";
+  const h = await U(d, c, r), g = {
+    "Content-Type": "application/octet-stream",
+    Authorization: `Bearer ${n}`
+  };
+  o && (g["X-Passphrase"] = o);
+  const p = await fetch(`${E}/v1/share`, {
+    method: "POST",
+    headers: g,
+    body: h
+  });
+  if (!p.ok) {
+    const y = await p.text().catch(() => "");
+    throw p.status === 401 ? (await e.settings.remove("relay_token"), w(e, t), new Error("Session expired. Please sign in again.")) : new Error(`Upload failed: ${y}`);
+  }
+  const u = await p.json(), k = s ? `${u.url}#k=${s}` : u.url;
+  R(t, k, a, u.expires_at);
 }
-async function doShare(viewer, container, token, encrypted, passphrase) {
-    const graph = viewer.getGraph();
-    const graphName = viewer.getGraphName();
-    if (!graph || !graphName)
-        throw new Error("No graph loaded");
-    const plaintext = new TextEncoder().encode(JSON.stringify(graph));
-    let payload;
-    let format;
-    let fragmentKey = "";
-    if (encrypted) {
-        const { generateKeyPair, encrypt, encodeKeyForFragment } = await import("backpack-ontology");
-        const keyPair = await generateKeyPair();
-        payload = await encrypt(plaintext, keyPair.publicKey);
-        format = "age-v1";
-        fragmentKey = encodeKeyForFragment(keyPair.secretKey);
-    }
-    else {
-        payload = plaintext;
-        format = "plaintext";
-    }
-    // Build BPAK envelope
-    const { createEnvelope } = await import("backpack-ontology");
-    const envelope = await createEnvelope(graphName, payload, format, 1);
-    // Upload to relay
-    const headers = {
-        "Content-Type": "application/octet-stream",
-        Authorization: `Bearer ${token}`,
-    };
-    if (passphrase) {
-        headers["X-Passphrase"] = passphrase;
-    }
-    const res = await viewer.fetch(`${RELAY_URL}/v1/share`, {
-        method: "POST",
-        headers,
-        body: envelope,
-    });
-    if (!res.ok) {
-        const body = await res.text().catch(() => "");
-        if (res.status === 401) {
-            // Token expired — clear and show upsell
-            await viewer.settings.remove("relay_token");
-            renderShareForm(viewer, container);
-            throw new Error("Session expired. Please sign in again.");
-        }
-        throw new Error(`Upload failed: ${body}`);
-    }
-    const result = (await res.json());
-    const shareLink = fragmentKey
-        ? `${result.url}#k=${fragmentKey}`
-        : result.url;
-    renderSuccess(container, shareLink, encrypted, result.expires_at);
+async function U(e, t, n) {
+  const a = new ArrayBuffer(t.byteLength);
+  new Uint8Array(a).set(t);
+  const o = await crypto.subtle.digest("SHA-256", a), i = "sha256:" + Array.from(new Uint8Array(o)).map((h) => h.toString(16).padStart(2, "0")).join(""), d = JSON.stringify({
+    format: n,
+    created_at: (/* @__PURE__ */ new Date()).toISOString(),
+    backpack_name: e,
+    graph_count: 1,
+    checksum: i
+  }), l = new TextEncoder().encode(d), c = new ArrayBuffer(4);
+  new DataView(c).setUint32(0, l.length, !1);
+  const r = new Uint8Array(9 + l.length + t.length);
+  let s = 0;
+  return r.set(_, s), s += 4, r[s] = S, s += 1, r.set(new Uint8Array(c), s), s += 4, r.set(l, s), s += l.length, r.set(t, s), r;
 }
-function renderSuccess(container, shareLink, encrypted, expiresAt) {
-    const wrapper = document.createElement("div");
-    wrapper.className = "share-success";
-    const heading = document.createElement("h4");
-    heading.textContent = "Shared!";
-    wrapper.appendChild(heading);
-    const linkRow = document.createElement("div");
-    linkRow.className = "share-link-row";
-    const linkInput = document.createElement("input");
-    linkInput.type = "text";
-    linkInput.readOnly = true;
-    linkInput.value = shareLink;
-    linkInput.className = "share-link-input";
-    linkRow.appendChild(linkInput);
-    const copyBtn = document.createElement("button");
-    copyBtn.className = "share-btn-primary";
-    copyBtn.textContent = "Copy";
-    copyBtn.addEventListener("click", () => {
-        navigator.clipboard.writeText(shareLink);
-        copyBtn.textContent = "Copied!";
-        setTimeout(() => { copyBtn.textContent = "Copy"; }, 2000);
-    });
-    linkRow.appendChild(copyBtn);
-    wrapper.appendChild(linkRow);
-    if (encrypted) {
-        const note = document.createElement("p");
-        note.className = "share-note";
-        note.textContent =
-            "The decryption key is in the link. Anyone with the full link can view this graph. The server cannot read your data.";
-        wrapper.appendChild(note);
-    }
-    if (expiresAt) {
-        const exp = document.createElement("p");
-        exp.className = "share-note";
-        exp.textContent = `Expires: ${new Date(expiresAt).toLocaleDateString()}`;
-        wrapper.appendChild(exp);
-    }
-    container.replaceChildren(wrapper);
+function R(e, t, n, a) {
+  const o = document.createElement("div");
+  o.className = "share-success";
+  const i = document.createElement("h4");
+  i.textContent = "Shared!", o.appendChild(i);
+  const d = document.createElement("div");
+  d.className = "share-link-row";
+  const l = document.createElement("input");
+  l.type = "text", l.readOnly = !0, l.value = t, l.className = "share-link-input", d.appendChild(l);
+  const c = document.createElement("button");
+  if (c.className = "share-btn-primary", c.textContent = "Copy", c.addEventListener("click", () => {
+    navigator.clipboard.writeText(t), c.textContent = "Copied!", setTimeout(() => {
+      c.textContent = "Copy";
+    }, 2e3);
+  }), d.appendChild(c), o.appendChild(d), n) {
+    const r = document.createElement("p");
+    r.className = "share-note", r.textContent = "The decryption key is in the link. Anyone with the full link can view. The server cannot read your data.", o.appendChild(r);
+  }
+  if (a) {
+    const r = document.createElement("p");
+    r.className = "share-note", r.textContent = `Expires: ${new Date(a).toLocaleDateString()}`, o.appendChild(r);
+  }
+  e.replaceChildren(o);
 }
-// --- PKCE helpers ---
-function generateCodeVerifier() {
-    const arr = new Uint8Array(32);
-    crypto.getRandomValues(arr);
-    return btoa(String.fromCharCode(...arr))
-        .replace(/\+/g, "-")
-        .replace(/\//g, "_")
-        .replace(/=+$/, "");
+function B() {
+  const e = new Uint8Array(32);
+  return crypto.getRandomValues(e), btoa(String.fromCharCode(...e)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
-async function generateCodeChallenge(verifier) {
-    const data = new TextEncoder().encode(verifier);
-    const buf = new ArrayBuffer(data.byteLength);
-    new Uint8Array(buf).set(data);
-    const digest = await crypto.subtle.digest("SHA-256", buf);
-    return btoa(String.fromCharCode(...new Uint8Array(digest)))
-        .replace(/\+/g, "-")
-        .replace(/\//g, "_")
-        .replace(/=+$/, "");
+async function $(e) {
+  const t = new TextEncoder().encode(e), n = new ArrayBuffer(t.byteLength);
+  new Uint8Array(n).set(t);
+  const a = await crypto.subtle.digest("SHA-256", n);
+  return btoa(String.fromCharCode(...new Uint8Array(a))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
+export {
+  I as activate
+};

package/dist/extensions/share/vite.config.js

@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import { resolve } from "path";
+export default defineConfig({
+    build: {
+        lib: {
+            entry: resolve(__dirname, "src/index.ts"),
+            formats: ["es"],
+            fileName: () => "src/index.js",
+        },
+        outDir: resolve(__dirname, "../../dist/extensions/share"),
+        emptyOutDir: false,
+        rollupOptions: {
+            // Don't externalize anything — bundle all deps into one file
+            external: [],
+        },
+    },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backpack-viewer",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Web-based graph visualizer for backpack-ontology — Canvas 2D, force-directed layout, live reload",
   "license": "Apache-2.0",
   "author": "Noah Irzinger",
@@ -14,7 +14,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "rm -rf dist && tsc && tsc -p tsconfig.extensions.json && cp src/style.css dist/ && node scripts/build-extensions.js && vite build",
+    "build": "rm -rf dist && tsc && tsc -p tsconfig.extensions.json && cp src/style.css dist/ && node scripts/build-extensions.js && node scripts/bundle-extensions.js && vite build",
     "preview": "vite preview",
     "serve": "node bin/serve.js",
     "prepare": "npm run build",