@servicetitan/dte-unlayer 0.26.0 → 0.28.0

package/src/editor-core.ts

@@ -0,0 +1,8 @@
+/**
+ * we need to pass code to unlayer and we have to pass it as source code (not as url to static file)
+ * because it is loaded from unlayer domain, so it has to pass authorization
+ * so when we build tools packages, we generate ./editor-core-source.ts file and include all tools bundles as strings
+ * then this code is passed to unlayer initializer
+ * (note that custom tools are imported differently as urls)
+ */
+export { editorCoreScript, editorCoreTools, editorCoreStyles } from './editor-core-source';

package/src/loadScript.ts

@@ -25,3 +25,9 @@ export const loadScript = (scriptUrl: string): Promise<void> => {
         document.head.appendChild(embedScript);
     });
 };
+
+export const loadScriptSource = (source: string) => {
+    const embedScript = document.createElement('script');
+    embedScript.textContent = source;
+    document.head.appendChild(embedScript);
+};

package/src/store.ts

@@ -188,10 +188,12 @@ export class UnlayerStore {
             throw new Error('image upload is not implemented');
         }
 
+        done({ progress: 0 });
+
         if (data.attachments?.length) {
             this.onImageCB(data.attachments[0])
-                .then(({ url }) => done({ progress: 100, url }))
-                .catch(() => done({ progress: 100 }));
+                .catch(() => ({ url: '' }))
+                .then(({ url }) => done({ progress: 100, url }));
         }
     };
 }

package/src/unlayer-interface.tsx

@@ -1,4 +1,3 @@
-import { UnlayerCoreApi } from './api-core';
 import { SchemaObject } from './shared/schema';
 
 export interface UnlayerDesignTool {
@@ -67,5 +66,4 @@ export interface CreateUnlayerEditorProps {
     noCoreTools?: boolean;
     latest?: boolean;
     blocks?: boolean;
-    coreApi: UnlayerCoreApi;
 }

package/src/unlayer.tsx

@@ -1,3 +1,4 @@
+import { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';
 import { constGenericsEditor } from './shared/const';
 import { unlayerSupportedFonts } from './shared/fonts';
 import { CreateUnlayerEditorProps } from './unlayer-interface';
@@ -61,27 +62,18 @@ export const versions = {
 
 export const createUnlayerEditor = (
     container: HTMLDivElement,
-    {
-        coreApi,
-        customCSS,
-        customJS,
-        latest,
-        mergeTags,
-        noCoreTools,
-        tools,
-        units,
-    }: CreateUnlayerEditorProps
+    { customCSS, customJS, latest, mergeTags, noCoreTools, tools, units }: CreateUnlayerEditorProps
 ): Unlayer => {
     const customScripts = [
-        ...coreApi.pathsCore,
-        ...coreApi.pathsCoreTools,
+        editorCoreScript,
+        editorCoreTools,
         'window.dteStore.sendData("--core-loaded")',
         ...tools.map(tool => tool.path),
         ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),
         'window.dteStore.sendData("--data-loaded")',
     ].filter(js => !!js?.trim());
     const customStyles = [
-        coreApi.customCss,
+        editorCoreStyles,
         ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),
     ].filter(css => !!css?.trim());