@wikex/admin-kit 0.2.1 → 0.3.0

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/scanner.d.ts

@@ -0,0 +1,23 @@
+type WikexDiscoveredRoute = {
+    dynamic: boolean;
+    file: string;
+    route: string;
+    title: string;
+};
+type WikexDiscoveredComponent = {
+    editable: boolean;
+    file: string;
+    name: string;
+};
+type WikexProjectInventory = {
+    components: WikexDiscoveredComponent[];
+    routes: WikexDiscoveredRoute[];
+};
+type ScanWikexProjectOptions = {
+    appDirectory?: string;
+    componentsDirectory?: string;
+    cwd?: string;
+};
+declare const scanWikexProject: ({ appDirectory, componentsDirectory, cwd, }?: ScanWikexProjectOptions) => Promise<WikexProjectInventory>;
+
+export { type ScanWikexProjectOptions, type WikexDiscoveredComponent, type WikexDiscoveredRoute, type WikexProjectInventory, scanWikexProject };

package/dist/scanner.js

@@ -0,0 +1,72 @@
+// src/scanner.ts
+import { readdir, readFile } from "fs/promises";
+import path from "path";
+var walk = async (directory) => {
+  try {
+    const entries = await readdir(directory, { withFileTypes: true });
+    const files = await Promise.all(
+      entries.map((entry) => {
+        const target = path.join(directory, entry.name);
+        return entry.isDirectory() ? walk(target) : Promise.resolve([target]);
+      })
+    );
+    return files.flat();
+  } catch (error) {
+    if (error.code === "ENOENT") return [];
+    throw error;
+  }
+};
+var routeTitle = (route) => {
+  if (route === "/") return "Trang ch\u1EE7";
+  return route.split("/").filter(Boolean).at(-1).replace(/\[(?:\.\.\.)?([^\]]+)\]/g, "$1").replace(/[-_]/g, " ").replace(/\b\p{L}/gu, (letter) => letter.toUpperCase());
+};
+var exportedComponentNames = (source, fallback) => {
+  const names = /* @__PURE__ */ new Set();
+  for (const match of source.matchAll(/export\s+(?:default\s+)?(?:async\s+)?function\s+([A-Z]\w*)/g)) {
+    names.add(match[1]);
+  }
+  for (const match of source.matchAll(/export\s+const\s+([A-Z]\w*)\s*=/g)) {
+    names.add(match[1]);
+  }
+  const defaultMatch = source.match(/export\s+default\s+([A-Z]\w*)/);
+  if (defaultMatch) names.add(defaultMatch[1] || fallback);
+  return [...names];
+};
+var scanWikexProject = async ({
+  appDirectory = "src/app",
+  componentsDirectory = "src/components",
+  cwd = process.cwd()
+} = {}) => {
+  const appRoot = path.resolve(cwd, appDirectory);
+  const componentRoot = path.resolve(cwd, componentsDirectory);
+  const [appFiles, componentFiles] = await Promise.all([walk(appRoot), walk(componentRoot)]);
+  const routes = appFiles.filter((file) => /[/\\]page\.(?:tsx?|jsx?)$/.test(file)).map((file) => {
+    const relative = path.relative(appRoot, file).replace(/\\/g, "/");
+    const directory = relative.replace(/(?:^|\/)page\.(?:tsx?|jsx?)$/, "");
+    const segments = directory.split("/").filter((segment) => segment && !/^\(.+\)$/.test(segment) && !segment.startsWith("@"));
+    const route = `/${segments.join("/")}`.replace(/\/$/, "") || "/";
+    return {
+      dynamic: route.includes("["),
+      file: relative,
+      route,
+      title: routeTitle(route)
+    };
+  }).filter(({ route }) => !route.startsWith("/admin")).sort((left, right) => left.route.localeCompare(right.route));
+  const components = (await Promise.all(
+    componentFiles.filter((file) => /\.(?:tsx|jsx)$/.test(file)).map(async (file) => {
+      const relative = path.relative(componentRoot, file).replace(/\\/g, "/");
+      const source = await readFile(file, "utf8");
+      const fallback = path.basename(file).replace(/\.wikex\.(?:tsx|jsx)$|\.(?:tsx|jsx)$/g, "");
+      const editable = /\.wikex\.(?:tsx|jsx)$/.test(file) || /\bdefineWikexBlock\s*\(/.test(source);
+      return exportedComponentNames(source, fallback).map((name) => ({
+        editable,
+        file: relative,
+        name
+      }));
+    })
+  )).flat().sort((left, right) => left.name.localeCompare(right.name) || left.file.localeCompare(right.file));
+  return { components, routes };
+};
+export {
+  scanWikexProject
+};

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.3.0",
   "description": "Reusable Payload CMS admin shell, visual editor and typography tools for Wikex projects",
   "license": "UNLICENSED",
   "private": false,
@@ -29,12 +29,14 @@
     "./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",
     "./project": "./dist/project.js",
     "./rich-text": "./dist/rich-text.js",
     "./rich-text/client": "./dist/rich-text-client.js",
+    "./scanner": "./dist/scanner.js",
     "./starter": "./dist/starter.js",
     "./starter/client": "./dist/starter-client.js",
     "./styles": "./src/styles/admin.scss",

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
-};