@kyro-cms/admin 0.1.7 → 0.1.9

package/src/lib/validation.ts

@@ -0,0 +1,250 @@
+export function isEmail(value: string): boolean {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(value);
+}
+
+export function isUrl(value: string): boolean {
+  try {
+    new URL(value);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export function isSlug(value: string): boolean {
+  const slugRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  return slugRegex.test(value);
+}
+
+export function isRequired(value: any): boolean {
+  if (value === null || value === undefined) return false;
+  if (typeof value === "string") return value.trim().length > 0;
+  if (Array.isArray(value)) return value.length > 0;
+  return true;
+}
+
+export function minLength(value: string, min: number): boolean {
+  return typeof value === "string" && value.length >= min;
+}
+
+export function maxLength(value: string, max: number): boolean {
+  return typeof value === "string" && value.length <= max;
+}
+
+export function isNumber(value: any): boolean {
+  return !isNaN(parseFloat(value)) && isFinite(value);
+}
+
+export function isInteger(value: any): boolean {
+  return Number.isInteger(Number(value));
+}
+
+export function inRange(value: number, min: number, max: number): boolean {
+  const num = Number(value);
+  return num >= min && num <= max;
+}
+
+export function isJson(value: string): boolean {
+  try {
+    JSON.parse(value);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export function isHexColor(value: string): boolean {
+  const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+  return hexRegex.test(value);
+}
+
+export function isAlpha(value: string): boolean {
+  const alphaRegex = /^[a-zA-Z]+$/;
+  return alphaRegex.test(value);
+}
+
+export function isAlphaNumeric(value: string): boolean {
+  const alphaNumRegex = /^[a-zA-Z0-9]+$/;
+  return alphaNumRegex.test(value);
+}
+
+export function isPhone(value: string): boolean {
+  const phoneRegex = /^[\d\s\-+()]+$/;
+  return phoneRegex.test(value) && value.replace(/\D/g, "").length >= 10;
+}
+
+export function isPostalCode(value: string, country: string = "US"): boolean {
+  const codes: Record<string, RegExp> = {
+    US: /^\d{5}(-\d{4})?$/,
+    UK: /^[A-Z]{1,2}\d[A-Z\d]? ?\d[A-Z]{2}$/i,
+    CA: /^[A-Z]\d[A-Z] ?\d[A-Z]\d$/i,
+  };
+  return codes[country]?.test(value) || false;
+}
+
+export function matches(value: string, other: string): boolean {
+  return value === other;
+}
+
+export function notMatches(value: string, other: string): boolean {
+  return value !== other;
+}
+
+export interface ValidationRule {
+  validate: (value: any, ...args: any[]) => boolean;
+  message: string;
+}
+
+export function required(message = "This field is required"): ValidationRule {
+  return {
+    validate: isRequired,
+    message,
+  };
+}
+
+export function email(message = "Invalid email address"): ValidationRule {
+  return {
+    validate: isEmail,
+    message,
+  };
+}
+
+export function url(message = "Invalid URL"): ValidationRule {
+  return {
+    validate: isUrl,
+    message,
+  };
+}
+
+export function minLengthRule(min: number, message?: string): ValidationRule {
+  return {
+    validate: (value: string) => minLength(value, min),
+    message: message || `Minimum ${min} characters required`,
+  };
+}
+
+export function maxLengthRule(max: number, message?: string): ValidationRule {
+  return {
+    validate: (value: string) => maxLength(value, max),
+    message: message || `Maximum ${max} characters allowed`,
+  };
+}
+
+export function pattern(
+  regex: RegExp,
+  message = "Invalid format",
+): ValidationRule {
+  return {
+    validate: (value: string) => regex.test(value || ""),
+    message,
+  };
+}
+
+export function matchesRule(
+  otherField: string,
+  message = "Values do not match",
+): ValidationRule {
+  return {
+    validate: (value: string, data: Record<string, any>) =>
+      matches(value, data[otherField]),
+    message,
+  };
+}
+
+export function notMatchesRule(
+  otherField: string,
+  message = "Value must be different",
+): ValidationRule {
+  return {
+    validate: (value: string, data: Record<string, any>) =>
+      notMatches(value, data[otherField]),
+    message,
+  };
+}
+
+export function phone(message = "Invalid phone number"): ValidationRule {
+  return {
+    validate: isPhone,
+    message,
+  };
+}
+
+export function postalCodeRule(
+  country: string = "US",
+  message?: string,
+): ValidationRule {
+  return {
+    validate: (value: string) => isPostalCode(value, country),
+    message: message || `Invalid postal code for ${country}`,
+  };
+}
+
+export function numberRule(message = "Must be a valid number"): ValidationRule {
+  return {
+    validate: isNumber,
+    message,
+  };
+}
+
+export function integerRule(
+  message = "Must be a whole number",
+): ValidationRule {
+  return {
+    validate: isInteger,
+    message,
+  };
+}
+
+export function rangeRule(
+  min: number,
+  max: number,
+  message?: string,
+): ValidationRule {
+  return {
+    validate: (value: number) => inRange(Number(value), min, max),
+    message: message || `Must be between ${min} and ${max}`,
+  };
+}
+
+export function jsonRule(message = "Must be valid JSON"): ValidationRule {
+  return {
+    validate: isJson,
+    message,
+  };
+}
+
+export function hexColorRule(
+  message = "Must be a valid hex color",
+): ValidationRule {
+  return {
+    validate: isHexColor,
+    message,
+  };
+}
+
+export interface ValidationResult {
+  valid: boolean;
+  errors: Record<string, string>;
+}
+
+export function validate(
+  data: Record<string, any>,
+  rules: Record<string, ValidationRule[]>,
+): ValidationResult {
+  const errors: Record<string, string> = {};
+
+  for (const [field, fieldRules] of Object.entries(rules)) {
+    for (const rule of fieldRules) {
+      if (!rule.validate(data[field], data)) {
+        errors[field] = rule.message;
+        break;
+      }
+    }
+  }
+
+  return {
+    valid: Object.keys(errors).length === 0,
+    errors,
+  };
+}

package/src/pages/api/[collection]/[id]/publish.ts

@@ -25,10 +25,18 @@ export const POST: APIRoute = async ({ params, request }) => {
     }
 
     const now = new Date().toISOString();
-    const updated = await dataStore.update(collection, id, {
-      status: "published",
-      publishedAt: now,
-    });
+    const updated = await dataStore.update(
+      collection,
+      id,
+      {
+        status: "published",
+        publishedAt: now,
+      },
+      {
+        versionStatus: "published",
+        changeDescription: "Published changes",
+      },
+    );
 
     return new Response(JSON.stringify({ success: true, data: updated }), {
       status: 200,

package/src/pages/api/[collection]/[id]/versions.ts

@@ -1,18 +1,36 @@
 import type { APIRoute } from "astro";
 import { dataStore } from "@/lib/dataStore";
 
-export const GET: APIRoute = async ({ params }) => {
+export const GET: APIRoute = async ({ params, url }) => {
   const { collection, id } = params;
   if (!collection || !id) return new Response(null, { status: 400 });
 
   try {
+    const compareA = url.searchParams.get("compareA");
+    const compareB = url.searchParams.get("compareB");
+
+    if (compareA && compareB) {
+      const diffs = await dataStore.compareVersions(
+        collection,
+        id,
+        isNaN(Number(compareA)) ? compareA : Number(compareA),
+        isNaN(Number(compareB)) ? compareB : Number(compareB),
+      );
+      return new Response(JSON.stringify({ diffs }), {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      });
+    }
+
     const versions = await dataStore.findVersions(collection, id);
     return new Response(JSON.stringify({ docs: versions }), {
       status: 200,
-      headers: { "Content-Type": "application/json" }
+      headers: { "Content-Type": "application/json" },
     });
   } catch (error) {
-    return new Response(JSON.stringify({ error: "Failed to fetch versions" }), { status: 500 });
+    return new Response(JSON.stringify({ error: "Failed to fetch versions" }), {
+      status: 500,
+    });
   }
 };
 
@@ -22,15 +40,27 @@ export const POST: APIRoute = async ({ params, request }) => {
 
   try {
     const { versionId, action } = await request.json();
-    
-    if (action === 'restore' && versionId) {
-      const restored = await dataStore.restoreVersion(collection, id, versionId);
-      if (!restored) return new Response(JSON.stringify({ error: "Restore failed" }), { status: 400 });
+
+    if (action === "restore" && versionId) {
+      const restored = await dataStore.restoreVersion(
+        collection,
+        id,
+        versionId,
+      );
+      if (!restored)
+        return new Response(JSON.stringify({ error: "Restore failed" }), {
+          status: 400,
+        });
       return new Response(JSON.stringify({ data: restored }), { status: 200 });
     }
 
-    return new Response(JSON.stringify({ error: "Invalid action" }), { status: 400 });
+    return new Response(JSON.stringify({ error: "Invalid action" }), {
+      status: 400,
+    });
   } catch (error) {
-    return new Response(JSON.stringify({ error: "Failed to perform version action" }), { status: 500 });
+    return new Response(
+      JSON.stringify({ error: "Failed to perform version action" }),
+      { status: 500 },
+    );
   }
 };

package/src/pages/api/[collection]/[id].ts

@@ -130,7 +130,19 @@ export const PATCH: APIRoute = async ({ params, request }) => {
 
   try {
     const body = await request.json();
-    const doc = await dataStore.update(collection, id, body);
+    const versionStatus =
+      body.status === "draft"
+        ? "draft"
+        : body.status === "published"
+          ? "published"
+          : undefined;
+    const changeDescription = body._changeDescription;
+    const { _changeDescription, ...cleanBody } = body;
+
+    const doc = await dataStore.update(collection, id, cleanBody, {
+      versionStatus,
+      changeDescription,
+    });
     if (!doc) {
       return new Response(JSON.stringify({ error: "Document not found" }), {
         status: 404,

package/src/pages/api/[collection]/index.ts

@@ -82,8 +82,8 @@ const initSeedData = async () => {
   const siteGlobal = await store.findGlobal("site-settings");
   if (!siteGlobal.siteName) {
     await store.seedGlobal("site-settings", {
-      siteName: "Kyro CMS",
-      siteDescription: "A modern, powerful headless CMS built with Astro.",
+      siteName: "",
+      siteDescription: "",
       allowRegistration: true,
     });
   }
@@ -92,10 +92,9 @@ const initSeedData = async () => {
   const seoGlobal = await store.findGlobal("seo-settings");
   if (!seoGlobal.defaultTitle) {
     await store.seedGlobal("seo-settings", {
-      defaultTitle: "Kyro CMS - The Performance CMS",
-      titleTemplate: "%s | Kyro CMS",
-      defaultDescription:
-        "High-performance content management for the modern web.",
+      defaultTitle: "",
+      titleTemplate: "%s",
+      defaultDescription: "",
     });
   }
 };

package/src/styles/main.css

@@ -95,9 +95,14 @@
   --kyro-success: #22c55e;
   --kyro-success-bg: rgba(34, 197, 94, 0.1);
 
-  /* Danger Color */
+  /* Danger/Error Color */
   --kyro-danger: #ef4444;
   --kyro-danger-bg: rgba(239, 68, 68, 0.1);
+  --kyro-error: #ef4444;
+
+  /* Warning Color */
+  --kyro-warning: #ffae00;
+  --kyro-warning-bg: rgba(255, 174, 0, 0.1);
 
   /* Border Active */
   --kyro-border-active: #0b1222;
@@ -141,9 +146,14 @@
   --kyro-success: #22c55e;
   --kyro-success-bg: rgba(34, 197, 94, 0.15);
 
-  /* Danger Color (dark) */
+  /* Danger/Error Color (dark) */
   --kyro-danger: #f87171;
   --kyro-danger-bg: rgba(248, 113, 113, 0.15);
+  --kyro-error: #f87171;
+
+  /* Warning Color (dark) */
+  --kyro-warning: #ffae00;
+  --kyro-warning-bg: rgba(255, 174, 0, 0.15);
 
   /* Border Active (dark) */
   --kyro-border-active: #ffffff;

package/src/components/blocks/BlockEditModal.MARKER

@@ -1,12 +0,0 @@
-# BlockEditModal Children Marker
-# Created: 2026-04-29
-# 
-# This marks the point where BlockEditModal was updated to include:
-# - Children (via ChildBlocksTree) for array, vstack, accordion, columns, hero
-# - Matching styling to original block components
-#
-# To revert:
-# 1. Check git history for previous BlockEditModal.tsx
-# 2. Or use: git show HEAD~1:admin/src/components/blocks/BlockEditModal.tsx > BlockEditModal.tsx
-#
-# Marker Line in code: // @MARKER: BlockEditModal with children - 2026-04-29