@backmatter/studio 0.0.2 → 0.0.4

package/dist/chunks/EmbedPublishPage-hx1xoAhI.js

@@ -0,0 +1,149 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { useEffect as k, useState as u, useRef as H, useMemo as O } from "react";
+import { k as P, n as U, o as K, q as F, p as g, r as y, s as q, t as V, v as J, w as Q, x as X, y as Y, z as Z } from "./status-bar-action-DiXhfcj3.js";
+const I = 8e3;
+function T() {
+  if (!document.referrer) return "";
+  try {
+    return new URL(document.referrer).origin;
+  } catch {
+    return "";
+  }
+}
+function ee(t) {
+  if (!(t instanceof Error)) return "Commit failed";
+  const o = t;
+  return o.code === "conflict" ? "Resolve conflicts before committing" : o.code === "nothing_to_commit" ? "Nothing to commit" : o.code === "validation" ? t.message.replace(/^validation:\s*/, "Validation failed: ") : o.code === "github_not_bound" ? "Connect GitHub first" : t.message;
+}
+function w(t) {
+  return `${t.locale}/${t.type}/${t.slug}`;
+}
+const te = {
+  modified: "modified",
+  added: "new",
+  conflict: "conflict",
+  deleted: "deleted"
+};
+function ae({
+  workspaceId: t,
+  onStatus: o,
+  onPublished: b
+}) {
+  k(() => P(), []);
+  const [r, v] = u(null), [G, A] = u("viewer"), [z, C] = u(""), [x, c] = u(null), [d, N] = u(!1), [p, j] = u(null);
+  k(() => {
+    let e = !1;
+    return U(t).then((n) => {
+      e || A(n.workspace.role);
+    }).catch(() => {
+      e || c("Could not load this workspace");
+    }), () => {
+      e = !0;
+    };
+  }, [t]);
+  const f = H(o);
+  f.current = o, k(() => {
+    let e = !1;
+    const n = () => {
+      q(t).then((a) => {
+        var _;
+        if (e) return;
+        v(a);
+        const L = a.changes.length, M = K(a);
+        (_ = f.current) == null || _.call(f, {
+          changeCount: L,
+          conflictCount: M
+        });
+        const R = T();
+        !R || window.parent === window || window.parent.postMessage({
+          type: "backmatter:git",
+          changeCount: L,
+          conflictCount: M
+        }, R);
+      }).catch((a) => {
+        e || c(a instanceof Error ? a.message : "Git status failed");
+      });
+    };
+    n();
+    const m = window.setInterval(n, I);
+    return () => {
+      e = !0, window.clearInterval(m);
+    };
+  }, [t]);
+  const s = (r == null ? void 0 : r.changes) ?? [], B = K(r), h = Q(B, Z(G)), E = O(() => s.filter((e) => e.status === "conflict"), [s]), S = F(s);
+  async function $(e, n) {
+    const m = `${w(e)}:${n}`;
+    j(m), c(null);
+    try {
+      await V(t, e.locale, e.type, e.slug, n), J({
+        workspaceId: t,
+        locale: e.locale,
+        type: e.type,
+        slug: e.slug,
+        status: n === "theirs" ? "clean" : "modified"
+      });
+      const a = await q(t);
+      v(a);
+    } catch (a) {
+      c(a instanceof Error ? a.message : "Resolve failed");
+    } finally {
+      j(null);
+    }
+  }
+  async function W(e) {
+    if (e.preventDefault(), !(d || h !== "commit" || s.length === 0)) {
+      N(!0), c(null);
+      try {
+        const n = await X(t, z);
+        C(""), Y(t, n.files), b == null || b();
+        const m = T();
+        m && window.parent !== window && window.parent.postMessage({
+          type: "backmatter:published"
+        }, m), v(await q(t));
+      } catch (n) {
+        c(ee(n));
+      } finally {
+        N(!1);
+      }
+    }
+  }
+  const D = (r == null ? void 0 : r.currentBranch) ?? "main";
+  return E.length > 0 ? /* @__PURE__ */ l("div", { className: "x78zum5 xdt5ytf xmqd7ac x1hb2obb xqjzbou", children: [
+    /* @__PURE__ */ i("p", { ...g(y.groupLabel), children: "Resolve conflicts" }),
+    /* @__PURE__ */ i("p", { className: "x1ghz6dp x173sf5p xq98a72 x10qp4ay x37zpob x111yfic", children: "Pick a side for each file. Commit stays blocked until every conflict is resolved." }),
+    x ? /* @__PURE__ */ i("p", { className: "x1ghz6dp x173sf5p xq98a72 x10qp4ay x1trrqm4", children: x }) : null,
+    /* @__PURE__ */ i("ul", { className: "x1ghz6dp x1717udv xe8uvvx x1odjw0f x1kbliiw xq3t0pi", children: E.map((e) => {
+      const n = w(e);
+      return /* @__PURE__ */ l("li", { className: "x78zum5 xdt5ytf xpw8yq9 x1l8q8zy x1om5956 x1ar5oo6 x10qp4ay", children: [
+        /* @__PURE__ */ l("span", { className: "xeuugli x98rzlu xb3r6kr xlyipyv xuxw1ft", children: [
+          e.type,
+          "/",
+          e.slug
+        ] }),
+        /* @__PURE__ */ l("div", { className: "x78zum5 xpw8yq9", children: [
+          /* @__PURE__ */ i("button", { type: "button", disabled: p !== null, onClick: () => void $(e, "mine"), className: "xxk0z11 x1l8q8zy xmkeg23 x1y0btm7 x1j0qoeq x13oidi x1hb2obb xqjzbou x10qp4ay x1ypdohk xk0mbs4 x1s07b3s x784prv x9v5kkp x1yxvn1h x13iak60", children: p === `${n}:mine` ? "Keeping…" : "Keep mine" }),
+          /* @__PURE__ */ i("button", { type: "button", disabled: p !== null, onClick: () => void $(e, "theirs"), className: "xxk0z11 x1l8q8zy xmkeg23 x1y0btm7 x13oidi x1hb2obb x10qp4ay x1ypdohk xk0mbs4 x1s07b3s x784prv x9v5kkp x1yxvn1h x13iak60 x1nf6o4h x1trrqm4", children: p === `${n}:theirs` ? "Taking…" : "Take theirs" })
+        ] })
+      ] }, n);
+    }) })
+  ] }) : /* @__PURE__ */ l("form", { className: "x78zum5 xdt5ytf xmqd7ac x1hb2obb xqjzbou", onSubmit: (e) => void W(e), children: [
+    /* @__PURE__ */ i("p", { ...g(y.groupLabel), children: s.length === 0 ? "Nothing to publish" : `${s.length} ${s.length === 1 ? "file" : "files"} → ${D}` }),
+    s.length > 0 ? /* @__PURE__ */ i("ul", { className: "x1ghz6dp x1717udv xe8uvvx xctk3hg x1odjw0f x1kbliiw", children: s.map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l("div", { className: "x78zum5 x6s0dn4 x3smv4v x1rz828m x1ghz6dp x1obou79 x1l8q8zy x1om5956 x1ar5oo6 x10qp4ay x111yfic", children: [
+      /* @__PURE__ */ l("span", { className: "xeuugli x98rzlu xb3r6kr xlyipyv xuxw1ft", children: [
+        e.type,
+        "/",
+        e.slug
+      ] }),
+      /* @__PURE__ */ i("span", { ...g(y.itemMeta), children: te[e.status] })
+    ] }) }, w(e))) }) : null,
+    s.length > 0 ? /* @__PURE__ */ i("div", { ...g(y.separator) }) : null,
+    s.length > 0 ? /* @__PURE__ */ l("div", { className: "x78zum5 xdt5ytf x1qjc9v5 x1ndbd79 x173sf5p x1l7y7l0 xreod0t", children: [
+      /* @__PURE__ */ i("input", { value: z, onChange: (e) => C(e.target.value), placeholder: S, "aria-label": "Commit message", autoComplete: "off", spellCheck: !1, "data-no-ring": !0, "data-1p-ignore": !0, "data-lpignore": !0, disabled: d || h !== "commit", className: "xh8yej3 x9f619 xe0p6wg x1l8q8zy x1om5956 xmkeg23 x1y0btm7 x1j0qoeq x13oidi xawfm1v xqjzbou x1vrk1b5 x1a2a7pz x1uvtmcs x1t8xw5s xk2swo9 xk0mbs4 x9ecp23" }),
+      x ? /* @__PURE__ */ i("p", { className: "x1ghz6dp x10qp4ay x1trrqm4 xnjsko4 x18d9i69", children: x }) : null,
+      h === "blocked" ? /* @__PURE__ */ i("p", { className: "x1ghz6dp x173sf5p xq98a72 x10qp4ay x37zpob x111yfic", children: "Writers cannot publish" }) : /* @__PURE__ */ i("button", { type: "submit", disabled: d || h !== "commit", className: "x78zum5 xh8yej3 x6s0dn4 xl56j7k x1fgtraw x161b3w3 xmkeg23 x1y0btm7 x14aomtw x13oidi xrb6rkd xfja90d x10qp4ay xk50ysn xuxw1ft x1ypdohk x2q2s9b x1dih85f xk0mbs4 x1s07b3s xd3so5o x784prv x9v5kkp x1yxvn1h x13iak60 xb93eig", children: d ? "Committing…" : "Commit & push" })
+    ] }) : x ? /* @__PURE__ */ i("p", { className: "x1ghz6dp x173sf5p xq98a72 x10qp4ay x1trrqm4", children: x }) : null
+  ] });
+}
+export {
+  ae as E
+};

package/dist/chunks/{UiKitPage-CTZtLwJ0.js → UiKitPage-BOunq6mr.js}

@@ -1,14 +1,15 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useState as y } from "react";
-import { u as S, T as l, B as p, a as c, S as m, P as o, b as z, F as x, I as b, c as N, d as w, e as $, f as g, g as h, p as L } from "./WorkspaceRoutes-DyRVES9t.js";
-import { L as q, a as k } from "./dashboard-nvFBzpZv.js";
-const T = ["primary", "secondary", "ghost", "danger"];
+import { B as c, A as S, p as z } from "./status-bar-action-DiXhfcj3.js";
+import { u as N, T as l, B as p, S as m, P as o, F as x, I as b, a as w, b as $, c as L, d as g, e as h } from "./WorkspaceRoutes-CTFTWu3L.js";
+import { L as q, a as k } from "./dashboard-upmiawx5.js";
+const B = ["primary", "secondary", "ghost", "danger"];
 function V() {
   const {
     preference: s,
     resolved: r,
     setPreference: u
-  } = S(), [f, v] = y("en");
+  } = N(), [f, v] = y("en");
   return /* @__PURE__ */ i("div", { className: "x1ov3xa9 x1uedy8c xvueqy4 xm8shrt x198e4go", children: [
     /* @__PURE__ */ i("header", { className: "x78zum5 x1a02dak x1cy8zhl x1qughib x11cgr9k x1y5o9j5", children: [
       /* @__PURE__ */ i("div", { children: [
@@ -33,10 +34,10 @@ function V() {
     /* @__PURE__ */ i(m, { gap: "lg", children: [
       /* @__PURE__ */ i("section", { className: "x78zum5 xdt5ytf x3smv4v", children: [
         /* @__PURE__ */ e(n, { children: "Buttons" }),
-        /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(m, { gap: "md", children: T.map((a) => /* @__PURE__ */ i(j, { label: a, children: [
+        /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(m, { gap: "md", children: B.map((a) => /* @__PURE__ */ i(T, { label: a, children: [
           /* @__PURE__ */ e(c, { variant: a, children: a }),
           /* @__PURE__ */ e(c, { variant: a, disabled: !0, children: "disabled" }),
-          /* @__PURE__ */ e(z, { variant: a, to: "/__ui", children: "link" })
+          /* @__PURE__ */ e(S, { variant: a, to: "/__ui", children: "link" })
         ] }, a)) }) })
       ] }),
       /* @__PURE__ */ i("section", { className: "x78zum5 xdt5ytf x3smv4v", children: [
@@ -44,14 +45,14 @@ function V() {
         /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(m, { children: [
           /* @__PURE__ */ e(x, { label: "Text", hint: "Functional note under the field.", children: /* @__PURE__ */ e(b, { defaultValue: "Ada Lovelace", autoComplete: "off", spellCheck: !1 }) }),
           /* @__PURE__ */ e(x, { label: "Disabled", children: /* @__PURE__ */ e(b, { defaultValue: "Locked", disabled: !0 }) }),
-          /* @__PURE__ */ e(x, { label: "Select", children: /* @__PURE__ */ e(N, { "aria-label": "Locale", value: f, onValueChange: (a) => v(a ?? "en"), options: [{
+          /* @__PURE__ */ e(x, { label: "Select", children: /* @__PURE__ */ e(w, { "aria-label": "Locale", value: f, onValueChange: (a) => v(a ?? "en"), options: [{
             value: "en",
             label: "English (en)"
           }, {
             value: "da",
             label: "Dansk (da)"
           }] }) }),
-          /* @__PURE__ */ e(x, { label: "Body (mono)", children: /* @__PURE__ */ e(w, { mono: !0, rows: 4, defaultValue: `---
+          /* @__PURE__ */ e(x, { label: "Body (mono)", children: /* @__PURE__ */ e($, { mono: !0, rows: 4, defaultValue: `---
 title: Hello
 ---
 
@@ -75,7 +76,7 @@ Paragraph.` }) })
       /* @__PURE__ */ i("section", { className: "x78zum5 xdt5ytf x3smv4v", children: [
         /* @__PURE__ */ e(n, { children: "List + page chrome" }),
         /* @__PURE__ */ i(o, { children: [
-          /* @__PURE__ */ e($, { kicker: /* @__PURE__ */ e(p, { to: "/__ui", children: "← Kit" }), title: "Documents", description: "Sample page header with action.", action: /* @__PURE__ */ e(c, { children: "New" }) }),
+          /* @__PURE__ */ e(L, { kicker: /* @__PURE__ */ e(p, { to: "/__ui", children: "← Kit" }), title: "Documents", description: "Sample page header with action.", action: /* @__PURE__ */ e(c, { children: "New" }) }),
           /* @__PURE__ */ i(q, { children: [
             /* @__PURE__ */ e(k, { to: "/__ui", title: "hello-world", meta: "en", trailing: "modified" }),
             /* @__PURE__ */ e(k, { to: "/__ui", title: "about", meta: "da", trailing: "new" })
@@ -115,7 +116,7 @@ function n({
 }) {
   return /* @__PURE__ */ e(l, { as: "h2", size: "xs", tone: "muted", weight: "semibold", children: s });
 }
-function j({
+function T({
   label: s,
   children: r
 }) {
@@ -129,7 +130,7 @@ function t({
   fill: r
 }) {
   return /* @__PURE__ */ i("div", { className: "x78zum5 xdt5ytf x3smv4v", children: [
-    /* @__PURE__ */ e("div", { ...L(d.chip, r) }),
+    /* @__PURE__ */ e("div", { ...z(d.chip, r) }),
     /* @__PURE__ */ e(l, { size: "xs", tone: "muted", mono: !0, children: s })
   ] });
 }