@cntrl-site/sdk 1.2.2 → 1.3.0

package/lib/Client/Client.js

@@ -13,9 +13,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Client = void 0;
-const core_1 = require("@cntrl-site/core");
 const isomorphic_fetch_1 = __importDefault(require("isomorphic-fetch"));
 const url_1 = require("url");
+const Article_schema_1 = require("../schemas/article/Article.schema");
+const Project_schema_1 = require("../schemas/project/Project.schema");
+const Keyframes_schema_1 = require("../schemas/keyframe/Keyframes.schema");
 class Client {
     constructor(APIUrl, fetchImpl = isomorphic_fetch_1.default) {
         this.fetchImpl = fetchImpl;
@@ -42,15 +44,11 @@ class Client {
             try {
                 const project = yield this.fetchProject();
                 const articleId = this.findArticleIdByPageSlug(pageSlug, project.pages);
-                const [{ article, keyframes }, typePresets] = yield Promise.all([
-                    this.fetchArticle(articleId),
-                    this.fetchTypePresets()
-                ]);
+                const { article, keyframes } = yield this.fetchArticle(articleId);
                 const page = project.pages.find(page => page.slug === pageSlug);
                 const meta = Client.getPageMeta(project.meta, page === null || page === void 0 ? void 0 : page.meta);
                 return {
                     project,
-                    typePresets,
                     article,
                     keyframes,
                     meta
@@ -83,12 +81,6 @@ class Client {
             }
         });
     }
-    getTypePresets() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.fetchTypePresets();
-            return response;
-        });
-    }
     fetchProject() {
         return __awaiter(this, void 0, void 0, function* () {
             const { username: projectId, password: apiKey, origin } = this.url;
@@ -102,7 +94,7 @@ class Client {
                 throw new Error(`Failed to fetch project with id #${projectId}: ${response.statusText}`);
             }
             const data = yield response.json();
-            const project = core_1.ProjectSchema.parse(data);
+            const project = Project_schema_1.ProjectSchema.parse(data);
             return project;
         });
     }
@@ -119,28 +111,11 @@ class Client {
                 throw new Error(`Failed to fetch article with id #${articleId}: ${response.statusText}`);
             }
             const data = yield response.json();
-            const article = core_1.ArticleSchema.parse(data.article);
-            const keyframes = core_1.KeyframesSchema.parse(data.keyframes);
+            const article = Article_schema_1.ArticleSchema.parse(data.article);
+            const keyframes = Keyframes_schema_1.KeyframesSchema.parse(data.keyframes);
             return { article, keyframes };
         });
     }
-    fetchTypePresets() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { username: projectId, password: apiKey, origin } = this.url;
-            const url = new url_1.URL(`/projects/${projectId}/type-presets`, origin);
-            const response = yield this.fetchImpl(url.href, {
-                headers: {
-                    Authorization: `Bearer ${apiKey}`
-                }
-            });
-            if (!response.ok) {
-                throw new Error(`Failed to fetch type presets for the project with id #${projectId}: ${response.statusText}`);
-            }
-            const data = yield response.json();
-            const typePresets = core_1.TypePresetsSchema.parse(data);
-            return typePresets;
-        });
-    }
     findArticleIdByPageSlug(slug, pages) {
         const { username: projectId } = this.url;
         const page = pages.find((page) => page.slug === slug);

package/lib/index.js

@@ -1,24 +1,26 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLayoutStyles = exports.FontFaceGenerator = exports.CntrlClient = void 0;
+exports.KeyframeType = exports.AnchorSide = exports.ScaleAnchor = exports.ArticleItemType = exports.VerticalAlign = exports.TextTransform = exports.TextDecoration = exports.TextAlign = exports.SectionHeightMode = exports.getLayoutMediaQuery = exports.getLayoutStyles = exports.FontFaceGenerator = exports.CntrlClient = void 0;
+// logic
 var Client_1 = require("./Client/Client");
 Object.defineProperty(exports, "CntrlClient", { enumerable: true, get: function () { return Client_1.Client; } });
 var FontFaceGenerator_1 = require("./FontFaceGenerator/FontFaceGenerator");
 Object.defineProperty(exports, "FontFaceGenerator", { enumerable: true, get: function () { return FontFaceGenerator_1.FontFaceGenerator; } });
 var utils_1 = require("./utils");
 Object.defineProperty(exports, "getLayoutStyles", { enumerable: true, get: function () { return utils_1.getLayoutStyles; } });
-__exportStar(require("@cntrl-site/core"), exports);
+Object.defineProperty(exports, "getLayoutMediaQuery", { enumerable: true, get: function () { return utils_1.getLayoutMediaQuery; } });
+// enums
+var Section_1 = require("./types/article/Section");
+Object.defineProperty(exports, "SectionHeightMode", { enumerable: true, get: function () { return Section_1.SectionHeightMode; } });
+var RichText_1 = require("./types/article/RichText");
+Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return RichText_1.TextAlign; } });
+Object.defineProperty(exports, "TextDecoration", { enumerable: true, get: function () { return RichText_1.TextDecoration; } });
+Object.defineProperty(exports, "TextTransform", { enumerable: true, get: function () { return RichText_1.TextTransform; } });
+Object.defineProperty(exports, "VerticalAlign", { enumerable: true, get: function () { return RichText_1.VerticalAlign; } });
+var ArticleItemType_1 = require("./types/article/ArticleItemType");
+Object.defineProperty(exports, "ArticleItemType", { enumerable: true, get: function () { return ArticleItemType_1.ArticleItemType; } });
+var ItemArea_1 = require("./types/article/ItemArea");
+Object.defineProperty(exports, "ScaleAnchor", { enumerable: true, get: function () { return ItemArea_1.ScaleAnchor; } });
+Object.defineProperty(exports, "AnchorSide", { enumerable: true, get: function () { return ItemArea_1.AnchorSide; } });
+var Keyframe_1 = require("./types/keyframe/Keyframe");
+Object.defineProperty(exports, "KeyframeType", { enumerable: true, get: function () { return Keyframe_1.KeyframeType; } });

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

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

package/lib/schemas/article/Item.schema.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemSchema = void 0;
+const zod_1 = require("zod");
+const ItemState_schema_1 = require("./ItemState.schema");
+const RichTextItem_schema_1 = require("./RichTextItem.schema");
+const ItemBase_schema_1 = require("./ItemBase.schema");
+const ArticleItemType_1 = require("../../types/article/ArticleItemType");
+const ImageItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Image),
+    commonParams: zod_1.z.object({
+        url: zod_1.z.string().min(1)
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        opacity: zod_1.z.number().nonnegative(),
+        radius: zod_1.z.number(),
+        strokeWidth: zod_1.z.number(),
+        strokeColor: zod_1.z.string(),
+        blur: zod_1.z.number()
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.MediaHoverStateParamsSchema)
+    })
+});
+const VideoItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Video),
+    commonParams: zod_1.z.object({
+        url: zod_1.z.string().min(1)
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        autoplay: zod_1.z.boolean(),
+        opacity: zod_1.z.number().nonnegative(),
+        radius: zod_1.z.number(),
+        strokeWidth: zod_1.z.number(),
+        strokeColor: zod_1.z.string(),
+        blur: zod_1.z.number()
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.MediaHoverStateParamsSchema)
+    })
+});
+const RectangleItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Rectangle),
+    commonParams: zod_1.z.object({
+        ratioLock: zod_1.z.boolean()
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        radius: zod_1.z.number(),
+        strokeWidth: zod_1.z.number(),
+        fillColor: zod_1.z.string().min(1),
+        strokeColor: zod_1.z.string().min(1),
+        blur: zod_1.z.number(),
+        backdropBlur: zod_1.z.number(),
+        blurMode: zod_1.z.enum(['default', 'backdrop'])
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.RectangleHoverStateParamsSchema)
+    })
+});
+const CustomItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Custom),
+    commonParams: zod_1.z.object({
+        name: zod_1.z.string()
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({})),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.CustomItemHoverStateParamsSchema)
+    })
+});
+const VimeoEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.VimeoEmbed),
+    commonParams: zod_1.z.object({
+        play: zod_1.z.union([zod_1.z.literal('on-hover'), zod_1.z.literal('on-click'), zod_1.z.literal('auto')]),
+        controls: zod_1.z.boolean(),
+        loop: zod_1.z.boolean(),
+        muted: zod_1.z.boolean(),
+        pictureInPicture: zod_1.z.boolean(),
+        url: zod_1.z.string().min(1),
+        ratioLock: zod_1.z.boolean()
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        radius: zod_1.z.number(),
+        blur: zod_1.z.number()
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.EmbedHoverStateParamsSchema)
+    })
+});
+const YoutubeEmbedItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.YoutubeEmbed),
+    commonParams: zod_1.z.object({
+        play: zod_1.z.enum(['on-hover', 'on-click', 'auto']),
+        controls: zod_1.z.boolean(),
+        loop: zod_1.z.boolean(),
+        url: zod_1.z.string().min(1)
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        radius: zod_1.z.number(),
+        blur: zod_1.z.number()
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.EmbedHoverStateParamsSchema)
+    })
+});
+exports.ItemSchema = zod_1.z.discriminatedUnion('type', [
+    ImageItemSchema,
+    VideoItemSchema,
+    RectangleItemSchema,
+    CustomItemSchema,
+    RichTextItem_schema_1.RichTextItemSchema,
+    VimeoEmbedItemSchema,
+    YoutubeEmbedItemSchema
+]);

package/lib/schemas/article/ItemArea.schema.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemAreaSchema = void 0;
+const zod_1 = require("zod");
+const ItemArea_1 = require("../../types/article/ItemArea");
+exports.ItemAreaSchema = zod_1.z.object({
+    top: zod_1.z.number(),
+    left: zod_1.z.number(),
+    width: zod_1.z.number(),
+    height: zod_1.z.number(),
+    zIndex: zod_1.z.number(),
+    angle: zod_1.z.number(),
+    anchorSide: zod_1.z.nativeEnum(ItemArea_1.AnchorSide).optional(),
+    scale: zod_1.z.number().nonnegative(),
+    scaleAnchor: zod_1.z.nativeEnum(ItemArea_1.ScaleAnchor)
+});

package/lib/schemas/article/ItemBase.schema.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemBaseSchema = exports.Link = void 0;
+const zod_1 = require("zod");
+const ItemArea_schema_1 = require("./ItemArea.schema");
+exports.Link = zod_1.z.object({
+    url: zod_1.z.string().min(1),
+    target: zod_1.z.string().min(1)
+});
+const CommonParamsBase = zod_1.z.object({
+    sizing: zod_1.z.string().min(1)
+});
+exports.ItemBaseSchema = zod_1.z.object({
+    id: zod_1.z.string().min(1),
+    area: zod_1.z.record(ItemArea_schema_1.ItemAreaSchema),
+    hidden: zod_1.z.record(zod_1.z.boolean()),
+    link: exports.Link.optional(),
+    commonParams: CommonParamsBase,
+    layoutParams: zod_1.z.record(zod_1.z.any()).optional()
+});

package/lib/schemas/article/ItemState.schema.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemHoverStateParamsSchema = exports.RichTextHoverStateParamsSchema = exports.EmbedHoverStateParamsSchema = exports.CustomItemHoverStateParamsSchema = exports.RectangleHoverStateParamsSchema = exports.MediaHoverStateParamsSchema = exports.ItemHoverStateBaseSchema = exports.getHoverParamsSchema = void 0;
+const zod_1 = require("zod");
+const getHoverParamsSchema = (schema) => {
+    return zod_1.z.object({
+        timing: zod_1.z.string(),
+        duration: zod_1.z.number(),
+        delay: zod_1.z.number(),
+        value: schema
+    }).optional();
+};
+exports.getHoverParamsSchema = getHoverParamsSchema;
+exports.ItemHoverStateBaseSchema = zod_1.z.object({
+    width: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    height: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    angle: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    top: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    left: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    scale: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    blur: (0, exports.getHoverParamsSchema)(zod_1.z.number())
+});
+exports.MediaHoverStateParamsSchema = zod_1.z.object({
+    opacity: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    radius: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    strokeWidth: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    strokeColor: (0, exports.getHoverParamsSchema)(zod_1.z.string())
+})
+    .merge(exports.ItemHoverStateBaseSchema);
+exports.RectangleHoverStateParamsSchema = zod_1.z.object({
+    strokeWidth: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    radius: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    fillColor: (0, exports.getHoverParamsSchema)(zod_1.z.string()),
+    strokeColor: (0, exports.getHoverParamsSchema)(zod_1.z.string()),
+    backdropBlur: (0, exports.getHoverParamsSchema)(zod_1.z.number())
+}).merge(exports.ItemHoverStateBaseSchema);
+exports.CustomItemHoverStateParamsSchema = exports.ItemHoverStateBaseSchema;
+exports.EmbedHoverStateParamsSchema = zod_1.z.object({
+    radius: (0, exports.getHoverParamsSchema)(zod_1.z.number())
+}).merge(exports.ItemHoverStateBaseSchema);
+exports.RichTextHoverStateParamsSchema = zod_1.z.object({
+    color: (0, exports.getHoverParamsSchema)(zod_1.z.string()),
+    letterSpacing: (0, exports.getHoverParamsSchema)(zod_1.z.number()),
+    wordSpacing: (0, exports.getHoverParamsSchema)(zod_1.z.number())
+}).merge(exports.ItemHoverStateBaseSchema);
+exports.ItemHoverStateParamsSchema = zod_1.z.union([
+    exports.EmbedHoverStateParamsSchema,
+    exports.MediaHoverStateParamsSchema,
+    exports.RectangleHoverStateParamsSchema,
+    exports.RichTextHoverStateParamsSchema,
+    exports.CustomItemHoverStateParamsSchema
+]);

package/lib/schemas/article/RichTextItem.schema.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichTextItemSchema = exports.RichTextBlockSchema = exports.RichTextStyleSchema = exports.RichTextEntitySchema = void 0;
+const zod_1 = require("zod");
+const RichText_1 = require("../../types/article/RichText");
+const ItemBase_schema_1 = require("./ItemBase.schema");
+const ArticleItemType_1 = require("../../types/article/ArticleItemType");
+const ItemState_schema_1 = require("./ItemState.schema");
+exports.RichTextEntitySchema = zod_1.z.object({
+    start: zod_1.z.number().nonnegative(),
+    end: zod_1.z.number().nonnegative(),
+    type: zod_1.z.string(),
+    data: zod_1.z.any().optional()
+});
+exports.RichTextStyleSchema = zod_1.z.object({
+    start: zod_1.z.number().nonnegative(),
+    end: zod_1.z.number().nonnegative(),
+    style: zod_1.z.string().min(1),
+    value: zod_1.z.string().optional()
+});
+exports.RichTextBlockSchema = zod_1.z.lazy(() => (zod_1.z.object({
+    start: zod_1.z.number().nonnegative(),
+    end: zod_1.z.number().nonnegative(),
+    type: zod_1.z.string().min(1),
+    entities: zod_1.z.array(exports.RichTextEntitySchema).optional(),
+    children: zod_1.z.array(exports.RichTextBlockSchema).optional(),
+    data: zod_1.z.any().optional()
+})));
+exports.RichTextItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
+    type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.RichText),
+    commonParams: zod_1.z.object({
+        text: zod_1.z.string(),
+        blocks: zod_1.z.array(exports.RichTextBlockSchema).optional()
+    }),
+    sticky: zod_1.z.record(zod_1.z.object({
+        from: zod_1.z.number(),
+        to: zod_1.z.number().optional()
+    }).nullable()),
+    layoutParams: zod_1.z.record(zod_1.z.object({
+        rangeStyles: zod_1.z.array(exports.RichTextStyleSchema).optional(),
+        textAlign: zod_1.z.nativeEnum(RichText_1.TextAlign),
+        sizing: zod_1.z.string(),
+        blur: zod_1.z.number(),
+        fontSize: zod_1.z.number(),
+        lineHeight: zod_1.z.number(),
+        letterSpacing: zod_1.z.number(),
+        wordSpacing: zod_1.z.number(),
+        textTransform: zod_1.z.nativeEnum(RichText_1.TextTransform),
+        verticalAlign: zod_1.z.nativeEnum(RichText_1.VerticalAlign),
+        color: zod_1.z.string(),
+        typeFace: zod_1.z.string(),
+        fontStyle: zod_1.z.string(),
+        fontWeight: zod_1.z.number(),
+        fontVariant: zod_1.z.string(),
+        textDecoration: zod_1.z.nativeEnum(RichText_1.TextDecoration),
+    })),
+    state: zod_1.z.object({
+        hover: zod_1.z.record(ItemState_schema_1.RichTextHoverStateParamsSchema)
+    })
+});

package/lib/schemas/article/Section.schema.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionSchema = exports.SectionHeightSchema = void 0;
+const Section_1 = require("../../types/article/Section");
+const zod_1 = require("zod");
+const Item_schema_1 = require("./Item.schema");
+exports.SectionHeightSchema = zod_1.z.object({
+    mode: zod_1.z.nativeEnum(Section_1.SectionHeightMode),
+    units: zod_1.z.number().nonnegative(),
+    vhUnits: zod_1.z.number().nonnegative().optional()
+});
+exports.SectionSchema = zod_1.z.object({
+    id: zod_1.z.string().min(1),
+    items: zod_1.z.array(Item_schema_1.ItemSchema),
+    name: zod_1.z.string().optional(),
+    height: zod_1.z.record(exports.SectionHeightSchema),
+    position: zod_1.z.record(zod_1.z.number()),
+    hidden: zod_1.z.record(zod_1.z.boolean()),
+    color: zod_1.z.record(zod_1.z.nullable(zod_1.z.string()))
+});

package/lib/schemas/keyframe/Keyframes.schema.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyframesSchema = exports.KeyframeSchema = void 0;
+const Keyframe_1 = require("../../types/keyframe/Keyframe");
+const zod_1 = require("zod");
+const KeyframesBaseSchema = zod_1.z.object({
+    id: zod_1.z.string().min(1),
+    layoutId: zod_1.z.string().min(1),
+    itemId: zod_1.z.string().min(1),
+    position: zod_1.z.number()
+});
+const DimensionsKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Dimensions),
+    value: zod_1.z.object({
+        width: zod_1.z.number().nonnegative(),
+        height: zod_1.z.number().nonnegative()
+    })
+});
+const PositionKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Position),
+    value: zod_1.z.object({
+        top: zod_1.z.number(),
+        left: zod_1.z.number()
+    })
+});
+const RotationKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Rotation),
+    value: zod_1.z.object({
+        angle: zod_1.z.number()
+    })
+});
+const BorderRadiusKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderRadius),
+    value: zod_1.z.object({
+        radius: zod_1.z.number().nonnegative()
+    })
+});
+const BorderWidthKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderWidth),
+    value: zod_1.z.object({
+        borderWidth: zod_1.z.number().nonnegative()
+    })
+});
+const ColorKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Color),
+    value: zod_1.z.object({
+        color: zod_1.z.string()
+    })
+});
+const BorderColorKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.BorderColor),
+    value: zod_1.z.object({
+        color: zod_1.z.string()
+    })
+});
+const OpacityKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Opacity),
+    value: zod_1.z.object({
+        opacity: zod_1.z.number().nonnegative()
+    })
+});
+const ScaleKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Scale),
+    value: zod_1.z.object({
+        scale: zod_1.z.number().nonnegative()
+    })
+});
+const BlurKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.Blur),
+    value: zod_1.z.object({
+        blur: zod_1.z.number()
+    })
+});
+const BackdropBlurKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.BackdropBlur),
+    value: zod_1.z.object({
+        backdropBlur: zod_1.z.number()
+    })
+});
+const TextColorKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.TextColor),
+    value: zod_1.z.object({
+        color: zod_1.z.string()
+    })
+});
+const LetterSpacingKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.LetterSpacing),
+    value: zod_1.z.object({
+        letterSpacing: zod_1.z.number()
+    })
+});
+const WordSpacingKeyframeSchema = KeyframesBaseSchema.extend({
+    type: zod_1.z.literal(Keyframe_1.KeyframeType.WordSpacing),
+    value: zod_1.z.object({
+        wordSpacing: zod_1.z.number()
+    })
+});
+exports.KeyframeSchema = zod_1.z.discriminatedUnion('type', [
+    DimensionsKeyframeSchema,
+    PositionKeyframeSchema,
+    RotationKeyframeSchema,
+    BorderRadiusKeyframeSchema,
+    BorderWidthKeyframeSchema,
+    ColorKeyframeSchema,
+    BorderColorKeyframeSchema,
+    OpacityKeyframeSchema,
+    ScaleKeyframeSchema,
+    BlurKeyframeSchema,
+    BackdropBlurKeyframeSchema,
+    TextColorKeyframeSchema,
+    LetterSpacingKeyframeSchema,
+    WordSpacingKeyframeSchema
+]);
+exports.KeyframesSchema = zod_1.z.array(exports.KeyframeSchema);

package/lib/schemas/project/Layout.schema.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutSchema = void 0;
+const zod_1 = require("zod");
+exports.LayoutSchema = zod_1.z.object({
+    id: zod_1.z.string(),
+    title: zod_1.z.string(),
+    startsWith: zod_1.z.number().nonnegative(),
+    exemplary: zod_1.z.number().positive()
+});

package/lib/schemas/project/Project.schema.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectSchema = void 0;
+const zod_1 = require("zod");
+const Layout_schema_1 = require("./Layout.schema");
+const Fonts_1 = require("../../types/project/Fonts");
+exports.ProjectSchema = zod_1.z.object({
+    id: zod_1.z.string().min(1),
+    html: zod_1.z.object({
+        head: zod_1.z.string(),
+        afterBodyOpen: zod_1.z.string(),
+        beforeBodyClose: zod_1.z.string()
+    }),
+    meta: zod_1.z.object({
+        title: zod_1.z.string().optional(),
+        description: zod_1.z.string().optional(),
+        opengraphThumbnail: zod_1.z.string().optional(),
+        keywords: zod_1.z.string().optional(),
+        favicon: zod_1.z.string().optional()
+    }),
+    layouts: zod_1.z.array(Layout_schema_1.LayoutSchema),
+    pages: zod_1.z.array(zod_1.z.object({
+        title: zod_1.z.string(),
+        articleId: zod_1.z.string().min(1),
+        slug: zod_1.z.string(),
+        meta: zod_1.z.object({
+            title: zod_1.z.string().optional(),
+            description: zod_1.z.string().optional(),
+            opengraphThumbnail: zod_1.z.string().optional(),
+            keywords: zod_1.z.string().optional(),
+            enabled: zod_1.z.boolean()
+        }).optional(),
+        id: zod_1.z.string().min(1)
+    })),
+    fonts: zod_1.z.object({
+        google: zod_1.z.string(),
+        adobe: zod_1.z.string(),
+        custom: zod_1.z.array(zod_1.z.object({
+            name: zod_1.z.string().min(1),
+            style: zod_1.z.string().min(1),
+            weight: zod_1.z.number(),
+            files: zod_1.z.array(zod_1.z.object({
+                type: zod_1.z.nativeEnum(Fonts_1.FontFileTypes),
+                url: zod_1.z.string().url()
+            }))
+        }))
+    })
+});

package/lib/types/article/Article.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/article/ArticleItemType.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleItemType = void 0;
+var ArticleItemType;
+(function (ArticleItemType) {
+    ArticleItemType["Image"] = "image";
+    ArticleItemType["RichText"] = "richtext";
+    ArticleItemType["Video"] = "video";
+    ArticleItemType["Rectangle"] = "rectangle";
+    ArticleItemType["VimeoEmbed"] = "vimeo-embed";
+    ArticleItemType["YoutubeEmbed"] = "youtube-embed";
+    ArticleItemType["Custom"] = "custom";
+})(ArticleItemType = exports.ArticleItemType || (exports.ArticleItemType = {}));

package/lib/types/article/Item.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ArticleItemType_1 = require("./ArticleItemType");

package/lib/types/article/ItemArea.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaleAnchor = exports.AnchorSide = void 0;
+var AnchorSide;
+(function (AnchorSide) {
+    AnchorSide["Top"] = "top";
+    AnchorSide["Bottom"] = "bottom";
+    AnchorSide["Center"] = "center";
+})(AnchorSide = exports.AnchorSide || (exports.AnchorSide = {}));
+var ScaleAnchor;
+(function (ScaleAnchor) {
+    ScaleAnchor["TopLeft"] = "top-left";
+    ScaleAnchor["TopCenter"] = "top-center";
+    ScaleAnchor["TopRight"] = "top-right";
+    ScaleAnchor["MiddleLeft"] = "middle-left";
+    ScaleAnchor["MiddleCenter"] = "middle-center";
+    ScaleAnchor["MiddleRight"] = "middle-right";
+    ScaleAnchor["BottomLeft"] = "bottom-left";
+    ScaleAnchor["BottomCenter"] = "bottom-center";
+    ScaleAnchor["BottomRight"] = "bottom-right";
+})(ScaleAnchor = exports.ScaleAnchor || (exports.ScaleAnchor = {}));