@gxpl/sdk 0.0.1

package/dist/schemas/article/Article.schema.d.ts

@@ -0,0 +1,328 @@
+import { z } from 'zod';
+export declare const ArticleSchema: z.ZodObject<{
+    id: z.ZodString;
+    sections: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        items: z.ZodArray<z.ZodType<import('../..').ItemAny, z.ZodTypeDef, import('../..').ItemAny>, "many">;
+        name: z.ZodOptional<z.ZodString>;
+        height: z.ZodRecord<z.ZodString, z.ZodObject<{
+            mode: z.ZodNativeEnum<typeof import('../..').SectionHeightMode>;
+            units: z.ZodNumber;
+            vhUnits: z.ZodOptional<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }>>;
+        position: z.ZodRecord<z.ZodString, z.ZodNumber>;
+        hidden: z.ZodRecord<z.ZodString, z.ZodBoolean>;
+        color: z.ZodRecord<z.ZodString, z.ZodNullable<z.ZodString>>;
+        media: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            url: z.ZodString;
+            size: z.ZodString;
+            type: z.ZodLiteral<"video">;
+            play: z.ZodEnum<["on-click", "auto"]>;
+            coverUrl: z.ZodNullable<z.ZodString>;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        }>, z.ZodObject<{
+            url: z.ZodString;
+            type: z.ZodLiteral<"image">;
+            size: z.ZodString;
+            position: z.ZodString;
+            offsetX: z.ZodNullable<z.ZodNumber>;
+        }, "strip", z.ZodTypeAny, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }, {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }>]>>>;
+    }, "strip", z.ZodTypeAny, {
+        color: Record<string, string | null>;
+        hidden: Record<string, boolean>;
+        position: Record<string, number>;
+        id: string;
+        height: Record<string, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }>;
+        items: import('../..').ItemAny[];
+        name?: string | undefined;
+        media?: Record<string, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }> | undefined;
+    }, {
+        color: Record<string, string | null>;
+        hidden: Record<string, boolean>;
+        position: Record<string, number>;
+        id: string;
+        height: Record<string, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }>;
+        items: import('../..').ItemAny[];
+        name?: string | undefined;
+        media?: Record<string, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }> | undefined;
+    }>, "many">;
+    interactions: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+            itemId: z.ZodString;
+            type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+            from: z.ZodString;
+            to: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        }, {
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        }>, z.ZodObject<{
+            position: z.ZodNumber;
+            from: z.ZodString;
+            to: z.ZodString;
+            isReverse: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        }, {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        }>]>, "many">;
+        states: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                type: z.ZodEnum<["play", "pause"]>;
+                itemId: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                type: "play" | "pause";
+                itemId: string;
+            }, {
+                type: "play" | "pause";
+                itemId: string;
+            }>, "many">>;
+        }, "strip", z.ZodTypeAny, {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }, {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }>, "many">;
+        startStateId: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }>, "many">>;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    sections: {
+        color: Record<string, string | null>;
+        hidden: Record<string, boolean>;
+        position: Record<string, number>;
+        id: string;
+        height: Record<string, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }>;
+        items: import('../..').ItemAny[];
+        name?: string | undefined;
+        media?: Record<string, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }> | undefined;
+    }[];
+    interactions: Record<string, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }[]>;
+}, {
+    id: string;
+    sections: {
+        color: Record<string, string | null>;
+        hidden: Record<string, boolean>;
+        position: Record<string, number>;
+        id: string;
+        height: Record<string, {
+            mode: import('../..').SectionHeightMode;
+            units: number;
+            vhUnits?: number | undefined;
+        }>;
+        items: import('../..').ItemAny[];
+        name?: string | undefined;
+        media?: Record<string, {
+            url: string;
+            coverUrl: string | null;
+            play: "on-click" | "auto";
+            position: string;
+            type: "video";
+            size: string;
+            offsetX: number | null;
+        } | {
+            url: string;
+            position: string;
+            type: "image";
+            size: string;
+            offsetX: number | null;
+        }> | undefined;
+    }[];
+    interactions: Record<string, {
+        id: string;
+        triggers: ({
+            type: "hover-in" | "hover-out" | "click";
+            from: string;
+            to: string;
+            itemId: string;
+        } | {
+            position: number;
+            from: string;
+            to: string;
+            isReverse: boolean;
+        })[];
+        states: {
+            id: string;
+            actions?: {
+                type: "play" | "pause";
+                itemId: string;
+            }[] | undefined;
+        }[];
+        startStateId: string;
+    }[]>;
+}>;

package/dist/schemas/article/Article.schema.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleSchema = void 0;
+const zod_1 = require("zod");
+const Section_schema_1 = require("./Section.schema");
+const Interaction_schema_1 = require("./Interaction.schema");
+exports.ArticleSchema = zod_1.z.object({
+    id: zod_1.z.string().min(1),
+    sections: zod_1.z.array(Section_schema_1.SectionSchema),
+    interactions: zod_1.z.record(zod_1.z.array(Interaction_schema_1.InteractionSchema))
+});

package/dist/schemas/article/FillLayer.schema.d.ts

@@ -0,0 +1,186 @@
+import { z } from 'zod';
+export declare const ColorPointSchema: z.ZodObject<{
+    id: z.ZodString;
+    value: z.ZodString;
+    position: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    position: number;
+    id: string;
+    value: string;
+}, {
+    position: number;
+    id: string;
+    value: string;
+}>;
+export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"solid">;
+    value: z.ZodString;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}, {
+    id: string;
+    value: string;
+    type: "solid";
+    blendMode: string;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"linear-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    start: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    end: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}, {
+    id: string;
+    type: "linear-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    start: [number, number];
+    end: [number, number];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"radial-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    diameter: z.ZodNumber;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "radial-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+    diameter: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"conic-gradient">;
+    colors: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        value: z.ZodString;
+        position: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        id: string;
+        value: string;
+    }, {
+        position: number;
+        id: string;
+        value: string;
+    }>, "many">;
+    center: z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>;
+    angle: z.ZodNumber;
+    blendMode: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}, {
+    center: [number, number];
+    id: string;
+    type: "conic-gradient";
+    blendMode: string;
+    colors: {
+        position: number;
+        id: string;
+        value: string;
+    }[];
+    angle: number;
+}>, z.ZodObject<{
+    id: z.ZodString;
+    type: z.ZodLiteral<"image">;
+    src: z.ZodString;
+    behavior: z.ZodString;
+    backgroundSize: z.ZodNumber;
+    opacity: z.ZodNumber;
+    blendMode: z.ZodString;
+    rotation: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}, {
+    opacity: number;
+    id: string;
+    type: "image";
+    blendMode: string;
+    src: string;
+    behavior: string;
+    backgroundSize: number;
+    rotation?: number | undefined;
+}>]>;

package/dist/schemas/article/FillLayer.schema.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FillLayerSchema = exports.ColorPointSchema = void 0;
+const zod_1 = require("zod");
+exports.ColorPointSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    value: zod_1.z.string(),
+    position: zod_1.z.number()
+});
+exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('solid'),
+        value: zod_1.z.string(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('linear-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        start: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        end: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('radial-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        center: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        diameter: zod_1.z.number(),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('conic-gradient'),
+        colors: zod_1.z.array(exports.ColorPointSchema),
+        center: zod_1.z.tuple([zod_1.z.number(), zod_1.z.number()]),
+        angle: zod_1.z.number(),
+        blendMode: zod_1.z.string()
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        type: zod_1.z.literal('image'),
+        src: zod_1.z.string(),
+        behavior: zod_1.z.string(),
+        backgroundSize: zod_1.z.number(),
+        opacity: zod_1.z.number(),
+        blendMode: zod_1.z.string(),
+        rotation: zod_1.z.number().optional()
+    })
+]);

package/dist/schemas/article/Interaction.schema.d.ts

@@ -0,0 +1,103 @@
+import { z } from 'zod';
+export declare const InteractionSchema: z.ZodObject<{
+    id: z.ZodString;
+    triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
+        itemId: z.ZodString;
+        type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
+        from: z.ZodString;
+        to: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "hover-in" | "hover-out" | "click";
+        from: string;
+        to: string;
+        itemId: string;
+    }, {
+        type: "hover-in" | "hover-out" | "click";
+        from: string;
+        to: string;
+        itemId: string;
+    }>, z.ZodObject<{
+        position: z.ZodNumber;
+        from: z.ZodString;
+        to: z.ZodString;
+        isReverse: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        position: number;
+        from: string;
+        to: string;
+        isReverse: boolean;
+    }, {
+        position: number;
+        from: string;
+        to: string;
+        isReverse: boolean;
+    }>]>, "many">;
+    states: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            type: z.ZodEnum<["play", "pause"]>;
+            itemId: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            type: "play" | "pause";
+            itemId: string;
+        }, {
+            type: "play" | "pause";
+            itemId: string;
+        }>, "many">>;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+        actions?: {
+            type: "play" | "pause";
+            itemId: string;
+        }[] | undefined;
+    }, {
+        id: string;
+        actions?: {
+            type: "play" | "pause";
+            itemId: string;
+        }[] | undefined;
+    }>, "many">;
+    startStateId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    triggers: ({
+        type: "hover-in" | "hover-out" | "click";
+        from: string;
+        to: string;
+        itemId: string;
+    } | {
+        position: number;
+        from: string;
+        to: string;
+        isReverse: boolean;
+    })[];
+    states: {
+        id: string;
+        actions?: {
+            type: "play" | "pause";
+            itemId: string;
+        }[] | undefined;
+    }[];
+    startStateId: string;
+}, {
+    id: string;
+    triggers: ({
+        type: "hover-in" | "hover-out" | "click";
+        from: string;
+        to: string;
+        itemId: string;
+    } | {
+        position: number;
+        from: string;
+        to: string;
+        isReverse: boolean;
+    })[];
+    states: {
+        id: string;
+        actions?: {
+            type: "play" | "pause";
+            itemId: string;
+        }[] | undefined;
+    }[];
+    startStateId: string;
+}>;

package/dist/schemas/article/Interaction.schema.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionSchema = void 0;
+const zod_1 = require("zod");
+const ItemTriggerSchema = zod_1.z.object({
+    itemId: zod_1.z.string(),
+    type: zod_1.z.enum(['hover-in', 'hover-out', 'click']),
+    from: zod_1.z.string(),
+    to: zod_1.z.string()
+});
+const ScrollTriggerSchema = zod_1.z.object({
+    position: zod_1.z.number(),
+    from: zod_1.z.string(),
+    to: zod_1.z.string(),
+    isReverse: zod_1.z.boolean()
+});
+const VideoInteractionActionSchema = zod_1.z.object({
+    type: zod_1.z.enum(['play', 'pause']),
+    itemId: zod_1.z.string()
+});
+const StateSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    actions: zod_1.z.array(VideoInteractionActionSchema).optional()
+});
+exports.InteractionSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    triggers: zod_1.z.array(zod_1.z.union([ItemTriggerSchema, ScrollTriggerSchema])),
+    states: zod_1.z.array(StateSchema),
+    startStateId: zod_1.z.string(),
+});