@duckpic/content-spec 0.2.3 → 0.2.4

package/dist/components/VocabularyList.js

@@ -1,7 +1,7 @@
 import { z } from "zod";
 export const VocabularyListPropsSchema = z.object({
     title: z.string().optional(),
-    staticVocabIds: z.array(z.number()).min(1)
+    staticVocabIds: z.array(z.number())
 });
 export const VocabularyListComponentSpec = {
     type: "VocabularyList",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duckpic/content-spec",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/VocabularyList.ts

@@ -3,7 +3,7 @@ import type { ComponentSpec } from "./ComponentSpec";
 
 export const VocabularyListPropsSchema = z.object({
   title: z.string().optional(),
-  staticVocabIds: z.array(z.number()).min(1)
+  staticVocabIds: z.array(z.number())
 });
 
 export const VocabularyListComponentSpec: ComponentSpec = {

package/dist/files.txt

@@ -1,265 +0,0 @@
---components/ComponentSpec.d.ts--
-import type { ZodType } from "zod";
-export interface ComponentSpec {
-    type: string;
-    propsSchema: ZodType<any>;
-    slots: string[];
-}
-
-
---components/ComponentSpec.js--
-export {};
-
-
---components/Layout.d.ts--
-import { z } from "zod";
-import type { ComponentSpec } from "./ComponentSpec";
-export declare const LayoutPropsSchema: z.ZodObject<{
-    backgroundColor: z.ZodOptional<z.ZodString>;
-    style: z.ZodOptional<z.ZodObject<{
-        backgroundColor: z.ZodOptional<z.ZodString>;
-        padding: z.ZodOptional<z.ZodString>;
-        borderRadius: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
-export declare const LayoutComponentSpec: ComponentSpec;
-
-
---components/Layout.js--
-import { z } from "zod";
-export const LayoutPropsSchema = z.object({
-    backgroundColor: z.string().optional(),
-    style: z.object({
-        backgroundColor: z.string().optional(),
-        padding: z.string().optional(),
-        borderRadius: z.string().optional()
-    }).optional()
-});
-export const LayoutComponentSpec = {
-    type: "Layout",
-    propsSchema: LayoutPropsSchema,
-    slots: ["content"]
-};
-
-
---components/Page.d.ts--
-import { z } from "zod";
-import type { ComponentSpec } from "./ComponentSpec";
-export declare const PagePropsSchema: z.ZodObject<{
-    title: z.ZodOptional<z.ZodString>;
-    backgroundColor: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-export declare const PageComponentSpec: ComponentSpec;
-
-
---components/Page.js--
-import { z } from "zod";
-export const PagePropsSchema = z.object({
-    title: z.string().optional(),
-    backgroundColor: z.string().optional()
-});
-export const PageComponentSpec = {
-    type: "Page",
-    propsSchema: PagePropsSchema,
-    slots: ["main"]
-};
-
-
---components/Quiz.d.ts--
-import { z } from "zod";
-import { ComponentSpec } from "./ComponentSpec";
-export declare const QuizQuestionSchema: z.ZodObject<{
-    q: z.ZodString;
-    a: z.ZodString;
-}, z.core.$strip>;
-export declare const QuizPropsSchema: z.ZodObject<{
-    title: z.ZodOptional<z.ZodString>;
-    questions: z.ZodArray<z.ZodObject<{
-        q: z.ZodString;
-        a: z.ZodString;
-    }, z.core.$strip>>;
-    backgroundColor: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-export type QuizProps = z.infer<typeof QuizPropsSchema>;
-export declare const QuizComponentSpec: ComponentSpec;
-
-
---components/Quiz.js--
-import { z } from "zod";
-export const QuizQuestionSchema = z.object({
-    q: z.string(),
-    a: z.string()
-});
-export const QuizPropsSchema = z.object({
-    title: z.string().optional(),
-    questions: z.array(QuizQuestionSchema).min(1),
-    backgroundColor: z.string().optional()
-});
-export const QuizComponentSpec = {
-    type: "Quiz",
-    propsSchema: QuizPropsSchema,
-    slots: [] // quizzes don’t have child nodes
-};
-
-
---components/Text.d.ts--
-import { z } from "zod";
-import type { ComponentSpec } from "./ComponentSpec";
-export declare const TextPropsSchema: z.ZodObject<{
-    variant: z.ZodEnum<{
-        body: "body";
-        h1: "h1";
-        h2: "h2";
-        h3: "h3";
-    }>;
-    text: z.ZodString;
-    backgroundColor: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-export declare const TextComponentSpec: ComponentSpec;
-
-
---components/Text.js--
-import { z } from "zod";
-export const TextPropsSchema = z.object({
-    variant: z.enum(["h1", "h2", "h3", "body"]),
-    text: z.string(),
-    backgroundColor: z.string().optional()
-});
-export const TextComponentSpec = {
-    type: "Text",
-    propsSchema: TextPropsSchema,
-    slots: []
-};
-
-
---index.d.ts--
-export * from "./components/Text";
-export * from "./components/Quiz";
-export * from "./components/Layout";
-export * from "./components/Page";
-export * from "./schema/PageTree";
-import type { ComponentSpec } from "./components/ComponentSpec.ts";
-export declare const ComponentRegistry: {
-    Text: ComponentSpec;
-    Quiz: ComponentSpec;
-    Layout: ComponentSpec;
-    Page: ComponentSpec;
-};
-export type ComponentType = keyof typeof ComponentRegistry;
-export declare function getPropsSchema(type: ComponentType): import("zod").ZodType<any, unknown, import("zod/v4/core").$ZodTypeInternals<any, unknown>>;
-export type { ComponentSpec };
-
-
---index.js--
-export * from "./components/Text";
-export * from "./components/Quiz";
-export * from "./components/Layout";
-export * from "./components/Page";
-export * from "./schema/PageTree";
-import { TextComponentSpec } from "./components/Text";
-import { QuizComponentSpec } from "./components/Quiz";
-import { LayoutComponentSpec } from "./components/Layout";
-import { PageComponentSpec } from "./components/Page";
-export const ComponentRegistry = {
-    Text: TextComponentSpec,
-    Quiz: QuizComponentSpec,
-    Layout: LayoutComponentSpec,
-    Page: PageComponentSpec
-};
-// Helper to get a schema by type
-export function getPropsSchema(type) {
-    return ComponentRegistry[type].propsSchema;
-}
-
-
---schema/PageTree.d.ts--
-import { z } from "zod";
-export declare const NodeIdSchema: z.ZodString;
-export declare const ContentNodeSchema: z.ZodObject<{
-    id: z.ZodString;
-    type: z.ZodString;
-    props: z.ZodRecord<z.ZodString, z.ZodAny>;
-    slots: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString>>;
-}, z.core.$strip>;
-export type ContentNode = z.infer<typeof ContentNodeSchema>;
-export declare const PageTreeSchema: z.ZodObject<{
-    version: z.ZodString;
-    root: z.ZodString;
-    nodes: z.ZodRecord<z.ZodString, z.ZodObject<{
-        id: z.ZodString;
-        type: z.ZodString;
-        props: z.ZodRecord<z.ZodString, z.ZodAny>;
-        slots: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString>>;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
-export type PageTree = z.infer<typeof PageTreeSchema>;
-
-
---schema/PageTree.js--
-import { z } from "zod";
-export const NodeIdSchema = z.string().min(1);
-// You can switch to stricter UUID validation later.
-export const ContentNodeSchema = z.object({
-    id: NodeIdSchema,
-    type: z.string(), // we'll refine typing later
-    props: z.record(z.string(), z.any()), // key: string, value: any
-    slots: z.record(z.string(), z.array(NodeIdSchema))
-});
-export const PageTreeSchema = z.object({
-    version: z.string(),
-    root: NodeIdSchema,
-    nodes: z.record(z.string(), ContentNodeSchema)
-});
-
-
---validators/validateNode.d.ts--
-import { ContentNode } from "..";
-export declare function validateNode(node: ContentNode): void;
-
-
---validators/validateNode.js--
-import { ComponentRegistry } from "..";
-export function validateNode(node) {
-    const type = node.type;
-    const spec = ComponentRegistry[type];
-    if (!spec) {
-        throw new Error(`Unknown component type: ${node.type}`);
-    }
-    // 1) Validate props
-    spec.propsSchema.parse(node.props);
-    // 2) Validate slots
-    const allowedSlots = (spec.slots ?? []);
-    for (const slotName of Object.keys(node.slots)) {
-        if (!allowedSlots.includes(slotName)) {
-            throw new Error(`Invalid slot '${slotName}' for component type ${node.type}`);
-        }
-    }
-}
-
-
---validators/validatePageTree.d.ts--
-export declare function validatePageTree(tree: unknown): {
-    version: string;
-    root: string;
-    nodes: Record<string, {
-        id: string;
-        type: string;
-        props: Record<string, any>;
-        slots: Record<string, string[]>;
-    }>;
-};
-
-
---validators/validatePageTree.js--
-import { PageTreeSchema } from "../schema/PageTree";
-import { validateNode } from "./validateNode";
-export function validatePageTree(tree) {
-    const data = PageTreeSchema.parse(tree); // main shape
-    // Validate nodes individually
-    for (const node of Object.values(data.nodes)) {
-        validateNode(node);
-    }
-    return data;
-}
-
-