@backmatter/studio 0.0.12 → 0.0.14

package/src/pages/DocEditorPage.tsx

@@ -60,7 +60,7 @@ import { BodyField } from "./BodyProse";
 import { BlocksList } from "./BlocksList";
 import { blocksFromFrontmatter } from "./blocks-list";
 import type { WorkspaceOutletContext } from "../workspace/types";
-import { contentDocPath, defaultLocaleOf, settingsPath } from "../workspace-path";
+import { contentDocPath, settingsPath } from "../workspace-path";
 import { bindPreviewEditor, previewFrameTransport } from "./preview-bridge";
 import { editorGrabAction } from "./editor-grab";
 import { useChatUI } from "../chat/ChatProvider";
@@ -190,10 +190,6 @@ export function DocEditorPage() {
   const model = models.find((m) => m.type === type);
   const embed = searchParams.get("embed") === "1";
   const showPreview = !embed && model?.route !== false;
-  const locale = model?.path.includes("{locale}")
-    ? searchParams.get("locale") || defaultLocaleOf(workspace.locales)
-    : "";
-
   const [source, setSource] = useState<ContentSource | null>(null);
   const [docStatus, setDocStatus] = useState<DocStatus | null>(null);
   const [branch, setBranch] = useState<string | null>(null);
@@ -233,7 +229,7 @@ export function DocEditorPage() {
     useSetEditorStatus();
   const editorActions = useSetEditorActions();
   const { setFocus: setEditorFocus, aiEditingDocKey } = useEditorFocus();
-  const docRef = useMemo(() => ({ locale, type, slug }), [locale, type, slug]);
+  const docRef = useMemo(() => ({ type, slug }), [type, slug]);
   const aiEditing = aiEditingDocKey !== null && aiEditingDocKey === docKey(docRef);
   const aiEditingRef = useRef(aiEditing);
   aiEditingRef.current = aiEditing;
@@ -250,9 +246,8 @@ export function DocEditorPage() {
   // Mirrors docStatus for event handlers that must not re-subscribe on change.
   const docStatusRef = useRef<DocStatus | null>(null);
   docStatusRef.current = docStatus;
-  const channelRef = useRef<PreviewChannelRef>({ locale, type, slug });
+  const channelRef = useRef<PreviewChannelRef>({ type, slug });
   channelRef.current = {
-    locale,
     type,
     slug,
     ...(branch ? { branch } : {}),
@@ -269,11 +264,10 @@ export function DocEditorPage() {
   const blocksFieldRef = useRef(blocksField);
   blocksFieldRef.current = blocksField;
   const siteUrl = primarySiteUrl(workspace.siteUrls ?? []);
-  const liveUrl = productionDocUrl(siteUrl, modelForType(models, type), locale, slug);
+  const liveUrl = productionDocUrl(siteUrl, modelForType(models, type), slug);
   const previewPath = editorPreviewPath(
     modelForType(models, type),
     slug,
-    locale,
     branch,
     tree,
   );
@@ -340,7 +334,6 @@ export function DocEditorPage() {
     });
     if (decision.action === "add") {
       addPointer({
-        locale: channelRef.current.locale,
         type: channelRef.current.type,
         slug: channelRef.current.slug,
         blockId: decision.blockId,
@@ -545,7 +538,7 @@ export function DocEditorPage() {
 
   async function reload() {
     try {
-      const data = await fetchDoc(workspaceId, locale, type, slug);
+      const data = await fetchDoc(workspaceId, type, slug);
       hydrated.current = false;
       setSource(data.doc.source);
       setDocStatus(data.doc.status);
@@ -588,7 +581,7 @@ export function DocEditorPage() {
         hydrated.current = true;
       });
       try {
-        const res = await saveDoc(workspaceId, locale, type, slug, {
+        const res = await saveDoc(workspaceId, type, slug, {
           frontmatter: next,
           body: "",
         });
@@ -596,7 +589,6 @@ export function DocEditorPage() {
         setSource("tree");
         notifyTreeChanged({
           workspaceId,
-          locale,
           type,
           slug,
           status: res.doc.status,
@@ -623,7 +615,7 @@ export function DocEditorPage() {
     }
     function onDocChanged(e: Event) {
       const detail = (e as CustomEvent<DocChangedDetail>).detail;
-      if (!sameDocRef(detail?.docRef, { locale, type, slug })) return;
+      if (!sameDocRef(detail?.docRef, { type, slug })) return;
       onChanged();
     }
     // Chat publishes status with the tool result. Flip the badge before the reload returns.
@@ -632,7 +624,7 @@ export function DocEditorPage() {
       if (!detail?.status || detail.remove) return;
       const ws = detail.workspaceId;
       if (ws && ws !== workspace.id && ws !== workspace.slug) return;
-      if (detail.locale !== locale || detail.type !== type || detail.slug !== slug) return;
+      if (detail.type !== type || detail.slug !== slug) return;
       docStatusRef.current = detail.status;
       setDocStatus(detail.status);
       setSource(detail.status === "clean" ? "head" : "tree");
@@ -645,7 +637,7 @@ export function DocEditorPage() {
         onChanged();
         return;
       }
-      void fetchDoc(workspaceId, locale, type, slug)
+      void fetchDoc(workspaceId, type, slug)
         .then((data) => setDocStatus(data.doc.status))
         .catch(() => {});
     }
@@ -660,7 +652,7 @@ export function DocEditorPage() {
       window.removeEventListener(DOC_CHANGED_EVENT, onDocChanged);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [workspaceId, workspace.slug, locale, type, slug]);
+  }, [workspaceId, workspace.slug, type, slug]);
 
   // Publish the focused document to the global AI chat (debounced).
   useEffect(() => {
@@ -698,14 +690,13 @@ export function DocEditorPage() {
       setStatus(null);
     }
     try {
-      const res = await saveDoc(workspaceId, locale, type, slug, payload);
+      const res = await saveDoc(workspaceId, type, slug, payload);
       if (gen !== saveGen.current) return;
       setSource("tree");
       setDocStatus(res.doc.status);
       setSaveState("saved");
       notifyTreeChanged({
         workspaceId,
-        locale,
         type,
         slug,
         status: res.doc.status,
@@ -747,9 +738,9 @@ export function DocEditorPage() {
     setStatus(null);
     saveGen.current += 1;
     try {
-      await revertDoc(workspaceId, locale, type, slug);
+      await revertDoc(workspaceId, type, slug);
       setStatus("Reverted to the committed version");
-      notifyTreeChanged({ workspaceId, locale, type, slug, status: "clean" });
+      notifyTreeChanged({ workspaceId, type, slug, status: "clean" });
       await reload();
       remountPreview();
     } catch (err) {
@@ -766,7 +757,7 @@ export function DocEditorPage() {
     setStatus(null);
     saveGen.current += 1;
     try {
-      await resolveDoc(workspaceId, locale, type, slug, strategy);
+      await resolveDoc(workspaceId, type, slug, strategy);
       notifyTreeChanged();
       if (strategy === "theirs") {
         setStatus("Took the committed version");
@@ -774,7 +765,7 @@ export function DocEditorPage() {
         remountPreview();
       } else {
         setStatus("Kept your version; it will overwrite theirs on commit");
-        const data = await fetchDoc(workspaceId, locale, type, slug);
+        const data = await fetchDoc(workspaceId, type, slug);
         setDocStatus(data.doc.status);
       }
     } catch (err) {
@@ -806,12 +797,11 @@ export function DocEditorPage() {
   const statusLabel = docStatusLabel(docStatus);
   useEffect(() => {
     setEditorStatus({
-      locale,
       status: statusLabel,
       saveLabel,
       saveTone,
     });
-  }, [setEditorStatus, locale, saveLabel, saveTone, statusLabel]);
+  }, [setEditorStatus, saveLabel, saveTone, statusLabel]);
 
   const hasTreeCopy = source === "tree";
   useEffect(() => {
@@ -903,13 +893,7 @@ export function DocEditorPage() {
                   {...stylex.props(styles.editPage)}
                   onClick={() => {
                     navigate(
-                      contentDocPath(
-                        workspace.slug,
-                        previewOffer.type,
-                        previewOffer.slug,
-                        previewOffer.locale,
-                        defaultLocaleOf(workspace.locales),
-                      ),
+                      contentDocPath(workspace.slug, previewOffer.type, previewOffer.slug),
                     );
                   }}
                 >

package/src/pages/LegacyWorkspaceRedirect.tsx

@@ -4,10 +4,7 @@ import { Navigate, useLocation, useParams } from "react-router";
 import { fetchWorkspace } from "../api";
 import { PageFrame } from "../ui/Page";
 import { Text } from "../ui/Text";
-import {
-  defaultLocaleOf,
-  rewriteLegacyWorkspacePath,
-} from "../workspace-path";
+import { rewriteLegacyWorkspacePath } from "../workspace-path";
 
 export function LegacyWorkspaceRedirect() {
   const { workspaceId = "", "*": rest } = useParams();
@@ -26,11 +23,7 @@ export function LegacyWorkspaceRedirect() {
         const pathname = rest
           ? `/workspaces/${workspaceId}/${rest}`
           : `/workspaces/${workspaceId}`;
-        const rewritten = rewriteLegacyWorkspacePath(
-          pathname,
-          workspace.slug,
-          defaultLocaleOf(workspace.locales),
-        );
+        const rewritten = rewriteLegacyWorkspacePath(pathname, workspace.slug);
         const url = new URL(rewritten, "http://local");
         new URLSearchParams(location.search).forEach((value, key) => {
           url.searchParams.set(key, value);

package/src/pages/WorkspaceLayout.tsx

@@ -12,7 +12,6 @@ import { PageFrame } from "../ui/Page";
 import { Text } from "../ui/Text";
 import type { WorkspaceOutletContext } from "../workspace/types";
 import {
-  defaultLocaleOf,
   isWorkspaceEditorPath,
   isWorkspaceMediaPath,
   isWorkspaceSettingsPath,
@@ -65,10 +64,6 @@ export function WorkspaceLayout() {
       workspaceSlug: workspace.slug,
       workspaceName: workspace.name,
       role: workspace.role,
-      defaultLocale: defaultLocaleOf(workspace.locales),
-      locales: workspace.locales?.length
-        ? workspace.locales
-        : [defaultLocaleOf(workspace.locales)],
       contentTypes: models.map((m) => m.type),
       contentModels: models.map((m) => ({
         type: m.type,

package/src/pages/preview-url.ts

@@ -1,35 +1,23 @@
 // packages/studio/src/pages/preview-url.ts
-import {
-  encodeDocLocale,
-  PREVIEW_LOCALE_QUERY,
-  revalidateUrl,
-  routeFor,
-  routeTemplate,
-  type RouteModel,
-} from "@backmatter/core";
+import { revalidateUrl, routeFor, type RouteModel } from "@backmatter/core";
 
 export function modelForType(models: readonly RouteModel[], type: string): RouteModel {
   return models.find((m) => m.type === type) ?? { type };
 }
 
-export function publicDocPath(model: RouteModel, locale: string, slug: string): string {
-  return routeFor(model, locale, slug);
+export function publicDocPath(model: RouteModel, slug: string): string {
+  return routeFor(model, slug);
 }
 
 /** Public path once checkout is known. Null holds the iframe off HEAD. */
 export function editorPreviewPath(
   model: RouteModel,
   slug: string,
-  locale = "en",
   branch?: string | null,
   tree?: string | null,
 ): string | null {
   if (!branch?.trim() || !tree?.trim()) return null;
-  const path = publicDocPath(model, locale, slug);
-  if (!path || routeTemplate(model).includes("{locale}")) return path || null;
-  const params = new URLSearchParams();
-  params.set(PREVIEW_LOCALE_QUERY, encodeDocLocale(locale));
-  return `${path}?${params.toString()}`;
+  return publicDocPath(model, slug) || null;
 }
 
 /**
@@ -80,12 +68,11 @@ export function primarySiteUrl(
 export function productionDocUrl(
   siteUrl: string | null | undefined,
   model: RouteModel,
-  locale: string,
   slug: string,
 ): string | null {
   const origin = siteUrl?.trim().replace(/\/$/, "");
   if (!origin) return null;
-  return `${origin}${publicDocPath(model, locale, slug)}`;
+  return `${origin}${publicDocPath(model, slug)}`;
 }
 
 export function revalidateWebhookUrl(siteUrl: string | null | undefined): string | null {
@@ -108,11 +95,10 @@ export function buildPreviewSiteUrl(
   base: string,
   model: RouteModel,
   slug: string,
-  locale = "en",
   branch?: string | null,
   tree?: string | null,
   ticket?: string | null,
 ): string | null {
-  if (!editorPreviewPath(model, slug, locale, branch, tree) || !ticket) return null;
+  if (!editorPreviewPath(model, slug, branch, tree) || !ticket) return null;
   return previewEnableUrl(base, ticket);
 }

package/src/preview-frame.tsx

@@ -38,10 +38,16 @@ export function guessPreviewFrameRadius(): number {
 export function resolvePreviewFrameRadius(override?: number): number {
   if (override !== undefined && Number.isFinite(override) && override >= 0) return override;
   if (typeof document !== "undefined") {
-    const raw = getComputedStyle(document.documentElement).getPropertyValue("--bm-preview-frame-radius").trim();
-    if (raw) {
-      const parsed = Number.parseFloat(raw);
-      if (Number.isFinite(parsed) && parsed >= 0) return parsed;
+    try {
+      const raw = getComputedStyle(document.documentElement)
+        .getPropertyValue("--bm-preview-frame-radius")
+        .trim();
+      if (raw) {
+        const parsed = Number.parseFloat(raw);
+        if (Number.isFinite(parsed) && parsed >= 0) return parsed;
+      }
+    } catch {
+      // happy-dom and other minimal runtimes may not implement layout styles.
     }
   }
   return guessPreviewFrameRadius();

package/src/replica/store.ts

@@ -21,7 +21,7 @@ const OVERLAY_STATUSES = new Set(["modified", "added", "conflict", "deleted"]);
 
 function validOverlay(row: ReplicaHit["overlay"][number]) {
   return Boolean(
-    row.locale &&
+    typeof row.locale === "string" &&
       row.type &&
       row.slug &&
       OVERLAY_STATUSES.has(row.status),

package/src/site-bar.tsx

@@ -61,7 +61,6 @@ const DEFAULT_PREVIEW_ENTRY = "/api/backmatter/preview";
 export type { DevbarActivity, DevbarStep };
 
 export type PageMenuDoc = {
-  locale: string;
   type: string;
   slug: string;
 };
@@ -184,7 +183,6 @@ export function SiteBar({
   const [settingsPane, setSettingsPane] = useState<"main" | "shortcuts">("main");
   const [hostName, setHostName] = useState("");
   const [workspaceSlug, setWorkspaceSlug] = useState<string | null>(null);
-  const [workspaceDefaultLocale, setWorkspaceDefaultLocale] = useState("en");
 
   useEffect(() => {
     const id = doc?.workspaceId;
@@ -197,7 +195,6 @@ export function SiteBar({
       .then(({ workspace }) => {
         if (cancelled) return;
         setWorkspaceSlug(workspace.slug);
-        setWorkspaceDefaultLocale(workspace.locales[0] ?? "en");
       })
       .catch(() => {
         if (!cancelled) setWorkspaceSlug(null);
@@ -208,8 +205,8 @@ export function SiteBar({
   }, [doc?.workspaceId]);
 
   const dashboardOpenHref = useMemo(
-    () => resolveDashboardOpenHref(dashboardHref, doc, workspaceSlug, workspaceDefaultLocale),
-    [dashboardHref, doc, workspaceSlug, workspaceDefaultLocale],
+    () => resolveDashboardOpenHref(dashboardHref, doc, workspaceSlug),
+    [dashboardHref, doc, workspaceSlug],
   );
 
   const setBar = useCallback((node: HTMLElement | null) => {
@@ -478,7 +475,7 @@ export function SiteBar({
         try {
           const { workspace } = await fetchWorkspace(doc.workspaceId);
           href =
-            resolveDashboardOpenHref(dashboardHref, doc, workspace.slug, workspace.locales[0] ?? "en") ??
+            resolveDashboardOpenHref(dashboardHref, doc, workspace.slug) ??
             href;
         } catch {
           // Keep the dashboard origin.

package/src/site-dashboard-href.ts

@@ -2,7 +2,6 @@
 import { contentDocPath } from "./workspace-path";
 
 export type DashboardDocRef = {
-  locale: string;
   type: string;
   slug: string;
 };
@@ -12,10 +11,9 @@ export function resolveDashboardOpenHref(
   dashboardOrigin: string | undefined,
   doc: DashboardDocRef | null,
   workspaceSlug: string | null,
-  defaultLocale = "en",
 ): string | undefined {
   if (!dashboardOrigin?.trim()) return undefined;
   const base = dashboardOrigin.replace(/\/+$/, "");
   if (!doc || !workspaceSlug) return base;
-  return `${base}${contentDocPath(workspaceSlug, doc.type, doc.slug, doc.locale, defaultLocale)}`;
+  return `${base}${contentDocPath(workspaceSlug, doc.type, doc.slug)}`;
 }

package/src/workspace-path.ts

@@ -7,18 +7,8 @@ export function contentTypePath(slug: string, type: string) {
   return `/${slug}/content/${type}`;
 }
 
-export function contentDocPath(
-  slug: string,
-  type: string,
-  docSlug: string,
-  locale: string,
-  defaultLocale: string,
-) {
-  const path = `/${slug}/content/${type}/${docSlug}`;
-  if (locale && locale !== defaultLocale) {
-    return `${path}?locale=${encodeURIComponent(locale)}`;
-  }
-  return path;
+export function contentDocPath(slug: string, type: string, docSlug: string) {
+  return `/${slug}/content/${type}/${docSlug}`;
 }
 
 export function mediaPath(slug: string) {
@@ -50,11 +40,7 @@ export function cmsWorkspaceSlug(pathname: string): string | null {
   return first;
 }
 
-export function rewriteLegacyWorkspacePath(
-  pathname: string,
-  slug: string,
-  defaultLocale = "en",
-): string {
+export function rewriteLegacyWorkspacePath(pathname: string, slug: string): string {
   const rest = pathname.match(/^\/workspaces\/[^/]+(?:\/(.*))?$/)?.[1] ?? "";
   if (!rest) return workspaceHomePath(slug);
   const types = rest.match(/^types\/([^/]+)\/?$/);
@@ -65,8 +51,6 @@ export function rewriteLegacyWorkspacePath(
       slug,
       decodeURIComponent(docs[2]!),
       decodeURIComponent(docs[3]!),
-      decodeURIComponent(docs[1]!),
-      defaultLocale,
     );
   }
   if (rest === "github" || rest.startsWith("settings/")) {
@@ -75,10 +59,6 @@ export function rewriteLegacyWorkspacePath(
   return workspaceHomePath(slug);
 }
 
-export function defaultLocaleOf(locales: string[] | null | undefined) {
-  return locales?.[0] || "en";
-}
-
 export function isWorkspaceEditorPath(pathname: string) {
   return /\/content\/[^/]+\/[^/]+\/?$/.test(pathname);
 }