@servicetitan/dte-unlayer 0.22.0 → 0.25.0

package/src/api-core.ts

@@ -0,0 +1,94 @@
+import { loadScript } from './loadScript';
+import { UnlayerStore } from './shared/tools';
+import { UnlayerDesignTool } from './unlayer-interface';
+
+const dummyStore: UnlayerStore = {
+    renderHtml() {
+        return '';
+    },
+    sendData() {},
+    getTool() {
+        return undefined;
+    },
+};
+
+export class UnlayerCoreApi {
+    customCss = '';
+    private loaded = new Set<string>();
+
+    private core = ['core.bundle.js'];
+    private coreTools = ['tools.bundle.js'];
+
+    constructor(private baseUrl: string) {}
+
+    private get dteStore(): UnlayerStore {
+        return (window as any).dteStore ?? dummyStore;
+    }
+
+    get pathsCore() {
+        return this.core.map(c => `${this.baseUrl}/${c}`);
+    }
+
+    get pathsCoreTools() {
+        return this.coreTools.map(c => `${this.baseUrl}/${c}`);
+    }
+
+    async init() {
+        return Promise.all([
+            fetch(`${this.baseUrl}/custom.css`).then(response => response.text()),
+        ]).then(([customCSS]) => {
+            this.customCss = customCSS;
+        });
+    }
+
+    clean() {
+        this.customCss = '';
+        this.loaded = new Set();
+    }
+
+    async preloadCore() {
+        if (this.loaded.has('_core')) {
+            return;
+        }
+        this.loaded.add('_core');
+
+        await Promise.all(this.core.map(c => loadScript(`${this.baseUrl}/${c}`)));
+    }
+
+    async preloadCoreTools() {
+        if (this.loaded.has('_coreTools')) {
+            return;
+        }
+        this.loaded.add('_coreTools');
+
+        await Promise.all(this.coreTools.map(c => loadScript(`${this.baseUrl}/${c}`)));
+    }
+
+    getCustomToolModel(key: string): object {
+        const dteTool = this.dteStore.getTool(key);
+
+        if (!dteTool) {
+            return {};
+        }
+
+        try {
+            return dteTool.getModel() ?? {};
+        } catch {
+            return {};
+        }
+    }
+
+    getCustomToolDataSources(tool: UnlayerDesignTool): string[] {
+        const dteTool = this.dteStore.getTool(tool.slug);
+
+        if (!dteTool) {
+            return [];
+        }
+
+        try {
+            return dteTool.dataSources(tool.values) ?? [];
+        } catch {
+            return [];
+        }
+    }
+}

package/src/api-custom-tools.ts

@@ -0,0 +1,79 @@
+import { loadScript } from './loadScript';
+import { UnlayerEditorCustomTool } from './unlayer-interface';
+
+export interface UnlayerCustomToolsPackageData {
+    packageUrl: string;
+    customTools: UnlayerEditorCustomTool[];
+}
+
+export class UnlayerCustomToolsApi {
+    private dataInternal?: UnlayerCustomToolsPackageData;
+    private loaded = new Set<string>();
+    private schemas?: Record<string, any>;
+
+    constructor(private packageUrl: string) {}
+
+    get data() {
+        return this.dataInternal!;
+    }
+
+    async init() {
+        await fetch(`${this.packageUrl}/data.json`)
+            .then(response =>
+                response
+                    .json()
+                    .then(data => ({ ...data, packageUrl: response.url.replace('/data.json', '') }))
+            )
+            .then(({ packageUrl, tools }) => ({
+                customTools: tools.map((tool: any) => ({
+                    key: tool.key,
+                    title: tool.title,
+                    path: `${packageUrl}/${tool.path}`,
+                })),
+                packageUrl,
+            }))
+            .then(data => {
+                this.dataInternal = data;
+            });
+    }
+
+    clean() {
+        this.dataInternal = undefined;
+        this.loaded = new Set();
+        this.schemas = undefined;
+    }
+
+    async loadSchemas(): Promise<Record<string, any>> {
+        if (this.schemas) {
+            return this.schemas;
+        }
+
+        return fetch(`${this.data.packageUrl}/schemas.json`)
+            .then(response => response.json())
+            .then(schemas => {
+                this.schemas = schemas;
+
+                return schemas;
+            });
+    }
+
+    async preloadCustomTools(tools: string[]) {
+        if (!this.dataInternal) {
+            return;
+        }
+        const toolsMap = this.data.customTools.reduce((out, t) => {
+            out[t.key] = t.path;
+
+            return out;
+        }, {} as Record<string, string>);
+
+        await Promise.all(
+            tools
+                .filter(t => !!toolsMap[t] && !this.loaded.has(t))
+                .map(t => {
+                    this.loaded.add(t);
+                    return loadScript(toolsMap[t]).catch(() => null);
+                })
+        );
+    }
+}

package/src/index.ts

@@ -1,6 +1,7 @@
 export * from './editor';
 export * from './tools';
-export * from './tools-api';
+export * from './api-core';
+export * from './api-custom-tools';
 export * from './unlayer-interface';
 export * from './loadScript';
 export * from './shared/const';

package/src/shared/const.ts

@@ -1,5 +1,30 @@
+import { SchemaObject } from './schema';
+
 export const constGenericsEditor = {
     infoDataProperty: '_info',
     adminConfigProperty: 'adminConfig',
     userConfigProperty: 'config',
 };
+
+export interface IUnlayerEditorUnit {
+    id: string;
+    generic: string;
+    title: string;
+    values: any;
+}
+
+export interface UnlayerEventConfig {
+    dummyData?: any;
+    schema?: SchemaObject;
+    generics?: true | string[];
+    genericConfigMode?: boolean;
+    units?: IUnlayerEditorUnit[];
+}
+
+export interface UnlayerEventRegister {
+    units?: IUnlayerEditorUnit[];
+    customTools?: {
+        key: string;
+        title?: string;
+    }[];
+}

package/src/store.ts

@@ -1,4 +1,5 @@
 import { loadScript } from './loadScript';
+import { UnlayerEventConfig, UnlayerEventRegister } from './shared/const';
 import {
     createUnlayerEditor,
     DesignUpdatedEventType,
@@ -143,35 +144,27 @@ export class UnlayerStore {
         if (type === '--ready' || type === '--registered') {
             this.onReadyCB?.();
         } else if (type === '--core-loaded') {
-            this.sendMessage(
-                '--config',
-                JSON.parse(
-                    JSON.stringify({
-                        dummyData: this.props.dummyData,
-                        schema: this.props.schema,
-                        generics: this.props.generics,
-                        genericConfigMode: this.props.genericConfigMode,
-                    })
-                )
-            );
+            const data: UnlayerEventConfig = {
+                dummyData: this.props.dummyData,
+                schema: this.props.schema,
+                generics: this.props.generics,
+                genericConfigMode: this.props.genericConfigMode,
+            };
+
+            this.sendMessage('--config', JSON.parse(JSON.stringify(data)));
         } else if (type === '--data-loaded') {
-            this.sendMessage(
-                '--register',
-                JSON.parse(
-                    JSON.stringify({
-                        customTools: this.props.data.customTools.filter(t =>
-                            this.props.tools.includes(t.key)
-                        ),
-                        units: this.props.units?.map(unit => ({
-                            ...unit,
-                            values: {
-                                ...unit.values,
-                                adminConfig: undefined,
-                            },
-                        })),
-                    })
-                )
-            );
+            const data: UnlayerEventRegister = {
+                customTools: this.props.tools.map(tool => ({ key: tool.key })),
+                units: this.props.units?.map(unit => ({
+                    ...unit,
+                    values: {
+                        ...unit.values,
+                        adminConfig: undefined,
+                    },
+                })),
+            };
+
+            this.sendMessage('--register', JSON.parse(JSON.stringify(data)));
         }
 
         this.onMessageCB?.(type, data);

package/src/unlayer-interface.tsx

@@ -1,3 +1,4 @@
+import { UnlayerCoreApi } from './api-core';
 import { SchemaObject } from './shared/schema';
 
 export interface UnlayerDesignTool {
@@ -53,18 +54,8 @@ export interface UnlayerEditorCustomTool {
     path: string;
 }
 
-export interface UnlayerPackageData {
-    customTools: UnlayerEditorCustomTool[];
-    packageUrl: string;
-    customCSS: string;
-    core: string[];
-    coreTools: string[];
-    tag: string;
-}
-
 export interface CreateUnlayerEditorProps {
-    data: UnlayerPackageData;
-    tools: string[];
+    tools: UnlayerEditorCustomTool[];
     dummyData?: any;
     schema?: SchemaObject;
     customCSS?: string | string[] | undefined;
@@ -76,4 +67,5 @@ export interface CreateUnlayerEditorProps {
     noCoreTools?: boolean;
     latest?: boolean;
     blocks?: boolean;
+    coreApi: UnlayerCoreApi;
 }

package/src/unlayer.tsx

@@ -62,9 +62,9 @@ export const versions = {
 export const createUnlayerEditor = (
     container: HTMLDivElement,
     {
+        coreApi,
         customCSS,
         customJS,
-        data,
         latest,
         mergeTags,
         noCoreTools,
@@ -72,26 +72,18 @@ export const createUnlayerEditor = (
         units,
     }: CreateUnlayerEditorProps
 ): Unlayer => {
-    const enabledTools = data.customTools.filter(t => tools.includes(t.key));
     const customScripts = [
-        ...data.core,
-        ...data.coreTools,
+        ...coreApi.pathsCore,
+        ...coreApi.pathsCoreTools,
         'window.dteStore.sendData("--core-loaded")',
-        ...enabledTools.map(tool => `/${tool.path}`),
+        ...tools.map(tool => tool.path),
         ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),
-        '/anvilfonts.bundle.js',
         'window.dteStore.sendData("--data-loaded")',
-    ]
-        .map(url => (url.startsWith('/') ? `${data.packageUrl}${url}` : url))
-        .filter(js => !!js?.trim());
+    ].filter(js => !!js?.trim());
     const customStyles = [
-        ...(data.customCSS ? [data.customCSS] : []),
+        coreApi.customCss,
         ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),
-    ]
-        .map(url =>
-            url.startsWith('/') && !url.startsWith('/*') ? `${data.packageUrl}${url}` : url
-        )
-        .filter(css => !!css?.trim());
+    ].filter(css => !!css?.trim());
 
     /**
      * Unlayer supports only passing id of container, but when we use shadowDOM (MFE),

package/dist/tools-api.d.ts

@@ -1,20 +0,0 @@
-import { UnlayerDesignTool, UnlayerPackageData } from './unlayer-interface';
-export declare class UnlayerToolsApi {
-    private dataInternal?;
-    private loaded;
-    private schemas?;
-    private get dteStore();
-    get data(): UnlayerPackageData;
-    init(opts?: {
-        url?: string;
-        tag?: string;
-    }): Promise<void>;
-    clean(): void;
-    loadSchemas(): Promise<Record<string, any>>;
-    preloadCore(): Promise<void>;
-    preloadCoreTools(): Promise<void>;
-    preloadCustomTools(tools: string[]): Promise<void>;
-    getCustomToolModel(key: string): object;
-    getCustomToolDataSources(tool: UnlayerDesignTool): string[];
-}
-//# sourceMappingURL=tools-api.d.ts.map

package/dist/tools-api.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tools-api.d.ts","sourceRoot":"","sources":["../src/tools-api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAe5E,qBAAa,eAAe;IACxB,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,OAAO,CAAC,CAAsB;IAEtC,OAAO,KAAK,QAAQ,GAEnB;IAED,IAAI,IAAI,uBAEP;IAEK,IAAI,CAAC,IAAI,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE;IA2BhD,KAAK;IAMC,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAc3C,WAAW;IASX,gBAAgB;IAShB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE;IAsBxC,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAcvC,wBAAwB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,EAAE;CAa9D"}

package/dist/tools-api.js

@@ -1,156 +0,0 @@
-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());
-    });
-};
-import { loadScript } from './loadScript';
-const dummyStore = {
-    renderHtml() {
-        return '';
-    },
-    sendData() { },
-    getTool() {
-        return undefined;
-    },
-};
-const baseName = 'https://unpkg.servicetitan.com/@servicetitan/dte-tools';
-const baseTag = 'prod2';
-export class UnlayerToolsApi {
-    constructor() {
-        Object.defineProperty(this, "dataInternal", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "loaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Set()
-        });
-        Object.defineProperty(this, "schemas", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-    get dteStore() {
-        var _a;
-        return (_a = window.dteStore) !== null && _a !== void 0 ? _a : dummyStore;
-    }
-    get data() {
-        return this.dataInternal;
-    }
-    init(opts) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = (_a = opts === null || opts === void 0 ? void 0 : opts.url) !== null && _a !== void 0 ? _a : baseName;
-            const tag = (_b = opts === null || opts === void 0 ? void 0 : opts.tag) !== null && _b !== void 0 ? _b : baseTag;
-            const initialUrl = `${url}${tag ? '@' + tag : ''}`;
-            return Promise.all([
-                fetch(`${initialUrl}/data.json`).then(response => response
-                    .json()
-                    .then(data => (Object.assign(Object.assign({}, data), { packageUrl: response.url.replace('/data.json', '') })))),
-                fetch(`${initialUrl}/custom.css`).then(response => response.text()),
-            ])
-                .then(([{ core, coreTools, packageUrl, tools }, customCSS]) => ({
-                customTools: tools,
-                packageUrl,
-                customCSS,
-                core: core !== null && core !== void 0 ? core : ['/core.bundle.js'],
-                coreTools: coreTools !== null && coreTools !== void 0 ? coreTools : [],
-                tag,
-            }))
-                .then(data => {
-                this.dataInternal = data;
-            });
-        });
-    }
-    clean() {
-        this.dataInternal = undefined;
-        this.loaded = new Set();
-        this.schemas = undefined;
-    }
-    loadSchemas() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.schemas) {
-                return this.schemas;
-            }
-            return fetch(`${this.data.packageUrl}/schemas.json`)
-                .then(response => response.json())
-                .then(schemas => {
-                this.schemas = schemas;
-                return schemas;
-            });
-        });
-    }
-    preloadCore() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.loaded.has('_core') || !this.dataInternal) {
-                return;
-            }
-            this.loaded.add('_core');
-            yield Promise.all(this.data.core.map(c => loadScript(`${this.data.packageUrl}${c}`)));
-        });
-    }
-    preloadCoreTools() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.loaded.has('_coreTools') || !this.dataInternal) {
-                return;
-            }
-            this.loaded.add('_coreTools');
-            yield Promise.all(this.data.coreTools.map(c => loadScript(`${this.data.packageUrl}${c}`)));
-        });
-    }
-    preloadCustomTools(tools) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.dataInternal) {
-                return;
-            }
-            const toolsMap = this.data.customTools.reduce((out, t) => {
-                out[t.key] = t.path;
-                return out;
-            }, {});
-            yield this.preloadCore();
-            yield Promise.all(tools
-                .filter(t => !!toolsMap[t] && !this.loaded.has(t))
-                .map(t => {
-                this.loaded.add(t);
-                return loadScript(this.data.packageUrl + '/' + toolsMap[t]).catch(() => null);
-            }));
-        });
-    }
-    getCustomToolModel(key) {
-        var _a;
-        const dteTool = this.dteStore.getTool(key);
-        if (!dteTool) {
-            return {};
-        }
-        try {
-            return (_a = dteTool.getModel()) !== null && _a !== void 0 ? _a : {};
-        }
-        catch (_b) {
-            return {};
-        }
-    }
-    getCustomToolDataSources(tool) {
-        var _a;
-        const dteTool = this.dteStore.getTool(tool.slug);
-        if (!dteTool) {
-            return [];
-        }
-        try {
-            return (_a = dteTool.dataSources(tool.values)) !== null && _a !== void 0 ? _a : [];
-        }
-        catch (_b) {
-            return [];
-        }
-    }
-}
-//# sourceMappingURL=tools-api.js.map

package/dist/tools-api.js.map

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

package/src/tools-api.ts

@@ -1,145 +0,0 @@
-import { loadScript } from './loadScript';
-import { UnlayerStore } from './shared/tools';
-import { UnlayerDesignTool, UnlayerPackageData } from './unlayer-interface';
-
-const dummyStore: UnlayerStore = {
-    renderHtml() {
-        return '';
-    },
-    sendData() {},
-    getTool() {
-        return undefined;
-    },
-};
-
-const baseName = 'https://unpkg.servicetitan.com/@servicetitan/dte-tools';
-const baseTag = 'prod2';
-
-export class UnlayerToolsApi {
-    private dataInternal?: UnlayerPackageData;
-    private loaded = new Set<string>();
-    private schemas?: Record<string, any>;
-
-    private get dteStore(): UnlayerStore {
-        return (window as any).dteStore ?? dummyStore;
-    }
-
-    get data() {
-        return this.dataInternal!;
-    }
-
-    async init(opts?: { url?: string; tag?: string }) {
-        const url = opts?.url ?? baseName;
-        const tag = opts?.tag ?? baseTag;
-
-        const initialUrl = `${url}${tag ? '@' + tag : ''}`;
-
-        return Promise.all([
-            fetch(`${initialUrl}/data.json`).then(response =>
-                response
-                    .json()
-                    .then(data => ({ ...data, packageUrl: response.url.replace('/data.json', '') }))
-            ),
-            fetch(`${initialUrl}/custom.css`).then(response => response.text()),
-        ])
-            .then(([{ core, coreTools, packageUrl, tools }, customCSS]) => ({
-                customTools: tools,
-                packageUrl,
-                customCSS,
-                core: core ?? ['/core.bundle.js'],
-                coreTools: coreTools ?? [],
-                tag,
-            }))
-            .then(data => {
-                this.dataInternal = data;
-            });
-    }
-
-    clean() {
-        this.dataInternal = undefined;
-        this.loaded = new Set();
-        this.schemas = undefined;
-    }
-
-    async loadSchemas(): Promise<Record<string, any>> {
-        if (this.schemas) {
-            return this.schemas;
-        }
-
-        return fetch(`${this.data.packageUrl}/schemas.json`)
-            .then(response => response.json())
-            .then(schemas => {
-                this.schemas = schemas;
-
-                return schemas;
-            });
-    }
-
-    async preloadCore() {
-        if (this.loaded.has('_core') || !this.dataInternal) {
-            return;
-        }
-        this.loaded.add('_core');
-
-        await Promise.all(this.data.core.map(c => loadScript(`${this.data.packageUrl}${c}`)));
-    }
-
-    async preloadCoreTools() {
-        if (this.loaded.has('_coreTools') || !this.dataInternal) {
-            return;
-        }
-        this.loaded.add('_coreTools');
-
-        await Promise.all(this.data.coreTools.map(c => loadScript(`${this.data.packageUrl}${c}`)));
-    }
-
-    async preloadCustomTools(tools: string[]) {
-        if (!this.dataInternal) {
-            return;
-        }
-        const toolsMap = this.data.customTools.reduce((out, t) => {
-            out[t.key] = t.path;
-
-            return out;
-        }, {} as Record<string, string>);
-
-        await this.preloadCore();
-
-        await Promise.all(
-            tools
-                .filter(t => !!toolsMap[t] && !this.loaded.has(t))
-                .map(t => {
-                    this.loaded.add(t);
-                    return loadScript(this.data.packageUrl + '/' + toolsMap[t]).catch(() => null);
-                })
-        );
-    }
-
-    getCustomToolModel(key: string): object {
-        const dteTool = this.dteStore.getTool(key);
-
-        if (!dteTool) {
-            return {};
-        }
-
-        try {
-            return dteTool.getModel() ?? {};
-        } catch {
-            return {};
-        }
-    }
-
-    getCustomToolDataSources(tool: UnlayerDesignTool): string[] {
-        const dteTool = this.dteStore.getTool(tool.slug);
-
-        if (!dteTool) {
-            return [];
-        }
-
-        try {
-            return dteTool.dataSources(tool.values) ?? [];
-        } catch {
-            return [];
-        }
-    }
-}