@chili-publish/studio-sdk 0.121.0

package/lib/editor-engine.json

@@ -0,0 +1,3 @@
+{
+    "current": "0.0.32"
+}

package/lib/package.json

@@ -0,0 +1,89 @@
+{
+    "name": "@chili-publish/studio-sdk",
+    "version": "0.121.0",
+    "description": "The sdk for the chili editor",
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/chili-publish/studio-sdk.git"
+    },
+    "license": "MIT",
+    "dependencies": {
+        "mathjs": "^10.0.2",
+        "penpal": "6.1.0"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.14.8",
+        "@babel/core": "^7.14.8",
+        "@babel/plugin-transform-runtime": "^7.14.5",
+        "@babel/preset-env": "^7.14.8",
+        "@babel/preset-typescript": "^7.14.5",
+        "@babel/runtime": "^7.14.8",
+        "@inthepocket/npm-license-scraper": "^2.3.0",
+        "@testing-library/jest-dom": "^5.14.1",
+        "@typescript-eslint/eslint-plugin": "^5.36.0",
+        "@typescript-eslint/parser": "^5.36.0",
+        "babel-loader": "^8.2.2",
+        "babel-preset-env": "^1.7.0",
+        "clean-webpack-plugin": "^4.0.0-alpha.0",
+        "eslint": "^7.31.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-import": "^2.23.4",
+        "eslint-plugin-jsx-a11y": "^6.4.1",
+        "eslint-plugin-prettier": "^3.4.0",
+        "husky": "^7.0.1",
+        "jest": "^27.0.6",
+        "jest-junit": "^12.3.0",
+        "prettier": "^2.3.2",
+        "pretty-quick": "^3.1.1",
+        "shx": "^0.3.3",
+        "terser-webpack-plugin": "^5.2.4",
+        "ts-jest": "^27.0.4",
+        "ts-loader": "^9.3.1",
+        "typedoc": "^0.23.10",
+        "typedoc-plugin-markdown": "^3.13.4",
+        "typescript": "^4.7.4",
+        "webpack": "^5.46.0",
+        "webpack-bundle-analyzer": "^4.5.0",
+        "webpack-cli": "^4.7.2",
+        "webpack-dev-server": "^3.11.2"
+    },
+    "engines": {
+        "node": ">=18.0.0 <19.0.0"
+    },
+    "scripts": {
+        "clean": "shx rm -rf _bundles lib lib-esm",
+        "build": "yarn clean && tsc && tsc -m es6 --outDir lib-esm && webpack --config webpack.config.js --env env=production",
+        "build:dev": "yarn clean && tsc && tsc -m es6 --outDir lib-esm && webpack --config webpack.config.js --env env=development",
+        "lint": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx,json}\"",
+        "testw": "jest --watch",
+        "test": "jest",
+        "ci-lint": "eslint \"./src/**/*.{js,jsx,ts,tsx,json}\"",
+        "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
+        "format-staged": "pretty-quick --staged",
+        "cover": "jest --coverage",
+        "make-badges": "node createCoverageBadge",
+        "validate-licenses": "node validate_licenses.js"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "npm run format-staged"
+        }
+    },
+    "main": "./_bundles/main.js",
+    "module": "./_bundles/main.js",
+    "browser": "./_bundles/main.js",
+    "files": [
+        "lib/",
+        "_bundles/"
+    ],
+    "typings": "lib/src/",
+    "bugs": {
+        "url": "https://github.com/chili-publish/studio-sdk/issues"
+    },
+    "homepage": "https://github.com/chili-publish/studio-sdk#readme",
+    "author": "chili-publish",
+    "directories": {
+        "doc": "docs",
+        "lib": "lib"
+    }
+}

package/lib/src/controllers/ActionController.d.ts

@@ -0,0 +1,38 @@
+import { ActionTrigger } from '../types/ActionTypes';
+import { EditorAPI, Id } from '../types/CommonTypes';
+/**
+ * The ActionController is responsible for all Actions-related functionality.
+ * Methods inside this controller can be called by `window.SDK.action.{method-name}`
+ */
+export declare class ActionController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(editorAPI: EditorAPI);
+    /**
+     * This method creates a new action.
+     * @returns The ID of the newly created action.
+     */
+    createAction: () => Promise<import("../types/CommonTypes").EditorResponse<string>>;
+    /**
+     * This method removes the action.
+     * @param actionId The ID of a specific action
+     * @returns
+     */
+    removeAction: (actionId: Id) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method updates the script the action uses.
+     * @param actionId The ID of a specific action
+     * @param script The JavaScript based action script
+     * @returns
+     */
+    updateActionScript: (actionId: Id, script: string) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method updates the triggers on which the action will react.
+     * @param actionId The ID of a specific action
+     * @param triggers The triggers this action should react on.
+     * @returns
+     */
+    updateActionTriggers: (actionId: Id, triggers: ActionTrigger[]) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+}

package/lib/src/controllers/ActionController.js

@@ -0,0 +1,79 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ActionController_editorAPI;
+import { getEditorResponseData } from '../utils/EditorResponseData';
+/**
+ * The ActionController is responsible for all Actions-related functionality.
+ * Methods inside this controller can be called by `window.SDK.action.{method-name}`
+ */
+export class ActionController {
+    /**
+     * @ignore
+     */
+    constructor(editorAPI) {
+        /**
+         * @ignore
+         */
+        _ActionController_editorAPI.set(this, void 0);
+        /**
+         * This method creates a new action.
+         * @returns The ID of the newly created action.
+         */
+        this.createAction = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ActionController_editorAPI, "f");
+            return res.createAction().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method removes the action.
+         * @param actionId The ID of a specific action
+         * @returns
+         */
+        this.removeAction = (actionId) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ActionController_editorAPI, "f");
+            return res.removeAction(actionId).then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method updates the script the action uses.
+         * @param actionId The ID of a specific action
+         * @param script The JavaScript based action script
+         * @returns
+         */
+        this.updateActionScript = (actionId, script) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ActionController_editorAPI, "f");
+            return res.updateActionScript(actionId, script).then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method updates the triggers on which the action will react.
+         * @param actionId The ID of a specific action
+         * @param triggers The triggers this action should react on.
+         * @returns
+         */
+        this.updateActionTriggers = (actionId, triggers) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _ActionController_editorAPI, "f");
+            return res
+                .updateActionTriggers(actionId, JSON.stringify(triggers))
+                .then((result) => getEditorResponseData(result));
+        });
+        __classPrivateFieldSet(this, _ActionController_editorAPI, editorAPI, "f");
+    }
+}
+_ActionController_editorAPI = new WeakMap();
+//# sourceMappingURL=ActionController.js.map

package/lib/src/controllers/ActionController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionController.js","sourceRoot":"","sources":["../../../src/controllers/ActionController.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAMzB;;OAEG;IACH,YAAY,SAAoB;QARhC;;WAEG;QACH,8CAAsB;QAStB;;;WAGG;QACH,iBAAY,GAAG,GAAS,EAAE;YACtB,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAK,MAAM,CAAC,CAAC,CAAC;QAClF,CAAC,CAAA,CAAC;QAEF;;;;WAIG;QACH,iBAAY,GAAG,CAAO,QAAY,EAAE,EAAE;YAClC,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAA,CAAC;QAEF;;;;;WAKG;QACH,uBAAkB,GAAG,CAAO,QAAY,EAAE,MAAc,EAAE,EAAE;YACxD,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAC1G,CAAC,CAAA,CAAC;QAEF;;;;;WAKG;QACH,yBAAoB,GAAG,CAAO,QAAY,EAAE,QAAyB,EAAE,EAAE;YACrE,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG;iBACL,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;iBACxD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAC/D,CAAC,CAAA,CAAC;QA5CE,uBAAA,IAAI,+BAAc,SAAS,MAAA,CAAC;IAChC,CAAC;CA4CJ"}

package/lib/src/controllers/AnimationController.d.ts

@@ -0,0 +1,70 @@
+import { FrameAnimationPropertiesType } from '../types/AnimationTypes';
+import { EditorAPI, Id } from '../types/CommonTypes';
+/**
+ * The AnimationController is responsible for all communication regarding Animations.
+ * Methods inside this controller can be called by `window.SDK.animation.{method-name}`
+ */
+export declare class AnimationController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(children: EditorAPI);
+    /**
+     * This method returns all animations on current layout
+     * @returns
+     */
+    getAnimationsOnSelectedLayout: () => Promise<import("../types/CommonTypes").EditorResponse<FrameAnimationPropertiesType[]>>;
+    /**
+     * This method returns an animation for a given frame and layout
+     * @param frameId The ID of a specific frame
+     * @param layoutId The ID of a specific layout
+     * @returns
+     */
+    getAnimationByFrameId: (frameId: Id, layoutId?: Id) => Promise<import("../types/CommonTypes").EditorResponse<FrameAnimationPropertiesType>>;
+    /**
+     * This method returns the animations for a given layout
+     * @param layoutId The ID of a specific layout
+     * @returns
+     */
+    getAnimationsByLayoutId: (layoutId: Id) => Promise<import("../types/CommonTypes").EditorResponse<FrameAnimationPropertiesType>>;
+    /**
+     * This method sets the animation state for a certain Frame
+     * @param animation
+     * @returns
+     */
+    setFrameAnimation: (animation: FrameAnimationPropertiesType) => Promise<import("../types/CommonTypes").EditorResponse<FrameAnimationPropertiesType>>;
+    /**
+     * This method triggers the animation to play
+     * @returns
+     */
+    playAnimation: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method triggers the animation to pause
+     * @returns
+     */
+    pauseAnimation: () => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method sets the animation time to a certain time, expressed in miliseconds
+     * @param timeInMS The time expressed in miliseconds
+     * @returns
+     */
+    setScrubberPosition: (timeInMS: number) => Promise<import("../types/CommonTypes").EditorResponse<unknown>>;
+    /**
+     * This method sets the total and maximum duration of the animation
+     * @param timeInMS The time expressed in miliseconds
+     * @returns
+     */
+    setAnimationDuration: (timeInMS: number) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method resets the animation to its initial state
+     * @param frameId The id of a certain frame
+     * @returns
+     */
+    resetFrameAnimation: (frameId: Id) => Promise<import("../types/CommonTypes").EditorResponse<unknown>>;
+    /**
+     * This method resets the layout's animations and animation duration to its initial state
+     * @returns
+     */
+    resetAnimation: () => Promise<import("../types/CommonTypes").EditorResponse<unknown>>;
+}

package/lib/src/controllers/AnimationController.js

@@ -0,0 +1,135 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _AnimationController_editorAPI;
+import { getEditorResponseData } from '../utils/EditorResponseData';
+/**
+ * The AnimationController is responsible for all communication regarding Animations.
+ * Methods inside this controller can be called by `window.SDK.animation.{method-name}`
+ */
+export class AnimationController {
+    /**
+     * @ignore
+     */
+    constructor(children) {
+        /**
+         * @ignore
+         */
+        _AnimationController_editorAPI.set(this, void 0);
+        /**
+         * This method returns all animations on current layout
+         * @returns
+         */
+        this.getAnimationsOnSelectedLayout = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res
+                .getAnimationsOnSelectedLayout()
+                .then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method returns an animation for a given frame and layout
+         * @param frameId The ID of a specific frame
+         * @param layoutId The ID of a specific layout
+         * @returns
+         */
+        this.getAnimationByFrameId = (frameId, layoutId) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res
+                .getAnimationByFrameId(frameId, layoutId)
+                .then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method returns the animations for a given layout
+         * @param layoutId The ID of a specific layout
+         * @returns
+         */
+        this.getAnimationsByLayoutId = (layoutId) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res
+                .getAnimationsByLayoutId(layoutId)
+                .then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method sets the animation state for a certain Frame
+         * @param animation
+         * @returns
+         */
+        this.setFrameAnimation = (animation) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res
+                .setFrameAnimation(JSON.stringify(animation))
+                .then((result) => getEditorResponseData(Object.assign(Object.assign({}, result), { data: JSON.stringify(animation) })));
+        });
+        /**
+         * This method triggers the animation to play
+         * @returns
+         */
+        this.playAnimation = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.playAnimation().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method triggers the animation to pause
+         * @returns
+         */
+        this.pauseAnimation = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.pauseAnimation().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method sets the animation time to a certain time, expressed in miliseconds
+         * @param timeInMS The time expressed in miliseconds
+         * @returns
+         */
+        this.setScrubberPosition = (timeInMS) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.setScrubberPosition(timeInMS);
+        });
+        /**
+         * This method sets the total and maximum duration of the animation
+         * @param timeInMS The time expressed in miliseconds
+         * @returns
+         */
+        this.setAnimationDuration = (timeInMS) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.setAnimationDuration(timeInMS).then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method resets the animation to its initial state
+         * @param frameId The id of a certain frame
+         * @returns
+         */
+        this.resetFrameAnimation = (frameId) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.resetFrameAnimation(frameId);
+        });
+        /**
+         * This method resets the layout's animations and animation duration to its initial state
+         * @returns
+         */
+        this.resetAnimation = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _AnimationController_editorAPI, "f");
+            return res.resetAnimation();
+        });
+        __classPrivateFieldSet(this, _AnimationController_editorAPI, children, "f");
+    }
+}
+_AnimationController_editorAPI = new WeakMap();
+//# sourceMappingURL=AnimationController.js.map

package/lib/src/controllers/AnimationController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationController.js","sourceRoot":"","sources":["../../../src/controllers/AnimationController.ts"],"names":[],"mappings":"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"}

package/lib/src/controllers/CanvasController.d.ts

@@ -0,0 +1,34 @@
+import { EditorAPI, Id } from '../types/CommonTypes';
+/**
+ * The CanvasController is responsible for all Canvas-related functionality.
+ * Methods inside this controller can be called by `window.SDK.canvas.{method-name}`
+ */
+export declare class CanvasController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(editorAPI: EditorAPI);
+    /**
+     * This method fits the page to the given rectangle or the viewport available
+     * Optional parameters `left`, `top`, `width` and `height` are needed to define the rectangle to fit the page to
+     * If any or all of them aren't provided the page will fit the whole viewport available
+     * @param pageId The ID of a specific page
+     * @param left
+     * @param top
+     * @param width
+     * @param height
+     * @returns
+     */
+    zoomToPage: (pageId?: Id | null, left?: number | null, top?: number | null, width?: number | null, height?: number | null) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method gets the scale factor of the canvas
+     * @returns scale factor in percents
+     */
+    getZoomPercentage: () => Promise<import("../types/CommonTypes").EditorResponse<number>>;
+    /**
+     * This method sets the scale factor to the canvas and re-centers the page
+     * @param scaleFactor scale factor in percents
+     */
+    setZoomPercentage: (scaleFactor: number) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+}

package/lib/src/controllers/CanvasController.js

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _CanvasController_editorAPI;
+import { getEditorResponseData } from '../utils/EditorResponseData';
+/**
+ * The CanvasController is responsible for all Canvas-related functionality.
+ * Methods inside this controller can be called by `window.SDK.canvas.{method-name}`
+ */
+export class CanvasController {
+    /**
+     * @ignore
+     */
+    constructor(editorAPI) {
+        /**
+         * @ignore
+         */
+        _CanvasController_editorAPI.set(this, void 0);
+        /**
+         * This method fits the page to the given rectangle or the viewport available
+         * Optional parameters `left`, `top`, `width` and `height` are needed to define the rectangle to fit the page to
+         * If any or all of them aren't provided the page will fit the whole viewport available
+         * @param pageId The ID of a specific page
+         * @param left
+         * @param top
+         * @param width
+         * @param height
+         * @returns
+         */
+        this.zoomToPage = (pageId, left, top, width, height) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _CanvasController_editorAPI, "f");
+            return res.zoomToPage(pageId, left, top, width, height).then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method gets the scale factor of the canvas
+         * @returns scale factor in percents
+         */
+        this.getZoomPercentage = () => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _CanvasController_editorAPI, "f");
+            return res.getZoomPercentage().then((result) => getEditorResponseData(result));
+        });
+        /**
+         * This method sets the scale factor to the canvas and re-centers the page
+         * @param scaleFactor scale factor in percents
+         */
+        this.setZoomPercentage = (scaleFactor) => __awaiter(this, void 0, void 0, function* () {
+            const res = yield __classPrivateFieldGet(this, _CanvasController_editorAPI, "f");
+            return res.setZoomPercentage(scaleFactor).then((result) => getEditorResponseData(result));
+        });
+        __classPrivateFieldSet(this, _CanvasController_editorAPI, editorAPI, "f");
+    }
+}
+_CanvasController_editorAPI = new WeakMap();
+//# sourceMappingURL=CanvasController.js.map

package/lib/src/controllers/CanvasController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasController.js","sourceRoot":"","sources":["../../../src/controllers/CanvasController.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE;;;GAGG;AACH,MAAM,OAAO,gBAAgB;IAMzB;;OAEG;IACH,YAAY,SAAoB;QARhC;;WAEG;QACH,8CAAsB;QAStB;;;;;;;;;;WAUG;QACH,eAAU,GAAG,CACT,MAAkB,EAClB,IAAoB,EACpB,GAAmB,EACnB,KAAqB,EACrB,MAAsB,EACxB,EAAE;YACA,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QAClH,CAAC,CAAA,CAAC;QAEF;;;WAGG;QACH,sBAAiB,GAAG,GAAS,EAAE;YAC3B,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAS,MAAM,CAAC,CAAC,CAAC;QAC3F,CAAC,CAAA,CAAC;QAEF;;;WAGG;QACH,sBAAiB,GAAG,CAAO,WAAmB,EAAE,EAAE;YAC9C,MAAM,GAAG,GAAG,MAAM,uBAAA,IAAI,mCAAW,CAAC;YAClC,OAAO,GAAG,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAO,MAAM,CAAC,CAAC,CAAC;QACpG,CAAC,CAAA,CAAC;QAzCE,uBAAA,IAAI,+BAAc,SAAS,MAAA,CAAC;IAChC,CAAC;CAyCJ"}

package/lib/src/controllers/CharacterStyleController.d.ts

@@ -0,0 +1,55 @@
+import { EditorAPI, Id } from '../types/CommonTypes';
+import { CharacterStyle, CharacterStyleUpdate } from '../types/CharacterStyleTypes';
+/**
+ * The CharacterStyleController is responsible for all communication regarding character styles.
+ * Methods inside this controller can be called by `window.SDK.characterStyle.{method-name}`
+ */
+export declare class CharacterStyleController {
+    #private;
+    /**
+     * @ignore
+     */
+    constructor(editorAPI: EditorAPI);
+    /**
+     * This method returns the list of character styles
+     * @returns
+     */
+    getCharacterStyles: () => Promise<import("../types/CommonTypes").EditorResponse<CharacterStyle[]>>;
+    /**
+     * This method returns a character style by id
+     * @param characterStyleId The ID of a specific character style
+     * @returns
+     */
+    getCharacterStyleById: (characterStyleId: Id) => Promise<import("../types/CommonTypes").EditorResponse<CharacterStyle>>;
+    /**
+     * This method creates a new character style
+     * @returns the new created character style id
+     */
+    createCharacterStyle: () => Promise<import("../types/CommonTypes").EditorResponse<string>>;
+    /**
+     * This method updates a character style
+     * @param id The ID of a specific character style
+     * @param characterStyle The new character style properties
+     * @returns
+     */
+    updateCharacterStyle: (id: Id, characterStyle: CharacterStyleUpdate) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method removes a character style
+     * @param id The ID of a specific character style
+     * @returns
+     */
+    removeCharacterStyle: (id: Id) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+    /**
+     * This method duplicates a character style
+     * @param characterStyleId The ID of a specific character style
+     * @returns
+     */
+    duplicateCharacterStyle: (characterStyleId: Id) => Promise<import("../types/CommonTypes").EditorResponse<string>>;
+    /**
+     * This method renames a character style
+     * @param id The ID of a specific character style
+     * @param name The new name of the character style
+     * @returns
+     */
+    renameCharacterStyle: (id: Id, name: string) => Promise<import("../types/CommonTypes").EditorResponse<null>>;
+}