@realiizlabs/admin 0.15.8 → 0.16.0

package/dist/studio-ui/index.cjs

@@ -13,8 +13,8 @@ var Link3__default = /*#__PURE__*/_interopDefault(Link3);
 
 // src/studio-ui/context.tsx
 var Ctx = react.createContext(null);
-function StudioProvider({ contentTypes, actions, supportName = "your web team", siteName = "Studio", children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Ctx.Provider, { value: { contentTypes, actions, supportName, siteName }, children });
+function StudioProvider({ contentTypes, actions, supportName = "your web team", siteName = "Studio", options = {}, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Ctx.Provider, { value: { contentTypes, actions, supportName, siteName, options }, children });
 }
 function useStudio() {
   const v = react.useContext(Ctx);
@@ -22,7 +22,10 @@ function useStudio() {
   return v;
 }
 function useEntry(typeId) {
-  return useStudio().contentTypes[typeId] ?? null;
+  const { contentTypes, options } = useStudio();
+  const entry = contentTypes[typeId] ?? null;
+  const served = options[typeId];
+  return react.useMemo(() => entry && served ? { ...entry, options: { ...entry.options, ...served } } : entry, [entry, served]);
 }
 function publicDirOf(entry) {
   return `/${entry.folder.split("/").filter(Boolean).pop() ?? "images"}/`;
@@ -313,20 +316,22 @@ function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, hel
 }
 function TopBar({ siteName, productName, logoUrl, homeHref, siteUrl, user, role, theme, onTheme, signOutPath, accountHref, helpHref, version }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "rz-topbar", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "a",
-      {
-        href: siteUrl || homeHref,
-        className: "rz-topbar__brand",
-        ...siteUrl ? { target: "_blank", rel: "noreferrer", title: "Open the live website in a new tab" } : {},
-        children: [
-          logoUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: siteName }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-topbar__product", children: productName }),
-          siteUrl && /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {})
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-topbar__brand", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: siteUrl || homeHref,
+          className: "rz-topbar__site",
+          ...siteUrl ? { target: "_blank", rel: "noreferrer", title: "Open the live website in a new tab" } : {},
+          children: [
+            logoUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: siteName }),
+            siteUrl && /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {})
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-topbar__product", children: productName })
+    ] }),
     user && role && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-topbar__right", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-topbar__greeting", "data-testid": "rz-greeting", children: [
         "Welcome back, ",
@@ -389,11 +394,14 @@ var SHELL_CSS = `
 
 /* ---- frame ---------------------------------------------------------- */
 .rz-topbar { height: var(--rz-topbar); display: flex; align-items: center; gap: 1rem; padding: 0 1.25rem; border-bottom: 1px solid var(--border); background: var(--surface-1); flex-shrink: 0; }
-.rz-topbar__brand { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .9375rem; text-decoration: none; }
+.rz-topbar__brand { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .9375rem; }
+.rz-topbar__site { display: inline-flex; align-items: center; gap: .6rem; color: inherit; text-decoration: none; }
+.rz-topbar__site:hover { color: var(--signal); }
 .rz-topbar__logo { height: 22px; width: auto; display: block; }
 .rz-topbar__product { font-weight: 400; color: var(--text-secondary); }
-.rz-topbar__brand .rz-arrow { color: var(--text-muted); opacity: 0; transition: opacity .15s, transform .15s; }
-.rz-topbar__brand:hover .rz-arrow { opacity: 1; }
+/* The arrow's width is reserved, so "Studio" never shifts when it fades in. */
+.rz-topbar__site .rz-arrow { color: var(--text-muted); opacity: 0; margin-left: -.25rem; transition: opacity .15s, transform .15s; }
+.rz-topbar__site:hover .rz-arrow { opacity: 1; color: var(--signal); }
 .rz-topbar__right { margin-left: auto; display: flex; align-items: center; gap: 1rem; }
 .rz-topbar__greeting { color: var(--text-secondary); font-size: .8rem; }
 .rz-body { display: flex; flex: 1; min-height: 0; }
@@ -739,7 +747,7 @@ function Tabs({ options, value, onChange, label = "Sections" }) {
 }
 
 // src/version.ts
-var ADMIN_VERSION = "0.15.8" ;
+var ADMIN_VERSION = "0.16.0" ;
 
 // src/studio-ui/css.ts
 var STUDIO_CSS = `
@@ -3121,7 +3129,7 @@ function toBase64(blob) {
     r.readAsDataURL(blob);
   });
 }
-function ContentEditor({ typeId, initialValues, initialBody, existing = null, isNew = false, footer }) {
+function ContentEditor({ typeId, initialValues, initialBody, existing = null, isNew = false, replaces = null, footer }) {
   const entry = useEntry(typeId);
   const { publishContent, previewBody } = useStudio().actions;
   const [error, setError] = react.useState(null);
@@ -3139,7 +3147,7 @@ function ContentEditor({ typeId, initialValues, initialBody, existing = null, is
     startTransition(async () => {
       setError(null);
       const images = await pictures.toPayload(s.images, s.body);
-      const result = await publishContent({ type: typeId, frontmatter: s.frontmatter, body: s.body, images, existing: existing ? { number: existing.number, branch: existing.branch } : null });
+      const result = await publishContent({ type: typeId, frontmatter: s.frontmatter, body: s.body, images, existing: existing ? { number: existing.number, branch: existing.branch } : null, replaces });
       if (result && result.ok === false) setError(result.error);
       resolve();
     });
@@ -3677,6 +3685,7 @@ function StudioEdit({ typeId, slug, frontmatter, body, pending }) {
         typeId: entry.id,
         initialValues: frontmatter,
         initialBody: body,
+        replaces: slug,
         existing: pending ? { number: pending.number, branch: pending.branch, state: pending.state } : null,
         footer: !pending ? /* @__PURE__ */ jsxRuntime.jsx(RemoveItem, { typeId: entry.id, slug }) : void 0
       }
@@ -4992,6 +5001,8 @@ The old listing shows "Rescheduled" with a link to the new date. The new one is
 
 You can, for small corrections. But once people have shared the link or put it in a calendar, a visible "moved" trail avoids no-shows on the wrong day.
 
+On sites where the date is part of the event's web address, changing the date moves the event to a new address and the old one stops working \u2014 Studio handles the move cleanly (one file, not two), but any link already shared points at nothing. That's the real reason to prefer **Moved to**.
+
 ## After it's over
 
 Nothing to do. Past events move to the **Past** section automatically the day after they end.