@kyro-cms/admin 0.12.6 → 0.12.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyro-cms/admin",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "engines": {
     "node": ">=22"
   },
@@ -30,6 +30,10 @@
       "import": "./src/plugins/index.ts",
       "default": "./src/plugins/index.ts"
     },
+    "./plugins/seo-admin": {
+      "import": "./src/plugins/seo-admin.tsx",
+      "default": "./src/plugins/seo-admin.tsx"
+    },
     "./blocks": {
       "import": "./src/blocks/index.ts",
       "default": "./src/blocks/index.ts"
@@ -57,8 +61,8 @@
     "prepare": "npm run build"
   },
   "dependencies": {
-    "@astrojs/node": "^10.1.0",
-    "@astrojs/react": "^5.0.4",
+    "@astrojs/node": "^11.0.2",
+    "@astrojs/react": "^6.0.1",
     "@codemirror/autocomplete": "^6.20.3",
     "@codemirror/lang-cpp": "^6.0.3",
     "@codemirror/lang-css": "^6.3.1",
@@ -77,7 +81,7 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@graphiql/react": "^0.37.3",
-    "@kyro-cms/core": "workspace:*",
+    "@kyro-cms/core": "^0.12.7",
     "@tailwindcss/vite": "^4.0.0",
     "@tiptap/extension-color": "^3.23.6",
     "@tiptap/extension-highlight": "^3.23.6",
@@ -96,7 +100,7 @@
     "@uiw/codemirror-theme-dracula": "^4.25.9",
     "@uiw/codemirror-theme-github": "^4.25.9",
     "@uiw/react-codemirror": "^4.25.9",
-    "astro": "^6.3.1",
+    "astro": "^7.1.1",
     "astro-loading-indicator": "^0.8.0",
     "dotenv": "^17.4.2",
     "graphiql": "^5.2.2",
@@ -104,6 +108,7 @@
     "i18next-browser-languagedetector": "^8.2.1",
     "idb-keyval": "^6.2.2",
     "lucide-react": "^0.475.0",
+    "marked": "^18.0.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-i18next": "^17.0.8",
@@ -123,6 +128,7 @@
     "i18next-parser": "^9.4.0",
     "tsup": "^8.5.1",
     "typescript": "^5.7.3",
+    "vite": "^8.1.5",
     "vitest": "^4.1.4"
   },
   "peerDependencies": {

package/src/components/AuthBridge.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useAuthStore } from "../lib/stores";
+import { useAuthStore, type AuthUser, type Permissions } from "../lib/stores";
 
 /**
  * AuthBridge
@@ -24,7 +24,7 @@ export function AuthBridge() {
 
     function populate(detail: { user: unknown; permissions: unknown }) {
       if (detail?.user) {
-        setUser(detail.user, detail.permissions ?? null);
+        setUser(detail.user as AuthUser, (detail.permissions ?? null) as Permissions | null);
       } else {
         // Unauthenticated – set loading to false so components don't hang
         setLoading(false);

package/src/components/AutoForm.tsx

@@ -1,41 +1,27 @@
-import { ChevronRight, Check, ExternalLink, X, AlertTriangle } from "./ui/icons";
+import { Check, AlertTriangle } from "./ui/icons";
 import { useState, useRef, useEffect } from "react";
 import type {
   CollectionConfig,
   GlobalConfig,
   Field,
-  Block,
 } from "@kyro-cms/core/client";
+import type { DeclarativeCondition } from "../lib/core-types";
 
 type View = "edit" | "version" | "api";
-import { UploadField } from "./fields/UploadField";
-import { CodeField } from "./fields";
-import NumberField from "./fields/NumberField";
-import CheckboxField from "./fields/CheckboxField";
-import SelectField from "./fields/SelectField";
-import DateField from "./fields/DateField";
-import { MarkdownField } from "./fields/MarkdownField";
-import TextField from "./fields/TextField";
 import { globals, collections } from "../lib/config";
-import { slugifyText } from "../lib/slugify";
 import { resolveUrl, apiGet, apiDelete, fetchWithAuth } from "../lib/api";
+import { EmptyState } from "./ui/EmptyState";
+import { navigate } from "astro:transitions/client";
 import { Shimmer } from "./ui/Shimmer";
 import { normalizeUploadFields } from "../lib/normalize-upload-fields";
 import { useAutoFormStore } from "../lib/autoform-store";
 import { useAutoFormState } from "../hooks/useAutoFormState";
 import { useUIStore, toast } from "../lib/stores";
-import { EmptyState } from "./ui/EmptyState";
 
-import { adminPath as ADMIN_BASE, apiPath as API_BASE } from "../lib/paths";
+import { adminPath as ADMIN_BASE } from "../lib/paths";
 
-import { BlocksField } from "./fields/BlocksField";
-import { ConfirmModal, Modal as UIModal } from "./ui/Modal";
-import { ListField } from "./fields/ListField";
 import { RelationshipBlockField } from "./fields/RelationshipBlockField";
 import { FieldRenderer } from "./FieldRenderer";
-import { Dropdown, DropdownItem, DropdownSeparator } from "./ui/Dropdown";
-import { SplitButton } from "./ui/SplitButton";
-import type { SplitButtonStatus } from "./ui/SplitButton";
 import { TabsLayout } from "./fields/TabsLayout";
 import { GroupLayout } from "./fields/GroupLayout";
 import { ArrayLayout } from "./fields/ArrayLayout";
@@ -62,28 +48,33 @@ interface AutoFormProps {
   documentStatus?: string;
 }
 
-function getNestedValue(obj: any, path: string): any {
+function getNestedValue(obj: unknown, path: string): unknown {
   if (!obj || typeof path !== "string") return undefined;
-  return path.split('.').reduce((acc, part) => (acc && acc[part] !== undefined ? acc[part] : undefined), obj);
+  return path.split('.').reduce<unknown>((acc, part) => {
+    if (acc && typeof acc === "object" && part in acc) {
+      return (acc as Record<string, unknown>)[part];
+    }
+    return undefined;
+  }, obj);
 }
 
-function evaluateDeclarativeCondition(cond: any, currentData: any, formData: any): boolean {
+function evaluateDeclarativeCondition(cond: DeclarativeCondition | undefined, currentData: Record<string, unknown>, formData: Record<string, unknown>): boolean {
   if (!cond) return true;
-  
-  if (Array.isArray(cond.and)) {
-    return cond.and.every((c: any) => evaluateDeclarativeCondition(c, currentData, formData));
+
+  if ("and" in cond && Array.isArray(cond.and)) {
+    return cond.and.every((c: DeclarativeCondition) => evaluateDeclarativeCondition(c, currentData, formData));
   }
-  if (Array.isArray(cond.or)) {
-    return cond.or.some((c: any) => evaluateDeclarativeCondition(c, currentData, formData));
+  if ("or" in cond && Array.isArray(cond.or)) {
+    return cond.or.some((c: DeclarativeCondition) => evaluateDeclarativeCondition(c, currentData, formData));
   }
-  
-  if (cond.field) {
+
+  if ("field" in cond && cond.field) {
     const targetField = cond.field;
     let val = getNestedValue(currentData, targetField);
     if (val === undefined) {
       val = getNestedValue(formData, targetField);
     }
-    
+
     if ("equals" in cond) {
       return val === cond.equals;
     }
@@ -91,16 +82,16 @@ function evaluateDeclarativeCondition(cond: any, currentData: any, formData: any
       return val !== cond.notEquals;
     }
     if ("in" in cond && Array.isArray(cond.in)) {
-      return cond.in.includes(val);
+      return cond.in.includes(val as string | number | boolean);
     }
-    if ("greaterThan" in cond) {
+    if ("greaterThan" in cond && cond.greaterThan !== undefined) {
       return typeof val === "number" && val > cond.greaterThan;
     }
-    
+
     // If field exists but no operator is provided, just check truthiness
     return Boolean(val);
   }
-  
+
   return true;
 }
 
@@ -127,14 +118,15 @@ export function AutoForm({
     : collectionSlug
       ? collections[collectionSlug]
       : null);
-      
-  const [liveConfig, setLiveConfig] = useState<any>(activeConfig);
-  
+
+  const [liveConfig, setLiveConfig] = useState<CollectionConfig | GlobalConfig | null>(activeConfig);
+
   useEffect(() => {
-    if (globalSlug === "storage-settings") {
-      apiGet("/api/kyro/schema").then((schema: any) => {
-        if (schema?.globals?.["storage-settings"]) {
-           setLiveConfig(schema.globals["storage-settings"]);
+    if (globalSlug && !activeConfig) {
+      apiGet("/api/kyro/schema").then((schema: unknown) => {
+        const schemaTyped = schema as { globals?: Record<string, GlobalConfig>; collections?: Record<string, CollectionConfig> };
+        if (schemaTyped?.globals?.[globalSlug]) {
+          setLiveConfig(schemaTyped.globals[globalSlug]);
         }
       }).catch(err => console.error("[AutoForm] Failed to fetch dynamic schema", err));
     } else {
@@ -436,11 +428,11 @@ export function AutoForm({
         onConfirm: async () => {
           await handleSaveDraft();
           await new Promise((r) => setTimeout(r, 1000));
-          window.location.href = `${ADMIN_BASE}/${collectionSlug}/new`;
+          navigate(`${ADMIN_BASE}/${collectionSlug}/new`);
         },
       });
     } else {
-      window.location.href = `${ADMIN_BASE}/${collectionSlug}/new`;
+      navigate(`${ADMIN_BASE}/${collectionSlug}/new`);
     }
   };
 
@@ -461,9 +453,9 @@ export function AutoForm({
           const result = await response.json();
           onActionSuccess?.("Document duplicated successfully");
           if (result.data?.id) {
-            window.location.href = `${ADMIN_BASE}/${collectionSlug}/${result.data.id}`;
+            navigate(`${ADMIN_BASE}/${collectionSlug}/${result.data.id}`);
           } else {
-            window.location.href = `${ADMIN_BASE}/${collectionSlug}`;
+            navigate(`${ADMIN_BASE}/${collectionSlug}`);
           }
         } else {
           const err = await response.json();
@@ -506,7 +498,7 @@ export function AutoForm({
         autoSaveSkipRef.current = true;
         try {
           await apiDelete(`/api/${collectionSlug}/${formData.id}`);
-          window.location.href = `${ADMIN_BASE}/${collectionSlug}`;
+          navigate(`${ADMIN_BASE}/${collectionSlug}`);
         } catch (err) {
           toast.error((err as Error).message || "Failed to delete document");
         } finally {
@@ -553,7 +545,7 @@ export function AutoForm({
     setLocalSaveStatus("saving");
 
     try {
-      const data = normalizeUploadFields({ ...formData }) as Record<string, unknown>;
+      const data = normalizeUploadFields({ ...formData }, true) as Record<string, unknown>;
       const isPost = isNewDoc && !globalSlug;
 
       const response = isPost
@@ -584,7 +576,7 @@ export function AutoForm({
         }
         if (isPost) {
           setTimeout(() => {
-            window.location.href = `${ADMIN_BASE}/${collectionSlug}/${result.data.id}`;
+            navigate(`${ADMIN_BASE}/${collectionSlug}/${result.data.id}`);
           }, 800);
         }
       } else {
@@ -616,7 +608,7 @@ export function AutoForm({
 
       if (isNewDoc && !globalSlug) {
         // Create then immediately publish
-        const data = normalizeUploadFields({ ...formData }) as Record<string, unknown>;
+        const data = normalizeUploadFields({ ...formData }, true) as Record<string, unknown>;
         const response = await fetchWithAuth(`/api/${collectionSlug}`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
@@ -637,7 +629,7 @@ export function AutoForm({
       }
 
       // Save and publish (X-Draft: false writes to main doc + versions table)
-      const data = normalizeUploadFields(dataToPublish) as Record<string, unknown>;
+      const data = normalizeUploadFields(dataToPublish, true) as Record<string, unknown>;
       const response = await saveDocument(data, false);
 
       if (response?.ok) {
@@ -646,14 +638,14 @@ export function AutoForm({
         useAutoFormStore.getState().loadDocument(savedData, savedData);
         setLocalSaveStatus("saved");
         onActionSuccess?.("Published successfully");
-        
+
         setTimeout(() => {
           setLocalSaveStatus("idle");
         }, 2000);
 
         if (isNewDoc && !globalSlug && dataToPublish.id) {
           setTimeout(() => {
-            window.location.href = `${ADMIN_BASE}/${collectionSlug}/${dataToPublish.id}`;
+            navigate(`${ADMIN_BASE}/${collectionSlug}/${dataToPublish.id}`);
           }, 800);
         }
       } else {
@@ -663,7 +655,7 @@ export function AutoForm({
           const error = await response?.json().catch(() => ({}));
           toast.warning("Document saved as draft. Publishing failed: " + (error?.error || "Unknown error"));
           setTimeout(() => {
-            window.location.href = `${ADMIN_BASE}/${collectionSlug}/${dataToPublish.id}`;
+            navigate(`${ADMIN_BASE}/${collectionSlug}/${dataToPublish.id}`);
           }, 1200);
           return;
         }
@@ -689,7 +681,7 @@ export function AutoForm({
 
     try {
       const data = {
-        ...normalizeUploadFields({ ...formData }) as Record<string, unknown>,
+        ...normalizeUploadFields({ ...formData }, true) as Record<string, unknown>,
         _schedulePublishAt: scheduledFor,
       };
 
@@ -729,7 +721,7 @@ export function AutoForm({
   const renderField = (
     field: Field,
     parentData?: Record<string, unknown>,
-    onParentChange?: (val: unknown) => void,
+    onParentChange?: (val: Record<string, unknown>) => void,
   ): React.ReactNode => {
     const currentData = parentData !== undefined ? parentData : formData;
     const isHidden = resolveAdminFlag((field.hidden !== undefined ? field.hidden : field.admin?.hidden) as any, currentData);
@@ -756,7 +748,7 @@ export function AutoForm({
         }
       } else if (typeof field.admin.condition === "object") {
         try {
-          const shouldShow = evaluateDeclarativeCondition(field.admin.condition, currentData, formData);
+          const shouldShow = evaluateDeclarativeCondition(field.admin.condition as DeclarativeCondition, currentData, formData);
           if (!shouldShow) {
             return null;
           }
@@ -1018,7 +1010,7 @@ export function AutoForm({
     }
   };
 
-  if (clientLoading) {
+  if (clientLoading || !config) {
     return (
       <div className="space-y-6 p-4">
         <div className="space-y-2">

package/src/components/BrandingHub.tsx

@@ -59,7 +59,7 @@ export function BrandingHub() {
         "--kyro-primary",
         primaryColor,
       );
-      setTimeout(() => window.location.reload(), 800);
+      setTimeout(() => window.dispatchEvent(new Event('kyro:soft-reload')), 800);
     } catch (e) {
       toast.error("Failed to save branding");
       console.error(e);