@chili-publish/studio-sdk 1.42.0 → 1.44.0

package/lib/src/sdk.cjs.js

@@ -0,0 +1,231 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const editorEngine = require("./sdk/editor-engine.json.cjs.js");
+const _package = require("./sdk/package.json.cjs.js");
+const Connector = require("./interactions/Connector.cjs.js");
+const ConfigurationTypes = require("./types/ConfigurationTypes.cjs.js");
+const DocumentTypes = require("./types/DocumentTypes.cjs.js");
+const ActionController = require("./controllers/ActionController.cjs.js");
+const AnimationController = require("./controllers/AnimationController.cjs.js");
+const BarcodeController = require("./controllers/BarcodeController.cjs.js");
+const BrandKitController = require("./controllers/BrandKitController.cjs.js");
+const CanvasController = require("./controllers/CanvasController.cjs.js");
+const CharacterStyleController = require("./controllers/CharacterStyleController.cjs.js");
+const ClipboardController = require("./controllers/ClipboardController.cjs.js");
+const ColorConversionController = require("./controllers/ColorConversionController.cjs.js");
+const ColorStyleController = require("./controllers/ColorStyleController.cjs.js");
+const ConnectorController = require("./controllers/ConnectorController.cjs.js");
+const DataConnectorController = require("./controllers/DataConnectorController.cjs.js");
+const DataSourceController = require("./controllers/DataSourceController.cjs.js");
+const DebugController = require("./controllers/DebugController.cjs.js");
+const DocumentController = require("./controllers/DocumentController.cjs.js");
+const ExperimentController = require("./controllers/ExperimentController.cjs.js");
+const FontConnectorController = require("./controllers/FontConnectorController.cjs.js");
+const FontController = require("./controllers/FontController.cjs.js");
+const FrameController = require("./controllers/FrameController.cjs.js");
+const InfoController = require("./controllers/InfoController.cjs.js");
+const LayoutController = require("./controllers/LayoutController.cjs.js");
+const MediaConnectorController = require("./controllers/MediaConnectorController.cjs.js");
+const PageController = require("./controllers/PageController.cjs.js");
+const ParagraphStyleController = require("./controllers/ParagraphStyleController.cjs.js");
+const ShapeController = require("./controllers/ShapeController.cjs.js");
+const SubscriberController = require("./controllers/SubscriberController.cjs.js");
+const TextStyleController = require("./controllers/TextStyleController.cjs.js");
+const ToolController = require("./controllers/ToolController.cjs.js");
+const UndoManagerController = require("./controllers/UndoManagerController.cjs.js");
+const UtilsController = require("./controllers/UtilsController.cjs.js");
+const VariableController = require("./controllers/VariableController.cjs.js");
+const NextInitiator = require("./next/NextInitiator.cjs.js");
+const ConfigHelper = require("./utils/ConfigHelper.cjs.js");
+const DataItemMappingTools = require("./utils/DataItemMappingTools.cjs.js");
+const LocalConfigurationDecorator = require("./utils/LocalConfigurationDecorator.cjs.js");
+const GradientStyleController = require("./controllers/GradientStyleController.cjs.js");
+const ComponentConnectorController = require("./controllers/ComponentConnectorController.cjs.js");
+const ComponentController = require("./controllers/ComponentController.cjs.js");
+const ComponentGridController = require("./controllers/ComponentGridController.cjs.js");
+const ENGINE_DOMAIN = "studio-cdn.chiligrafx.com";
+const FIXED_EDITOR_LINK = `https://${ENGINE_DOMAIN}/editor/${editorEngine.default.current}/web`;
+let connection;
+class SDK {
+  /**
+   * The SDK should be configured clientside and it exposes all controllers to work with in other applications
+   * @param config The configuration object where the SDK and editor can get configured
+   */
+  constructor(config) {
+    this.localConfig = /* @__PURE__ */ new Map();
+    this.dataItemMappingTools = new DataItemMappingTools.DataItemMappingTools();
+    this.loadEditor = () => {
+      var _a;
+      Connector.default(
+        this.config.editorLink || FIXED_EDITOR_LINK,
+        {
+          onActionsChanged: this.subscriber.onActionsChanged,
+          onStateChanged: this.subscriber.onStateChanged,
+          onAuthExpired: this.subscriber.onAuthExpired,
+          onViewportRequested: this.subscriber.onViewportRequested,
+          onDocumentLoaded: this.subscriber.onDocumentLoaded,
+          onSelectedFramesContentChanged: this.subscriber.onSelectedFramesContentChanged,
+          onSelectedFramesLayoutChanged: this.subscriber.onSelectedFramesLayoutChanged,
+          onFramesLayoutChanged: this.subscriber.onFramesLayoutChanged,
+          onSelectedLayoutPropertiesChanged: this.subscriber.onSelectedLayoutPropertiesChanged,
+          onSelectedLayoutUnitChanged: this.subscriber.onSelectedLayoutUnitChanged,
+          onPageSelectionChanged: this.subscriber.onPageSelectionChanged,
+          onScrubberPositionChanged: this.subscriber.onAnimationPlaybackChanged,
+          onFrameAnimationsChanged: this.subscriber.onAnimationChanged,
+          onVariableListChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onVariableListChanged) {
+              this.next.subscriber.onVariableListChanged(state);
+            } else {
+              this.subscriber.onVariableListChanged(state);
+            }
+          },
+          onSelectedToolChanged: this.subscriber.onSelectedToolChanged,
+          onUndoStateChanged: this.subscriber.onUndoStateChanged,
+          onSelectedLayoutFramesChanged: this.subscriber.onSelectedLayoutFramesChanged,
+          onSelectedTextStyleChanged: this.subscriber.onSelectedTextStyleChanged,
+          onColorsChanged: this.subscriber.onColorsChanged,
+          onParagraphStylesChanged: this.subscriber.onParagraphStylesChanged,
+          onCharacterStylesChanged: this.subscriber.onCharacterStylesChanged,
+          onFontFamiliesChanged: this.subscriber.onFontFamiliesChanged,
+          onSelectedLayoutIdChanged: this.subscriber.onSelectedLayoutIdChanged,
+          onLayoutsChanged: this.subscriber.onLayoutsChanged,
+          onConnectorEvent: this.subscriber.onConnectorEvent,
+          onConnectorsChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onConnectorsChanged) {
+              this.next.subscriber.onConnectorsChanged(state);
+            } else {
+              this.subscriber.onConnectorsChanged(state);
+            }
+          },
+          onZoomChanged: this.subscriber.onZoomChanged,
+          onSelectedPageIdChanged: this.subscriber.onSelectedPageIdChanged,
+          onPagesChanged: this.subscriber.onPagesChanged,
+          onPageSnapshotInvalidated: this.subscriber.onPageSnapshotInvalidated,
+          onPageSizeChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onPageSizeChanged) {
+              this.next.subscriber.onPageSizeChanged(state);
+            } else {
+              this.subscriber.onPageSizeChanged(state);
+            }
+          },
+          onShapeCornerRadiusChanged: this.subscriber.onShapeCornerRadiusChanged,
+          onCropActiveFrameIdChanged: this.subscriber.onCropActiveFrameIdChanged,
+          onAsyncError: this.subscriber.onAsyncError,
+          onViewModeChanged: this.subscriber.onViewModeChanged,
+          onBarcodeValidationChanged: this.subscriber.onBarcodeValidationChanged,
+          onDataSourceIdChanged: this.subscriber.onDataSourceIdChanged,
+          onInjectedDataChanged: this.subscriber.onInjectedDataChanged,
+          onDocumentIssueListChanged: this.subscriber.onDocumentIssueListChanged,
+          onCustomUndoDataChanged: this.subscriber.onCustomUndoDataChanged,
+          onEngineEditModeChanged: this.subscriber.onEngineEditModeChanged,
+          onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged
+        },
+        this.setConnection,
+        this.config.editorId,
+        this.config.studioStyling,
+        (error) => {
+          var _a2, _b;
+          (_b = (_a2 = this.config).onConnectionError) == null ? void 0 : _b.call(_a2, error);
+        }
+      );
+      this.editorAPI = connection == null ? void 0 : connection.promise.then((editorAPI) => {
+        return editorAPI;
+      });
+      this.action = new ActionController.ActionController(this.editorAPI);
+      this.layout = new LayoutController.LayoutController(this.editorAPI);
+      this.frame = new FrameController.FrameController(this.editorAPI);
+      this.barcode = new BarcodeController.BarcodeController(this.editorAPI);
+      this.component = new ComponentController.ComponentController(this.editorAPI);
+      this.animation = new AnimationController.AnimationController(this.editorAPI);
+      this.document = new DocumentController.DocumentController(this.editorAPI);
+      this.configuration = new LocalConfigurationDecorator.LocalConfigurationDecorator(this.editorAPI, this.localConfig);
+      this.utils = new UtilsController.UtilsController(this.editorAPI, this.localConfig);
+      this.tool = new ToolController.ToolController(this.editorAPI);
+      this.page = new PageController.PageController(this.editorAPI);
+      this.debug = new DebugController.DebugController(this.editorAPI);
+      this.undoManager = new UndoManagerController.UndoManagerController(this.editorAPI, this);
+      this.textSelection = new TextStyleController.TextStyleController(this.editorAPI);
+      this.colorStyle = new ColorStyleController.ColorStyleController(this.editorAPI);
+      this.gradientStyle = new GradientStyleController.GradientStyleController(this.editorAPI);
+      this.paragraphStyle = new ParagraphStyleController.ParagraphStyleController(this.editorAPI);
+      this.characterStyle = new CharacterStyleController.CharacterStyleController(this.editorAPI);
+      this.mediaConnector = new MediaConnectorController.MediaConnectorController(this.editorAPI);
+      this.fontConnector = new FontConnectorController.FontConnectorController(this.editorAPI);
+      this.componentConnector = new ComponentConnectorController.ComponentConnectorController(this.editorAPI);
+      this.dataConnector = new DataConnectorController.DataConnectorController(this.editorAPI, this.dataItemMappingTools);
+      this.dataSource = new DataSourceController.DataSourceController(this.editorAPI, this.dataItemMappingTools);
+      this.connector = new ConnectorController.ConnectorController(this.editorAPI, this.localConfig);
+      this.variable = new VariableController.VariableController(this.editorAPI, this.dataItemMappingTools);
+      this.font = new FontController.FontController(this.editorAPI);
+      this.experiment = new ExperimentController.ExperimentController(this.editorAPI);
+      this.canvas = new CanvasController.CanvasController(this.editorAPI);
+      this.shape = new ShapeController.ShapeController(this.editorAPI);
+      this.colorConversion = new ColorConversionController.ColorConversionController(this.editorAPI);
+      this.info = new InfoController.InfoController();
+      this.clipboard = new ClipboardController.ClipboardController(this.editorAPI);
+      this.brandKit = new BrandKitController.BrandKitController(this.editorAPI, this);
+      this.componentGrid = new ComponentGridController.ComponentGridController(this.editorAPI);
+      this.next = new NextInitiator.NextInitiator(this.config, this.connection, this.editorAPI);
+      this.configuration.setValue(ConfigurationTypes.WellKnownConfigurationKeys.GraFxStudioSdkVersion, _package.default.version);
+      this.configuration.setValue(
+        ConfigurationTypes.WellKnownConfigurationKeys.GraFxStudioDocumentType,
+        this.config.documentType || DocumentTypes.DocumentType.template
+      );
+      this.configuration.updateStudioOptions(this.config.studioOptions || ConfigurationTypes.defaultStudioOptions);
+      this.configuration.setValue(
+        ConfigurationTypes.WellKnownConfigurationKeys.QueryCallCacheEnabled,
+        ((_a = this.config.enableQueryCallCache) == null ? void 0 : _a.toString()) || "false"
+      );
+    };
+    this.setConnection = (newConnection) => {
+      connection = newConnection;
+    };
+    this.config = ConfigHelper.ConfigHelper.createRuntimeConfig(config);
+    this.connection = connection;
+    this.editorAPI = connection == null ? void 0 : connection.promise.then((child) => {
+      return child;
+    });
+    this.action = new ActionController.ActionController(this.editorAPI);
+    this.layout = new LayoutController.LayoutController(this.editorAPI);
+    this.frame = new FrameController.FrameController(this.editorAPI);
+    this.shape = new ShapeController.ShapeController(this.editorAPI);
+    this.barcode = new BarcodeController.BarcodeController(this.editorAPI);
+    this.component = new ComponentController.ComponentController(this.editorAPI);
+    this.undoManager = new UndoManagerController.UndoManagerController(this.editorAPI, this);
+    this.connector = new ConnectorController.ConnectorController(this.editorAPI, this.localConfig);
+    this.mediaConnector = new MediaConnectorController.MediaConnectorController(this.editorAPI);
+    this.fontConnector = new FontConnectorController.FontConnectorController(this.editorAPI);
+    this.componentConnector = new ComponentConnectorController.ComponentConnectorController(this.editorAPI);
+    this.dataConnector = new DataConnectorController.DataConnectorController(this.editorAPI, this.dataItemMappingTools);
+    this.dataSource = new DataSourceController.DataSourceController(this.editorAPI, this.dataItemMappingTools);
+    this.animation = new AnimationController.AnimationController(this.editorAPI);
+    this.document = new DocumentController.DocumentController(this.editorAPI);
+    this.configuration = new LocalConfigurationDecorator.LocalConfigurationDecorator(this.editorAPI, this.localConfig);
+    this.variable = new VariableController.VariableController(this.editorAPI, this.dataItemMappingTools);
+    this.utils = new UtilsController.UtilsController(this.editorAPI, this.localConfig);
+    this.subscriber = new SubscriberController.SubscriberController(this.config, this.localConfig);
+    this.tool = new ToolController.ToolController(this.editorAPI);
+    this.page = new PageController.PageController(this.editorAPI);
+    this.debug = new DebugController.DebugController(this.editorAPI);
+    this.textSelection = new TextStyleController.TextStyleController(this.editorAPI);
+    this.colorStyle = new ColorStyleController.ColorStyleController(this.editorAPI);
+    this.gradientStyle = new GradientStyleController.GradientStyleController(this.editorAPI);
+    this.paragraphStyle = new ParagraphStyleController.ParagraphStyleController(this.editorAPI);
+    this.characterStyle = new CharacterStyleController.CharacterStyleController(this.editorAPI);
+    this.font = new FontController.FontController(this.editorAPI);
+    this.experiment = new ExperimentController.ExperimentController(this.editorAPI);
+    this.canvas = new CanvasController.CanvasController(this.editorAPI);
+    this.colorConversion = new ColorConversionController.ColorConversionController(this.editorAPI);
+    this.info = new InfoController.InfoController();
+    this.clipboard = new ClipboardController.ClipboardController(this.editorAPI);
+    this.next = new NextInitiator.NextInitiator(this.config, this.connection, this.editorAPI);
+    this.enabledNextSubscribers = this.config.enableNextSubscribers;
+    this.brandKit = new BrandKitController.BrandKitController(this.editorAPI, this);
+    this.componentGrid = new ComponentGridController.ComponentGridController(this.editorAPI);
+  }
+}
+exports.SDK = SDK;
+//# sourceMappingURL=sdk.cjs.js.map

package/lib/src/sdk.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.cjs.js","sources":["../../src/sdk.ts"],"sourcesContent":["import { Connection } from 'penpal';\nimport engineInfo from '../editor-engine.json';\nimport packageInfo from '../package.json';\nimport Connect from './interactions/Connector';\nimport { defaultStudioOptions, WellKnownConfigurationKeys } from './types/ConfigurationTypes';\n\nimport type { ConfigType, EditorAPI, RuntimeConfigType } from './types/CommonTypes';\nimport { DocumentType } from './types/DocumentTypes';\n\nimport { ActionController } from './controllers/ActionController';\nimport { AnimationController } from './controllers/AnimationController';\nimport { BarcodeController } from './controllers/BarcodeController';\nimport { BrandKitController } from './controllers/BrandKitController';\nimport { CanvasController } from './controllers/CanvasController';\nimport { CharacterStyleController } from './controllers/CharacterStyleController';\nimport { ClipboardController } from './controllers/ClipboardController';\nimport { ColorConversionController } from './controllers/ColorConversionController';\nimport { ColorStyleController } from './controllers/ColorStyleController';\nimport { ConfigurationController } from './controllers/ConfigurationController';\nimport { ConnectorController } from './controllers/ConnectorController';\nimport { DataConnectorController } from './controllers/DataConnectorController';\nimport { DataSourceController } from './controllers/DataSourceController';\nimport { DebugController } from './controllers/DebugController';\nimport { DocumentController } from './controllers/DocumentController';\nimport { ExperimentController } from './controllers/ExperimentController';\nimport { FontConnectorController } from './controllers/FontConnectorController';\nimport { FontController } from './controllers/FontController';\nimport { FrameController } from './controllers/FrameController';\nimport { InfoController } from './controllers/InfoController';\nimport { LayoutController } from './controllers/LayoutController';\nimport { MediaConnectorController } from './controllers/MediaConnectorController';\nimport { PageController } from './controllers/PageController';\nimport { ParagraphStyleController } from './controllers/ParagraphStyleController';\nimport { ShapeController } from './controllers/ShapeController';\nimport { SubscriberController } from './controllers/SubscriberController';\nimport { TextStyleController } from './controllers/TextStyleController';\nimport { ToolController } from './controllers/ToolController';\nimport { UndoManagerController } from './controllers/UndoManagerController';\nimport { UtilsController } from './controllers/UtilsController';\nimport { VariableController } from './controllers/VariableController';\nimport { NextSubscribers } from './next';\nimport { NextInitiator } from './next/NextInitiator';\nimport { ConfigHelper } from './utils/ConfigHelper';\nimport { DataItemMappingTools } from './utils/DataItemMappingTools';\nimport { LocalConfigurationDecorator } from './utils/LocalConfigurationDecorator';\nimport { GradientStyleController } from './controllers/GradientStyleController';\nimport { ComponentConnectorController } from './controllers/ComponentConnectorController';\nimport { ComponentController } from './controllers/ComponentController';\nimport { ComponentGridController } from './controllers/ComponentGridController';\n\ndeclare const __ENGINE_DOMAIN__: string;\nconst ENGINE_DOMAIN = typeof __ENGINE_DOMAIN__ !== 'undefined' ? __ENGINE_DOMAIN__ : 'studio-cdn.chiligrafx.com';\nconst FIXED_EDITOR_LINK = `https://${ENGINE_DOMAIN}/editor/${engineInfo.current}/web`;\n\nlet connection: Connection;\n\nexport class SDK {\n    config: RuntimeConfigType;\n    connection: Connection;\n\n    /**\n     * @ignore\n     */\n    editorAPI: EditorAPI;\n\n    action: ActionController;\n    layout: LayoutController;\n    frame: FrameController;\n    shape: ShapeController;\n    barcode: BarcodeController;\n    /** @experimental */\n    component: ComponentController;\n    connector: ConnectorController;\n    mediaConnector: MediaConnectorController;\n    fontConnector: FontConnectorController;\n    /**\n     * @experimental This controller is still experimental and might change in future releases.\n     */\n    componentConnector: ComponentConnectorController;\n    dataConnector: DataConnectorController;\n    dataSource: DataSourceController;\n    animation: AnimationController;\n    document: DocumentController;\n    configuration: ConfigurationController;\n    variable: VariableController;\n    utils: UtilsController;\n    tool: ToolController;\n    page: PageController;\n    debug: DebugController;\n    undoManager: UndoManagerController;\n    textSelection: TextStyleController;\n    paragraphStyle: ParagraphStyleController;\n    characterStyle: CharacterStyleController;\n    colorStyle: ColorStyleController;\n    gradientStyle: GradientStyleController;\n    font: FontController;\n    experiment: ExperimentController;\n    canvas: CanvasController;\n    colorConversion: ColorConversionController;\n    info: InfoController;\n    clipboard: ClipboardController;\n    brandKit: BrandKitController;\n    componentGrid: ComponentGridController;\n    next: NextInitiator;\n\n    private subscriber: SubscriberController;\n    private enabledNextSubscribers: NextSubscribers | undefined;\n    private localConfig = new Map<string, string>();\n    private dataItemMappingTools = new DataItemMappingTools();\n\n    /**\n     * The SDK should be configured clientside and it exposes all controllers to work with in other applications\n     * @param config The configuration object where the SDK and editor can get configured\n     */\n    constructor(config: ConfigType) {\n        this.config = ConfigHelper.createRuntimeConfig(config);\n\n        this.connection = connection;\n        this.editorAPI = connection?.promise.then((child) => {\n            return child;\n        }) as unknown as EditorAPI;\n\n        this.action = new ActionController(this.editorAPI);\n        this.layout = new LayoutController(this.editorAPI);\n        this.frame = new FrameController(this.editorAPI);\n        this.shape = new ShapeController(this.editorAPI);\n        this.barcode = new BarcodeController(this.editorAPI);\n        this.component = new ComponentController(this.editorAPI);\n        this.undoManager = new UndoManagerController(this.editorAPI, this);\n        this.connector = new ConnectorController(this.editorAPI, this.localConfig);\n        this.mediaConnector = new MediaConnectorController(this.editorAPI);\n        this.fontConnector = new FontConnectorController(this.editorAPI);\n        this.componentConnector = new ComponentConnectorController(this.editorAPI);\n        this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);\n        this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);\n        this.animation = new AnimationController(this.editorAPI);\n        this.document = new DocumentController(this.editorAPI);\n\n        this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);\n        this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);\n        this.utils = new UtilsController(this.editorAPI, this.localConfig);\n        this.subscriber = new SubscriberController(this.config, this.localConfig);\n        this.tool = new ToolController(this.editorAPI);\n        this.page = new PageController(this.editorAPI);\n        this.debug = new DebugController(this.editorAPI);\n        // To be renamed textSelection > textStyle\n        this.textSelection = new TextStyleController(this.editorAPI);\n        this.colorStyle = new ColorStyleController(this.editorAPI);\n        this.gradientStyle = new GradientStyleController(this.editorAPI);\n        this.paragraphStyle = new ParagraphStyleController(this.editorAPI);\n        this.characterStyle = new CharacterStyleController(this.editorAPI);\n        this.font = new FontController(this.editorAPI);\n        this.experiment = new ExperimentController(this.editorAPI);\n        this.canvas = new CanvasController(this.editorAPI);\n        this.colorConversion = new ColorConversionController(this.editorAPI);\n        this.info = new InfoController();\n        this.clipboard = new ClipboardController(this.editorAPI);\n        this.next = new NextInitiator(this.config, this.connection, this.editorAPI);\n        this.enabledNextSubscribers = this.config.enableNextSubscribers;\n        this.brandKit = new BrandKitController(this.editorAPI, this);\n        this.componentGrid = new ComponentGridController(this.editorAPI);\n    }\n\n    /**\n     * This method will initiate the editor, running this will result in the editor restarting\n     * It will generate an iframe in the document\n     */\n    loadEditor = () => {\n        Connect(\n            this.config.editorLink || FIXED_EDITOR_LINK,\n            {\n                onActionsChanged: this.subscriber.onActionsChanged,\n                onStateChanged: this.subscriber.onStateChanged,\n                onAuthExpired: this.subscriber.onAuthExpired,\n                onViewportRequested: this.subscriber.onViewportRequested,\n                onDocumentLoaded: this.subscriber.onDocumentLoaded,\n                onSelectedFramesContentChanged: this.subscriber.onSelectedFramesContentChanged,\n                onSelectedFramesLayoutChanged: this.subscriber.onSelectedFramesLayoutChanged,\n                onFramesLayoutChanged: this.subscriber.onFramesLayoutChanged,\n                onSelectedLayoutPropertiesChanged: this.subscriber.onSelectedLayoutPropertiesChanged,\n                onSelectedLayoutUnitChanged: this.subscriber.onSelectedLayoutUnitChanged,\n                onPageSelectionChanged: this.subscriber.onPageSelectionChanged,\n                onScrubberPositionChanged: this.subscriber.onAnimationPlaybackChanged,\n                onFrameAnimationsChanged: this.subscriber.onAnimationChanged,\n                onVariableListChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onVariableListChanged) {\n                        this.next.subscriber.onVariableListChanged(state);\n                    } else {\n                        this.subscriber.onVariableListChanged(state);\n                    }\n                },\n                onSelectedToolChanged: this.subscriber.onSelectedToolChanged,\n                onUndoStateChanged: this.subscriber.onUndoStateChanged,\n                onSelectedLayoutFramesChanged: this.subscriber.onSelectedLayoutFramesChanged,\n                onSelectedTextStyleChanged: this.subscriber.onSelectedTextStyleChanged,\n                onColorsChanged: this.subscriber.onColorsChanged,\n                onParagraphStylesChanged: this.subscriber.onParagraphStylesChanged,\n                onCharacterStylesChanged: this.subscriber.onCharacterStylesChanged,\n                onFontFamiliesChanged: this.subscriber.onFontFamiliesChanged,\n                onSelectedLayoutIdChanged: this.subscriber.onSelectedLayoutIdChanged,\n                onLayoutsChanged: this.subscriber.onLayoutsChanged,\n                onConnectorEvent: this.subscriber.onConnectorEvent,\n                onConnectorsChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onConnectorsChanged) {\n                        this.next.subscriber.onConnectorsChanged(state);\n                    } else {\n                        this.subscriber.onConnectorsChanged(state);\n                    }\n                },\n                onZoomChanged: this.subscriber.onZoomChanged,\n                onSelectedPageIdChanged: this.subscriber.onSelectedPageIdChanged,\n                onPagesChanged: this.subscriber.onPagesChanged,\n                onPageSnapshotInvalidated: this.subscriber.onPageSnapshotInvalidated,\n                onPageSizeChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onPageSizeChanged) {\n                        this.next.subscriber.onPageSizeChanged(state);\n                    } else {\n                        this.subscriber.onPageSizeChanged(state);\n                    }\n                },\n                onShapeCornerRadiusChanged: this.subscriber.onShapeCornerRadiusChanged,\n                onCropActiveFrameIdChanged: this.subscriber.onCropActiveFrameIdChanged,\n                onAsyncError: this.subscriber.onAsyncError,\n                onViewModeChanged: this.subscriber.onViewModeChanged,\n                onBarcodeValidationChanged: this.subscriber.onBarcodeValidationChanged,\n                onDataSourceIdChanged: this.subscriber.onDataSourceIdChanged,\n                onInjectedDataChanged: this.subscriber.onInjectedDataChanged,\n                onDocumentIssueListChanged: this.subscriber.onDocumentIssueListChanged,\n                onCustomUndoDataChanged: this.subscriber.onCustomUndoDataChanged,\n                onEngineEditModeChanged: this.subscriber.onEngineEditModeChanged,\n                onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged,\n            },\n            this.setConnection,\n            this.config.editorId,\n            this.config.studioStyling,\n            (error) => {\n                this.config.onConnectionError?.(error);\n            },\n        );\n        this.editorAPI = connection?.promise.then((editorAPI) => {\n            return editorAPI;\n        }) as unknown as EditorAPI;\n\n        this.action = new ActionController(this.editorAPI);\n        this.layout = new LayoutController(this.editorAPI);\n        this.frame = new FrameController(this.editorAPI);\n        this.barcode = new BarcodeController(this.editorAPI);\n        this.component = new ComponentController(this.editorAPI);\n        this.animation = new AnimationController(this.editorAPI);\n        this.document = new DocumentController(this.editorAPI);\n        this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);\n        this.utils = new UtilsController(this.editorAPI, this.localConfig);\n        this.tool = new ToolController(this.editorAPI);\n        this.page = new PageController(this.editorAPI);\n        this.debug = new DebugController(this.editorAPI);\n        this.undoManager = new UndoManagerController(this.editorAPI, this);\n        this.textSelection = new TextStyleController(this.editorAPI);\n        this.colorStyle = new ColorStyleController(this.editorAPI);\n        this.gradientStyle = new GradientStyleController(this.editorAPI);\n        this.paragraphStyle = new ParagraphStyleController(this.editorAPI);\n        this.characterStyle = new CharacterStyleController(this.editorAPI);\n        this.mediaConnector = new MediaConnectorController(this.editorAPI);\n        this.fontConnector = new FontConnectorController(this.editorAPI);\n        this.componentConnector = new ComponentConnectorController(this.editorAPI);\n        this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);\n        this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);\n        this.connector = new ConnectorController(this.editorAPI, this.localConfig);\n        this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);\n        this.font = new FontController(this.editorAPI);\n        this.experiment = new ExperimentController(this.editorAPI);\n        this.canvas = new CanvasController(this.editorAPI);\n        this.shape = new ShapeController(this.editorAPI);\n        this.colorConversion = new ColorConversionController(this.editorAPI);\n        this.info = new InfoController();\n        this.clipboard = new ClipboardController(this.editorAPI);\n        this.brandKit = new BrandKitController(this.editorAPI, this);\n        this.componentGrid = new ComponentGridController(this.editorAPI);\n        this.next = new NextInitiator(this.config, this.connection, this.editorAPI);\n\n        // as soon as the editor loads, provide it with the SDK version\n        // used to make it start. This enables engine compatibility checks\n        // on the Flutter side\n        this.configuration.setValue(WellKnownConfigurationKeys.GraFxStudioSdkVersion, packageInfo.version);\n\n        // Makes the engine aware which document type it should render, if this call\n        // isn't made, the engine will fall back to the type specified in the document.\n        //\n        // Loading a template JSON and setting the engine to `project` will cause\n        // the document JSON structure to be converted to a project on save.\n        // Using `getCurrentDocumentState` will also output the converted document.\n        this.configuration.setValue(\n            WellKnownConfigurationKeys.GraFxStudioDocumentType,\n            this.config.documentType || DocumentType.template,\n        );\n\n        // Update the engine with the specified options from the config or fall back to the defaults.\n        this.configuration.updateStudioOptions(this.config.studioOptions || defaultStudioOptions);\n\n        // Whether the engine should cache query calls. This is disabled by default.\n        this.configuration.setValue(\n            WellKnownConfigurationKeys.QueryCallCacheEnabled,\n            this.config.enableQueryCallCache?.toString() || 'false',\n        );\n    };\n\n    setConnection = (newConnection: Connection) => {\n        connection = newConnection;\n    };\n}\n\nexport default SDK;\n"],"names":["engineInfo","DataItemMappingTools","Connect","_a","ActionController","LayoutController","FrameController","BarcodeController","ComponentController","AnimationController","DocumentController","LocalConfigurationDecorator","UtilsController","ToolController","PageController","DebugController","UndoManagerController","TextStyleController","ColorStyleController","GradientStyleController","ParagraphStyleController","CharacterStyleController","MediaConnectorController","FontConnectorController","ComponentConnectorController","DataConnectorController","DataSourceController","ConnectorController","VariableController","FontController","ExperimentController","CanvasController","ShapeController","ColorConversionController","InfoController","ClipboardController","BrandKitController","ComponentGridController","NextInitiator","WellKnownConfigurationKeys","packageInfo","DocumentType","defaultStudioOptions","ConfigHelper","SubscriberController"],"mappings":"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"}

package/lib/src/sdk.d.ts

@@ -34,6 +34,7 @@ import { NextInitiator } from './next/NextInitiator';
 import { GradientStyleController } from './controllers/GradientStyleController';
 import { ComponentConnectorController } from './controllers/ComponentConnectorController';
 import { ComponentController } from './controllers/ComponentController';
+import { ComponentGridController } from './controllers/ComponentGridController';
 export declare class SDK {
     config: RuntimeConfigType;
     connection: Connection;
@@ -78,6 +79,7 @@ export declare class SDK {
     info: InfoController;
     clipboard: ClipboardController;
     brandKit: BrandKitController;
+    componentGrid: ComponentGridController;
     next: NextInitiator;
     private subscriber;
     private enabledNextSubscribers;

package/lib/src/sdk.es.js

@@ -0,0 +1,231 @@
+import engineInfo from "./sdk/editor-engine.json.es.js";
+import packageInfo from "./sdk/package.json.es.js";
+import Connect from "./interactions/Connector.es.js";
+import { WellKnownConfigurationKeys, defaultStudioOptions } from "./types/ConfigurationTypes.es.js";
+import { DocumentType } from "./types/DocumentTypes.es.js";
+import { ActionController } from "./controllers/ActionController.es.js";
+import { AnimationController } from "./controllers/AnimationController.es.js";
+import { BarcodeController } from "./controllers/BarcodeController.es.js";
+import { BrandKitController } from "./controllers/BrandKitController.es.js";
+import { CanvasController } from "./controllers/CanvasController.es.js";
+import { CharacterStyleController } from "./controllers/CharacterStyleController.es.js";
+import { ClipboardController } from "./controllers/ClipboardController.es.js";
+import { ColorConversionController } from "./controllers/ColorConversionController.es.js";
+import { ColorStyleController } from "./controllers/ColorStyleController.es.js";
+import { ConnectorController } from "./controllers/ConnectorController.es.js";
+import { DataConnectorController } from "./controllers/DataConnectorController.es.js";
+import { DataSourceController } from "./controllers/DataSourceController.es.js";
+import { DebugController } from "./controllers/DebugController.es.js";
+import { DocumentController } from "./controllers/DocumentController.es.js";
+import { ExperimentController } from "./controllers/ExperimentController.es.js";
+import { FontConnectorController } from "./controllers/FontConnectorController.es.js";
+import { FontController } from "./controllers/FontController.es.js";
+import { FrameController } from "./controllers/FrameController.es.js";
+import { InfoController } from "./controllers/InfoController.es.js";
+import { LayoutController } from "./controllers/LayoutController.es.js";
+import { MediaConnectorController } from "./controllers/MediaConnectorController.es.js";
+import { PageController } from "./controllers/PageController.es.js";
+import { ParagraphStyleController } from "./controllers/ParagraphStyleController.es.js";
+import { ShapeController } from "./controllers/ShapeController.es.js";
+import { SubscriberController } from "./controllers/SubscriberController.es.js";
+import { TextStyleController } from "./controllers/TextStyleController.es.js";
+import { ToolController } from "./controllers/ToolController.es.js";
+import { UndoManagerController } from "./controllers/UndoManagerController.es.js";
+import { UtilsController } from "./controllers/UtilsController.es.js";
+import { VariableController } from "./controllers/VariableController.es.js";
+import { NextInitiator } from "./next/NextInitiator.es.js";
+import { ConfigHelper } from "./utils/ConfigHelper.es.js";
+import { DataItemMappingTools } from "./utils/DataItemMappingTools.es.js";
+import { LocalConfigurationDecorator } from "./utils/LocalConfigurationDecorator.es.js";
+import { GradientStyleController } from "./controllers/GradientStyleController.es.js";
+import { ComponentConnectorController } from "./controllers/ComponentConnectorController.es.js";
+import { ComponentController } from "./controllers/ComponentController.es.js";
+import { ComponentGridController } from "./controllers/ComponentGridController.es.js";
+const ENGINE_DOMAIN = "studio-cdn.chiligrafx.com";
+const FIXED_EDITOR_LINK = `https://${ENGINE_DOMAIN}/editor/${engineInfo.current}/web`;
+let connection;
+class SDK {
+  /**
+   * The SDK should be configured clientside and it exposes all controllers to work with in other applications
+   * @param config The configuration object where the SDK and editor can get configured
+   */
+  constructor(config) {
+    this.localConfig = /* @__PURE__ */ new Map();
+    this.dataItemMappingTools = new DataItemMappingTools();
+    this.loadEditor = () => {
+      var _a;
+      Connect(
+        this.config.editorLink || FIXED_EDITOR_LINK,
+        {
+          onActionsChanged: this.subscriber.onActionsChanged,
+          onStateChanged: this.subscriber.onStateChanged,
+          onAuthExpired: this.subscriber.onAuthExpired,
+          onViewportRequested: this.subscriber.onViewportRequested,
+          onDocumentLoaded: this.subscriber.onDocumentLoaded,
+          onSelectedFramesContentChanged: this.subscriber.onSelectedFramesContentChanged,
+          onSelectedFramesLayoutChanged: this.subscriber.onSelectedFramesLayoutChanged,
+          onFramesLayoutChanged: this.subscriber.onFramesLayoutChanged,
+          onSelectedLayoutPropertiesChanged: this.subscriber.onSelectedLayoutPropertiesChanged,
+          onSelectedLayoutUnitChanged: this.subscriber.onSelectedLayoutUnitChanged,
+          onPageSelectionChanged: this.subscriber.onPageSelectionChanged,
+          onScrubberPositionChanged: this.subscriber.onAnimationPlaybackChanged,
+          onFrameAnimationsChanged: this.subscriber.onAnimationChanged,
+          onVariableListChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onVariableListChanged) {
+              this.next.subscriber.onVariableListChanged(state);
+            } else {
+              this.subscriber.onVariableListChanged(state);
+            }
+          },
+          onSelectedToolChanged: this.subscriber.onSelectedToolChanged,
+          onUndoStateChanged: this.subscriber.onUndoStateChanged,
+          onSelectedLayoutFramesChanged: this.subscriber.onSelectedLayoutFramesChanged,
+          onSelectedTextStyleChanged: this.subscriber.onSelectedTextStyleChanged,
+          onColorsChanged: this.subscriber.onColorsChanged,
+          onParagraphStylesChanged: this.subscriber.onParagraphStylesChanged,
+          onCharacterStylesChanged: this.subscriber.onCharacterStylesChanged,
+          onFontFamiliesChanged: this.subscriber.onFontFamiliesChanged,
+          onSelectedLayoutIdChanged: this.subscriber.onSelectedLayoutIdChanged,
+          onLayoutsChanged: this.subscriber.onLayoutsChanged,
+          onConnectorEvent: this.subscriber.onConnectorEvent,
+          onConnectorsChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onConnectorsChanged) {
+              this.next.subscriber.onConnectorsChanged(state);
+            } else {
+              this.subscriber.onConnectorsChanged(state);
+            }
+          },
+          onZoomChanged: this.subscriber.onZoomChanged,
+          onSelectedPageIdChanged: this.subscriber.onSelectedPageIdChanged,
+          onPagesChanged: this.subscriber.onPagesChanged,
+          onPageSnapshotInvalidated: this.subscriber.onPageSnapshotInvalidated,
+          onPageSizeChanged: (state) => {
+            var _a2;
+            if ((_a2 = this.enabledNextSubscribers) == null ? void 0 : _a2.onPageSizeChanged) {
+              this.next.subscriber.onPageSizeChanged(state);
+            } else {
+              this.subscriber.onPageSizeChanged(state);
+            }
+          },
+          onShapeCornerRadiusChanged: this.subscriber.onShapeCornerRadiusChanged,
+          onCropActiveFrameIdChanged: this.subscriber.onCropActiveFrameIdChanged,
+          onAsyncError: this.subscriber.onAsyncError,
+          onViewModeChanged: this.subscriber.onViewModeChanged,
+          onBarcodeValidationChanged: this.subscriber.onBarcodeValidationChanged,
+          onDataSourceIdChanged: this.subscriber.onDataSourceIdChanged,
+          onInjectedDataChanged: this.subscriber.onInjectedDataChanged,
+          onDocumentIssueListChanged: this.subscriber.onDocumentIssueListChanged,
+          onCustomUndoDataChanged: this.subscriber.onCustomUndoDataChanged,
+          onEngineEditModeChanged: this.subscriber.onEngineEditModeChanged,
+          onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged
+        },
+        this.setConnection,
+        this.config.editorId,
+        this.config.studioStyling,
+        (error) => {
+          var _a2, _b;
+          (_b = (_a2 = this.config).onConnectionError) == null ? void 0 : _b.call(_a2, error);
+        }
+      );
+      this.editorAPI = connection == null ? void 0 : connection.promise.then((editorAPI) => {
+        return editorAPI;
+      });
+      this.action = new ActionController(this.editorAPI);
+      this.layout = new LayoutController(this.editorAPI);
+      this.frame = new FrameController(this.editorAPI);
+      this.barcode = new BarcodeController(this.editorAPI);
+      this.component = new ComponentController(this.editorAPI);
+      this.animation = new AnimationController(this.editorAPI);
+      this.document = new DocumentController(this.editorAPI);
+      this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);
+      this.utils = new UtilsController(this.editorAPI, this.localConfig);
+      this.tool = new ToolController(this.editorAPI);
+      this.page = new PageController(this.editorAPI);
+      this.debug = new DebugController(this.editorAPI);
+      this.undoManager = new UndoManagerController(this.editorAPI, this);
+      this.textSelection = new TextStyleController(this.editorAPI);
+      this.colorStyle = new ColorStyleController(this.editorAPI);
+      this.gradientStyle = new GradientStyleController(this.editorAPI);
+      this.paragraphStyle = new ParagraphStyleController(this.editorAPI);
+      this.characterStyle = new CharacterStyleController(this.editorAPI);
+      this.mediaConnector = new MediaConnectorController(this.editorAPI);
+      this.fontConnector = new FontConnectorController(this.editorAPI);
+      this.componentConnector = new ComponentConnectorController(this.editorAPI);
+      this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);
+      this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);
+      this.connector = new ConnectorController(this.editorAPI, this.localConfig);
+      this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);
+      this.font = new FontController(this.editorAPI);
+      this.experiment = new ExperimentController(this.editorAPI);
+      this.canvas = new CanvasController(this.editorAPI);
+      this.shape = new ShapeController(this.editorAPI);
+      this.colorConversion = new ColorConversionController(this.editorAPI);
+      this.info = new InfoController();
+      this.clipboard = new ClipboardController(this.editorAPI);
+      this.brandKit = new BrandKitController(this.editorAPI, this);
+      this.componentGrid = new ComponentGridController(this.editorAPI);
+      this.next = new NextInitiator(this.config, this.connection, this.editorAPI);
+      this.configuration.setValue(WellKnownConfigurationKeys.GraFxStudioSdkVersion, packageInfo.version);
+      this.configuration.setValue(
+        WellKnownConfigurationKeys.GraFxStudioDocumentType,
+        this.config.documentType || DocumentType.template
+      );
+      this.configuration.updateStudioOptions(this.config.studioOptions || defaultStudioOptions);
+      this.configuration.setValue(
+        WellKnownConfigurationKeys.QueryCallCacheEnabled,
+        ((_a = this.config.enableQueryCallCache) == null ? void 0 : _a.toString()) || "false"
+      );
+    };
+    this.setConnection = (newConnection) => {
+      connection = newConnection;
+    };
+    this.config = ConfigHelper.createRuntimeConfig(config);
+    this.connection = connection;
+    this.editorAPI = connection == null ? void 0 : connection.promise.then((child) => {
+      return child;
+    });
+    this.action = new ActionController(this.editorAPI);
+    this.layout = new LayoutController(this.editorAPI);
+    this.frame = new FrameController(this.editorAPI);
+    this.shape = new ShapeController(this.editorAPI);
+    this.barcode = new BarcodeController(this.editorAPI);
+    this.component = new ComponentController(this.editorAPI);
+    this.undoManager = new UndoManagerController(this.editorAPI, this);
+    this.connector = new ConnectorController(this.editorAPI, this.localConfig);
+    this.mediaConnector = new MediaConnectorController(this.editorAPI);
+    this.fontConnector = new FontConnectorController(this.editorAPI);
+    this.componentConnector = new ComponentConnectorController(this.editorAPI);
+    this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);
+    this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);
+    this.animation = new AnimationController(this.editorAPI);
+    this.document = new DocumentController(this.editorAPI);
+    this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);
+    this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);
+    this.utils = new UtilsController(this.editorAPI, this.localConfig);
+    this.subscriber = new SubscriberController(this.config, this.localConfig);
+    this.tool = new ToolController(this.editorAPI);
+    this.page = new PageController(this.editorAPI);
+    this.debug = new DebugController(this.editorAPI);
+    this.textSelection = new TextStyleController(this.editorAPI);
+    this.colorStyle = new ColorStyleController(this.editorAPI);
+    this.gradientStyle = new GradientStyleController(this.editorAPI);
+    this.paragraphStyle = new ParagraphStyleController(this.editorAPI);
+    this.characterStyle = new CharacterStyleController(this.editorAPI);
+    this.font = new FontController(this.editorAPI);
+    this.experiment = new ExperimentController(this.editorAPI);
+    this.canvas = new CanvasController(this.editorAPI);
+    this.colorConversion = new ColorConversionController(this.editorAPI);
+    this.info = new InfoController();
+    this.clipboard = new ClipboardController(this.editorAPI);
+    this.next = new NextInitiator(this.config, this.connection, this.editorAPI);
+    this.enabledNextSubscribers = this.config.enableNextSubscribers;
+    this.brandKit = new BrandKitController(this.editorAPI, this);
+    this.componentGrid = new ComponentGridController(this.editorAPI);
+  }
+}
+export {
+  SDK
+};
+//# sourceMappingURL=sdk.es.js.map

package/lib/src/sdk.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.es.js","sources":["../../src/sdk.ts"],"sourcesContent":["import { Connection } from 'penpal';\nimport engineInfo from '../editor-engine.json';\nimport packageInfo from '../package.json';\nimport Connect from './interactions/Connector';\nimport { defaultStudioOptions, WellKnownConfigurationKeys } from './types/ConfigurationTypes';\n\nimport type { ConfigType, EditorAPI, RuntimeConfigType } from './types/CommonTypes';\nimport { DocumentType } from './types/DocumentTypes';\n\nimport { ActionController } from './controllers/ActionController';\nimport { AnimationController } from './controllers/AnimationController';\nimport { BarcodeController } from './controllers/BarcodeController';\nimport { BrandKitController } from './controllers/BrandKitController';\nimport { CanvasController } from './controllers/CanvasController';\nimport { CharacterStyleController } from './controllers/CharacterStyleController';\nimport { ClipboardController } from './controllers/ClipboardController';\nimport { ColorConversionController } from './controllers/ColorConversionController';\nimport { ColorStyleController } from './controllers/ColorStyleController';\nimport { ConfigurationController } from './controllers/ConfigurationController';\nimport { ConnectorController } from './controllers/ConnectorController';\nimport { DataConnectorController } from './controllers/DataConnectorController';\nimport { DataSourceController } from './controllers/DataSourceController';\nimport { DebugController } from './controllers/DebugController';\nimport { DocumentController } from './controllers/DocumentController';\nimport { ExperimentController } from './controllers/ExperimentController';\nimport { FontConnectorController } from './controllers/FontConnectorController';\nimport { FontController } from './controllers/FontController';\nimport { FrameController } from './controllers/FrameController';\nimport { InfoController } from './controllers/InfoController';\nimport { LayoutController } from './controllers/LayoutController';\nimport { MediaConnectorController } from './controllers/MediaConnectorController';\nimport { PageController } from './controllers/PageController';\nimport { ParagraphStyleController } from './controllers/ParagraphStyleController';\nimport { ShapeController } from './controllers/ShapeController';\nimport { SubscriberController } from './controllers/SubscriberController';\nimport { TextStyleController } from './controllers/TextStyleController';\nimport { ToolController } from './controllers/ToolController';\nimport { UndoManagerController } from './controllers/UndoManagerController';\nimport { UtilsController } from './controllers/UtilsController';\nimport { VariableController } from './controllers/VariableController';\nimport { NextSubscribers } from './next';\nimport { NextInitiator } from './next/NextInitiator';\nimport { ConfigHelper } from './utils/ConfigHelper';\nimport { DataItemMappingTools } from './utils/DataItemMappingTools';\nimport { LocalConfigurationDecorator } from './utils/LocalConfigurationDecorator';\nimport { GradientStyleController } from './controllers/GradientStyleController';\nimport { ComponentConnectorController } from './controllers/ComponentConnectorController';\nimport { ComponentController } from './controllers/ComponentController';\nimport { ComponentGridController } from './controllers/ComponentGridController';\n\ndeclare const __ENGINE_DOMAIN__: string;\nconst ENGINE_DOMAIN = typeof __ENGINE_DOMAIN__ !== 'undefined' ? __ENGINE_DOMAIN__ : 'studio-cdn.chiligrafx.com';\nconst FIXED_EDITOR_LINK = `https://${ENGINE_DOMAIN}/editor/${engineInfo.current}/web`;\n\nlet connection: Connection;\n\nexport class SDK {\n    config: RuntimeConfigType;\n    connection: Connection;\n\n    /**\n     * @ignore\n     */\n    editorAPI: EditorAPI;\n\n    action: ActionController;\n    layout: LayoutController;\n    frame: FrameController;\n    shape: ShapeController;\n    barcode: BarcodeController;\n    /** @experimental */\n    component: ComponentController;\n    connector: ConnectorController;\n    mediaConnector: MediaConnectorController;\n    fontConnector: FontConnectorController;\n    /**\n     * @experimental This controller is still experimental and might change in future releases.\n     */\n    componentConnector: ComponentConnectorController;\n    dataConnector: DataConnectorController;\n    dataSource: DataSourceController;\n    animation: AnimationController;\n    document: DocumentController;\n    configuration: ConfigurationController;\n    variable: VariableController;\n    utils: UtilsController;\n    tool: ToolController;\n    page: PageController;\n    debug: DebugController;\n    undoManager: UndoManagerController;\n    textSelection: TextStyleController;\n    paragraphStyle: ParagraphStyleController;\n    characterStyle: CharacterStyleController;\n    colorStyle: ColorStyleController;\n    gradientStyle: GradientStyleController;\n    font: FontController;\n    experiment: ExperimentController;\n    canvas: CanvasController;\n    colorConversion: ColorConversionController;\n    info: InfoController;\n    clipboard: ClipboardController;\n    brandKit: BrandKitController;\n    componentGrid: ComponentGridController;\n    next: NextInitiator;\n\n    private subscriber: SubscriberController;\n    private enabledNextSubscribers: NextSubscribers | undefined;\n    private localConfig = new Map<string, string>();\n    private dataItemMappingTools = new DataItemMappingTools();\n\n    /**\n     * The SDK should be configured clientside and it exposes all controllers to work with in other applications\n     * @param config The configuration object where the SDK and editor can get configured\n     */\n    constructor(config: ConfigType) {\n        this.config = ConfigHelper.createRuntimeConfig(config);\n\n        this.connection = connection;\n        this.editorAPI = connection?.promise.then((child) => {\n            return child;\n        }) as unknown as EditorAPI;\n\n        this.action = new ActionController(this.editorAPI);\n        this.layout = new LayoutController(this.editorAPI);\n        this.frame = new FrameController(this.editorAPI);\n        this.shape = new ShapeController(this.editorAPI);\n        this.barcode = new BarcodeController(this.editorAPI);\n        this.component = new ComponentController(this.editorAPI);\n        this.undoManager = new UndoManagerController(this.editorAPI, this);\n        this.connector = new ConnectorController(this.editorAPI, this.localConfig);\n        this.mediaConnector = new MediaConnectorController(this.editorAPI);\n        this.fontConnector = new FontConnectorController(this.editorAPI);\n        this.componentConnector = new ComponentConnectorController(this.editorAPI);\n        this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);\n        this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);\n        this.animation = new AnimationController(this.editorAPI);\n        this.document = new DocumentController(this.editorAPI);\n\n        this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);\n        this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);\n        this.utils = new UtilsController(this.editorAPI, this.localConfig);\n        this.subscriber = new SubscriberController(this.config, this.localConfig);\n        this.tool = new ToolController(this.editorAPI);\n        this.page = new PageController(this.editorAPI);\n        this.debug = new DebugController(this.editorAPI);\n        // To be renamed textSelection > textStyle\n        this.textSelection = new TextStyleController(this.editorAPI);\n        this.colorStyle = new ColorStyleController(this.editorAPI);\n        this.gradientStyle = new GradientStyleController(this.editorAPI);\n        this.paragraphStyle = new ParagraphStyleController(this.editorAPI);\n        this.characterStyle = new CharacterStyleController(this.editorAPI);\n        this.font = new FontController(this.editorAPI);\n        this.experiment = new ExperimentController(this.editorAPI);\n        this.canvas = new CanvasController(this.editorAPI);\n        this.colorConversion = new ColorConversionController(this.editorAPI);\n        this.info = new InfoController();\n        this.clipboard = new ClipboardController(this.editorAPI);\n        this.next = new NextInitiator(this.config, this.connection, this.editorAPI);\n        this.enabledNextSubscribers = this.config.enableNextSubscribers;\n        this.brandKit = new BrandKitController(this.editorAPI, this);\n        this.componentGrid = new ComponentGridController(this.editorAPI);\n    }\n\n    /**\n     * This method will initiate the editor, running this will result in the editor restarting\n     * It will generate an iframe in the document\n     */\n    loadEditor = () => {\n        Connect(\n            this.config.editorLink || FIXED_EDITOR_LINK,\n            {\n                onActionsChanged: this.subscriber.onActionsChanged,\n                onStateChanged: this.subscriber.onStateChanged,\n                onAuthExpired: this.subscriber.onAuthExpired,\n                onViewportRequested: this.subscriber.onViewportRequested,\n                onDocumentLoaded: this.subscriber.onDocumentLoaded,\n                onSelectedFramesContentChanged: this.subscriber.onSelectedFramesContentChanged,\n                onSelectedFramesLayoutChanged: this.subscriber.onSelectedFramesLayoutChanged,\n                onFramesLayoutChanged: this.subscriber.onFramesLayoutChanged,\n                onSelectedLayoutPropertiesChanged: this.subscriber.onSelectedLayoutPropertiesChanged,\n                onSelectedLayoutUnitChanged: this.subscriber.onSelectedLayoutUnitChanged,\n                onPageSelectionChanged: this.subscriber.onPageSelectionChanged,\n                onScrubberPositionChanged: this.subscriber.onAnimationPlaybackChanged,\n                onFrameAnimationsChanged: this.subscriber.onAnimationChanged,\n                onVariableListChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onVariableListChanged) {\n                        this.next.subscriber.onVariableListChanged(state);\n                    } else {\n                        this.subscriber.onVariableListChanged(state);\n                    }\n                },\n                onSelectedToolChanged: this.subscriber.onSelectedToolChanged,\n                onUndoStateChanged: this.subscriber.onUndoStateChanged,\n                onSelectedLayoutFramesChanged: this.subscriber.onSelectedLayoutFramesChanged,\n                onSelectedTextStyleChanged: this.subscriber.onSelectedTextStyleChanged,\n                onColorsChanged: this.subscriber.onColorsChanged,\n                onParagraphStylesChanged: this.subscriber.onParagraphStylesChanged,\n                onCharacterStylesChanged: this.subscriber.onCharacterStylesChanged,\n                onFontFamiliesChanged: this.subscriber.onFontFamiliesChanged,\n                onSelectedLayoutIdChanged: this.subscriber.onSelectedLayoutIdChanged,\n                onLayoutsChanged: this.subscriber.onLayoutsChanged,\n                onConnectorEvent: this.subscriber.onConnectorEvent,\n                onConnectorsChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onConnectorsChanged) {\n                        this.next.subscriber.onConnectorsChanged(state);\n                    } else {\n                        this.subscriber.onConnectorsChanged(state);\n                    }\n                },\n                onZoomChanged: this.subscriber.onZoomChanged,\n                onSelectedPageIdChanged: this.subscriber.onSelectedPageIdChanged,\n                onPagesChanged: this.subscriber.onPagesChanged,\n                onPageSnapshotInvalidated: this.subscriber.onPageSnapshotInvalidated,\n                onPageSizeChanged: (state) => {\n                    if (this.enabledNextSubscribers?.onPageSizeChanged) {\n                        this.next.subscriber.onPageSizeChanged(state);\n                    } else {\n                        this.subscriber.onPageSizeChanged(state);\n                    }\n                },\n                onShapeCornerRadiusChanged: this.subscriber.onShapeCornerRadiusChanged,\n                onCropActiveFrameIdChanged: this.subscriber.onCropActiveFrameIdChanged,\n                onAsyncError: this.subscriber.onAsyncError,\n                onViewModeChanged: this.subscriber.onViewModeChanged,\n                onBarcodeValidationChanged: this.subscriber.onBarcodeValidationChanged,\n                onDataSourceIdChanged: this.subscriber.onDataSourceIdChanged,\n                onInjectedDataChanged: this.subscriber.onInjectedDataChanged,\n                onDocumentIssueListChanged: this.subscriber.onDocumentIssueListChanged,\n                onCustomUndoDataChanged: this.subscriber.onCustomUndoDataChanged,\n                onEngineEditModeChanged: this.subscriber.onEngineEditModeChanged,\n                onBrandKitMediaChanged: this.subscriber.onBrandKitMediaChanged,\n            },\n            this.setConnection,\n            this.config.editorId,\n            this.config.studioStyling,\n            (error) => {\n                this.config.onConnectionError?.(error);\n            },\n        );\n        this.editorAPI = connection?.promise.then((editorAPI) => {\n            return editorAPI;\n        }) as unknown as EditorAPI;\n\n        this.action = new ActionController(this.editorAPI);\n        this.layout = new LayoutController(this.editorAPI);\n        this.frame = new FrameController(this.editorAPI);\n        this.barcode = new BarcodeController(this.editorAPI);\n        this.component = new ComponentController(this.editorAPI);\n        this.animation = new AnimationController(this.editorAPI);\n        this.document = new DocumentController(this.editorAPI);\n        this.configuration = new LocalConfigurationDecorator(this.editorAPI, this.localConfig);\n        this.utils = new UtilsController(this.editorAPI, this.localConfig);\n        this.tool = new ToolController(this.editorAPI);\n        this.page = new PageController(this.editorAPI);\n        this.debug = new DebugController(this.editorAPI);\n        this.undoManager = new UndoManagerController(this.editorAPI, this);\n        this.textSelection = new TextStyleController(this.editorAPI);\n        this.colorStyle = new ColorStyleController(this.editorAPI);\n        this.gradientStyle = new GradientStyleController(this.editorAPI);\n        this.paragraphStyle = new ParagraphStyleController(this.editorAPI);\n        this.characterStyle = new CharacterStyleController(this.editorAPI);\n        this.mediaConnector = new MediaConnectorController(this.editorAPI);\n        this.fontConnector = new FontConnectorController(this.editorAPI);\n        this.componentConnector = new ComponentConnectorController(this.editorAPI);\n        this.dataConnector = new DataConnectorController(this.editorAPI, this.dataItemMappingTools);\n        this.dataSource = new DataSourceController(this.editorAPI, this.dataItemMappingTools);\n        this.connector = new ConnectorController(this.editorAPI, this.localConfig);\n        this.variable = new VariableController(this.editorAPI, this.dataItemMappingTools);\n        this.font = new FontController(this.editorAPI);\n        this.experiment = new ExperimentController(this.editorAPI);\n        this.canvas = new CanvasController(this.editorAPI);\n        this.shape = new ShapeController(this.editorAPI);\n        this.colorConversion = new ColorConversionController(this.editorAPI);\n        this.info = new InfoController();\n        this.clipboard = new ClipboardController(this.editorAPI);\n        this.brandKit = new BrandKitController(this.editorAPI, this);\n        this.componentGrid = new ComponentGridController(this.editorAPI);\n        this.next = new NextInitiator(this.config, this.connection, this.editorAPI);\n\n        // as soon as the editor loads, provide it with the SDK version\n        // used to make it start. This enables engine compatibility checks\n        // on the Flutter side\n        this.configuration.setValue(WellKnownConfigurationKeys.GraFxStudioSdkVersion, packageInfo.version);\n\n        // Makes the engine aware which document type it should render, if this call\n        // isn't made, the engine will fall back to the type specified in the document.\n        //\n        // Loading a template JSON and setting the engine to `project` will cause\n        // the document JSON structure to be converted to a project on save.\n        // Using `getCurrentDocumentState` will also output the converted document.\n        this.configuration.setValue(\n            WellKnownConfigurationKeys.GraFxStudioDocumentType,\n            this.config.documentType || DocumentType.template,\n        );\n\n        // Update the engine with the specified options from the config or fall back to the defaults.\n        this.configuration.updateStudioOptions(this.config.studioOptions || defaultStudioOptions);\n\n        // Whether the engine should cache query calls. This is disabled by default.\n        this.configuration.setValue(\n            WellKnownConfigurationKeys.QueryCallCacheEnabled,\n            this.config.enableQueryCallCache?.toString() || 'false',\n        );\n    };\n\n    setConnection = (newConnection: Connection) => {\n        connection = newConnection;\n    };\n}\n\nexport default SDK;\n"],"names":["_a"],"mappings":"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"}

package/lib/src/types/ActionTypes.cjs.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var ActionEditorEvent = /* @__PURE__ */ ((ActionEditorEvent2) => {
+  ActionEditorEvent2["selectedLayoutChanged"] = "selectedLayoutChanged";
+  ActionEditorEvent2["frameMoved"] = "frameMoved";
+  ActionEditorEvent2["pageSizeChanged"] = "pageSizeChanged";
+  ActionEditorEvent2["documentLoaded"] = "documentLoaded";
+  ActionEditorEvent2["variableValueChanged"] = "variableValueChanged";
+  return ActionEditorEvent2;
+})(ActionEditorEvent || {});
+exports.ActionEditorEvent = ActionEditorEvent;
+//# sourceMappingURL=ActionTypes.cjs.js.map

package/lib/src/types/ActionTypes.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionTypes.cjs.js","sources":["../../../src/types/ActionTypes.ts"],"sourcesContent":["import { Id } from './CommonTypes';\n\n/**\n * Editor Events that Actions can react to.\n */\nexport enum ActionEditorEvent {\n    /**\n     * Indicates the selected layout changed.\n     */\n    selectedLayoutChanged = 'selectedLayoutChanged',\n\n    /**\n     * Indicates a frame was moved, resized, rotated.\n     * Note: this does not trigger when a different layout is selected.\n     */\n    frameMoved = 'frameMoved',\n\n    /**\n     * Indicates the size of a page has changed.\n     */\n    pageSizeChanged = 'pageSizeChanged',\n\n    /**\n     * Indicates the document is fully initialized, actions can safely be executed.\n     * Note: the other events will only be triggered after a document is fully initialized.\n     */\n    documentLoaded = 'documentLoaded',\n\n    /**\n     * Indicates the value of a variable changed.\n     */\n    variableValueChanged = 'variableValueChanged',\n}\n\n/**\n * Action used by the document.\n */\nexport interface DocumentAction {\n    /**\n     * Unique Id of the action.\n     */\n    id: Id;\n\n    /**\n     * Unique action name\n     */\n    name: string;\n\n    /**\n     * All the triggers this action will react to.\n     */\n    triggers: ActionTrigger[];\n\n    /**\n     * The JavaScript based action script.\n     */\n    script: string;\n}\n\n/**\n * Trigger used to fire an action.\n */\nexport type ActionTrigger =\n    | SelectedLayoutChangedTrigger\n    | FrameMovedTrigger\n    | PageSizeChangedTrigger\n    | DocumentLoadedTrigger\n    | VariableValueChangedTrigger;\n\nexport interface SelectedLayoutChangedTrigger {\n    event: ActionEditorEvent.selectedLayoutChanged;\n}\n\n/**\n * Model to update an Action.\n */\nexport type ActionDeltaUpdate = {\n    /**\n     * The new Action JS script.\n     */\n    script?: string;\n\n    /**\n     * The new name of the Action.\n     */\n    name?: string;\n\n    /**\n     * Whether the Action has any typing errors.\n     */\n    hasTypeError?: boolean;\n\n    /**\n     * The new list of triggers.\n     */\n    triggers?: ActionTrigger[];\n};\n\nexport interface FrameMovedTrigger {\n    event: ActionEditorEvent.frameMoved;\n    /**\n     * The frame id's this trigger should react to.\n     * Leaving this `undefined`, will make this trigger react to any frame that moves in any direction (also rotation, resize and ).\n     */\n    triggers?: Id[];\n}\n\nexport interface PageSizeChangedTrigger {\n    event: ActionEditorEvent.pageSizeChanged;\n}\n\nexport interface DocumentLoadedTrigger {\n    event: ActionEditorEvent.documentLoaded;\n}\n\nexport interface VariableValueChangedTrigger {\n    event: ActionEditorEvent.variableValueChanged;\n\n    /**\n     * The variable id's this trigger should react to.\n     * Leaving this `undefined`, will make this trigger react to all variableValueChanges.\n     */\n    triggers?: Id[];\n}\n"],"names":["ActionEditorEvent"],"mappings":";;AAKO,IAAK,sCAAAA,uBAAL;AAIHA,qBAAA,uBAAA,IAAwB;AAMxBA,qBAAA,YAAA,IAAa;AAKbA,qBAAA,iBAAA,IAAkB;AAMlBA,qBAAA,gBAAA,IAAiB;AAKjBA,qBAAA,sBAAA,IAAuB;AA1Bf,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;;"}

package/lib/src/types/ActionTypes.es.js

@@ -0,0 +1,12 @@
+var ActionEditorEvent = /* @__PURE__ */ ((ActionEditorEvent2) => {
+  ActionEditorEvent2["selectedLayoutChanged"] = "selectedLayoutChanged";
+  ActionEditorEvent2["frameMoved"] = "frameMoved";
+  ActionEditorEvent2["pageSizeChanged"] = "pageSizeChanged";
+  ActionEditorEvent2["documentLoaded"] = "documentLoaded";
+  ActionEditorEvent2["variableValueChanged"] = "variableValueChanged";
+  return ActionEditorEvent2;
+})(ActionEditorEvent || {});
+export {
+  ActionEditorEvent
+};
+//# sourceMappingURL=ActionTypes.es.js.map