@contello/extension 8.13.2 → 8.14.0

package/dist/index.d.ts

@@ -1,6 +1,263 @@
-export { ContelloCustomProperty } from './custom-property';
-export { ContelloDialogRef } from './dialog-ref';
-export { ContelloDialog } from './dialog';
-export { ContelloExtension } from './extension';
-export { ExtensionChannel } from './channel';
-export * from './methods';
+declare class ContelloClient<D, O extends ContelloClientChildMethods, R extends ContelloClientParentMethods> {
+    protected channel: ExtensionChannel<O, R>;
+    protected projectId: string;
+    private resizeObserver?;
+    private targetOrigin;
+    data?: D;
+    private dialogs;
+    constructor(targetOrigin: string, channelId: string, projectId: string, debug: boolean);
+    connect(): Promise<void>;
+    ready(): Promise<R["ready"][1]>;
+    getAuthToken(): Promise<string>;
+    createProjectUrl(): string;
+    private createEntityEntryUrl;
+    createSingletonEntityUrl(referenceName: string): string;
+    createEntityDetailUrl(referenceName: string, params: ContelloEntityDetailParams): string;
+    /**
+     * @deprecated Use createEntityDetailUrl instead
+     */
+    createEntityUrl(referenceName: string, entityId: string): string;
+    createExtensionUrl(referenceName: string, params?: {
+        path?: string[];
+        query?: {
+            [prop: string]: string;
+        };
+    }): string;
+    navigate(url: string): Promise<R["navigate"][1]>;
+    displayNotification(type: 'success' | 'error', message: string): Promise<R["displayNotification"][1]>;
+    openDialog<D, T>(options: ContelloDialogOptions<D>): ContelloDialogRef<D, T>;
+    private listenForResize;
+    private getWindowHeight;
+    private getDialogController;
+}
+
+export declare interface ContelloClientChildMethods extends ContelloMethods {
+    dialogConnect: [{
+        id: string;
+    }, void];
+    dialogReady: [{
+        id: string;
+    }, void];
+    dialogComplete: [{
+        id: string;
+        value: any;
+    }, void];
+}
+
+export declare interface ContelloClientParentMethods extends ContelloMethods {
+    connect: [void, {
+        connected: boolean;
+        data: any;
+    }];
+    resize: [{
+        height: number;
+    }, void];
+    ready: [{
+        height: number;
+    }, void];
+    getAuthToken: [void, {
+        token: string;
+    }];
+    navigate: [{
+        url: string;
+    }, void];
+    displayNotification: [{
+        message: string;
+        type: 'success' | 'error';
+    }, void];
+    openDialog: [{
+        url: string;
+        width: number;
+        data: any;
+    }, {
+        id: string;
+    }];
+    closeDialog: [{
+        id: string;
+    }, void];
+    complete: [{
+        value: any;
+    }, void];
+}
+
+export declare class ContelloCustomProperty extends ContelloClient<void, ContelloCustomPropertyChildMethods, ContelloCustomPropertyParentMethods> {
+    static connect(options: ContelloCustomPropertyOptions): Promise<ContelloCustomProperty>;
+    validate: () => boolean;
+    newValue: (value: string) => void;
+    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
+    getValue(): Promise<string>;
+    setValue(value: string): Promise<void>;
+    getValueByPath(path: string): Promise<any>;
+    setValueByPath(path: string, value: any): Promise<void>;
+}
+
+export declare interface ContelloCustomPropertyChildMethods extends ContelloClientChildMethods {
+    validate: [void, {
+        valid: boolean;
+    }];
+    newValue: [{
+        value: string;
+    }, void];
+}
+
+declare interface ContelloCustomPropertyOptions {
+    trustedOrigins: string[];
+    validator?: () => boolean;
+    newValue?: (value: any) => void;
+}
+
+export declare interface ContelloCustomPropertyParentMethods extends ContelloClientParentMethods {
+    getValue: [void, {
+        value: string;
+    }];
+    setValue: [{
+        value: string;
+        valid: boolean;
+    }, void];
+    getValueByPath: [{
+        path: string;
+    }, {
+        value: any;
+    }];
+    setValueByPath: [{
+        path: string;
+        value: any;
+    }, void];
+}
+
+export declare class ContelloDialog<D, T> extends ContelloClient<D, any, any> {
+    static connect<D, T>({ trustedOrigins }: {
+        trustedOrigins: string[];
+    }): Promise<ContelloDialog<D, T>>;
+    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
+    close(value?: T): Promise<any>;
+}
+
+declare interface ContelloDialogOptions<D> {
+    url: string;
+    width?: number;
+    data?: D;
+}
+
+declare interface ContelloDialogParams<D, T> {
+    channel: ExtensionChannel<any, any>;
+    options: ContelloDialogOptions<D>;
+    controller: {
+        connected: Deferred<void>;
+        ready: Deferred<void>;
+        complete: Deferred<T>;
+        close: () => void;
+    };
+}
+
+export declare class ContelloDialogRef<D, T> {
+    private _id?;
+    readonly open: Promise<void>;
+    readonly connected: Promise<void>;
+    readonly ready: Promise<void>;
+    readonly complete: Promise<T>;
+    readonly close: () => void;
+    constructor({ channel, options, controller }: ContelloDialogParams<D, T>);
+    get id(): string | undefined;
+}
+
+declare type ContelloEntityDetailParams = {
+    mode: 'create';
+} | {
+    mode: 'edit';
+    id: string;
+} | {
+    mode: 'clone';
+    id: string;
+};
+
+export declare class ContelloExtension extends ContelloClient<void, ContelloExtensionChildMethods, ContelloExtensionParentMethods> {
+    static connect({ trustedOrigins }: ContelloExtensionOptions): Promise<ContelloExtension>;
+    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
+    getUrlData(): Promise<{
+        path: ContelloExtensionPath;
+        query: ContelloExtensionQuery;
+    }>;
+    setBreadcrumbs(breadcrumbs: ContelloExtensionBreadcrumb[]): Promise<void>;
+}
+
+export declare interface ContelloExtensionBreadcrumb {
+    label: string;
+    url?: string;
+}
+
+export declare type ContelloExtensionChildMethods = ContelloClientChildMethods;
+
+declare interface ContelloExtensionOptions {
+    trustedOrigins: string[];
+}
+
+export declare interface ContelloExtensionParentMethods extends ContelloClientParentMethods {
+    getUrlData: [void, {
+        path: ContelloExtensionPath;
+        query: ContelloExtensionQuery;
+    }];
+    setBreadcrumbs: [{
+        breadcrumbs: ContelloExtensionBreadcrumb[];
+    }, void];
+}
+
+export declare type ContelloExtensionPath = string[];
+
+export declare interface ContelloExtensionQuery {
+    [prop: string]: string;
+}
+
+export declare interface ContelloMethods {
+    [prop: string]: [unknown, unknown];
+}
+
+declare class Deferred<T> {
+    resolve: (value?: T) => void;
+    reject: (reason?: any) => void;
+    promise: Promise<T>;
+}
+
+export declare class ExtensionChannel<OWN extends ContelloMethods, REMOTE extends ContelloMethods> {
+    private params;
+    handlers: Map<any, any>;
+    listeners: Map<string, Handler<any, any>>;
+    private targetWindow;
+    private channelId;
+    private targetOrigin;
+    private isParent;
+    constructor(params: {
+        debug: boolean;
+    });
+    populateChannelId(): string;
+    connectParent(targetOrigin: string, channelId: string): void;
+    connectChild(targetWindow: Window): void;
+    getChannelId(): string;
+    getIsDebug(): boolean;
+    getTargetOrigin(): string;
+    getTargetWindow(): Window;
+    private connect;
+    disconnect(): void;
+    private handler;
+    respond(request: ExtensionEvent, payload: ExtensionEventPayload): void;
+    respondError(request: ExtensionEvent, error: any): void;
+    on<M extends keyof OWN>(method: M, handler: Handler<OWN[M][0], OWN[M][1]>): void;
+    call<M extends keyof REMOTE>(method: M, message?: REMOTE[M][0]): Promise<REMOTE[M][1]>;
+    send(data: ExtensionEvent): void;
+    private createChannelId;
+    private createRequestId;
+}
+
+declare interface ExtensionEvent<T extends ExtensionEventPayload = ExtensionEventPayload> {
+    channelId: string;
+    requestId: string;
+    method: string;
+    payload?: T;
+    error?: string;
+}
+
+declare type ExtensionEventPayload = object;
+
+declare type Handler<REQ, RES> = (msg: REQ) => RES | Promise<RES>;
+
+export { }

package/dist/index.js

@@ -1,26 +1,14 @@
-var p = Object.defineProperty;
-var I = (l, e, t) => e in l ? p(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var i = (l, e, t) => (I(l, typeof e != "symbol" ? e + "" : e, t), t);
-let y = 0, m = 0;
-class v {
+let u = 0, p = 0;
+class w {
   constructor(e) {
-    i(this, "handlers", /* @__PURE__ */ new Map());
-    i(this, "listeners", /* @__PURE__ */ new Map());
-    i(this, "targetWindow");
-    i(this, "channelId");
-    i(this, "targetOrigin");
-    i(this, "isParent");
-    i(this, "handler", (e) => {
-      var t;
-      if (e.data.channelId === this.channelId && (this.targetOrigin === "*" || e.origin === this.targetOrigin)) {
-        const { channelId: n, requestId: r, method: a } = e.data;
-        n === this.channelId && (this.params.debug && console.log(this.isParent ? "Parent received" : "Child received", e.data), this.handlers.has(r) ? this.handlers.get(r)(e.data) : this.listeners.has(a) && Promise.resolve(
-          (t = this.listeners.get(a)) == null ? void 0 : t(e.data.payload)
-        ).then((s) => this.respond(e.data, s)).catch((s) => this.respondError(e.data, s)));
-      }
-    });
     this.params = e;
   }
+  handlers = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Map();
+  targetWindow;
+  channelId;
+  targetOrigin;
+  isParent;
   populateChannelId() {
     return this.channelId || (this.channelId = this.createChannelId()), this.channelId;
   }
@@ -48,6 +36,12 @@ class v {
   disconnect() {
     window.removeEventListener("message", this.handler);
   }
+  handler = (e) => {
+    if (e.data.channelId === this.channelId && (this.targetOrigin === "*" || e.origin === this.targetOrigin)) {
+      const { channelId: t, requestId: n, method: r } = e.data;
+      t === this.channelId && (this.params.debug && console.log(this.isParent ? "Parent received" : "Child received", e.data), this.handlers.has(n) ? this.handlers.get(n)(e.data) : this.listeners.has(r) && Promise.resolve(this.listeners.get(r)?.(e.data.payload)).then((i) => this.respond(e.data, i)).catch((i) => this.respondError(e.data, i)));
+    }
+  };
   respond(e, t) {
     this.send({ channelId: e.channelId, requestId: e.requestId, method: e.method, payload: t });
   }
@@ -59,70 +53,58 @@ class v {
   }
   call(e, t) {
     return new Promise((n, r) => {
-      const a = this.createRequestId();
-      this.send({ channelId: this.channelId, requestId: a, method: e, payload: t }), this.handlers.set(a, (s) => {
-        if (this.handlers.delete(a), s.error)
-          return r(s.error);
-        n(s.payload);
+      const i = this.createRequestId();
+      this.send({ channelId: this.channelId, requestId: i, method: e, payload: t }), this.handlers.set(i, (a) => {
+        if (this.handlers.delete(i), a.error)
+          return r(a.error);
+        n(a.payload);
       });
     });
   }
   send(e) {
-    var t;
-    (t = this.targetWindow) == null || t.postMessage(e, this.targetOrigin);
+    this.targetWindow?.postMessage(e, this.targetOrigin);
   }
   createChannelId() {
-    return `contello-channel-${++y}-${Math.random().toString(36).substring(2)}`;
+    return `contello-channel-${++u}-${Math.random().toString(36).substring(2)}`;
   }
   createRequestId() {
-    return `${this.isParent ? "parent" : "child"}-request-${++m}-${Math.random().toString(36).substring(2)}`;
+    return `${this.isParent ? "parent" : "child"}-request-${++p}-${Math.random().toString(36).substring(2)}`;
   }
 }
-class P {
+class l {
+  resolve;
+  reject;
+  promise = new Promise((e, t) => {
+    this.resolve = e, this.reject = t;
+  });
+}
+class m {
+  _id;
+  open;
+  connected;
+  ready;
+  complete;
+  close;
   constructor({ channel: e, options: t, controller: n }) {
-    i(this, "_id");
-    i(this, "open");
-    i(this, "connected");
-    i(this, "ready");
-    i(this, "complete");
-    i(this, "close");
     this.open = e.call("openDialog", t).then(({ id: r }) => this._id = r), this.connected = n.connected.promise, this.ready = n.ready.promise, this.complete = n.complete.promise, this.close = n.close;
   }
   get id() {
     return this._id;
   }
 }
-class c {
-  constructor() {
-    i(this, "resolve");
-    i(this, "reject");
-    i(this, "promise", new Promise((e, t) => {
-      this.resolve = e, this.reject = t;
-    }));
-  }
-}
-class h {
+class o {
+  channel;
+  projectId;
+  resizeObserver;
+  targetOrigin;
+  data;
+  dialogs = /* @__PURE__ */ new Map();
   constructor(e, t, n, r) {
-    i(this, "channel");
-    i(this, "projectId");
-    i(this, "resizeObserver");
-    i(this, "targetOrigin");
-    i(this, "data");
-    i(this, "dialogs", /* @__PURE__ */ new Map());
-    this.channel = new v({ debug: r }), this.channel.connectParent(e, t), this.projectId = n, this.targetOrigin = e;
+    this.channel = new w({ debug: r }), this.channel.connectParent(e, t), this.projectId = n, this.targetOrigin = e;
   }
   connect() {
     return this.channel.call("connect").then(({ data: e }) => {
-      this.channel.on("dialogConnect", ({ id: t }) => {
-        var n;
-        return (n = this.getDialogController(t)) == null ? void 0 : n.connected.resolve();
-      }), this.channel.on("dialogReady", ({ id: t }) => {
-        var n;
-        return (n = this.getDialogController(t)) == null ? void 0 : n.ready.resolve();
-      }), this.channel.on("dialogComplete", ({ id: t, value: n }) => {
-        var r;
-        return (r = this.getDialogController(t)) == null ? void 0 : r.complete.resolve(n);
-      }), this.data = e;
+      this.channel.on("dialogConnect", ({ id: t }) => this.getDialogController(t)?.connected.resolve()), this.channel.on("dialogReady", ({ id: t }) => this.getDialogController(t)?.ready.resolve()), this.channel.on("dialogComplete", ({ id: t, value: n }) => this.getDialogController(t)?.complete.resolve(n)), this.data = e;
     });
   }
   ready() {
@@ -151,8 +133,7 @@ class h {
     return this.createEntityDetailUrl(e, { mode: "edit", id: t });
   }
   createExtensionUrl(e, t) {
-    var a;
-    const n = ((a = t == null ? void 0 : t.path) == null ? void 0 : a.join("/")) || "", r = new URLSearchParams((t == null ? void 0 : t.query) || {}).toString();
+    const n = t?.path?.join("/") || "", r = new URLSearchParams(t?.query || {}).toString();
     return `${this.createProjectUrl()}/extensions/${e}${n ? `/${n}` : ""}${r ? `?${r}` : ""}`;
   }
   navigate(e) {
@@ -163,15 +144,15 @@ class h {
   }
   openDialog(e) {
     const t = {
-      connected: new c(),
-      ready: new c(),
-      complete: new c(),
+      connected: new l(),
+      ready: new l(),
+      complete: new l(),
       close: () => {
         if (!this.channel)
           throw new Error("The channel is not yet initialized");
         this.channel.call("closeDialog", { id: n.id }), this.dialogs.delete(n);
       }
-    }, n = new P({ channel: this.channel, options: e, controller: t });
+    }, n = new m({ channel: this.channel, options: e, controller: t });
     return this.dialogs.set(n, t), n.complete.then(() => this.dialogs.delete(n)), n;
   }
   listenForResize() {
@@ -180,11 +161,7 @@ class h {
     }), this.resizeObserver.observe(document.documentElement);
   }
   getWindowHeight() {
-    return Math.max(
-      document.body.scrollHeight,
-      document.body.offsetHeight,
-      document.body.clientHeight
-    );
+    return Math.max(document.body.scrollHeight, document.body.offsetHeight, document.body.clientHeight);
   }
   getDialogController(e) {
     const t = Array.from(this.dialogs.keys()).find((n) => n.id === e);
@@ -192,47 +169,46 @@ class h {
       return this.dialogs.get(t);
   }
 }
-function d(l) {
-  const e = new URL(location.href), t = e.searchParams.get("channelId"), n = e.searchParams.get("origin"), r = e.searchParams.get("applicationId"), a = e.searchParams.get("debug") === "true";
+function c(s) {
+  const e = new URL(location.href), t = e.searchParams.get("channelId"), n = e.searchParams.get("origin"), r = e.searchParams.get("applicationId"), i = e.searchParams.get("debug") === "true";
   if (!t || !n || !r)
     throw new Error("Missing required URL parameters");
-  if (!(l != null && l.length))
+  if (!s?.length)
     throw new Error("No trusted origins provided");
-  if (!l.includes(n))
+  if (!s.includes(n))
     throw new Error(`Origin ${n} is not trusted`);
-  return { channelId: t, targetOrigin: n, applicationId: r, debug: a };
+  return { channelId: t, targetOrigin: n, applicationId: r, debug: i };
 }
-class g extends h {
-  constructor(t, n, r, a) {
-    super(t, n, r, a);
-    i(this, "validate", () => !0);
-    i(this, "newValue", () => null);
-    this.channel.on("validate", async () => ({ valid: await Promise.resolve(this.validate()) })), this.channel.on("newValue", async (s) => {
-      await Promise.resolve(this.newValue(s.value));
-    });
+class h extends o {
+  static connect(e) {
+    const { targetOrigin: t, channelId: n, applicationId: r, debug: i } = c(e.trustedOrigins), a = new h(t, n, r, i);
+    return a.validate = e.validator || (() => !0), a.newValue = e.newValue || (() => null), a.connect().then(() => a);
   }
-  static connect(t) {
-    const { targetOrigin: n, channelId: r, applicationId: a, debug: s } = d(t.trustedOrigins), o = new g(n, r, a, s);
-    return o.validate = t.validator || (() => !0), o.newValue = t.newValue || (() => null), o.connect().then(() => o);
+  validate = () => !0;
+  newValue = () => null;
+  constructor(e, t, n, r) {
+    super(e, t, n, r), this.channel.on("validate", async () => ({ valid: await Promise.resolve(this.validate()) })), this.channel.on("newValue", async (i) => {
+      await Promise.resolve(this.newValue(i.value));
+    });
   }
   async getValue() {
     return (await this.channel.call("getValue")).value;
   }
-  async setValue(t) {
-    const n = await Promise.resolve(this.validate());
-    return await this.channel.call("setValue", { value: t, valid: n });
+  async setValue(e) {
+    const t = await Promise.resolve(this.validate());
+    return await this.channel.call("setValue", { value: e, valid: t });
   }
-  async getValueByPath(t) {
-    return (await this.channel.call("getValueByPath", { path: t })).value;
+  async getValueByPath(e) {
+    return (await this.channel.call("getValueByPath", { path: e })).value;
   }
-  async setValueByPath(t, n) {
-    return this.channel.call("setValueByPath", { value: n, path: t });
+  async setValueByPath(e, t) {
+    return this.channel.call("setValueByPath", { value: t, path: e });
   }
 }
-class u extends h {
+class d extends o {
   static connect({ trustedOrigins: e }) {
-    const { targetOrigin: t, channelId: n, applicationId: r, debug: a } = d(e), s = new u(t, n, r, a);
-    return s.connect().then(() => s);
+    const { targetOrigin: t, channelId: n, applicationId: r, debug: i } = c(e), a = new d(t, n, r, i);
+    return a.connect().then(() => a);
   }
   constructor(e, t, n, r) {
     super(e, t, n, r);
@@ -241,10 +217,10 @@ class u extends h {
     return this.channel.call("complete", { value: e });
   }
 }
-class w extends h {
+class g extends o {
   static connect({ trustedOrigins: e }) {
-    const { targetOrigin: t, channelId: n, applicationId: r, debug: a } = d(e), s = new w(t, n, r, a);
-    return s.connect().then(() => s);
+    const { targetOrigin: t, channelId: n, applicationId: r, debug: i } = c(e), a = new g(t, n, r, i);
+    return a.connect().then(() => a);
   }
   constructor(e, t, n, r) {
     super(e, t, n, r);
@@ -257,9 +233,9 @@ class w extends h {
   }
 }
 export {
-  g as ContelloCustomProperty,
-  u as ContelloDialog,
-  P as ContelloDialogRef,
-  w as ContelloExtension,
-  v as ExtensionChannel
+  h as ContelloCustomProperty,
+  d as ContelloDialog,
+  m as ContelloDialogRef,
+  g as ContelloExtension,
+  w as ExtensionChannel
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.ContelloExtension={}))})(this,function(l){"use strict";var P=Object.defineProperty;var v=(l,o,h)=>o in l?P(l,o,{enumerable:!0,configurable:!0,writable:!0,value:h}):l[o]=h;var r=(l,o,h)=>(v(l,typeof o!="symbol"?o+"":o,h),h);let o=0,h=0;class m{constructor(e){r(this,"handlers",new Map);r(this,"listeners",new Map);r(this,"targetWindow");r(this,"channelId");r(this,"targetOrigin");r(this,"isParent");r(this,"handler",e=>{var t;if(e.data.channelId===this.channelId&&(this.targetOrigin==="*"||e.origin===this.targetOrigin)){const{channelId:n,requestId:i,method:a}=e.data;n===this.channelId&&(this.params.debug&&console.log(this.isParent?"Parent received":"Child received",e.data),this.handlers.has(i)?this.handlers.get(i)(e.data):this.listeners.has(a)&&Promise.resolve((t=this.listeners.get(a))==null?void 0:t(e.data.payload)).then(s=>this.respond(e.data,s)).catch(s=>this.respondError(e.data,s)))}});this.params=e}populateChannelId(){return this.channelId||(this.channelId=this.createChannelId()),this.channelId}connectParent(e,t){this.channelId=t,this.targetOrigin=e,this.targetWindow=window.parent,this.isParent=!1,this.connect()}connectChild(e){this.populateChannelId(),this.targetWindow=e,this.targetOrigin="*",this.isParent=!0,this.connect()}getChannelId(){return this.channelId}getIsDebug(){return this.params.debug}getTargetOrigin(){return this.targetOrigin}getTargetWindow(){return this.targetWindow}connect(){window.addEventListener("message",this.handler)}disconnect(){window.removeEventListener("message",this.handler)}respond(e,t){this.send({channelId:e.channelId,requestId:e.requestId,method:e.method,payload:t})}respondError(e,t){this.send({channelId:e.channelId,requestId:e.requestId,method:e.method,error:t})}on(e,t){this.listeners.set(e,t)}call(e,t){return new Promise((n,i)=>{const a=this.createRequestId();this.send({channelId:this.channelId,requestId:a,method:e,payload:t}),this.handlers.set(a,s=>{if(this.handlers.delete(a),s.error)return i(s.error);n(s.payload)})})}send(e){var t;(t=this.targetWindow)==null||t.postMessage(e,this.targetOrigin)}createChannelId(){return`contello-channel-${++o}-${Math.random().toString(36).substring(2)}`}createRequestId(){return`${this.isParent?"parent":"child"}-request-${++h}-${Math.random().toString(36).substring(2)}`}}class f{constructor({channel:e,options:t,controller:n}){r(this,"_id");r(this,"open");r(this,"connected");r(this,"ready");r(this,"complete");r(this,"close");this.open=e.call("openDialog",t).then(({id:i})=>this._id=i),this.connected=n.connected.promise,this.ready=n.ready.promise,this.complete=n.complete.promise,this.close=n.close}get id(){return this._id}}class g{constructor(){r(this,"resolve");r(this,"reject");r(this,"promise",new Promise((e,t)=>{this.resolve=e,this.reject=t}))}}class u{constructor(e,t,n,i){r(this,"channel");r(this,"projectId");r(this,"resizeObserver");r(this,"targetOrigin");r(this,"data");r(this,"dialogs",new Map);this.channel=new m({debug:i}),this.channel.connectParent(e,t),this.projectId=n,this.targetOrigin=e}connect(){return this.channel.call("connect").then(({data:e})=>{this.channel.on("dialogConnect",({id:t})=>{var n;return(n=this.getDialogController(t))==null?void 0:n.connected.resolve()}),this.channel.on("dialogReady",({id:t})=>{var n;return(n=this.getDialogController(t))==null?void 0:n.ready.resolve()}),this.channel.on("dialogComplete",({id:t,value:n})=>{var i;return(i=this.getDialogController(t))==null?void 0:i.complete.resolve(n)}),this.data=e})}ready(){return this.listenForResize(),this.channel.call("ready",{height:this.getWindowHeight()})}getAuthToken(){return this.channel.call("getAuthToken").then(({token:e})=>e)}createProjectUrl(){return`${this.targetOrigin}/ui/projects/${this.projectId}`}createEntityEntryUrl(e){return`${this.createProjectUrl()}/entities/${e}`}createSingletonEntityUrl(e){return this.createEntityEntryUrl(e)}createEntityDetailUrl(e,t){const n=this.createEntityEntryUrl(e);return t.mode==="create"?`${n}/create`:`${n}/${t.mode}/${t.id}`}createEntityUrl(e,t){return this.createEntityDetailUrl(e,{mode:"edit",id:t})}createExtensionUrl(e,t){var a;const n=((a=t==null?void 0:t.path)==null?void 0:a.join("/"))||"",i=new URLSearchParams((t==null?void 0:t.query)||{}).toString();return`${this.createProjectUrl()}/extensions/${e}${n?`/${n}`:""}${i?`?${i}`:""}`}navigate(e){return this.channel.call("navigate",{url:e})}displayNotification(e,t){return this.channel.call("displayNotification",{type:e,message:t})}openDialog(e){const t={connected:new g,ready:new g,complete:new g,close:()=>{if(!this.channel)throw new Error("The channel is not yet initialized");this.channel.call("closeDialog",{id:n.id}),this.dialogs.delete(n)}},n=new f({channel:this.channel,options:e,controller:t});return this.dialogs.set(n,t),n.complete.then(()=>this.dialogs.delete(n)),n}listenForResize(){this.resizeObserver=new ResizeObserver(()=>{this.channel.call("resize",{height:this.getWindowHeight()})}),this.resizeObserver.observe(document.documentElement)}getWindowHeight(){return Math.max(document.body.scrollHeight,document.body.offsetHeight,document.body.clientHeight)}getDialogController(e){const t=Array.from(this.dialogs.keys()).find(n=>n.id===e);if(t)return this.dialogs.get(t)}}function p(c){const e=new URL(location.href),t=e.searchParams.get("channelId"),n=e.searchParams.get("origin"),i=e.searchParams.get("applicationId"),a=e.searchParams.get("debug")==="true";if(!t||!n||!i)throw new Error("Missing required URL parameters");if(!(c!=null&&c.length))throw new Error("No trusted origins provided");if(!c.includes(n))throw new Error(`Origin ${n} is not trusted`);return{channelId:t,targetOrigin:n,applicationId:i,debug:a}}class w extends u{constructor(t,n,i,a){super(t,n,i,a);r(this,"validate",()=>!0);r(this,"newValue",()=>null);this.channel.on("validate",async()=>({valid:await Promise.resolve(this.validate())})),this.channel.on("newValue",async s=>{await Promise.resolve(this.newValue(s.value))})}static connect(t){const{targetOrigin:n,channelId:i,applicationId:a,debug:s}=p(t.trustedOrigins),d=new w(n,i,a,s);return d.validate=t.validator||(()=>!0),d.newValue=t.newValue||(()=>null),d.connect().then(()=>d)}async getValue(){return(await this.channel.call("getValue")).value}async setValue(t){const n=await Promise.resolve(this.validate());return await this.channel.call("setValue",{value:t,valid:n})}async getValueByPath(t){return(await this.channel.call("getValueByPath",{path:t})).value}async setValueByPath(t,n){return this.channel.call("setValueByPath",{value:n,path:t})}}class y extends u{static connect({trustedOrigins:e}){const{targetOrigin:t,channelId:n,applicationId:i,debug:a}=p(e),s=new y(t,n,i,a);return s.connect().then(()=>s)}constructor(e,t,n,i){super(e,t,n,i)}close(e){return this.channel.call("complete",{value:e})}}class I extends u{static connect({trustedOrigins:e}){const{targetOrigin:t,channelId:n,applicationId:i,debug:a}=p(e),s=new I(t,n,i,a);return s.connect().then(()=>s)}constructor(e,t,n,i){super(e,t,n,i)}getUrlData(){return this.channel.call("getUrlData")}setBreadcrumbs(e){return this.channel.call("setBreadcrumbs",{breadcrumbs:e})}}l.ContelloCustomProperty=w,l.ContelloDialog=y,l.ContelloDialogRef=f,l.ContelloExtension=I,l.ExtensionChannel=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s.ContelloExtension={}))})(this,function(s){"use strict";let o=0,y=0;class m{constructor(e){this.params=e}handlers=new Map;listeners=new Map;targetWindow;channelId;targetOrigin;isParent;populateChannelId(){return this.channelId||(this.channelId=this.createChannelId()),this.channelId}connectParent(e,t){this.channelId=t,this.targetOrigin=e,this.targetWindow=window.parent,this.isParent=!1,this.connect()}connectChild(e){this.populateChannelId(),this.targetWindow=e,this.targetOrigin="*",this.isParent=!0,this.connect()}getChannelId(){return this.channelId}getIsDebug(){return this.params.debug}getTargetOrigin(){return this.targetOrigin}getTargetWindow(){return this.targetWindow}connect(){window.addEventListener("message",this.handler)}disconnect(){window.removeEventListener("message",this.handler)}handler=e=>{if(e.data.channelId===this.channelId&&(this.targetOrigin==="*"||e.origin===this.targetOrigin)){const{channelId:t,requestId:n,method:r}=e.data;t===this.channelId&&(this.params.debug&&console.log(this.isParent?"Parent received":"Child received",e.data),this.handlers.has(n)?this.handlers.get(n)(e.data):this.listeners.has(r)&&Promise.resolve(this.listeners.get(r)?.(e.data.payload)).then(i=>this.respond(e.data,i)).catch(i=>this.respondError(e.data,i)))}};respond(e,t){this.send({channelId:e.channelId,requestId:e.requestId,method:e.method,payload:t})}respondError(e,t){this.send({channelId:e.channelId,requestId:e.requestId,method:e.method,error:t})}on(e,t){this.listeners.set(e,t)}call(e,t){return new Promise((n,r)=>{const i=this.createRequestId();this.send({channelId:this.channelId,requestId:i,method:e,payload:t}),this.handlers.set(i,a=>{if(this.handlers.delete(i),a.error)return r(a.error);n(a.payload)})})}send(e){this.targetWindow?.postMessage(e,this.targetOrigin)}createChannelId(){return`contello-channel-${++o}-${Math.random().toString(36).substring(2)}`}createRequestId(){return`${this.isParent?"parent":"child"}-request-${++y}-${Math.random().toString(36).substring(2)}`}}class c{resolve;reject;promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}class w{_id;open;connected;ready;complete;close;constructor({channel:e,options:t,controller:n}){this.open=e.call("openDialog",t).then(({id:r})=>this._id=r),this.connected=n.connected.promise,this.ready=n.ready.promise,this.complete=n.complete.promise,this.close=n.close}get id(){return this._id}}class h{channel;projectId;resizeObserver;targetOrigin;data;dialogs=new Map;constructor(e,t,n,r){this.channel=new m({debug:r}),this.channel.connectParent(e,t),this.projectId=n,this.targetOrigin=e}connect(){return this.channel.call("connect").then(({data:e})=>{this.channel.on("dialogConnect",({id:t})=>this.getDialogController(t)?.connected.resolve()),this.channel.on("dialogReady",({id:t})=>this.getDialogController(t)?.ready.resolve()),this.channel.on("dialogComplete",({id:t,value:n})=>this.getDialogController(t)?.complete.resolve(n)),this.data=e})}ready(){return this.listenForResize(),this.channel.call("ready",{height:this.getWindowHeight()})}getAuthToken(){return this.channel.call("getAuthToken").then(({token:e})=>e)}createProjectUrl(){return`${this.targetOrigin}/ui/projects/${this.projectId}`}createEntityEntryUrl(e){return`${this.createProjectUrl()}/entities/${e}`}createSingletonEntityUrl(e){return this.createEntityEntryUrl(e)}createEntityDetailUrl(e,t){const n=this.createEntityEntryUrl(e);return t.mode==="create"?`${n}/create`:`${n}/${t.mode}/${t.id}`}createEntityUrl(e,t){return this.createEntityDetailUrl(e,{mode:"edit",id:t})}createExtensionUrl(e,t){const n=t?.path?.join("/")||"",r=new URLSearchParams(t?.query||{}).toString();return`${this.createProjectUrl()}/extensions/${e}${n?`/${n}`:""}${r?`?${r}`:""}`}navigate(e){return this.channel.call("navigate",{url:e})}displayNotification(e,t){return this.channel.call("displayNotification",{type:e,message:t})}openDialog(e){const t={connected:new c,ready:new c,complete:new c,close:()=>{if(!this.channel)throw new Error("The channel is not yet initialized");this.channel.call("closeDialog",{id:n.id}),this.dialogs.delete(n)}},n=new w({channel:this.channel,options:e,controller:t});return this.dialogs.set(n,t),n.complete.then(()=>this.dialogs.delete(n)),n}listenForResize(){this.resizeObserver=new ResizeObserver(()=>{this.channel.call("resize",{height:this.getWindowHeight()})}),this.resizeObserver.observe(document.documentElement)}getWindowHeight(){return Math.max(document.body.scrollHeight,document.body.offsetHeight,document.body.clientHeight)}getDialogController(e){const t=Array.from(this.dialogs.keys()).find(n=>n.id===e);if(t)return this.dialogs.get(t)}}function d(l){const e=new URL(location.href),t=e.searchParams.get("channelId"),n=e.searchParams.get("origin"),r=e.searchParams.get("applicationId"),i=e.searchParams.get("debug")==="true";if(!t||!n||!r)throw new Error("Missing required URL parameters");if(!l?.length)throw new Error("No trusted origins provided");if(!l.includes(n))throw new Error(`Origin ${n} is not trusted`);return{channelId:t,targetOrigin:n,applicationId:r,debug:i}}class g extends h{static connect(e){const{targetOrigin:t,channelId:n,applicationId:r,debug:i}=d(e.trustedOrigins),a=new g(t,n,r,i);return a.validate=e.validator||(()=>!0),a.newValue=e.newValue||(()=>null),a.connect().then(()=>a)}validate=()=>!0;newValue=()=>null;constructor(e,t,n,r){super(e,t,n,r),this.channel.on("validate",async()=>({valid:await Promise.resolve(this.validate())})),this.channel.on("newValue",async i=>{await Promise.resolve(this.newValue(i.value))})}async getValue(){return(await this.channel.call("getValue")).value}async setValue(e){const t=await Promise.resolve(this.validate());return await this.channel.call("setValue",{value:e,valid:t})}async getValueByPath(e){return(await this.channel.call("getValueByPath",{path:e})).value}async setValueByPath(e,t){return this.channel.call("setValueByPath",{value:t,path:e})}}class u extends h{static connect({trustedOrigins:e}){const{targetOrigin:t,channelId:n,applicationId:r,debug:i}=d(e),a=new u(t,n,r,i);return a.connect().then(()=>a)}constructor(e,t,n,r){super(e,t,n,r)}close(e){return this.channel.call("complete",{value:e})}}class p extends h{static connect({trustedOrigins:e}){const{targetOrigin:t,channelId:n,applicationId:r,debug:i}=d(e),a=new p(t,n,r,i);return a.connect().then(()=>a)}constructor(e,t,n,r){super(e,t,n,r)}getUrlData(){return this.channel.call("getUrlData")}setBreadcrumbs(e){return this.channel.call("setBreadcrumbs",{breadcrumbs:e})}}s.ContelloCustomProperty=g,s.ContelloDialog=u,s.ContelloDialogRef=w,s.ContelloExtension=p,s.ExtensionChannel=m,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,38 +1,41 @@
 {
   "name": "@contello/extension",
   "description": "Contello extension library",
-  "types": "./dist/index.d.ts",
+  "scripts": {
+    "start": "vite build --watch",
+    "build": "rm -rf dist/ && vite build",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
+    "patch": "node ci/patcher.js"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.10",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "eslint": "^9.30.1",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.1",
+    "npm-run-all": "^4.1.5",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.2",
+    "vite-plugin-dts": "^4.5.4"
+  },
   "author": "admin@entwico.com",
+  "license": "MIT",
+  "type": "module",
   "files": [
     "dist"
   ],
-  "type": "module",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
     }
   },
-  "license": "MIT",
-  "scripts": {
-    "start": "vite build --watch",
-    "build": "vite build",
-    "clear": "rm -rf dist",
-    "patch": "node ci/patcher.js",
-    "lint": "eslint src/**/*.ts"
-  },
-  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
-    "eslint": "^8.21.0",
-    "npm-run-all": "^4.1.5",
-    "vite": "^4.1.4",
-    "vite-plugin-dts": "^2.0.0-beta.3",
-    "typescript": "^4.9.3"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "version": "8.13.2"
+  "version": "8.14.0"
 }

package/dist/channel.d.ts

@@ -1,32 +0,0 @@
-import { ExtensionEventPayload, ExtensionEvent } from './types';
-import { ContelloMethods } from './methods';
-export type Handler<REQ, RES> = (msg: REQ) => RES | Promise<RES>;
-export declare class ExtensionChannel<OWN extends ContelloMethods, REMOTE extends ContelloMethods> {
-    private params;
-    handlers: Map<any, any>;
-    listeners: Map<string, Handler<any, any>>;
-    private targetWindow;
-    private channelId;
-    private targetOrigin;
-    private isParent;
-    constructor(params: {
-        debug: boolean;
-    });
-    populateChannelId(): string;
-    connectParent(targetOrigin: string, channelId: string): void;
-    connectChild(targetWindow: Window): void;
-    getChannelId(): string;
-    getIsDebug(): boolean;
-    getTargetOrigin(): string;
-    getTargetWindow(): Window;
-    private connect;
-    disconnect(): void;
-    private handler;
-    respond(request: ExtensionEvent, payload: ExtensionEventPayload): void;
-    respondError(request: ExtensionEvent, error: any): void;
-    on<M extends keyof OWN>(method: M, handler: Handler<OWN[M][0], OWN[M][1]>): void;
-    call<M extends keyof REMOTE>(method: M, message?: REMOTE[M][0]): Promise<REMOTE[M][1]>;
-    send(data: ExtensionEvent): void;
-    private createChannelId;
-    private createRequestId;
-}

package/dist/client.d.ts

@@ -1,45 +0,0 @@
-import { ContelloClientChildMethods, ContelloClientParentMethods } from './methods';
-import { ExtensionChannel } from './channel';
-import { ContelloDialogRef, ContelloDialogOptions } from './dialog-ref';
-type ContelloEntityDetailParams = {
-    mode: 'create';
-} | {
-    mode: 'edit';
-    id: string;
-} | {
-    mode: 'clone';
-    id: string;
-};
-export declare class ContelloClient<D, O extends ContelloClientChildMethods, R extends ContelloClientParentMethods> {
-    protected channel: ExtensionChannel<O, R>;
-    protected projectId: string;
-    private resizeObserver?;
-    private targetOrigin;
-    data?: D;
-    private dialogs;
-    constructor(targetOrigin: string, channelId: string, projectId: string, debug: boolean);
-    connect(): Promise<void>;
-    ready(): Promise<R["ready"][1]>;
-    getAuthToken(): Promise<string>;
-    createProjectUrl(): string;
-    private createEntityEntryUrl;
-    createSingletonEntityUrl(referenceName: string): string;
-    createEntityDetailUrl(referenceName: string, params: ContelloEntityDetailParams): string;
-    /**
-     * @deprecated Use createEntityDetailUrl instead
-     */
-    createEntityUrl(referenceName: string, entityId: string): string;
-    createExtensionUrl(referenceName: string, params?: {
-        path?: string[];
-        query?: {
-            [prop: string]: string;
-        };
-    }): string;
-    navigate(url: string): Promise<R["navigate"][1]>;
-    displayNotification(type: 'success' | 'error', message: string): Promise<R["displayNotification"][1]>;
-    openDialog<D, T>(options: ContelloDialogOptions<D>): ContelloDialogRef<D, T>;
-    private listenForResize;
-    private getWindowHeight;
-    private getDialogController;
-}
-export {};

package/dist/custom-property.d.ts

@@ -1,18 +0,0 @@
-import { ContelloCustomPropertyChildMethods, ContelloCustomPropertyParentMethods } from './methods';
-import { ContelloClient } from './client';
-export type ContelloCustomPropertyValidator = (value: any) => boolean;
-export interface ContelloCustomPropertyOptions {
-    trustedOrigins: string[];
-    validator?: () => boolean;
-    newValue?: (value: any) => void;
-}
-export declare class ContelloCustomProperty extends ContelloClient<void, ContelloCustomPropertyChildMethods, ContelloCustomPropertyParentMethods> {
-    static connect(options: ContelloCustomPropertyOptions): Promise<ContelloCustomProperty>;
-    validate: () => boolean;
-    newValue: (value: string) => void;
-    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
-    getValue(): Promise<string>;
-    setValue(value: string): Promise<void>;
-    getValueByPath(path: string): Promise<any>;
-    setValueByPath(path: string, value: any): Promise<void>;
-}

package/dist/dialog-ref.d.ts

@@ -1,27 +0,0 @@
-import { ExtensionChannel } from './channel';
-import { Deferred } from './utils';
-export interface ContelloDialogParams<D, T> {
-    channel: ExtensionChannel<any, any>;
-    options: ContelloDialogOptions<D>;
-    controller: {
-        connected: Deferred<void>;
-        ready: Deferred<void>;
-        complete: Deferred<T>;
-        close: () => void;
-    };
-}
-export interface ContelloDialogOptions<D> {
-    url: string;
-    width?: number;
-    data?: D;
-}
-export declare class ContelloDialogRef<D, T> {
-    private _id?;
-    readonly open: Promise<void>;
-    readonly connected: Promise<void>;
-    readonly ready: Promise<void>;
-    readonly complete: Promise<T>;
-    readonly close: () => void;
-    constructor({ channel, options, controller }: ContelloDialogParams<D, T>);
-    get id(): string | undefined;
-}

package/dist/dialog.d.ts

@@ -1,8 +0,0 @@
-import { ContelloClient } from './client';
-export declare class ContelloDialog<D, T> extends ContelloClient<D, any, any> {
-    static connect<D, T>({ trustedOrigins }: {
-        trustedOrigins: string[];
-    }): Promise<ContelloDialog<D, T>>;
-    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
-    close(value?: T): Promise<any>;
-}

package/dist/extension.d.ts

@@ -1,14 +0,0 @@
-import { ContelloClient } from './client';
-import { ContelloExtensionBreadcrumb, ContelloExtensionChildMethods, ContelloExtensionParentMethods } from './methods';
-export interface ContelloExtensionOptions {
-    trustedOrigins: string[];
-}
-export declare class ContelloExtension extends ContelloClient<void, ContelloExtensionChildMethods, ContelloExtensionParentMethods> {
-    static connect({ trustedOrigins }: ContelloExtensionOptions): Promise<ContelloExtension>;
-    constructor(targetOrigin: string, channelId: string, applicationId: string, debug: boolean);
-    getUrlData(): Promise<{
-        path: import("./methods").ContelloExtensionPath;
-        query: import("./methods").ContelloExtensionQuery;
-    }>;
-    setBreadcrumbs(breadcrumbs: ContelloExtensionBreadcrumb[]): Promise<void>;
-}

package/dist/methods.d.ts

@@ -1,95 +0,0 @@
-export interface ContelloMethods {
-    [prop: string]: [unknown, unknown];
-}
-export interface ContelloClientParentMethods extends ContelloMethods {
-    connect: [void, {
-        connected: boolean;
-        data: any;
-    }];
-    resize: [{
-        height: number;
-    }, void];
-    ready: [{
-        height: number;
-    }, void];
-    getAuthToken: [void, {
-        token: string;
-    }];
-    navigate: [{
-        url: string;
-    }, void];
-    displayNotification: [{
-        message: string;
-        type: 'success' | 'error';
-    }, void];
-    openDialog: [{
-        url: string;
-        width: number;
-        data: any;
-    }, {
-        id: string;
-    }];
-    closeDialog: [{
-        id: string;
-    }, void];
-    complete: [{
-        value: any;
-    }, void];
-}
-export interface ContelloCustomPropertyParentMethods extends ContelloClientParentMethods {
-    getValue: [void, {
-        value: string;
-    }];
-    setValue: [{
-        value: string;
-        valid: boolean;
-    }, void];
-    getValueByPath: [{
-        path: string;
-    }, {
-        value: any;
-    }];
-    setValueByPath: [{
-        path: string;
-        value: any;
-    }, void];
-}
-export type ContelloExtensionPath = string[];
-export interface ContelloExtensionQuery {
-    [prop: string]: string;
-}
-export interface ContelloExtensionBreadcrumb {
-    label: string;
-    url?: string;
-}
-export interface ContelloExtensionParentMethods extends ContelloClientParentMethods {
-    getUrlData: [void, {
-        path: ContelloExtensionPath;
-        query: ContelloExtensionQuery;
-    }];
-    setBreadcrumbs: [{
-        breadcrumbs: ContelloExtensionBreadcrumb[];
-    }, void];
-}
-export interface ContelloClientChildMethods extends ContelloMethods {
-    dialogConnect: [{
-        id: string;
-    }, void];
-    dialogReady: [{
-        id: string;
-    }, void];
-    dialogComplete: [{
-        id: string;
-        value: any;
-    }, void];
-}
-export interface ContelloCustomPropertyChildMethods extends ContelloClientChildMethods {
-    validate: [void, {
-        valid: boolean;
-    }];
-    newValue: [{
-        value: string;
-    }, void];
-}
-export interface ContelloExtensionChildMethods extends ContelloClientChildMethods {
-}

package/dist/types.d.ts

@@ -1,8 +0,0 @@
-export type ExtensionEventPayload = object;
-export interface ExtensionEvent<T extends ExtensionEventPayload = ExtensionEventPayload> {
-    channelId: string;
-    requestId: string;
-    method: string;
-    payload?: T;
-    error?: string;
-}

package/dist/url-parser.d.ts

@@ -1,6 +0,0 @@
-export declare function parseUrl(trustedOrigins: string[]): {
-    channelId: string;
-    targetOrigin: string;
-    applicationId: string;
-    debug: boolean;
-};

package/dist/utils.d.ts

@@ -1,5 +0,0 @@
-export declare class Deferred<T> {
-    resolve: (value?: T) => void;
-    reject: (reason?: any) => void;
-    promise: Promise<T>;
-}