@cntrl-site/sdk 1.25.9 → 1.25.11-components.0

package/lib/Client/Client.d.ts

@@ -3,6 +3,7 @@ import { Project } from '../types/project/Project';
 import { Layout } from '../types/project/Layout';
 import { Article } from '../types/article/Article';
 import { KeyframeAny } from '../types/keyframe/Keyframe';
+import { CustomComponentMeta } from '../types/customComponent/CustomComponentMeta';
 export declare class Client {
     private fetchImpl;
     private url;
@@ -11,6 +12,8 @@ export declare class Client {
     getPageData(pageSlug: string, buildMode?: 'default' | 'self-hosted'): Promise<CntrlPageData>;
     getProjectPagesPaths(): Promise<string[]>;
     getLayouts(): Promise<Layout[]>;
+    fetchCustomComponents(buildMode?: 'default' | 'self-hosted'): Promise<CustomComponentMeta[]>;
+    fetchCustomComponentBundle(componentId: string, buildMode?: 'default' | 'self-hosted'): Promise<string>;
     private fetchProject;
     private fetchArticle;
     private findArticleIdByPageSlug;
@@ -18,6 +21,7 @@ export declare class Client {
 interface FetchImplResponse {
     ok: boolean;
     json(): Promise<any>;
+    text(): Promise<string>;
     statusText: string;
 }
 type FetchImpl = (url: string, init?: RequestInit) => Promise<FetchImplResponse>;

package/lib/Client/Client.js

@@ -81,6 +81,36 @@ class Client {
             }
         });
     }
+    fetchCustomComponents() {
+        return __awaiter(this, arguments, void 0, function* (buildMode = 'default') {
+            const { username: projectId, password: apiKey, origin } = this.url;
+            const url = new url_1.URL(`/projects/${projectId}/custom-components?buildMode=${buildMode}`, origin);
+            const response = yield this.fetchImpl(url.href, {
+                headers: {
+                    Authorization: `Bearer ${apiKey}`
+                }
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to fetch custom components for project #${projectId}: ${response.statusText}`);
+            }
+            return response.json();
+        });
+    }
+    fetchCustomComponentBundle(componentId_1) {
+        return __awaiter(this, arguments, void 0, function* (componentId, buildMode = 'default') {
+            const { username: projectId, password: apiKey, origin } = this.url;
+            const url = new url_1.URL(`/projects/${projectId}/custom-components/${componentId}/bundle.js?buildMode=${buildMode}`, origin);
+            const response = yield this.fetchImpl(url.href, {
+                headers: {
+                    Authorization: `Bearer ${apiKey}`
+                }
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to fetch bundle for custom component #${componentId}: ${response.statusText}`);
+            }
+            return response.text();
+        });
+    }
     fetchProject() {
         return __awaiter(this, arguments, void 0, function* (buildMode = 'default') {
             const { username: projectId, password: apiKey, origin } = this.url;

package/lib/Rect/Rect.js

@@ -185,9 +185,11 @@ class Rect {
     }
     static getNormalizedFactor(factor) {
         const EPSILON = 1e-10;
-        return factor === 0 ? EPSILON :
-            factor === Infinity ? 1 / EPSILON :
-                factor;
+        return factor === 0
+            ? EPSILON
+            : factor === Infinity
+                ? 1 / EPSILON
+                : factor;
     }
 }
 exports.Rect = Rect;

package/lib/index.d.ts

@@ -21,3 +21,4 @@ export type { Meta } from './types/project/Meta';
 export type { KeyframeValueMap, KeyframeAny } from './types/keyframe/Keyframe';
 export type { CompoundSettings } from './types/article/CompoundSettings';
 export type { Dimensions, Left, Position, RectCoordinates, RectObject, ScaleOrigin, Sides, Top } from './types/article/Rect';
+export type { CustomComponentMeta } from './types/customComponent/CustomComponentMeta';

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

@@ -16,17 +16,14 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     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">;
@@ -46,11 +43,9 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     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;
@@ -62,7 +57,6 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
 }, {
     id: string;
     type: "linear-gradient";
-    blendMode: string;
     colors: {
         position: number;
         id: string;
@@ -90,12 +84,10 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     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;
@@ -107,7 +99,6 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     center: [number, number];
     id: string;
     type: "radial-gradient";
-    blendMode: string;
     colors: {
         position: number;
         id: string;
@@ -133,12 +124,10 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     }>, "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;
@@ -149,7 +138,6 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     center: [number, number];
     id: string;
     type: "conic-gradient";
-    blendMode: string;
     colors: {
         position: number;
         id: string;
@@ -163,13 +151,11 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     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;
@@ -178,7 +164,6 @@ export declare const FillLayerSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObje
     opacity: number;
     id: string;
     type: "image";
-    blendMode: string;
     src: string;
     behavior: string;
     backgroundSize: number;

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

@@ -12,7 +12,6 @@ exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
         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(),
@@ -20,8 +19,7 @@ exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
         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()
+        angle: zod_1.z.number()
     }),
     zod_1.z.object({
         id: zod_1.z.string(),
@@ -29,16 +27,14 @@ exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
         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()
+        angle: zod_1.z.number()
     }),
     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()
+        angle: zod_1.z.number()
     }),
     zod_1.z.object({
         id: zod_1.z.string(),
@@ -47,7 +43,6 @@ exports.FillLayerSchema = zod_1.z.discriminatedUnion('type', [
         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/lib/schemas/article/Item.schema.js

@@ -191,7 +191,8 @@ const ComponentItemSchema = ItemBase_schema_1.ItemBaseSchema.extend({
     type: zod_1.z.literal(ArticleItemType_1.ArticleItemType.Component),
     commonParams: zod_1.z.object({
         componentId: zod_1.z.string(),
-        content: zod_1.z.any().optional()
+        content: zod_1.z.any().optional(),
+        parameters: zod_1.z.record(zod_1.z.any()).optional()
     }),
     sticky: zod_1.z.record(zod_1.z.object({
         from: zod_1.z.number(),