@pramen/cms-editor 0.0.32 → 0.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pramen/cms-editor",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Visual block/page editor for @pramen/cms — a standalone React SPA that talks to the CMS handlers over HTTP.",
   "license": "MIT",
   "repository": {

package/src/app-context.tsx

@@ -10,7 +10,12 @@ import { Api, clearConfig, isTokenExpired, loadConfig, saveConfig, type Config }
 declare global {
   interface Window {
     /** Runtime config set by the host's /config.js (see @pramen/cms-editor build). */
-    PRAMEN_CMS_EDITOR?: { signInUrl?: string };
+    PRAMEN_CMS_EDITOR?: {
+      signInUrl?: string;
+      /** Extra top-nav links to companion tools the host serves (e.g. a curation page).
+       * Rendered as plain external `<a>` links after the built-in tabs. */
+      extraNav?: { label: string; href: string }[];
+    };
   }
 }
 

package/src/routes/_layout.tsx

@@ -21,6 +21,9 @@ export default function RootLayout() {
   const tabCls = (key: string) =>
     active === key ? "bg-surface-muted text-fg" : "text-fg-muted";
 
+  // Host-configured links to companion tools (e.g. a curation page), from /config.js.
+  const extraNav = typeof window !== "undefined" ? window.PRAMEN_CMS_EDITOR?.extraNav ?? [] : [];
+
   return (
     <>
       <div className="sticky top-0 z-10 flex items-center gap-4 bg-surface px-7 py-4">
@@ -35,6 +38,15 @@ export default function RootLayout() {
             <Button variant="ghost" size="sm" className={tabCls("users")} onPress={() => navigate("users")}>Users</Button>
           ) : null}
           <Button variant="ghost" size="sm" className={tabCls("settings")} onPress={() => navigate("settings")}>Settings</Button>
+          {extraNav.map((l) => (
+            <a
+              key={l.href}
+              href={l.href}
+              className="rounded-md px-2.5 py-1.5 text-sm text-fg-muted transition-colors hover:bg-surface-muted hover:text-fg"
+            >
+              {l.label}
+            </a>
+          ))}
         </nav>
         <span className="ml-3 text-fg-subtle">{cfg.tenant}</span>
         <Button variant="ghost" size="sm" onPress={reconfigure}>sign out</Button>