@kyro-cms/admin 0.12.5 → 0.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyro-cms/admin",
-  "version": "0.12.5",
+  "version": "0.12.7",
   "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"
@@ -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",
@@ -126,7 +131,7 @@
     "vitest": "^4.1.4"
   },
   "peerDependencies": {
-    "@kyro-cms/core": "^0.11.1",
+    "@kyro-cms/core": "^0.12.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/src/components/AutoForm.tsx

@@ -1,41 +1,25 @@
-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 { 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 +46,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 +80,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 +116,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 {
@@ -646,7 +636,7 @@ export function AutoForm({
         useAutoFormStore.getState().loadDocument(savedData, savedData);
         setLocalSaveStatus("saved");
         onActionSuccess?.("Published successfully");
-        
+
         setTimeout(() => {
           setLocalSaveStatus("idle");
         }, 2000);
@@ -729,7 +719,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 +746,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 +1008,7 @@ export function AutoForm({
     }
   };
 
-  if (clientLoading) {
+  if (clientLoading || !config) {
     return (
       <div className="space-y-6 p-4">
         <div className="space-y-2">