@backmatter/studio 0.0.3 → 0.0.5

package/dist/dashboard.js

@@ -1,5 +1,5 @@
-import { A as a, i as s } from "./chunks/dashboard-nvFBzpZv.js";
-import { J as t, K as f } from "./chunks/WorkspaceRoutes-DyRVES9t.js";
+import { A as a, i as s } from "./chunks/dashboard-upmiawx5.js";
+import { c as t, I as f } from "./chunks/status-bar-action-DiXhfcj3.js";
 export {
   a as DashboardApp,
   t as configureStudio,

package/dist/index.js

@@ -1,39 +1,42 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useLayoutEffect as Y, useEffect as g, useRef as J, useState as w, useMemo as Q } from "react";
-import { i as B, h as X, E as Z, C as ee, j as te, k as ne, l as ie, D as M, m as oe, n as _, o as G, q as $, r as re, T as b, a as C, I as se, s as S, t as ae, v as ce, w as le, x as ue, y as de, z as fe, A as me, G as he, H as pe, J as j, K as P, L as ge, M as we, N as ve, R as be, O as ye, Q as xe, U as ke, V as R, W as D, X as Ee, Y as Ce, Z as Se } from "./chunks/WorkspaceRoutes-DyRVES9t.js";
-import { _ as We } from "./chunks/WorkspaceRoutes-DyRVES9t.js";
-import { u as Re, S as ze } from "./chunks/define-studio-BYtYDGLX.js";
-import { d as Je } from "./chunks/define-studio-BYtYDGLX.js";
-const z = {
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useLayoutEffect as I, useEffect as u, useRef as C, useState as S } from "react";
+import { k as L, T, E as N, C as M, b as D, d as z, u as O, D as g, f as x, i as b, j as _, F as A, G as B, H as F, c as P, I as w, J as j, K as G, n as q, R as H, L as m, N as v } from "./chunks/status-bar-action-DiXhfcj3.js";
+import { M as Se } from "./chunks/status-bar-action-DiXhfcj3.js";
+import { f as V, s as K, g as $, R as W, h as J, i as X, L as Y, w as Q, T as E, r as Z } from "./chunks/WorkspaceRoutes-CTFTWu3L.js";
+import { u as ee, S as te } from "./chunks/define-studio-BYtYDGLX.js";
+import { d as Pe } from "./chunks/define-studio-BYtYDGLX.js";
+import { E as ne } from "./chunks/EmbedPublishPage-hx1xoAhI.js";
+const p = {
   accent: "var(--x11n7hvk)",
   accentHover: "var(--x1vnpaut)",
   focus: "var(--x1nzi8h4)"
 };
-function Pe(e) {
+function re(e) {
   const t = /^var\((--[^,)]+)/.exec(e);
   return (t == null ? void 0 : t[1]) ?? null;
 }
-const Ue = [z.accent, z.accentHover, z.focus];
-function Ne() {
-  var t, r;
-  const e = (r = (t = Re().theme) == null ? void 0 : t.accent) == null ? void 0 : r.trim();
-  return Y(() => {
+const oe = [p.accent, p.accentHover, p.focus];
+function ie() {
+  var t, i;
+  const e = (i = (t = ee().theme) == null ? void 0 : t.accent) == null ? void 0 : i.trim();
+  return I(() => {
     if (!e) return;
-    const a = document.documentElement, s = Ue.map(Pe).filter((o) => !!o);
-    for (const o of s) a.style.setProperty(o, e);
+    const a = document.documentElement, n = oe.map(re).filter((o) => !!o);
+    for (const o of n) a.style.setProperty(o, e);
     return () => {
-      for (const o of s) a.style.removeProperty(o);
+      for (const o of n) a.style.removeProperty(o);
     };
   }, [e]), null;
 }
-function Le({ workspaceId: e }) {
-  return g(() => B(), []), /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(Z, { children: /* @__PURE__ */ n(ee, { workspaceId: e, startOpen: !0, children: /* @__PURE__ */ p(te, { children: [
-    /* @__PURE__ */ n(Te, {}),
-    /* @__PURE__ */ n(Me, {}),
-    /* @__PURE__ */ n(ne, { fill: !0 })
+function ae({ workspaceId: e }) {
+  return u(() => L(), []), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(M, { workspaceId: e, startOpen: !0, pointer: !0, children: /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ r(se, {}),
+    /* @__PURE__ */ r(ce, {}),
+    /* @__PURE__ */ r(de, {}),
+    /* @__PURE__ */ r(z, { fill: !0 })
   ] }) }) }) });
 }
-function k() {
+function f() {
   if (!document.referrer) return "";
   try {
     return new URL(document.referrer).origin;
@@ -41,15 +44,15 @@ function k() {
     return "";
   }
 }
-function Te() {
-  const { setFocus: e } = ie();
-  return g(() => {
-    const t = k();
-    function r(a) {
+function se() {
+  const { setFocus: e } = O();
+  return u(() => {
+    const t = f();
+    function i(a) {
       if (!t || a.origin !== t) return;
-      const s = a.data;
-      if ((s == null ? void 0 : s.type) !== "backmatter:focus") return;
-      const o = s.doc;
+      const n = a.data;
+      if ((n == null ? void 0 : n.type) !== "backmatter:focus") return;
+      const o = n.doc;
       !(o != null && o.locale) || !o.type || !o.slug || e({
         docRef: { locale: o.locale, type: o.type, slug: o.slug },
         frontmatter: {},
@@ -57,160 +60,68 @@ function Te() {
         selection: null
       });
     }
-    return window.addEventListener("message", r), t && window.parent.postMessage({ type: "backmatter:chat-ready" }, t), () => window.removeEventListener("message", r);
-  }, [e]), g(() => {
-    const t = k();
-    function r(a) {
-      const s = a.detail;
-      !t || !(s != null && s.docRef) || window.parent.postMessage({ type: "backmatter:doc-changed", doc: s.docRef }, t);
+    return window.addEventListener("message", i), t && window.parent.postMessage({ type: "backmatter:chat-ready" }, t), () => window.removeEventListener("message", i);
+  }, [e]), u(() => {
+    const t = f();
+    function i(a) {
+      const n = a.detail;
+      !t || !(n != null && n.docRef) || window.parent.postMessage({ type: "backmatter:doc-changed", doc: n.docRef }, t);
     }
-    return window.addEventListener(M, r), () => window.removeEventListener(M, r);
+    return window.addEventListener(g, i), () => window.removeEventListener(g, i);
   }, []), null;
 }
-function Me() {
-  const { panel: e, dispatch: t } = oe(), r = e.mode, a = J(r);
-  return g(() => {
-    const s = k();
-    if (!s || window.parent === window) return;
-    const o = _(a.current);
-    a.current = r, o && !_(r) && window.parent.postMessage({ type: "backmatter:chat-closed" }, s);
-  }, [r]), g(() => {
-    const s = k();
-    function o(d) {
-      var f;
-      !s || d.origin !== s || ((f = d.data) == null ? void 0 : f.type) === "backmatter:chat-open" && (t({ type: "open" }), requestAnimationFrame(() => {
+function ce() {
+  const { addPointer: e } = x();
+  return u(() => {
+    const t = f();
+    function i(a) {
+      if (!t || a.origin !== t || a.source !== window.parent) return;
+      const n = a.data;
+      if ((n == null ? void 0 : n.type) !== "backmatter:pointer-grab") return;
+      const o = _(
+        n.doc ?? {},
+        n.grab
+      );
+      o && e(o);
+    }
+    return window.addEventListener("message", i), () => window.removeEventListener("message", i);
+  }, [e]), null;
+}
+function de() {
+  const { panel: e, dispatch: t } = x(), i = e.mode, a = C(i);
+  return u(() => {
+    const n = f();
+    if (!n || window.parent === window) return;
+    const o = b(a.current);
+    a.current = i, o && !b(i) && window.parent.postMessage({ type: "backmatter:chat-closed" }, n);
+  }, [i]), u(() => {
+    const n = f();
+    function o(c) {
+      var d;
+      !n || c.origin !== n || ((d = c.data) == null ? void 0 : d.type) === "backmatter:chat-open" && (t({ type: "open" }), requestAnimationFrame(() => {
         window.dispatchEvent(new Event("backmatter:chat-focus"));
       }));
     }
     return window.addEventListener("message", o), () => window.removeEventListener("message", o);
   }, [t]), null;
 }
-const _e = 8e3;
-function O() {
-  if (!document.referrer) return "";
-  try {
-    return new URL(document.referrer).origin;
-  } catch {
-    return "";
-  }
-}
-function $e(e) {
-  if (!(e instanceof Error)) return "Commit failed";
-  const t = e;
-  return t.code === "conflict" ? "Resolve conflicts before committing" : t.code === "nothing_to_commit" ? "Nothing to commit" : t.code === "validation" ? e.message.replace(/^validation:\s*/, "Validation failed: ") : t.code === "github_not_bound" ? "Connect GitHub first" : e.message;
-}
-function q(e) {
-  return `${e.locale}/${e.type}/${e.slug}`;
-}
-function De({
-  workspaceId: e
-}) {
-  g(() => B(), []);
-  const [t, r] = w(null), [a, s] = w("viewer"), [o, d] = w(""), [f, m] = w(null), [c, y] = w(!1), [U, N] = w(null);
-  g(() => {
-    let i = !1;
-    return G(e).then((l) => {
-      i || s(l.workspace.role);
-    }).catch(() => {
-      i || m("Could not load this workspace");
-    }), () => {
-      i = !0;
-    };
-  }, [e]), g(() => {
-    let i = !1;
-    const l = () => {
-      S(e).then((u) => {
-        if (i) return;
-        r(u);
-        const T = O();
-        T && window.parent.postMessage({
-          type: "backmatter:git",
-          changeCount: u.changes.length,
-          conflictCount: $(u)
-        }, T);
-      }).catch((u) => {
-        i || m(u instanceof Error ? u.message : "Git status failed");
-      });
-    };
-    l();
-    const v = window.setInterval(l, _e);
-    return () => {
-      i = !0, window.clearInterval(v);
-    };
-  }, [e]);
-  const h = (t == null ? void 0 : t.changes) ?? [], x = $(t), E = ae(x, fe(a)), V = Q(() => h.filter((i) => i.status === "conflict"), [h]), F = re(h);
-  async function L(i, l) {
-    const v = `${q(i)}:${l}`;
-    N(v), m(null);
-    try {
-      await ce(e, i.locale, i.type, i.slug, l), le({
-        workspaceId: e,
-        locale: i.locale,
-        type: i.type,
-        slug: i.slug,
-        status: l === "theirs" ? "clean" : "modified"
-      });
-      const u = await S(e);
-      r(u);
-    } catch (u) {
-      m(u instanceof Error ? u.message : "Resolve failed");
-    } finally {
-      N(null);
-    }
-  }
-  async function H(i) {
-    if (i.preventDefault(), !(c || E !== "commit" || h.length === 0)) {
-      y(!0), m(null);
-      try {
-        const l = await ue(e, o);
-        d(""), de(e, l.files);
-        const v = O();
-        v && window.parent.postMessage({
-          type: "backmatter:published"
-        }, v), r(await S(e));
-      } catch (l) {
-        m($e(l));
-      } finally {
-        y(!1);
-      }
-    }
-  }
-  const W = c ? "Committing…" : x > 0 ? `Resolve ${x} ${x === 1 ? "conflict" : "conflicts"}` : E === "blocked" ? "Writers cannot publish" : h.length === 0 ? "Nothing to publish" : `Deploy ${h.length} ${h.length === 1 ? "change" : "changes"}`;
-  return /* @__PURE__ */ p("form", { className: "x78zum5 xdt5ytf x11cgr9k x1us19tq x9f619 x1t7e3gq x1hb2obb xqjzbou x1vrk1b5", onSubmit: (i) => void H(i), children: [
-    /* @__PURE__ */ n(b, { as: "p", size: "sm", weight: "medium", tone: "muted", children: (t == null ? void 0 : t.currentBranch) ?? "Publish" }),
-    h.length === 0 ? /* @__PURE__ */ n(b, { as: "p", size: "sm", tone: "muted", children: "Nothing to publish" }) : /* @__PURE__ */ n("ul", { className: "x1ghz6dp x1717udv xe8uvvx x78zum5 xdt5ytf x1ndbd79", children: h.map((i) => /* @__PURE__ */ p("li", { className: "x78zum5 xdt5ytf x3smv4v", children: [
-      /* @__PURE__ */ p("span", { children: [
-        i.status,
-        " ",
-        i.type,
-        "/",
-        i.slug
-      ] }),
-      i.status === "conflict" ? /* @__PURE__ */ p("span", { className: "x78zum5 x3smv4v", children: [
-        /* @__PURE__ */ n(C, { size: "sm", variant: "secondary", disabled: U !== null, onClick: () => void L(i, "mine"), children: "Keep mine" }),
-        /* @__PURE__ */ n(C, { size: "sm", variant: "secondary", disabled: U !== null, onClick: () => void L(i, "theirs"), children: "Take theirs" })
-      ] }) : null
-    ] }, q(i))) }),
-    V.length > 0 ? null : /* @__PURE__ */ n(se, { value: o, placeholder: F, "aria-label": "Commit message", onChange: (i) => d(i.target.value) }),
-    f ? /* @__PURE__ */ n(b, { as: "p", size: "sm", tone: "danger", children: f }) : null,
-    /* @__PURE__ */ n(C, { type: "submit", size: "sm", disabled: c || E !== "commit" || h.length === 0, children: W })
-  ] });
-}
-const I = "backmatter:enter-at", Oe = 1e4;
-function K(e, t) {
+const k = "backmatter:enter-at", ue = 1e4;
+function R(e, t) {
   if (typeof window > "u") return !1;
-  const r = Number(window.sessionStorage.getItem(I) ?? 0);
-  if (Date.now() - r < Oe) return !1;
-  window.sessionStorage.setItem(I, String(Date.now()));
-  const a = window.top && window.top !== window ? window.top : window;
-  return a.location.assign(pe(t, {
+  const i = !!(window.top && window.top !== window);
+  if (B(i) === "parent")
+    return window.parent.postMessage({
+      type: F
+    }, window.location.origin), !0;
+  const a = Number(window.sessionStorage.getItem(k) ?? 0);
+  return Date.now() - a < ue ? !1 : (window.sessionStorage.setItem(k, String(Date.now())), window.location.assign(K(t, {
     workspaceId: e,
-    returnUrl: a.location.href
-  })), !0;
+    returnUrl: window.location.href
+  })), !0);
 }
-function qe(e) {
+function le(e) {
   const t = e.dashboardUrl ?? "https://dash.backmatter.app";
-  return j({
+  return P({
     baseUrl: e.proxyPath ?? "/api/backmatter/cms",
     publicApiUrl: e.apiUrl,
     credentials: "same-origin",
@@ -218,79 +129,79 @@ function qe(e) {
     version: e.version,
     dashboardUrl: t,
     onUnauthorized: ({
-      status: r
+      status: i
     }) => {
-      r === 401 && K(e.workspaceId, t);
+      i === 401 && R(e.workspaceId, t);
     }
-  }), P();
+  }), w();
 }
-function Ve(e) {
-  const t = e.basePath ?? "/backmatter", [r] = w(() => qe(e));
-  return /* @__PURE__ */ n(ze, { definition: e.studio, children: /* @__PURE__ */ p(me, { children: [
-    /* @__PURE__ */ n(Ne, {}),
-    /* @__PURE__ */ n(he, { basename: t, children: /* @__PURE__ */ n(Ie, { ...e }) })
+function Ee(e) {
+  const t = e.basePath ?? "/backmatter", [i] = S(() => le(e));
+  return /* @__PURE__ */ r(te, { definition: e.studio, children: /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ r(ie, {}),
+    /* @__PURE__ */ r(A, { basename: t, children: /* @__PURE__ */ r(fe, { ...e }) })
   ] }) });
 }
-function Ie(e) {
-  const t = ge(), r = e.dashboardUrl ?? "https://dash.backmatter.app", [a, s] = w("loading");
-  if (g(() => {
-    let f = !1;
-    const m = P().onUnauthorized;
-    return j({
-      ...P(),
-      onUnauthorized: (c) => {
-        c.status === 426 ? s("outdated") : m == null || m(c);
+function fe(e) {
+  const t = j(), i = e.dashboardUrl ?? "https://dash.backmatter.app", [a, n] = S("loading");
+  if (u(() => {
+    let d = !1;
+    const h = w().onUnauthorized;
+    return P({
+      ...w(),
+      onUnauthorized: (s) => {
+        s.status === 426 ? n("outdated") : h == null || h(s);
       }
-    }), we().then(async (c) => {
-      if (f) return;
-      if (!(c != null && c.user)) {
-        K(e.workspaceId, r) || s("unauthorized");
+    }), G().then(async (s) => {
+      if (d) return;
+      if (!(s != null && s.user)) {
+        R(e.workspaceId, i) || n("unauthorized");
         return;
       }
       const {
-        workspace: y
-      } = await G(e.workspaceId);
-      f || s({
+        workspace: U
+      } = await q(e.workspaceId);
+      d || n({
         user: {
-          id: c.user.id,
-          email: c.user.email
+          id: s.user.id,
+          email: s.user.email
         },
-        slug: y.slug
+        slug: U.slug
       });
     }).catch(() => {
-      f || s((c) => c === "outdated" ? c : "unauthorized");
+      d || n((s) => s === "outdated" ? s : "unauthorized");
     }), () => {
-      f = !0;
+      d = !0;
     };
-  }, [e.workspaceId, r]), a === "loading") return /* @__PURE__ */ n(ve, {});
+  }, [e.workspaceId, i]), a === "loading") return /* @__PURE__ */ r($, {});
   if (a === "outdated")
-    return /* @__PURE__ */ p(A, { title: "This site's editor is out of date", children: [
+    return /* @__PURE__ */ l(y, { title: "This site's editor is out of date", children: [
       "Update ",
-      /* @__PURE__ */ n("code", { children: "@backmatter/studio" }),
+      /* @__PURE__ */ r("code", { children: "@backmatter/studio" }),
       " and ",
-      /* @__PURE__ */ n("code", { children: "@backmatter/next" }),
+      /* @__PURE__ */ r("code", { children: "@backmatter/next" }),
       " on the site, then reload."
     ] });
   if (a === "unauthorized")
-    return /* @__PURE__ */ p(A, { title: "Could not start editing", children: [
+    return /* @__PURE__ */ l(y, { title: "Could not start editing", children: [
       "The site did not receive a session from the dashboard. Check that this site's origin is listed in the workspace settings and that ",
-      /* @__PURE__ */ n("code", { children: "/api/backmatter" }),
+      /* @__PURE__ */ r("code", { children: "/api/backmatter" }),
       " routes are deployed."
     ] });
   const o = t.pathname.match(/^\/embed\/chat\/([^/]+)\/?$/);
   if (o != null && o[1])
-    return /* @__PURE__ */ n(Le, { workspaceId: decodeURIComponent(o[1]) });
-  const d = t.pathname.match(/^\/embed\/publish\/([^/]+)\/?$/);
-  return d != null && d[1] ? /* @__PURE__ */ n(De, { workspaceId: decodeURIComponent(d[1]) }) : /* @__PURE__ */ n(be, { user: a.user, children: /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ n(xe, { userId: a.user.id, email: a.user.email, onLogout: () => {
-    Ae(e.previewEntryPath ?? "/api/backmatter/preview", r);
-  }, children: /* @__PURE__ */ p(ke, { children: [
-    /* @__PURE__ */ n(R, { path: "/", element: /* @__PURE__ */ n(D, { to: `/${a.slug}`, replace: !0 }) }),
-    /* @__PURE__ */ n(R, { path: "/workspaces/:workspaceId/*", element: /* @__PURE__ */ n(Ee, {}) }),
-    Ce(),
-    /* @__PURE__ */ n(R, { path: "*", element: /* @__PURE__ */ n(D, { to: "/", replace: !0 }) })
+    return /* @__PURE__ */ r(ae, { workspaceId: decodeURIComponent(o[1]) });
+  const c = t.pathname.match(/^\/embed\/publish\/([^/]+)\/?$/);
+  return c != null && c[1] ? /* @__PURE__ */ r(ne, { workspaceId: decodeURIComponent(c[1]) }) : /* @__PURE__ */ r(W, { user: a.user, children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(X, { userId: a.user.id, email: a.user.email, onLogout: () => {
+    he(e.previewEntryPath ?? "/api/backmatter/preview", i);
+  }, children: /* @__PURE__ */ l(H, { children: [
+    /* @__PURE__ */ r(m, { path: "/", element: /* @__PURE__ */ r(v, { to: `/${a.slug}`, replace: !0 }) }),
+    /* @__PURE__ */ r(m, { path: "/workspaces/:workspaceId/*", element: /* @__PURE__ */ r(Y, {}) }),
+    Q(),
+    /* @__PURE__ */ r(m, { path: "*", element: /* @__PURE__ */ r(v, { to: "/", replace: !0 }) })
   ] }) }) }) });
 }
-async function Ae(e, t) {
+async function he(e, t) {
   try {
     await fetch(e, {
       method: "POST",
@@ -298,23 +209,23 @@ async function Ae(e, t) {
     });
   } catch {
   }
-  Se.wipe(), window.location.assign(t);
+  Z.wipe(), window.location.assign(t);
 }
-function A({
+function y({
   title: e,
   children: t
 }) {
-  return /* @__PURE__ */ n("div", { className: "x1ov3xa9 xrvj5dj x1ku5rj1 x1t7e3gq", children: /* @__PURE__ */ p("div", { className: "x78zum5 xdt5ytf x1ndbd79 xq2pcee x1t7e3gq x4pepcl x1d0qn7y", children: [
-    /* @__PURE__ */ n(b, { size: "lg", weight: "medium", children: e }),
-    /* @__PURE__ */ n(b, { tone: "muted", children: t })
+  return /* @__PURE__ */ r("div", { className: "x1ov3xa9 xrvj5dj x1ku5rj1 x1t7e3gq", children: /* @__PURE__ */ l("div", { className: "x78zum5 xdt5ytf x1ndbd79 xq2pcee x1t7e3gq x4pepcl x1d0qn7y", children: [
+    /* @__PURE__ */ r(E, { size: "lg", weight: "medium", children: e }),
+    /* @__PURE__ */ r(E, { tone: "muted", children: t })
   ] }) });
 }
 export {
-  Ve as SiteStudio,
-  We as apiUrl,
-  K as bounceToEnter,
-  qe as configureSiteStudio,
-  j as configureStudio,
-  Je as defineStudio,
-  P as studioConfig
+  Ee as SiteStudio,
+  Se as apiUrl,
+  R as bounceToEnter,
+  le as configureSiteStudio,
+  P as configureStudio,
+  Pe as defineStudio,
+  w as studioConfig
 };