@backmatter/studio 0.0.4 → 0.0.5

package/dist/site-widget.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as n, Fragment as N } from "react/jsx-runtime";
-import { useRef as f, useState as k, useLayoutEffect as O, useEffect as m } from "react";
-import { c as z, a as T, p as W, l as _, P as B, S as D, m as H, T as M, E as V, C as G, b as U, d as j, e as J, u as q, D as I, f as E, i as S, g as y, h as K, j as Y } from "./chunks/status-bar-action-DiXhfcj3.js";
+import { useRef as m, useState as w, useLayoutEffect as O, useEffect as f } from "react";
+import { c as z, a as T, p as W, l as _, P as B, S as D, m as H, T as M, E as V, C as G, b as U, d as j, e as q, u as J, D as I, f as S, i as $, g as y, h as K, j as Y } from "./chunks/status-bar-action-DiXhfcj3.js";
 import { E as Q } from "./chunks/EmbedPublishPage-hx1xoAhI.js";
 const t = "backmatter-devbar";
 function be({
@@ -14,8 +14,8 @@ function be({
   proxyPath: x = "/api/backmatter/cms",
   version: i
 }) {
-  const l = f(b);
-  l.current = b, k(() => (z({
+  const l = m(b);
+  l.current = b, w(() => (z({
     baseUrl: x.replace(/\/+$/, ""),
     credentials: "same-origin",
     dev: !1,
@@ -27,22 +27,22 @@ function be({
       a === 401 && ((h = l.current) == null || h.call(l));
     }
   }), !0)), O(() => T(document.documentElement, W(_).className), []);
-  const [d, g] = k(!1), [w, v] = k(!1), [C, P] = k(0), A = e ? `${e.type}/${e.slug}` : "No document";
+  const [d, g] = w(!1), [k, v] = w(!1), [C, P] = w(0), A = e ? `${e.type}/${e.slug}` : "No document";
   function R() {
     s == null || s();
   }
-  m(() => {
+  f(() => {
     function a(h) {
-      J(h) === "chat" && (h.preventDefault(), v(!1), g((L) => !L));
+      q(h) === "chat" && (h.preventDefault(), v(!1), g((L) => !L));
     }
     return document.addEventListener("keydown", a, !0), () => document.removeEventListener("keydown", a, !0);
   }, []);
   const F = /* @__PURE__ */ p("footer", { "aria-label": "Backmatter", className: t, style: oe, children: [
     /* @__PURE__ */ n("span", { style: ae, children: A }),
-    /* @__PURE__ */ n($, { children: "Preview" }),
-    o ? /* @__PURE__ */ n($, { children: o }) : null,
-    r ? /* @__PURE__ */ n($, { children: "draft" }) : null,
-    /* @__PURE__ */ p("button", { type: "button", className: `${t}-btn${w ? ` ${t}-on` : ""}`, "aria-pressed": w, disabled: !e, onClick: () => {
+    /* @__PURE__ */ n(E, { children: "Preview" }),
+    o ? /* @__PURE__ */ n(E, { children: o }) : null,
+    r ? /* @__PURE__ */ n(E, { children: "draft" }) : null,
+    /* @__PURE__ */ p("button", { type: "button", className: `${t}-btn${k ? ` ${t}-on` : ""}`, "aria-pressed": k, disabled: !e, onClick: () => {
       g(!1), v((a) => !a);
     }, children: [
       /* @__PURE__ */ n(B, {}),
@@ -73,7 +73,7 @@ function be({
       /* @__PURE__ */ n(ne, { doc: e }),
       /* @__PURE__ */ n(U, { children: d ? /* @__PURE__ */ n(j, { site: !0 }) : null })
     ] }) }) }) : null,
-    e ? /* @__PURE__ */ n("div", { "data-backmatter-panel": "", hidden: !w, style: se, children: /* @__PURE__ */ n(Q, { workspaceId: e.workspaceId, onStatus: ({
+    e ? /* @__PURE__ */ n("div", { "data-backmatter-panel": "", hidden: !k, style: se, children: /* @__PURE__ */ n(Q, { workspaceId: e.workspaceId, onStatus: ({
       changeCount: a
     }) => P(a), onPublished: () => {
       v(!1), P(0), R();
@@ -86,8 +86,8 @@ function X({
 }) {
   const {
     setFocus: o
-  } = q();
-  return m(() => {
+  } = J();
+  return f(() => {
     o({
       docRef: {
         locale: e.locale,
@@ -103,8 +103,8 @@ function X({
 function Z({
   onDocChanged: e
 }) {
-  const o = f(e);
-  return o.current = e, m(() => {
+  const o = m(e);
+  return o.current = e, f(() => {
     function r() {
       o.current();
     }
@@ -116,8 +116,8 @@ function ee({
 }) {
   const {
     dispatch: o
-  } = E();
-  return m(() => {
+  } = S();
+  return f(() => {
     o({
       type: e ? "open" : "close"
     }), e && requestAnimationFrame(() => {
@@ -130,10 +130,10 @@ function te({
 }) {
   const {
     panel: o
-  } = E(), r = o.mode, c = f(r), u = f(e);
-  return u.current = e, m(() => {
-    const s = S(c.current);
-    c.current = r, s && !S(r) && u.current();
+  } = S(), r = o.mode, c = m(r), u = m(e);
+  return u.current = e, f(() => {
+    const s = $(c.current);
+    c.current = r, s && !$(r) && u.current();
   }, [r]), null;
 }
 function ne({
@@ -142,14 +142,16 @@ function ne({
   const {
     addPointer: o,
     panel: r
-  } = E(), c = S(r.mode), u = f(c), s = f(e);
-  return u.current = c, s.current = e, m(() => {
+  } = S(), c = $(r.mode), u = m(c), s = m(e);
+  return u.current = c, s.current = e, f(() => {
     const b = K(document, {
       bar: () => document.querySelector(`.${t}`),
       ignore: (i) => !(i instanceof Element) || i.closest("[data-backmatter-panel]") ? !0 : i.closest("iframe") !== null,
       onGrab: (i) => {
         const l = Y(s.current, i);
-        l && o(l);
+        l && (o(l), requestAnimationFrame(() => {
+          window.dispatchEvent(new Event("backmatter:chat-focus"));
+        }));
       },
       onEscape: () => {
         window.dispatchEvent(new CustomEvent(y, {
@@ -168,7 +170,7 @@ function ne({
     };
   }, [o]), null;
 }
-function $({
+function E({
   children: e
 }) {
   return /* @__PURE__ */ n("span", { style: ie, children: e });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backmatter/studio",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "The Backmatter editing surface: document editor, AI chat, publish. Mounted on your site or hosted on the dashboard.",
   "type": "module",
   "publishConfig": {

package/src/site-widget.tsx

@@ -240,7 +240,11 @@ function SitePointer({ doc }: { doc: SiteWidgetDoc }) {
       },
       onGrab: (grab) => {
         const next = chatPointerFromGrab(docRef.current, grab);
-        if (next) addPointer(next);
+        if (!next) return;
+        addPointer(next);
+        requestAnimationFrame(() => {
+          window.dispatchEvent(new Event("backmatter:chat-focus"));
+        });
       },
       onEscape: () => {
         window.dispatchEvent(new CustomEvent(POINTER_ARM_EVENT, { detail: { on: false } }));