@duckpic/content-spec 0.1.0

package/dist/components/Layout.d.ts

@@ -0,0 +1,25 @@
+import { z } from "zod";
+export declare const LayoutStyleSchema: z.ZodObject<{
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    padding: z.ZodOptional<z.ZodString>;
+    borderRadius: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const LayoutPropsSchema: z.ZodObject<{
+    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 type LayoutProps = z.infer<typeof LayoutPropsSchema>;
+export declare const LayoutComponentSpec: {
+    type: string;
+    propsSchema: z.ZodObject<{
+        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>;
+    slots: string[];
+};

package/dist/components/Layout.js

@@ -0,0 +1,14 @@
+import { z } from "zod";
+export const LayoutStyleSchema = z.object({
+    backgroundColor: z.string().optional(),
+    padding: z.string().optional(),
+    borderRadius: z.string().optional()
+});
+export const LayoutPropsSchema = z.object({
+    style: LayoutStyleSchema.optional()
+});
+export const LayoutComponentSpec = {
+    type: "Layout",
+    propsSchema: LayoutPropsSchema,
+    slots: ["content"] // can contain children
+};

package/dist/components/Quiz.d.ts

@@ -0,0 +1,24 @@
+import { z } from "zod";
+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>>;
+}, z.core.$strip>;
+export type QuizProps = z.infer<typeof QuizPropsSchema>;
+export declare const QuizComponentSpec: {
+    type: string;
+    propsSchema: z.ZodObject<{
+        title: z.ZodOptional<z.ZodString>;
+        questions: z.ZodArray<z.ZodObject<{
+            q: z.ZodString;
+            a: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>;
+    slots: never[];
+};

package/dist/components/Quiz.js

@@ -0,0 +1,14 @@
+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)
+});
+export const QuizComponentSpec = {
+    type: "Quiz",
+    propsSchema: QuizPropsSchema,
+    slots: [] // quizzes don’t have child nodes
+};

package/dist/components/Text.d.ts

@@ -0,0 +1,30 @@
+import { z } from "zod";
+export declare const TextVariantSchema: z.ZodEnum<{
+    body: "body";
+    h1: "h1";
+    h2: "h2";
+    h3: "h3";
+}>;
+export declare const TextPropsSchema: z.ZodObject<{
+    variant: z.ZodEnum<{
+        body: "body";
+        h1: "h1";
+        h2: "h2";
+        h3: "h3";
+    }>;
+    text: z.ZodString;
+}, z.core.$strip>;
+export type TextProps = z.infer<typeof TextPropsSchema>;
+export declare const TextComponentSpec: {
+    type: string;
+    propsSchema: z.ZodObject<{
+        variant: z.ZodEnum<{
+            body: "body";
+            h1: "h1";
+            h2: "h2";
+            h3: "h3";
+        }>;
+        text: z.ZodString;
+    }, z.core.$strip>;
+    slots: never[];
+};

package/dist/components/Text.js

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export const TextVariantSchema = z.enum(["h1", "h2", "h3", "body"]);
+export const TextPropsSchema = z.object({
+    variant: TextVariantSchema,
+    text: z.string()
+});
+export const TextComponentSpec = {
+    type: "Text",
+    propsSchema: TextPropsSchema,
+    slots: [] // no children
+};

package/dist/index.d.ts

@@ -0,0 +1,62 @@
+export * from "./components/Text";
+export * from "./components/Quiz";
+export * from "./components/Layout";
+export declare const ComponentRegistry: {
+    Text: {
+        type: string;
+        propsSchema: import("zod").ZodObject<{
+            variant: import("zod").ZodEnum<{
+                body: "body";
+                h1: "h1";
+                h2: "h2";
+                h3: "h3";
+            }>;
+            text: import("zod").ZodString;
+        }, import("zod/v4/core").$strip>;
+        slots: never[];
+    };
+    Quiz: {
+        type: string;
+        propsSchema: import("zod").ZodObject<{
+            title: import("zod").ZodOptional<import("zod").ZodString>;
+            questions: import("zod").ZodArray<import("zod").ZodObject<{
+                q: import("zod").ZodString;
+                a: import("zod").ZodString;
+            }, import("zod/v4/core").$strip>>;
+        }, import("zod/v4/core").$strip>;
+        slots: never[];
+    };
+    Layout: {
+        type: string;
+        propsSchema: import("zod").ZodObject<{
+            style: import("zod").ZodOptional<import("zod").ZodObject<{
+                backgroundColor: import("zod").ZodOptional<import("zod").ZodString>;
+                padding: import("zod").ZodOptional<import("zod").ZodString>;
+                borderRadius: import("zod").ZodOptional<import("zod").ZodString>;
+            }, import("zod/v4/core").$strip>>;
+        }, import("zod/v4/core").$strip>;
+        slots: string[];
+    };
+};
+export type ComponentType = keyof typeof ComponentRegistry;
+export declare function getPropsSchema(type: ComponentType): import("zod").ZodObject<{
+    variant: import("zod").ZodEnum<{
+        body: "body";
+        h1: "h1";
+        h2: "h2";
+        h3: "h3";
+    }>;
+    text: import("zod").ZodString;
+}, import("zod/v4/core").$strip> | import("zod").ZodObject<{
+    title: import("zod").ZodOptional<import("zod").ZodString>;
+    questions: import("zod").ZodArray<import("zod").ZodObject<{
+        q: import("zod").ZodString;
+        a: import("zod").ZodString;
+    }, import("zod/v4/core").$strip>>;
+}, import("zod/v4/core").$strip> | import("zod").ZodObject<{
+    style: import("zod").ZodOptional<import("zod").ZodObject<{
+        backgroundColor: import("zod").ZodOptional<import("zod").ZodString>;
+        padding: import("zod").ZodOptional<import("zod").ZodString>;
+        borderRadius: import("zod").ZodOptional<import("zod").ZodString>;
+    }, import("zod/v4/core").$strip>>;
+}, import("zod/v4/core").$strip>;

package/dist/index.js

@@ -0,0 +1,15 @@
+export * from "./components/Text";
+export * from "./components/Quiz";
+export * from "./components/Layout";
+import { TextComponentSpec } from "./components/Text";
+import { QuizComponentSpec } from "./components/Quiz";
+import { LayoutComponentSpec } from "./components/Layout";
+export const ComponentRegistry = {
+    Text: TextComponentSpec,
+    Quiz: QuizComponentSpec,
+    Layout: LayoutComponentSpec
+};
+// Helper to get a schema by type
+export function getPropsSchema(type) {
+    return ComponentRegistry[type].propsSchema;
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@duckpic/content-spec",
+  "version": "0.1.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "zod": "^3.22.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.0",
+    "@types/node": "^22.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/components/Layout.ts

@@ -0,0 +1,19 @@
+import { z } from "zod";
+
+export const LayoutStyleSchema = z.object({
+  backgroundColor: z.string().optional(),
+  padding: z.string().optional(),
+  borderRadius: z.string().optional()
+});
+
+export const LayoutPropsSchema = z.object({
+  style: LayoutStyleSchema.optional()
+});
+
+export type LayoutProps = z.infer<typeof LayoutPropsSchema>;
+
+export const LayoutComponentSpec = {
+  type: "Layout",
+  propsSchema: LayoutPropsSchema,
+  slots: ["content"] // can contain children
+};

package/src/components/Quiz.ts

@@ -0,0 +1,19 @@
+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)
+});
+
+export type QuizProps = z.infer<typeof QuizPropsSchema>;
+
+export const QuizComponentSpec = {
+  type: "Quiz",
+  propsSchema: QuizPropsSchema,
+  slots: [] // quizzes don’t have child nodes
+};

package/src/components/Text.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+
+export const TextVariantSchema = z.enum(["h1", "h2", "h3", "body"]);
+
+export const TextPropsSchema = z.object({
+  variant: TextVariantSchema,
+  text: z.string()
+});
+
+export type TextProps = z.infer<typeof TextPropsSchema>;
+
+export const TextComponentSpec = {
+  type: "Text",
+  propsSchema: TextPropsSchema,
+  slots: [] // no children
+};

package/src/index.ts

@@ -0,0 +1,20 @@
+export * from "./components/Text";
+export * from "./components/Quiz";
+export * from "./components/Layout";
+
+import { TextComponentSpec } from "./components/Text";
+import { QuizComponentSpec } from "./components/Quiz";
+import { LayoutComponentSpec } from "./components/Layout";
+
+export const ComponentRegistry = {
+  Text: TextComponentSpec,
+  Quiz: QuizComponentSpec,
+  Layout: LayoutComponentSpec
+};
+
+export type ComponentType = keyof typeof ComponentRegistry;
+
+// Helper to get a schema by type
+export function getPropsSchema(type: ComponentType) {
+  return ComponentRegistry[type].propsSchema;
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "declaration": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}