@unlayer/types 1.455.0 → 1.456.0

package/dist/editor/editor.d.ts

@@ -161,6 +161,8 @@ interface Config {
     linkTypes?: LinkTypes;
     linkTypesSharedConfig?: LinkTypesSharedConfig;
     mergeTags?: MergeTags;
+    multiLanguage?: boolean;
+    languages?: Language[];
     displayConditions?: DisplayConditions;
     specialLinks?: SpecialLinks;
     designTags?: DesignTags;
@@ -181,14 +183,34 @@ interface Config {
     tabs?: Tabs;
 }
 
-type Message = object;
+type Message = Record<string, any>;
 
 interface MessageData {
     action: string;
     callbackId: number;
     doneId: number;
-    result: unknown | undefined;
-    resultArgs: unknown[] | undefined;
+    result: any;
+    resultArgs: any[] | undefined;
+}
+
+export interface FrameOptions {
+    /**
+     * Background color painted on the iframe element + injected into the
+     * iframe document's `<html>` / `<body>` / `#editor` via an inline
+     * `<style>` tag before editor.js runs. Lets the embedder avoid the
+     * white flash that otherwise spans editor.js download + parse +
+     * React mount when a dark theme is configured.
+     */
+    iframeBackgroundColor?: string;
+    /**
+     * Foreground / icon color applied to the iframe element via
+     * `iframe.style.color`. Read back inside the iframe (via
+     * `window.frameElement.style.color`) to seed the
+     * `--unlayer-iframe-color` CSS variable that the boot Loader
+     * spinner uses, so the icon contrasts with the boot background
+     * for the embedder's theme.
+     */
+    iframeTextColor?: string;
 }
 
 declare class Frame {
@@ -200,8 +222,8 @@ declare class Frame {
     callbacks: {
         [key: number]: ((...args: any[]) => any) | undefined;
     };
-    constructor(src: string);
-    createIframe(src: string): HTMLIFrameElement;
+    constructor(src: string, options?: FrameOptions);
+    createIframe(src: string, { iframeBackgroundColor, iframeTextColor }?: FrameOptions): HTMLIFrameElement;
     destroy: () => void;
     appendTo(el: Element): void;
     onWindowMessage: (event: MessageEvent<any>) => void;
@@ -219,6 +241,7 @@ declare class EditorClass<TClassDisplayMode extends DisplayMode | undefined = un
     frame: Frame | null;
     constructor(config?: Config);
     init(config?: Config): void;
+    private captureTargetElement;
     destroy(): void;
     versions: {
         current: string | undefined;
@@ -228,6 +251,10 @@ declare class EditorClass<TClassDisplayMode extends DisplayMode | undefined = un
     get version(): string;
     loadEditor(config: Config): void;
     renderEditor(config: Config): void;
+    private targetElement;
+    private lastResolvedBackground;
+    private lastResolvedTextColor;
+    private applyTargetBackground;
     initEditor(config: Config): void;
     registerColumns(cells: number[]): void;
     registerCallback<T extends keyof CallbackTypeMap<TClassDisplayMode>>(type: T, callback: CallbackTypeMap<TClassDisplayMode>[T]): void;
@@ -267,6 +294,9 @@ declare class EditorClass<TClassDisplayMode extends DisplayMode | undefined = un
     exportZip<TDisplayMode extends DisplayMode | undefined = TClassDisplayMode>(callback: (data: ExportFromApiResult<TDisplayMode>) => void, options?: ExportZipFromApiOptions): void;
     setAppearance(appearance: DeepPartial<AppearanceConfig>): void;
     setTheme(theme: AppearanceConfig['theme']): void;
+    private applyIframeBackgroundFromTheme;
+    private applyIframeTextColorFromTheme;
+    private postToIframeWithRetry;
     setBodyValues(bodyValues: Partial<BodyValues>, bodyId?: number): void;
     setStyleGuide(styleGuide: StyleGuideConfig): void;
     setDesignTagsConfig(designTagsConfig: DesignTagsConfig): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unlayer/types",
-  "version": "1.455.0",
+  "version": "1.456.0",
   "license": "MIT",
   "private": false,
   "types": "./dist/index.d.ts",
@@ -33,14 +33,20 @@
   "scripts": {
     "clean": "rm -rf dist __generated__",
     "gen-translation-types": "node scripts/gen-translation-types.js",
-    "prebuild": "npm run clean && npm run gen-translation-types && npm run build:legacy-unlayer-types",
+    "prebuild": "pnpm run clean && pnpm run gen-translation-types && pnpm run build:legacy-unlayer-types",
     "build": "node scripts/build-types.js && node scripts/build-values-types.js",
-    "prebuild:legacy-unlayer-types": "npm run clean",
-    "build:legacy-unlayer-types": "cd ../../packages/editor/src/embed; npx tsc > /dev/null; cd ../../../../packages/unlayer-types; mkdir -p ../../packages/unlayer-types/__generated__/; cp -r ../../packages/editor/src/embed/__generated__/embed.d.ts ../../packages/unlayer-types/__generated__/legacy-unlayer-types.d.ts",
-    "test": "node scripts/test-types.js",
+    "prebuild:legacy-unlayer-types": "pnpm run clean",
+    "build:legacy-unlayer-types": "cd ../../packages/editor/src/embed; pnpm exec tsc > /dev/null; cd ../../../../packages/unlayer-types; mkdir -p ../../packages/unlayer-types/__generated__/; cp -r ../../packages/editor/src/embed/__generated__/embed.d.ts ../../packages/unlayer-types/__generated__/legacy-unlayer-types.d.ts",
+    "test": "pnpm run test:types && pnpm run test:unit",
+    "test:types": "node scripts/test-types.js",
+    "test:unit": "echo \"SKIP unit tests: no test files in this workspace\"",
+    "typecheck": "pnpm run build && tsc --noEmit --project tests/tsconfig.json",
     "release": "node scripts/release.js"
   },
   "devDependencies": {
-    "typescript": "5.9.3"
+    "typescript": "5.9.3",
+    "jest": "29.7.0",
+    "@types/jest": "29.5.13",
+    "ts-jest": "29.4.11"
   }
 }