@wix/editor 1.335.0 → 1.337.0

package/dist/esm/index.js

@@ -1,280 +1,9 @@
+import { EditorPlatformContextEnvironment } from '@wix/editor-platform-environment-api';
+import { ApplicationContext } from '@wix/editor-platform-contexts';
 import { createErrorBuilder, BaseError } from '@wix/public-editor-platform-errors';
-import { PlatformAppEvent } from '@wix/public-editor-platform-events';
-import { WorkerConsumerEndpoint, IFrameConsumerEndpoint } from '@wix/editor-platform-transport';
-import { PlatformFrameAPI } from '@wix/editor-application/platform-frame-api';
-import { PlatformWorkerAPI } from '@wix/editor-application/platform-worker-api';
 import { createHostModule } from '@wix/sdk-runtime/host-modules';
 
-var EditorPlatformApplicationContextErrorCode = /* @__PURE__ */ ((EditorPlatformApplicationContextErrorCode2) => {
-  EditorPlatformApplicationContextErrorCode2["IncorrectEnvironment"] = "IncorrectEnvironment";
-  EditorPlatformApplicationContextErrorCode2["ClientAuthError"] = "ClientAuthError";
-  return EditorPlatformApplicationContextErrorCode2;
-})(EditorPlatformApplicationContextErrorCode || {});
-class EditorPlatformApplicationContextError extends BaseError {
-  state = {};
-  constructor(message, code) {
-    super(message, code, "Editor Platform Application Context Error");
-  }
-  withUrl(url) {
-    this.state = { ...this.state, url };
-    return this;
-  }
-  withAppDefinitionId(appDefinitionId) {
-    this.state = { ...this.state, appDefinitionId };
-    return this;
-  }
-}
-const createEditorPlatformApplicationContextError = createErrorBuilder(EditorPlatformApplicationContextError);
-async function transformEventPayload(eventPayload, privateAPI) {
-  if (!eventPayload?.type) {
-    return eventPayload;
-  }
-  switch (eventPayload.type) {
-    case "componentSelectionChanged":
-      const componentRefs = eventPayload.componentRefs || [];
-      const components = await Promise.all(
-        componentRefs.map((ref) => {
-          return privateAPI.components.getComponent(ref);
-        })
-      );
-      return {
-        type: eventPayload.type,
-        components
-      };
-    default:
-      return eventPayload;
-  }
-}
-class ApplicationBoundEvents {
-  constructor(appDefinitionId, events, privateAPI) {
-    this.appDefinitionId = appDefinitionId;
-    this.privateAPI = privateAPI;
-    this.events = events;
-    this.subscribe = events.subscribe.bind(events);
-    this.commit = events.commit.bind(events);
-    this.startTransaction = events.startTransaction.bind(events);
-    this.silent = events.silent.bind(events);
-  }
-  events;
-  subscribe;
-  commit;
-  startTransaction;
-  silent;
-  notify(event) {
-    this.events.notify({
-      type: event.type,
-      payload: event.payload,
-      meta: {
-        appDefinitionId: this.appDefinitionId
-      }
-    });
-  }
-  notifyCustomEvent(type, payload) {
-    this.notify({
-      type: PlatformAppEvent.CustomEvent,
-      payload: {
-        ...payload,
-        type
-      }
-    });
-  }
-  /**
-   * TODO: we should use same interface for all events
-   * (subscribe vs addEventListener)
-   */
-  addEventListener(eventType, fn) {
-    return this.events.subscribe(async (event) => {
-      const isAppMatch = event.meta?.appDefinitionId === this.appDefinitionId || event.meta?.appDefinitionId === null;
-      const transformPayload = () => transformEventPayload(event.payload, this.privateAPI);
-      if (eventType === "*") {
-        fn(await transformPayload());
-      } else if (event.type === PlatformAppEvent.CustomEvent) {
-        if (eventType === event.payload?.type && !isAppMatch) {
-          fn(await transformPayload());
-        }
-      } else if (event.type === PlatformAppEvent.HostEvent) {
-        if (eventType === event.payload?.type && isAppMatch) {
-          fn(await transformPayload());
-        }
-      }
-    });
-  }
-}
-const WAIT_INJECTED_TIMEOUT = 200;
-const WAIT_INJECTED_RETRY_COUNT = 50;
-class ContextInjectionStatus {
-  _resolveContextInjected = () => {
-  };
-  _isInjected = false;
-  key;
-  constructor(uuid) {
-    this.key = `__${uuid}_CONTEXT_INJECTION_STATUS_KEY`;
-    if (!globalThis[this.key]) {
-      globalThis[this.key] = new Promise((resolve) => {
-        this._resolveContextInjected = () => {
-          this._isInjected = true;
-          resolve();
-        };
-      });
-    }
-  }
-  isInjected() {
-    return !!this._isInjected;
-  }
-  resolveInjected() {
-    this._resolveContextInjected?.();
-  }
-  waitInjected() {
-    return new Promise((resolve, reject) => {
-      let injected = false;
-      let timeoutId;
-      let retryCount = 0;
-      const timeout = () => {
-        if (injected) {
-          return;
-        }
-        timeoutId = setTimeout(() => {
-          retryCount++;
-          if (retryCount < WAIT_INJECTED_RETRY_COUNT) {
-            if (retryCount % 10 === 0) {
-              console.log(
-                createEditorPlatformApplicationContextError(
-                  EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-                  "contexts are not resolved, still re-trying"
-                ).withMessage(`try number ${retryCount}`).message
-              );
-            }
-            timeout();
-            return;
-          }
-          if (!injected) {
-            const error = createEditorPlatformApplicationContextError(
-              EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-              "contexts are not resolved, threw by timeout"
-            );
-            reject(error);
-          }
-        }, WAIT_INJECTED_TIMEOUT);
-      };
-      timeout();
-      const _waitContextInjectedPromise = globalThis[this.key];
-      _waitContextInjectedPromise.then(() => {
-        injected = true;
-        clearTimeout(timeoutId);
-        resolve();
-      });
-    });
-  }
-}
-const ENVIRONMENT_CONTEXT_KEY = "__ENVIRONMENT_CONTEXT_KEY";
-var PlatformEnvironment = /* @__PURE__ */ ((PlatformEnvironment2) => {
-  PlatformEnvironment2["Worker"] = "Worker";
-  PlatformEnvironment2["Frame"] = "Frame";
-  PlatformEnvironment2["ComponentPanel"] = "ComponentPanel";
-  return PlatformEnvironment2;
-})(PlatformEnvironment || {});
-class EnvironmentContext {
-  constructor(environmentContext) {
-    this.environmentContext = environmentContext;
-  }
-  static status = new ContextInjectionStatus("environment");
-  static async inject(context) {
-    if (globalThis[ENVIRONMENT_CONTEXT_KEY]) {
-      throw createEditorPlatformApplicationContextError(
-        EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-        "Environment context already exists and should not be overridden"
-      );
-    }
-    globalThis[ENVIRONMENT_CONTEXT_KEY] = new EnvironmentContext(context);
-    this.status.resolveInjected();
-  }
-  static async getInstance() {
-    await this.status.waitInjected();
-    return globalThis[ENVIRONMENT_CONTEXT_KEY];
-  }
-  getPrivateAPI() {
-    return this.environmentContext.privateApi;
-  }
-  getEvents() {
-    return this.environmentContext.events;
-  }
-  getApplicationAPIs() {
-    return this.environmentContext.applicationAPIs ?? {};
-  }
-  getEnvironment() {
-    return this.environmentContext.environment;
-  }
-}
-const APPLICATION_CONTEXT_KEY = "__APPLICATION_CONTEXT_KEY";
-class ApplicationContext {
-  constructor(applicationContext, environment) {
-    this.applicationContext = applicationContext;
-    this.environment = environment;
-    this.events = new ApplicationBoundEvents(
-      this.applicationContext.appDefinitionId,
-      this.environment.getEvents(),
-      this.environment.getPrivateAPI()
-    );
-  }
-  static status = new ContextInjectionStatus("application");
-  /**
-   * TODO: use generics for context type
-   * - application
-   * - editor
-   */
-  static async inject(context) {
-    const environment = await EnvironmentContext.getInstance();
-    if (environment.getEnvironment() !== PlatformEnvironment.Frame) {
-      throw createEditorPlatformApplicationContextError(
-        EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-        "Application context can be injected only in frame environment"
-      );
-    }
-    if (globalThis[APPLICATION_CONTEXT_KEY]) {
-      throw createEditorPlatformApplicationContextError(
-        EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-        "Application context already exists and should not be overridden"
-      );
-    }
-    globalThis[APPLICATION_CONTEXT_KEY] = new ApplicationContext(
-      context,
-      await EnvironmentContext.getInstance()
-    );
-    this.status.resolveInjected();
-  }
-  static async getInstance() {
-    const environment = await EnvironmentContext.getInstance();
-    if (environment.getEnvironment() === PlatformEnvironment.Frame) {
-      await this.status.waitInjected();
-      return globalThis[APPLICATION_CONTEXT_KEY];
-    } else {
-      return __APPLICATION_CONTEXT_KEY;
-    }
-  }
-  events;
-  getAppDefinitionId() {
-    return this.applicationContext.appDefinitionId;
-  }
-  getBindings() {
-    return this.applicationContext;
-  }
-  getEvents() {
-    return this.events;
-  }
-  getPrivateAPI() {
-    return this.environment.getPrivateAPI();
-  }
-  getPrivateApplicationAPI() {
-    const appDefinitionId = this.getAppDefinitionId();
-    if (!appDefinitionId) {
-      throw createEditorPlatformApplicationContextError(
-        EditorPlatformApplicationContextErrorCode.IncorrectEnvironment,
-        "appDefinitionId is not available"
-      );
-    }
-    return this.environment.getApplicationAPIs()[appDefinitionId];
-  }
-}
+new EditorPlatformContextEnvironment().expose();
 
 class EditorPlatformSDKAuthError extends BaseError {
   state = {};
@@ -335,118 +64,110 @@ const auth = () => {
   };
 };
 
-const INIT_KEY = "_EP_TRANSPORT_INIT_KEY";
-if (!globalThis[INIT_KEY]) {
-  const isWorker = typeof importScripts === "function";
-  if (isWorker) {
-    WorkerConsumerEndpoint.exposeAPI(new PlatformWorkerAPI());
-  } else {
-    IFrameConsumerEndpoint.exposeAPI(new PlatformFrameAPI());
-  }
-  globalThis[INIT_KEY] = true;
-}
-
 class PlatformSDKShape {
-  constructor(namespace, shape) {
+  constructor(namespace, shapeConstructor) {
     this.namespace = namespace;
-    this.shape = shape;
+    this.shapeConstructor = shapeConstructor;
   }
   build() {
-    return createHostModule(
-      Object.fromEntries(
-        Object.entries(this.shape).map(([key, value]) => [
-          key,
-          (host) => {
-            if (host?.environmentContext && host?.applicationContext) {
-              return async (...args) => {
-                const [environmentContext, applicationContext] = await Promise.all([
-                  host.environmentContext,
-                  host.applicationContext
-                ]);
-                return value({
-                  environmentContext,
-                  applicationContext
-                })(...args);
-              };
-            }
-            return async (...args) => {
-              const [environmentContext, applicationContext] = await Promise.all([
-                EnvironmentContext.getInstance(),
-                ApplicationContext.getInstance()
-              ]);
-              return value({
-                environmentContext,
-                applicationContext
-              })(...args);
-            };
-          }
-        ])
-      )
+    const instance = new this.shapeConstructor();
+    const methods = Object.getOwnPropertyNames(
+      Object.getPrototypeOf(instance)
+    ).filter(
+      (prop) => prop !== "constructor" && typeof // @ts-expect-error
+      instance[prop] === "function"
     );
+    const api = methods.reduce((acc, method) => {
+      return {
+        ...acc,
+        [method]: (host) => {
+          if (host?.applicationContext) {
+            const _instance = instance.withApplicationContext(
+              host.applicationContext
+            );
+            return _instance[method].bind(_instance);
+          } else {
+            return instance[method].bind(instance);
+          }
+        }
+      };
+    }, {});
+    return createHostModule(api);
   }
 }
 
-const applicationShape = new PlatformSDKShape("application", {
-  getPrivateAPI({ applicationContext }) {
-    return async () => {
-      return applicationContext.getPrivateApplicationAPI();
-    };
-  },
-  getPublicAPI({ applicationContext }) {
-    return async (appDefinitionId) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.applicationManager.getPublicApplicationAPI(
-        appDefinitionId
-      );
-    };
-  },
-  getAppInstance({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      const bindings = applicationContext.getBindings();
-      return privateAPI.info.getAppInstance(bindings.appDefinitionId);
-    };
+class BaseSDKShape {
+  /**
+   * note, constructor might be called multiple times
+   * because of the context override
+   */
+  constructor(overrideApplicationContext = null) {
+    this.overrideApplicationContext = overrideApplicationContext;
+  }
+  getApplicationContext() {
+    return this.overrideApplicationContext ? this.overrideApplicationContext : ApplicationContext.getInstance();
+  }
+  async getEnvironmentContext() {
+    return (await this.getApplicationContext()).getEnvironmentContext();
+  }
+  async getPlatformPrivateAPI() {
+    return (await this.getApplicationContext()).getPrivateAPI();
   }
-});
-var index$4 = applicationShape.build();
+  async getContextBindings() {
+    return (await this.getApplicationContext()).getBindings();
+  }
+  withApplicationContext(applicationContext) {
+    return new this.constructor(applicationContext);
+  }
+}
 
-const componentsShape = new PlatformSDKShape("components", {
-  getSelectedComponents({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      const refs = await privateAPI.components.getSelectedComponents();
-      return Promise.all(
-        refs.map((ref) => privateAPI.components.getComponent(ref))
-      );
-    };
+class ApplicationSDKShape extends BaseSDKShape {
+  async getPrivateAPI() {
+    return (await this.getApplicationContext()).getPrivateApplicationAPI();
+  }
+  async getPublicAPI(appDefinitionId) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.applicationManager.getPublicApplicationAPI(
+      appDefinitionId
+    );
+  }
+  async getAppInstance() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    const bindings = await this.getContextBindings();
+    return privateAPI.info.getAppInstance(bindings.appDefinitionId);
   }
-});
-var components = componentsShape.build();
+}
+var index$5 = new PlatformSDKShape("application", ApplicationSDKShape).build();
 
-const eventsShape = new PlatformSDKShape("events", {
-  addEventListener({ applicationContext }) {
-    return async (name, cb) => {
-      return applicationContext.getEvents().addEventListener(name, cb);
-    };
+class ComponentsSDKShape extends BaseSDKShape {
+  async getSelectedComponents() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    const refs = await privateAPI.components.getSelectedComponents();
+    return Promise.all(
+      refs.map((ref) => privateAPI.components.getComponent(ref))
+    );
   }
-});
-var index$3 = eventsShape.build();
+}
+var components = new PlatformSDKShape("components", ComponentsSDKShape).build();
 
-const infoShape = new PlatformSDKShape("info", {
-  getViewMode({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.info.getViewMode();
-    };
-  },
-  getLanguageCode({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.info.getLanguageCode();
-    };
+class EventsSDKShape extends BaseSDKShape {
+  async addEventListener(name, cb) {
+    return (await this.getApplicationContext()).getEvents().addEventListener(name, cb);
+  }
+}
+var index$4 = new PlatformSDKShape("events", EventsSDKShape).build();
+
+class InfoSDKShape extends BaseSDKShape {
+  async getViewMode() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.info.getViewMode();
+  }
+  async getLanguageCode() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.info.getLanguageCode();
   }
-});
-var index$2 = infoShape.build();
+}
+var index$3 = new PlatformSDKShape("info", InfoSDKShape).build();
 
 var WidgetShapeErrorCode = /* @__PURE__ */ ((WidgetShapeErrorCode2) => {
   WidgetShapeErrorCode2["UndefinedCompRef"] = "UndefinedCompRef";
@@ -459,31 +180,28 @@ class WidgetShapeError extends BaseError {
 }
 const createWidgetShapeError = createErrorBuilder(WidgetShapeError);
 
-const getSelectedComponentRef = async () => {
-  const selected = await components.getSelectedComponents();
-  const compRef = selected[0]?.compRef;
-  if (!compRef) {
-    throw createWidgetShapeError(WidgetShapeErrorCode.UndefinedCompRef);
-  }
-  return compRef;
-};
-const widgetShape = new PlatformSDKShape("widget", {
-  getProp({ applicationContext }) {
-    return async (propName) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      const compRef = await getSelectedComponentRef();
-      return privateAPI.customElement.getAttribute(compRef, propName);
-    };
-  },
-  setProp({ applicationContext }) {
-    return async (propName, value) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      const compRef = await getSelectedComponentRef();
-      await privateAPI.customElement.setAttribute(compRef, propName, value);
-    };
+class WidgetSDKShape extends BaseSDKShape {
+  async getProp(propName) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    const compRef = await this.#getSelectedComponentRef();
+    return privateAPI.customElement.getAttribute(compRef, propName);
+  }
+  async setProp(propName, value) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    const compRef = await this.#getSelectedComponentRef();
+    await privateAPI.customElement.setAttribute(compRef, propName, value);
+  }
+  async #getSelectedComponentRef() {
+    const selected = await components.getSelectedComponents();
+    const compRef = selected[0]?.compRef;
+    if (!compRef) {
+      throw createWidgetShapeError(WidgetShapeErrorCode.UndefinedCompRef);
+    }
+    return compRef;
   }
-});
-var index$1 = widgetShape.build();
+}
+const widgetShape = new PlatformSDKShape("widget", WidgetSDKShape);
+var index$2 = widgetShape.build();
 
 const UNDERLINE_DEFINITION = "underline";
 function extractFontVar(fontString) {
@@ -588,145 +306,125 @@ const fonts = {
     }
   }
 };
-const inputsShape = new PlatformSDKShape("inputs", {
-  selectColor({ applicationContext }) {
-    return async (value, options) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      let colorValue = parseColorString(value);
-      let colorResult = colorValueToCSS(colorValue);
-      await privateAPI.inputs.openColorPicker(
-        {
-          color: colorValue?.cssVariableName || colorValue?.theme || colorValue?.color
-        },
-        ({
+class InputsSDKShape extends BaseSDKShape {
+  async selectColor(value, options) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    let colorValue = parseColorString(value);
+    let colorResult = colorValueToCSS(colorValue);
+    await privateAPI.inputs.openColorPicker(
+      {
+        color: colorValue?.cssVariableName || colorValue?.theme || colorValue?.color
+      },
+      ({
+        color,
+        theme,
+        cssVariableTheme
+      }) => {
+        colorValue = {
           color,
           theme,
-          cssVariableTheme
-        }) => {
-          colorValue = {
-            color,
-            theme,
-            cssVariableName: cssVariableTheme
-          };
-          colorResult = colorValueToCSS(colorValue);
-          options?.onChange?.(colorResult);
-        }
-      );
-      return colorResult;
-    };
-  },
-  selectFont({ applicationContext }) {
-    return async (value, options) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      const fontValue = parseFontString(value);
-      let _value = value;
-      await privateAPI.inputs.openFontPickerV2(
-        {
-          ...options,
-          panelSectionsDefinition: {
-            htmlTag: "hidden"
-          },
-          componentStyle: fonts.transformFontInternalValue(fontValue)
+          cssVariableName: cssVariableTheme
+        };
+        colorResult = colorValueToCSS(colorValue);
+        options?.onChange?.(colorResult);
+      }
+    );
+    return colorResult;
+  }
+  async selectFont(value, options) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    const fontValue = parseFontString(value);
+    let _value = value;
+    await privateAPI.inputs.openFontPickerV2(
+      {
+        ...options,
+        panelSectionsDefinition: {
+          htmlTag: "hidden"
         },
-        (font, accessibility) => {
-          _value = {
-            font: fontValueToCSS(font),
-            textDecoration: font.underline ? UNDERLINE_DEFINITION : void 0
-          };
-          options?.onChange?.(_value);
-        }
-      );
-      return _value;
-    };
+        componentStyle: fonts.transformFontInternalValue(fontValue)
+      },
+      (font, accessibility) => {
+        _value = {
+          font: fontValueToCSS(font),
+          textDecoration: font.underline ? UNDERLINE_DEFINITION : void 0
+        };
+        options?.onChange?.(_value);
+      }
+    );
+    return _value;
   }
-});
-var index = inputsShape.build();
+}
+var index$1 = new PlatformSDKShape("inputs", InputsSDKShape).build();
 
-const externalPanels = new PlatformSDKShape("externalPanels", {
-  getData({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.getData();
-    };
-  },
-  setData({ applicationContext }) {
-    return async (newData) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.setData(newData);
-    };
-  },
-  getStyle({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.getStyle();
-    };
-  },
-  setStyle({ applicationContext }) {
-    return async (newStyle) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.setStyle(newStyle);
-    };
-  },
-  getTheme({ applicationContext }) {
-    return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.getTheme();
-    };
-  },
-  selectMedia({ applicationContext }) {
+class ExternalPanelsSDKShape extends BaseSDKShape {
+  async getData() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.getData();
+  }
+  async setData(newData) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.setData(newData);
+  }
+  async getStyle() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.getStyle();
+  }
+  async setStyle(newStyle) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.setStyle(newStyle);
+  }
+  async getTheme() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.getTheme();
+  }
+  async selectMedia() {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.selectMedia();
+  }
+  async selectLink(...options) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.selectLink(...options);
+  }
+  async selectColor(...options) {
     return async () => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.selectMedia();
-    };
-  },
-  selectLink({ applicationContext }) {
-    return async (...options) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.selectLink(...options);
-    };
-  },
-  selectColor({ applicationContext }) {
-    return async (...options) => {
-      const privateAPI = applicationContext.getPrivateAPI();
+      const privateAPI = await this.getPlatformPrivateAPI();
       return privateAPI.externalPanels.selectColor(...options);
     };
-  },
-  translate({ applicationContext }) {
-    return async (key, values) => {
-      const privateAPI = applicationContext.getPrivateAPI();
-      return privateAPI.externalPanels.translate(key, values);
-    };
   }
-});
-var externalPanels$1 = externalPanels.build();
+  async translate(key, values) {
+    const privateAPI = await this.getPlatformPrivateAPI();
+    return privateAPI.externalPanels.translate(key, values);
+  }
+}
+var index = new PlatformSDKShape(
+  "externalPanels",
+  ExternalPanelsSDKShape
+).build();
 
-const editorPlatformFrameHost = () => {
+const frame = () => {
   const queryParams = new URLSearchParams(window.location.search);
   return {
     environment: {},
+    applicationContext: ApplicationContext.getInstance(),
     channel: {
       observeState: async () => {
         return { disconnect() {
         } };
       }
     },
-    environmentContext: EnvironmentContext.getInstance(),
-    applicationContext: ApplicationContext.getInstance(),
     essentials: queryParams.has("essentials") ? JSON.parse(queryParams.get("essentials")) : {}
   };
 };
-
-const editorPlatformWorkerHost = () => {
+const worker = () => {
   return {
     environment: {},
+    applicationContext: ApplicationContext.getInstance(),
     channel: {
       observeState: async () => {
         return { disconnect() {
         } };
       }
-    },
-    environmentContext: EnvironmentContext.getInstance(),
-    applicationContext: ApplicationContext.getInstance()
+    }
   };
 };
 
@@ -734,12 +432,12 @@ const editor = {
   host: () => {
     const isWorker = typeof importScripts === "function";
     if (isWorker) {
-      return editorPlatformWorkerHost();
+      return worker();
     }
-    return editorPlatformFrameHost();
+    return frame();
   },
   auth
 };
 
-export { index$4 as application, components, editor, index$3 as events, externalPanels$1 as externalPanels, index$2 as info, index as inputs, index$1 as widget };
+export { index$5 as application, components, editor, index$4 as events, index as externalPanels, index$3 as info, index$1 as inputs, index$2 as widget };
 //# sourceMappingURL=index.js.map