@btst/plugin-cms 0.0.0-stage → 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,406 @@
+import { z } from 'zod';
+
+/**
+ * Configuration for a content type defined by the developer.
+ *
+ * Field types are now specified directly in the Zod schema via .meta():
+ * @example
+ * ```typescript
+ * const ProductSchema = z.object({
+ *   description: z.string().meta({ fieldType: "textarea" }),
+ *   image: z.string().optional().meta({ fieldType: "file" }),
+ * });
+ * ```
+ */
+interface ContentTypeConfig {
+    /** Display name for the content type (e.g., "Product", "Testimonial") */
+    name: string;
+    /** URL-friendly slug (e.g., "product", "testimonial") */
+    slug: string;
+    /** Optional description shown in the admin UI */
+    description?: string;
+    /** Zod schema defining the content type's fields. Use .meta({ fieldType: "..." }) for field type overrides. */
+    schema: z.ZodObject<z.ZodRawShape>;
+}
+/**
+ * Content type stored in the database
+ */
+type ContentType = {
+    id: string;
+    /** Display name */
+    name: string;
+    /** URL-friendly slug - unique identifier */
+    slug: string;
+    /** Optional description */
+    description?: string;
+    /** JSON Schema representation of the Zod schema (stringified) */
+    jsonSchema: string;
+    /** @deprecated Legacy field config - now embedded in jsonSchema. Kept for backwards compat. */
+    fieldConfig?: string;
+    /** AutoForm schema version. 1 = legacy (separate fieldConfig), 2 = unified (fieldType in jsonSchema) */
+    autoFormVersion?: number;
+    createdAt: Date;
+    updatedAt: Date;
+};
+/**
+ * Content item stored in the database
+ */
+type ContentItem = {
+    id: string;
+    /** Reference to the content type */
+    contentTypeId: string;
+    /** URL-friendly slug - unique within content type */
+    slug: string;
+    /** JSON data matching the content type's schema (stringified) */
+    data: string;
+    /** Optional author ID for tracking who created/modified */
+    authorId?: string;
+    createdAt: Date;
+    updatedAt: Date;
+};
+/**
+ * Content item with its content type joined
+ */
+type ContentItemWithType = ContentItem & {
+    contentType?: ContentType;
+};
+/**
+ * Content relation stored in the database (junction table)
+ * Links source content items to target content items for relationship fields
+ */
+type ContentRelation = {
+    id: string;
+    /** The content item that has the relation field */
+    sourceId: string;
+    /** The content item being referenced */
+    targetId: string;
+    /** The field name in the source content type schema (e.g., "categoryIds") */
+    fieldName: string;
+    createdAt: Date;
+};
+/**
+ * Configuration for a relation field in schema metadata.
+ * Use with .meta({ fieldType: "relation", relation: {...} })
+ *
+ * The schema stores relation values as simple `{ id: string }` references.
+ * When `creatable: true`, the frontend sends `{ _new: true, data: {...} }`
+ * which the API processes before validation - creating new items and
+ * converting them to ID references.
+ *
+ * @example
+ * ```typescript
+ * const ResourceSchema = z.object({
+ *   // Simple array of ID references - API handles _new items before validation
+ *   categoryIds: z.array(z.object({ id: z.string() })).default([]).meta({
+ *     fieldType: "relation",
+ *     relation: {
+ *       type: "manyToMany",
+ *       targetType: "category",
+ *       displayField: "name",
+ *       creatable: true,
+ *     },
+ *   }),
+ * });
+ * ```
+ */
+interface RelationConfig {
+    /** Relation type */
+    type: "belongsTo" | "hasMany" | "manyToMany";
+    /** Target content type slug */
+    targetType: string;
+    /** Field to display in the dropdown (e.g., "name", "title") */
+    displayField: string;
+    /** Allow creating new items inline via modal (default: false) */
+    creatable?: boolean;
+}
+/**
+ * Value for a relation field - either a reference to existing item or a new item to create.
+ *
+ * @example
+ * ```typescript
+ * // Reference to existing item
+ * const existing: RelationValue = { id: "abc123" };
+ *
+ * // New item to create on save
+ * const newItem: RelationValue = {
+ *   _new: true,
+ *   data: { name: "New Category", description: "..." }
+ * };
+ * ```
+ */
+type RelationValue = {
+    id: string;
+} | {
+    _new: true;
+    data: Record<string, unknown>;
+};
+/**
+ * Represents an inverse relation (content types that reference this type via belongsTo)
+ */
+interface InverseRelation {
+    /** The content type slug that has the belongsTo relation */
+    sourceType: string;
+    /** Display name of the source content type */
+    sourceTypeName: string;
+    /** The field name that contains the belongsTo relation */
+    fieldName: string;
+    /** Count of items with this relation (when itemId is provided) */
+    count: number;
+}
+/**
+ * Serialized content type for API responses (dates as strings)
+ */
+interface SerializedContentType extends Omit<ContentType, "createdAt" | "updatedAt"> {
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * Serialized content item for API responses (dates as strings)
+ */
+interface SerializedContentItem extends Omit<ContentItem, "createdAt" | "updatedAt"> {
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * Serialized content item with parsed data and joined content type
+ * @template TData - The type of the parsed data (defaults to Record<string, unknown>)
+ */
+interface SerializedContentItemWithType<TData = Record<string, unknown>> extends SerializedContentItem {
+    /** Parsed data object (JSON.parse of data field). */
+    parsedData: TData;
+    /** Joined content type */
+    contentType?: SerializedContentType;
+    /**
+     * Populated relation data (only present when using populated endpoints/hooks).
+     * Keys are field names, values are arrays of related content items.
+     */
+    _relations?: Record<string, SerializedContentItemWithType[]>;
+}
+/** Output shape for CMS reads; omission retains the full editor envelope. */
+type CMSReadView = "content" | undefined;
+/** Literal top-level property names selected from parsed content. */
+type CMSContentFields = readonly string[] | undefined;
+/** Select known literal properties, or an honest partial shape for dynamic arrays. */
+type CMSSelectedData<TData, TFields extends CMSContentFields = undefined> = TFields extends readonly string[] ? string extends TFields[number] ? Partial<TData> : Pick<TData, Extract<TFields[number], keyof TData>> : TData;
+/** Optional output controls for CMS reads. These do not change access checks. */
+interface CMSReadOptions<TView extends CMSReadView = CMSReadView, TFields extends CMSContentFields = CMSContentFields> {
+    /** Return identity, parsed content and timestamps without editor metadata. */
+    view?: TView;
+    /** Literal declared top-level content properties. Requires content view. */
+    fields?: TFields;
+}
+/** Serialized content envelope without raw JSON or editor metadata. */
+type SerializedContentItemContent<TData = Record<string, unknown>> = Pick<SerializedContentItemWithType<TData>, "id" | "slug" | "parsedData" | "createdAt" | "updatedAt">;
+/** Result envelope selected by a statically known read view. */
+type CMSContentItemResult<TData = Record<string, unknown>, TView extends CMSReadView = undefined, TFields extends CMSContentFields = undefined> = TView extends "content" ? SerializedContentItemContent<CMSSelectedData<TData, TFields>> : SerializedContentItemWithType<TData>;
+/**
+ * Paginated list response for content items
+ * @template TData - The type of the parsed data (defaults to Record<string, unknown>)
+ */
+interface PaginatedContentItems<TData = Record<string, unknown>, TView extends CMSReadView = undefined, TFields extends CMSContentFields = undefined> {
+    items: CMSContentItemResult<TData, TView, TFields>[];
+    total: number;
+    limit: number;
+    offset: number;
+}
+/**
+ * Type helper to define a map of content type slugs to their data types.
+ * Use with z.infer to get the type from your Zod schemas.
+ *
+ * @example
+ * ```typescript
+ * import { z } from "zod"
+ *
+ * // Define your schemas
+ * export const ProductSchema = z.object({
+ *   name: z.string(),
+ *   price: z.number(),
+ * })
+ *
+ * export const TestimonialSchema = z.object({
+ *   author: z.string(),
+ *   quote: z.string(),
+ * })
+ *
+ * // Create the type map
+ * export type MyCMSTypes = {
+ *   product: z.infer<typeof ProductSchema>
+ *   testimonial: z.infer<typeof TestimonialSchema>
+ * }
+ *
+ * // Use in hooks for type-safe parsedData
+ * const { items } = useContent<MyCMSTypes, "product">("product")
+ * // items[0].parsedData.name is typed as string
+ * // items[0].parsedData.price is typed as number
+ * ```
+ */
+type CMSContentTypeMap = Record<string, Record<string, unknown>>;
+/** JSON-safe values accepted at the CMS operation boundary. */
+type CMSOperationData = string | number | boolean | null | readonly CMSOperationData[] | {
+    readonly [key: string]: CMSOperationData;
+};
+/** @deprecated Use the operation-specific CMS lifecycle contexts instead. */
+interface CMSHookContext {
+    readonly typeSlug: string;
+    readonly userId?: string;
+    readonly headers?: Headers;
+}
+interface CMSOperationIdentity {
+    readonly id: string;
+    readonly [key: string]: unknown;
+}
+type CMSDeepReadonly<T> = T extends (...args: any[]) => unknown ? T : T extends readonly unknown[] ? {
+    readonly [TKey in keyof T]: CMSDeepReadonly<T[TKey]>;
+} : T extends object ? {
+    readonly [TKey in keyof T]: CMSDeepReadonly<T[TKey]>;
+} : T;
+interface CMSOperationContextBase<TInput, TFacts> {
+    /** Validated, deeply readonly input supplied to the operation. */
+    readonly input: Readonly<TInput>;
+    /** Trusted server-derived facts used by the authorization rule. */
+    readonly facts: Readonly<TFacts>;
+    /** Authorized request identity, or `null` for anonymous and trusted calls. */
+    readonly identity: Readonly<CMSOperationIdentity> | null;
+    /** Transport request when the operation was invoked through HTTP or `forRequest()`. */
+    readonly request?: Request;
+    /** Compatibility view of the transport request headers. */
+    readonly headers?: Headers;
+    /** Compatibility alias for the authorized identity ID. */
+    readonly userId?: string;
+    /** Compatibility alias for the operation's CMS content-type slug. */
+    readonly typeSlug?: string;
+}
+/** Authorized context supplied before a CMS record is created. */
+interface CMSCreateOperationContext extends CMSOperationContextBase<{
+    readonly typeSlug: string;
+    readonly body: {
+        readonly slug: string;
+        readonly data: Readonly<Record<string, CMSOperationData>>;
+    };
+}, {
+    contentType: string;
+}> {
+    /** Server-resolved content-type slug for the record being created. */
+    readonly typeSlug: string;
+    /** Validated create payload supplied to the operation. */
+    readonly body: {
+        /** Requested record slug before canonical slugification. */
+        readonly slug: string;
+        /** Validated JSON-safe request fields, including any inline `_new` relation values. */
+        readonly data: Readonly<Record<string, CMSOperationData>>;
+    };
+}
+/** CMS create context after execution. */
+interface CMSCreateResultContext extends CMSCreateOperationContext {
+    /** Fully serialized record returned by the successful create operation. */
+    readonly result: CMSDeepReadonly<SerializedContentItemWithType>;
+}
+/** Authorized context supplied before a CMS record is updated. */
+interface CMSUpdateOperationContext extends CMSOperationContextBase<{
+    readonly typeSlug: string;
+    readonly id: string;
+    readonly body: {
+        readonly slug?: string;
+        readonly data?: Readonly<Record<string, CMSOperationData>>;
+    };
+}, {
+    contentType: string;
+    recordId: string;
+    authorId?: string;
+}> {
+    /** Server-resolved content-type slug for the record being updated. */
+    readonly typeSlug: string;
+    /** Canonical route parameters for the authorized record. */
+    readonly params: {
+        readonly typeSlug: string;
+        readonly id: string;
+    };
+    /** Validated partial update payload supplied to the operation. */
+    readonly body: {
+        /** Optional replacement slug before canonical slugification. */
+        readonly slug?: string;
+        /** Optional record-field fragment; hooks receive its merged validated result. */
+        readonly data?: Readonly<Record<string, CMSOperationData>>;
+    };
+}
+/** CMS update context after execution. */
+interface CMSUpdateResultContext extends CMSUpdateOperationContext {
+    /** Fully serialized record returned by the successful update operation. */
+    readonly result: CMSDeepReadonly<SerializedContentItemWithType>;
+}
+/** Authorized context supplied before a CMS record is deleted. */
+interface CMSDeleteOperationContext extends CMSOperationContextBase<{
+    readonly typeSlug: string;
+    readonly id: string;
+}, {
+    contentType: string;
+    recordId: string;
+    authorId?: string;
+}> {
+    /** Server-resolved content-type slug for the record being deleted. */
+    readonly typeSlug: string;
+    /** Canonical route parameters for the authorized record. */
+    readonly params: {
+        readonly typeSlug: string;
+        readonly id: string;
+    };
+}
+/** CMS delete context after execution. */
+interface CMSDeleteResultContext extends CMSDeleteOperationContext {
+    /** Successful delete result. */
+    readonly result: {
+        readonly success: true;
+    };
+}
+interface CMSReadOperationContext extends CMSOperationContextBase<unknown, {
+    contentType?: string;
+    scope?: "collection" | "record";
+    recordId?: string;
+    authorId?: string;
+}> {
+}
+/** Authorized context shared by the CMS operation lifecycle hooks. */
+type CMSOperationLifecycleContext = CMSReadOperationContext | CMSCreateOperationContext | CMSUpdateOperationContext | CMSDeleteOperationContext;
+/** Authorized lifecycle context supplied to the observational error hook. */
+type CMSOperationErrorContext = CMSOperationLifecycleContext & {
+    /** Original post-authorization operation error observed by `onErrorExecuteContentOperation`. */
+    readonly error: unknown;
+};
+/** Domain lifecycle hooks that run only after successful CMS authorization. */
+interface CMSBackendHooks {
+    /** Runs with validated canonical record data after authorization and before any database write. */
+    onBeforeCreateContent?: (data: Readonly<Record<string, CMSOperationData>>, context: CMSCreateOperationContext) => Promise<void> | void;
+    /** Observes the fully created record after the atomic create succeeds. */
+    onAfterCreateContent?: (item: CMSDeepReadonly<SerializedContentItemWithType>, context: CMSCreateResultContext) => Promise<void> | void;
+    /** Runs for every update with the complete merged, validated record before any database write. */
+    onBeforeUpdateContent?: (id: string, data: Readonly<Record<string, CMSOperationData>>, context: CMSUpdateOperationContext) => Promise<void> | void;
+    /** Observes the fully updated record after the atomic update succeeds. */
+    onAfterUpdateContent?: (item: CMSDeepReadonly<SerializedContentItemWithType>, context: CMSUpdateResultContext) => Promise<void> | void;
+    /** Runs after authorization and before the record is deleted. */
+    onBeforeDeleteContent?: (id: string, context: CMSDeleteOperationContext) => Promise<void> | void;
+    /** Observes the deleted record ID after the atomic delete succeeds. */
+    onAfterDeleteContent?: (id: string, context: CMSDeleteResultContext) => Promise<void> | void;
+    /** Observes post-authorization failures without replacing the original error. */
+    onErrorExecuteContentOperation?: (error: Error, operation: "create" | "update" | "delete" | "list" | "get", context: CMSOperationErrorContext) => Promise<void> | void;
+}
+/**
+ * Configuration for the CMS backend plugin
+ */
+interface CMSBackendConfig {
+    /** Content types defined by the developer */
+    contentTypes: ContentTypeConfig[];
+    /** Optional hooks for customizing behavior */
+    hooks?: CMSBackendHooks;
+    /**
+     * Maximum number of items that can be requested in a single page.
+     * Applied to all list endpoints (`/content/:typeSlug`, by-relation, and inverse-relation).
+     *
+     * Raise this when your content types have many items and you need to fetch
+     * large pages (e.g. for SSG, CSV export, or programmatic access).
+     *
+     * @default 1000
+     */
+    maxPageSize?: number;
+}
+
+export type { CMSBackendConfig, CMSBackendHooks, CMSContentFields, CMSContentItemResult, CMSContentTypeMap, CMSCreateOperationContext, CMSCreateResultContext, CMSDeleteOperationContext, CMSDeleteResultContext, CMSHookContext, CMSOperationData, CMSOperationErrorContext, CMSOperationLifecycleContext, CMSReadOptions, CMSReadView, CMSSelectedData, CMSUpdateOperationContext, CMSUpdateResultContext, ContentItem, ContentItemWithType, ContentRelation, ContentType, ContentTypeConfig, InverseRelation, PaginatedContentItems, RelationConfig, RelationValue, SerializedContentItem, SerializedContentItemContent, SerializedContentItemWithType, SerializedContentType };

package/dist/types.mjs

@@ -0,0 +1 @@
+

package/dist/ui/src/components/accordion.cjs

@@ -0,0 +1,81 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const AccordionPrimitive = require('@radix-ui/react-accordion');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespaceCompat(AccordionPrimitive);
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: utils.cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: utils.cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;

package/dist/ui/src/components/accordion.mjs

@@ -0,0 +1,62 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };