@wikex/admin-kit 0.2.1 → 0.2.2

package/dist/project-ClCmpyeX.d.ts

@@ -0,0 +1,54 @@
+type BlockPickerOption = {
+    description: string;
+    image?: string;
+    label: string;
+    payloadLabel?: string;
+    slug: string;
+};
+type VisualEditorDocumentTarget = {
+    collection: string;
+    documentID: string;
+    kind: 'collection';
+} | {
+    global: string;
+    kind: 'global';
+};
+type VisualEditorScope = 'content' | 'footer' | 'header';
+type VisualEditorRoute = {
+    documentTarget: VisualEditorDocumentTarget | null;
+    scope: VisualEditorScope;
+    type: 'collection' | 'global';
+};
+
+type WikexProjectDefinition<TModuleID extends string = string> = {
+    admin?: {
+        collectionOrder?: readonly string[];
+        globalOrder?: readonly string[];
+    };
+    brand: {
+        description: string;
+        logo: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        name: string;
+    };
+    homepage?: {
+        defaultMode: 'builder' | 'preset';
+    };
+    id: string;
+    modules: readonly TModuleID[];
+};
+declare const defineWikexProject: <const TModuleID extends string, const TProject extends WikexProjectDefinition<TModuleID>>(project: TProject) => TProject;
+type VisualEditorRouteRegistry = {
+    collections?: readonly string[];
+    globals?: Readonly<Record<string, VisualEditorScope>> | readonly string[];
+};
+/**
+ * Creates the route adapter consumed by Live Preview without coupling the admin
+ * kit to collection names from a specific website.
+ */
+declare const createVisualEditorRouteResolver: (registry: VisualEditorRouteRegistry) => (pathname: string) => VisualEditorRoute | null;
+
+export { type BlockPickerOption as B, type VisualEditorRouteRegistry as V, type WikexProjectDefinition as W, type VisualEditorRoute as a, createVisualEditorRouteResolver as c, defineWikexProject as d };

package/dist/project.d.ts

@@ -1,34 +1 @@
-import { c as VisualEditorScope, b as VisualEditorRoute } from './runtimeConfig-BwjQepcW.js';
-
-type WikexProjectDefinition<TModuleID extends string = string> = {
-    admin?: {
-        collectionOrder?: readonly string[];
-        globalOrder?: readonly string[];
-    };
-    brand: {
-        description: string;
-        logo: {
-            height: number;
-            url: string;
-            width: number;
-        };
-        name: string;
-    };
-    homepage?: {
-        defaultMode: 'builder' | 'preset';
-    };
-    id: string;
-    modules: readonly TModuleID[];
-};
-declare const defineWikexProject: <const TModuleID extends string, const TProject extends WikexProjectDefinition<TModuleID>>(project: TProject) => TProject;
-type VisualEditorRouteRegistry = {
-    collections?: readonly string[];
-    globals?: Readonly<Record<string, VisualEditorScope>> | readonly string[];
-};
-/**
- * Creates the route adapter consumed by Live Preview without coupling the admin
- * kit to collection names from a specific website.
- */
-declare const createVisualEditorRouteResolver: (registry: VisualEditorRouteRegistry) => (pathname: string) => VisualEditorRoute | null;
-
-export { type VisualEditorRouteRegistry, type WikexProjectDefinition, createVisualEditorRouteResolver, defineWikexProject };
+export { V as VisualEditorRouteRegistry, W as WikexProjectDefinition, c as createVisualEditorRouteResolver, d as defineWikexProject } from './project-ClCmpyeX.js';

package/dist/rich-text-client.js

@@ -1,10 +1,11 @@
+'use client';
 "use client";
 import {
   TEXT_FONT_OPTIONS,
   TEXT_LINE_HEIGHT_OPTIONS,
   getTextStyleCSS,
   normalizeTextStyleValue
-} from "./chunk-BUD6BMFV.js";
+} from "./chunk-VK4EFLWH.js";
 
 // src/rich-text/client.tsx
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";

package/dist/starter-client.d.ts

@@ -1,8 +1,49 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WikexStarter } from './starter.js';
-import '@wikex/content-kit';
-import './runtimeConfig-BwjQepcW.js';
-import './project.js';
+import { createContentModule } from '@wikex/content-kit';
+import { b as VisualEditorRoute, B as BlockPickerOption } from './runtimeConfig-BwjQepcW.js';
+
+type WikexProjectDefinition<TModuleID extends string = string> = {
+    admin?: {
+        collectionOrder?: readonly string[];
+        globalOrder?: readonly string[];
+    };
+    brand: {
+        description: string;
+        logo: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        name: string;
+    };
+    homepage?: {
+        defaultMode: 'builder' | 'preset';
+    };
+    id: string;
+    modules: readonly TModuleID[];
+};
+declare const defineWikexProject: <const TModuleID extends string, const TProject extends WikexProjectDefinition<TModuleID>>(project: TProject) => TProject;
+
+type WikexStarterBrand = {
+    description: string;
+    logo: {
+        height: number;
+        url: string;
+        width: number;
+    };
+    name: string;
+};
+type WikexStarter = {
+    collections: ReturnType<typeof createContentModule>['collections'];
+    getVisualEditorRoute: (pathname: string) => VisualEditorRoute | null;
+    livePreview: {
+        brand: WikexStarterBrand;
+        pageBlocks: readonly BlockPickerOption[];
+        postBlocks: readonly BlockPickerOption[];
+    };
+    plugins: ReturnType<typeof createContentModule>['plugins'];
+    project: ReturnType<typeof defineWikexProject>;
+};
 
 type LivePreviewConfig = WikexStarter['livePreview'] & {
     getVisualEditorRoute: WikexStarter['getVisualEditorRoute'];

package/dist/starter-client.js

@@ -1,13 +1,14 @@
+'use client';
 "use client";
+import "./chunk-SM6CCKQQ.js";
+import {
+  configureAdminBrand
+} from "./chunk-X7VETFVD.js";
 import {
   LivePreviewEditor_default,
   configureLivePreview
-} from "./chunk-IL2CUCDG.js";
-import "./chunk-BUD6BMFV.js";
-import "./chunk-LP22Y3NO.js";
-import {
-  configureAdminBrand
-} from "./chunk-XGKGKCQ6.js";
+} from "./chunk-GMPR6LHH.js";
+import "./chunk-VK4EFLWH.js";
 
 // src/starter/client.tsx
 var createWikexLivePreviewAdapter = ({

package/dist/starter.d.ts

@@ -1,6 +1,5 @@
 import { createContentModule, ContentModuleOptions } from '@wikex/content-kit';
-import { b as VisualEditorRoute, B as BlockPickerOption } from './runtimeConfig-BwjQepcW.js';
-import { defineWikexProject } from './project.js';
+import { a as VisualEditorRoute, B as BlockPickerOption, d as defineWikexProject } from './project-ClCmpyeX.js';
 
 type WikexStarterBrand = {
     description: string;

package/dist/text-style-runtime.js

@@ -1,8 +1,74 @@
+'use client';
 "use client";
 import {
-  TextStyleRuntime
-} from "./chunk-YMBJCWN3.js";
-import "./chunk-BUD6BMFV.js";
+  EDITABLE_PREVIEW_SELECTOR,
+  getEditableElementStyleKey,
+  getTextStyleCSS,
+  normalizeTextStyleMap
+} from "./chunk-VK4EFLWH.js";
+
+// src/TextStyleRuntime.tsx
+import { useEffect } from "react";
+var TextStyleRuntime = ({ styles }) => {
+  useEffect(() => {
+    const normalizedStyles = normalizeTextStyleMap(styles);
+    const originals = /* @__PURE__ */ new Map();
+    let applyFrame = 0;
+    const applyStyles = () => {
+      const fields = new Set(
+        document.querySelectorAll(`[data-wikex-field],${EDITABLE_PREVIEW_SELECTOR}`)
+      );
+      for (const element of fields) {
+        const fieldPath = element.dataset.wikexField || getEditableElementStyleKey(element);
+        if (!fieldPath || !normalizedStyles[fieldPath]) continue;
+        if (!originals.has(element)) {
+          originals.set(element, {
+            boxSizing: element.style.boxSizing,
+            fontFamily: element.style.fontFamily,
+            lineHeight: element.style.lineHeight,
+            marginLeft: element.style.marginLeft,
+            marginRight: element.style.marginRight,
+            maxWidth: element.style.maxWidth,
+            width: element.style.width
+          });
+        }
+        const style = getTextStyleCSS(normalizedStyles[fieldPath]);
+        element.style.boxSizing = style.boxSizing || "";
+        element.style.fontFamily = style.fontFamily || "";
+        element.style.lineHeight = style.lineHeight || "";
+        element.style.marginLeft = style.marginLeft || "";
+        element.style.marginRight = style.marginRight || "";
+        element.style.maxWidth = style.maxWidth || "";
+        element.style.width = style.width || "";
+      }
+    };
+    const scheduleApplyStyles = () => {
+      if (applyFrame) return;
+      applyFrame = window.requestAnimationFrame(() => {
+        applyFrame = 0;
+        applyStyles();
+      });
+    };
+    applyStyles();
+    const observer = new MutationObserver(scheduleApplyStyles);
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+      window.cancelAnimationFrame(applyFrame);
+      for (const [element, original] of originals) {
+        if (!element.isConnected) continue;
+        element.style.boxSizing = original.boxSizing;
+        element.style.fontFamily = original.fontFamily;
+        element.style.lineHeight = original.lineHeight;
+        element.style.marginLeft = original.marginLeft;
+        element.style.marginRight = original.marginRight;
+        element.style.maxWidth = original.maxWidth;
+        element.style.width = original.width;
+      }
+    };
+  }, [styles]);
+  return null;
+};
 export {
   TextStyleRuntime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikex/admin-kit",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Reusable Payload CMS admin shell, visual editor and typography tools for Wikex projects",
   "license": "UNLICENSED",
   "private": false,
@@ -29,6 +29,7 @@
     "./admin/header": "./dist/admin/header.js",
     "./admin/logout-button": "./dist/admin/logout-button.js",
     "./admin/nav": "./dist/admin/nav.js",
+    "./admin/nav-client": "./dist/admin/nav-client.js",
     "./admin/theme-toggle": "./dist/admin/theme-toggle.js",
     "./admin/view-site": "./dist/admin/view-site.js",
     "./live-preview": "./dist/live-preview.js",

package/dist/chunk-MDMKKWPU.js

@@ -1,12 +0,0 @@
-// src/admin/ViewSite.tsx
-import { ArrowUpRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AdminViewSite = () => /* @__PURE__ */ jsxs("a", { className: "admin-view-site", "data-slot": "button", href: "/", rel: "noreferrer", target: "_blank", children: [
-  "Xem website",
-  /* @__PURE__ */ jsx(ArrowUpRight, { "aria-hidden": "true" })
-] });
-var ViewSite_default = AdminViewSite;
-
-export {
-  ViewSite_default
-};

package/dist/chunk-YMBJCWN3.js

@@ -1,73 +0,0 @@
-import {
-  EDITABLE_PREVIEW_SELECTOR,
-  getEditableElementStyleKey,
-  getTextStyleCSS,
-  normalizeTextStyleMap
-} from "./chunk-BUD6BMFV.js";
-
-// src/TextStyleRuntime.tsx
-import { useEffect } from "react";
-var TextStyleRuntime = ({ styles }) => {
-  useEffect(() => {
-    const normalizedStyles = normalizeTextStyleMap(styles);
-    const originals = /* @__PURE__ */ new Map();
-    let applyFrame = 0;
-    const applyStyles = () => {
-      const fields = new Set(
-        document.querySelectorAll(`[data-wikex-field],${EDITABLE_PREVIEW_SELECTOR}`)
-      );
-      for (const element of fields) {
-        const fieldPath = element.dataset.wikexField || getEditableElementStyleKey(element);
-        if (!fieldPath || !normalizedStyles[fieldPath]) continue;
-        if (!originals.has(element)) {
-          originals.set(element, {
-            boxSizing: element.style.boxSizing,
-            fontFamily: element.style.fontFamily,
-            lineHeight: element.style.lineHeight,
-            marginLeft: element.style.marginLeft,
-            marginRight: element.style.marginRight,
-            maxWidth: element.style.maxWidth,
-            width: element.style.width
-          });
-        }
-        const style = getTextStyleCSS(normalizedStyles[fieldPath]);
-        element.style.boxSizing = style.boxSizing || "";
-        element.style.fontFamily = style.fontFamily || "";
-        element.style.lineHeight = style.lineHeight || "";
-        element.style.marginLeft = style.marginLeft || "";
-        element.style.marginRight = style.marginRight || "";
-        element.style.maxWidth = style.maxWidth || "";
-        element.style.width = style.width || "";
-      }
-    };
-    const scheduleApplyStyles = () => {
-      if (applyFrame) return;
-      applyFrame = window.requestAnimationFrame(() => {
-        applyFrame = 0;
-        applyStyles();
-      });
-    };
-    applyStyles();
-    const observer = new MutationObserver(scheduleApplyStyles);
-    observer.observe(document.body, { childList: true, subtree: true });
-    return () => {
-      observer.disconnect();
-      window.cancelAnimationFrame(applyFrame);
-      for (const [element, original] of originals) {
-        if (!element.isConnected) continue;
-        element.style.boxSizing = original.boxSizing;
-        element.style.fontFamily = original.fontFamily;
-        element.style.lineHeight = original.lineHeight;
-        element.style.marginLeft = original.marginLeft;
-        element.style.marginRight = original.marginRight;
-        element.style.maxWidth = original.maxWidth;
-        element.style.width = original.width;
-      }
-    };
-  }, [styles]);
-  return null;
-};
-
-export {
-  TextStyleRuntime
-};