npm - @ixon-cdk/iframe-adapter - Versions diffs - 1.3.0 → 1.4.0-next.0 - Mend

@ixon-cdk/iframe-adapter 1.3.0 → 1.4.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,15 +1,24 @@
 {
   "name": "@ixon-cdk/iframe-adapter",
-  "version": "1.3.0",
+  "version": "1.4.0-next.0",
   "description": "",
-  "main": "index.js",
-  "author": "",
-  "license": "ISC",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "vite build",
+    "postinstall": "vite build"
+  },
   "files": [
-    "index.js",
-    "index.d.ts"
+    "dist/**"
   ],
+  "author": "",
+  "type": "module",
+  "license": "ISC",
   "peerDependencies": {
-    "@ixon-cdk/types": "^1.3.0"
+    "@ixon-cdk/types": "^1.4.0-next.0"
+  },
+  "devDependencies": {
+    "typescript": "~5.1.6",
+    "vite": "4.1.5",
+    "vite-plugin-dts": "3.6.4"
   }
 }

package/index.d.ts DELETED Viewed

@@ -1,9 +0,0 @@
-import { ComponentContext, ComponentContextOptions } from '@ixon-cdk/types';
-declare module '@ixon-cdk/iframe-adapter' {
-  function connect(options: { iframe: HTMLIFrameElement; context: ComponentContext }): {
-    destroy(): void;
-  };
-  function getComponentContext(options?: ComponentContextOptions): Promise<ComponentContext>;
-}

package/index.js DELETED Viewed

@@ -1,603 +0,0 @@
-const EVENT_NS = 'cdk:cmpctx:';
-const EVENTS = {
-  // Lifecycle
-  Create: `${EVENT_NS}create`,
-  Created: `${EVENT_NS}created`,
-  Destroy: `${EVENT_NS}destroy`,
-  // ResourceDataClient
-  ResourceDataClientCreate: `${EVENT_NS}rdc:create`,
-  ResourceDataClientDestroy: `${EVENT_NS}rdc:destroy`,
-  ResourceDataClientQuery: `${EVENT_NS}rdc:query`,
-  ResourceDataClientQueryResult: `${EVENT_NS}rdc:queryresult`,
-  ResourceDataClientRender: `${EVENT_NS}rdc:render`,
-  ResourceDataClientRenderResult: `${EVENT_NS}rdc:renderresult`,
-  // ActionBottomSheet
-  OpenActionBottomSheet: `${EVENT_NS}openactionbottomsheet`,
-  OpenActionBottomSheetResult: `${EVENT_NS}openactionbottomsheetresult`,
-  // Dialogs
-  OpenAlertDialog: `${EVENT_NS}openalertdialog`,
-  OpenAlertDialogResult: `${EVENT_NS}openalertdialogresult`,
-  OpenConfirmDialog: `${EVENT_NS}openconfirmdialog`,
-  OpenConfirmDialogResult: `${EVENT_NS}openconfirmdialogresult`,
-  OpenFormDialog: `${EVENT_NS}openformdialog`,
-  OpenFormDialogResult: `${EVENT_NS}openformdialogresult`,
-  // VPN
-  ShowVpnStatusDetails: `${EVENT_NS}showvpnstatusdetails`,
-  ToggleVpn: `${EVENT_NS}togglevpn`,
-  VpnClientStatusChange: `${EVENT_NS}vpnclientstatuschange`,
-  // Miscellaneous
-  NavigateByUrl: `${EVENT_NS}navigatebyurl`,
-  SetTimeRange: `${EVENT_NS}settimerange`,
-  TimeRangeChange: `${EVENT_NS}timerangechange`,
-};
-class NotImplementedError extends Error {
-  constructor() {
-    super('Method is not implemented');
-    this.name = 'NotImplementedError';
-    this.message = 'Method is not implemented';
-    this.stack = 'NotImplementedError: Method is not implemented';
-  }
-}
-class ComponentContext {
-  ontimerangechange = null;
-  onvpnclientstatuschange = null;
-  constructor(serializableContext) {
-    this._getApiLinks = () => new Map(serializableContext._apiLinkEntries);
-    this.appData = serializableContext.appData;
-    this.componentBaseUrl = serializableContext.componentBaseUrl;
-    this.destroyed = serializableContext.destroyed;
-    this.mode = serializableContext.mode;
-    this.inputs = serializableContext.inputs;
-    this.inputMap = new Map(Object.entries(this.inputs));
-    this.timeRange = serializableContext.timeRange;
-    this.timeRangeIsAdjustable = serializableContext.timeRangeIsAdjustable;
-    this.vpnClientStatus = serializableContext.vpnClientStatus;
-    this._messageHandler = this._messageHandler.bind(this);
-    window.addEventListener('message', this._messageHandler, false);
-  }
-  _messageHandler(event) {
-    if (event.source !== window.parent) {
-      return;
-    }
-    switch (event.data.type) {
-      case EVENTS.TimeRangeChange:
-        if (this.ontimerangechange) {
-          this.ontimerangechange(...event.data.payload);
-        }
-        break;
-      case EVENTS.VpnClientStatusChange:
-        if (this.onvpnclientstatuschange) {
-          this.onvpnclientstatuschange(...event.data.payload);
-        }
-        break;
-    }
-  }
-  createBackendComponentClient() {
-    throw new NotImplementedError();
-  }
-  createLoggingDataClient() {
-    throw new NotImplementedError();
-  }
-  createObjectStorageClient() {
-    throw new NotImplementedError();
-  }
-  createResourceDataClient() {
-    const clientId = crypto.randomUUID();
-    window.parent.postMessage(
-      {
-        type: EVENTS.ResourceDataClientCreate,
-        payload: { clientId },
-      },
-      '*',
-    );
-    return new ResourceDataClient(clientId);
-  }
-  createTooltip() {
-    throw new NotImplementedError();
-  }
-  destroy() {
-    window.parent.postMessage({ type: EVENTS.Destroy }, '*');
-    window.removeEventListener('message', this._messageHandler, false);
-    this.destroyed = true;
-  }
-  getApiUrl(rel, params) {
-    const link = this._getApiLinks().get(rel);
-    if (!link) {
-      throw new Error('IxApiError: entry not found');
-    }
-    // NOTE:
-    // This implementation part is an exact copy of the shared `getLinkUrl` utility
-    // function which can be found in `@lib/ixon/ixapi/ixapi.utils.ts
-    if (params) {
-      return Object.keys(params)
-        .sort()
-        .reduce((href, key) => {
-          if (href.includes(`{${key}}`)) {
-            return href.replace(`{${key}}`, params[key]);
-          }
-          const url = new URL(href);
-          url.searchParams.set(key, params[key]);
-          return decodeURIComponent(url.href);
-        }, link.href);
-    }
-    return link.href;
-  }
-  navigateByUrl(url) {
-    window.parent.postMessage(
-      { type: EVENTS.NavigateByUrl, payload: { url } },
-      '*',
-    );
-  }
-  openActionBottomSheet(options) {
-    return new Promise(resolve => {
-      window.addEventListener(
-        'message',
-        _actionBottomSheetResultHandler,
-        false,
-      );
-      window.parent.postMessage(
-        { type: EVENTS.OpenActionBottomSheet, payload: { options } },
-        '*',
-      );
-      function _actionBottomSheetResultHandler(event) {
-        if (event.source !== window.parent) {
-          return;
-        }
-        if (event.data.type === EVENTS.OpenActionBottomSheetResult) {
-          window.removeEventListener(
-            'message',
-            _actionBottomSheetResultHandler,
-            false,
-          );
-          resolve(event.data.payload.result);
-        }
-      }
-    });
-  }
-  openAlertDialog(options) {
-    return new Promise(resolve => {
-      window.addEventListener('message', _dialogResultHandler, false);
-      window.parent.postMessage(
-        { type: EVENTS.OpenAlertDialog, payload: { options } },
-        '*',
-      );
-      function _dialogResultHandler(event) {
-        if (event.source !== window.parent) {
-          return;
-        }
-        if (event.data.type === EVENTS.OpenAlertDialogResult) {
-          window.removeEventListener('message', _dialogResultHandler, false);
-          resolve(event.data.payload.result);
-        }
-      }
-    });
-  }
-  openConfirmDialog(options) {
-    return new Promise(resolve => {
-      window.addEventListener('message', _dialogResultHandler, false);
-      window.parent.postMessage(
-        { type: EVENTS.OpenConfirmDialog, payload: { options } },
-        '*',
-      );
-      function _dialogResultHandler(event) {
-        if (event.source !== window.parent) {
-          return;
-        }
-        if (event.data.type === EVENTS.OpenConfirmDialogResult) {
-          window.removeEventListener('message', _dialogResultHandler, false);
-          resolve(event.data.payload.result);
-        }
-      }
-    });
-  }
-  openFormDialog(options) {
-    return new Promise(resolve => {
-      window.addEventListener('message', _dialogResultHandler, false);
-      window.parent.postMessage(
-        { type: EVENTS.OpenFormDialog, payload: { options } },
-        '*',
-      );
-      function _dialogResultHandler(event) {
-        if (event.source !== window.parent) {
-          return;
-        }
-        if (event.data.type === EVENTS.OpenFormDialogResult) {
-          window.removeEventListener('message', _dialogResultHandler, false);
-          resolve(event.data.payload.result);
-        }
-      }
-    });
-  }
-  saveAsFile() {
-    throw new NotImplementedError();
-  }
-  setTimeRange(timeRange) {
-    window.parent.postMessage(
-      {
-        type: EVENTS.SetTimeRange,
-        payload: { timeRange },
-      },
-      '*',
-    );
-  }
-  showVpnStatusDetails(agentId) {
-    window.parent.postMessage(
-      {
-        type: EVENTS.ShowVpnStatusDetails,
-        payload: { agentId },
-      },
-      '*',
-    );
-  }
-  testVpnAccess() {
-    throw new NotImplementedError();
-  }
-  toggleVpn(agentId) {
-    window.parent.postMessage(
-      { type: EVENTS.ToggleVpn, payload: { agentId } },
-      '*',
-    );
-  }
-  translate() {
-    throw new NotImplementedError();
-  }
-}
-class ResourceDataClient {
-  constructor(id) {
-    this.id = id;
-  }
-  query(query, listener) {
-    const queryId = crypto.randomUUID();
-    window.addEventListener('message', _queryHandler, false);
-    window.parent.postMessage(
-      {
-        type: EVENTS.ResourceDataClientQuery,
-        payload: { clientId: this.id, queryId, query },
-      },
-      '*',
-    );
-    return () => {
-      window.removeEventListener('message', _queryHandler, false);
-    };
-    function _queryHandler(event) {
-      if (event.source !== window.parent) {
-        return;
-      }
-      if (
-        event.data.type === EVENTS.ResourceDataClientQueryResult &&
-        event.data.payload.queryId === queryId
-      ) {
-        listener(event.data.payload.results);
-      }
-    }
-  }
-  render(query, listener) {
-    const queryId = crypto.randomUUID();
-    window.addEventListener('message', _queryHandler, false);
-    window.parent.postMessage(
-      {
-        type: EVENTS.ResourceDataClientRender,
-        payload: { clientId: this.id, queryId, query },
-      },
-      '*',
-    );
-    return () => {
-      window.removeEventListener('message', _queryHandler, false);
-    };
-    function _queryHandler(event) {
-      if (event.source !== window.parent) {
-        return;
-      }
-      if (
-        event.data.type === EVENTS.ResourceDataClientRenderResult &&
-        event.data.payload.queryId === queryId
-      ) {
-        listener(event.data.payload.results);
-      }
-    }
-  }
-  destroy() {
-    window.parent.postMessage(
-      {
-        type: EVENTS.ResourceDataClientDestroy,
-        payload: { clientId: this.id },
-      },
-      '*',
-    );
-  }
-}
-export function getComponentContext(options) {
-  const hasInputMigrations = !!(options && options.migrateInputs);
-  if (!hasInputMigrations && getComponentContext.__cache__) {
-    return Promise.resolve(getComponentContext.__cache__);
-  }
-  return new Promise(resolve => {
-    window.addEventListener(
-      'message',
-      function messageHandler(event) {
-        if (event.source !== window.parent) {
-          return;
-        }
-        if (event.data && event.data.type === EVENTS.Created) {
-          let serializableContext = event.data.payload;
-          if (hasInputMigrations) {
-            serializableContext.inputs = options.migrateInputs(
-              serializableContext.inputs,
-              null,
-            );
-          }
-          const context = new ComponentContext(serializableContext);
-          resolve(context);
-          // memoize
-          if (!hasInputMigrations) {
-            getComponentContext.__cache__ = context;
-          }
-          window.removeEventListener('message', messageHandler, false);
-        }
-      },
-      false,
-    );
-    // dispatch "create" event
-    window.parent.postMessage({ type: EVENTS.Create }, '*');
-  });
-}
-export function connect({ iframe, context }) {
-  window.addEventListener('message', _adapterMessageHandler, false);
-  // Broadcasts time range changes to connected iframe
-  context.ontimerangechange = (...args) => {
-    if (iframe.contentWindow) {
-      iframe.contentWindow.postMessage(
-        {
-          type: EVENTS.TimeRangeChange,
-          payload: args,
-        },
-        '*',
-      );
-    }
-  };
-  // Broadcasts VPN Client status changes to connected iframe
-  context.onvpnclientstatuschange = (...args) => {
-    if (iframe.contentWindow) {
-      iframe.contentWindow.postMessage(
-        {
-          type: EVENTS.VpnClientStatusChange,
-          payload: args,
-        },
-        '*',
-      );
-    }
-  };
-  return {
-    destroy() {
-      window.removeEventListener('message', _adapterMessageHandler, false);
-    },
-  };
-  /**
-   * Returns a serializable object for the passed CompontContext instance
-   */
-  function _getSerializableContext(context) {
-    return {
-      _apiLinkEntries: [...context._getApiLinks().entries()],
-      appData: context.appData,
-      componentBaseUrl: context.componentBaseUrl,
-      destroyed: context.destroyed,
-      mode: context.mode,
-      inputs: context.inputs,
-      timeRange: context.timeRange,
-      timeRangeIsAdjustable: context.timeRangeIsAdjustable,
-      vpnClientStatus: context.vpnClientStatus,
-    };
-  }
-  function _adapterMessageHandler(event) {
-    _adapterMessageHandler._clients =
-      _adapterMessageHandler._clients || new Map([]);
-    if (event.source !== iframe.contentWindow) {
-      return;
-    }
-    switch (event.data.type) {
-      /**
-       * Lifecycle
-       */
-      case EVENTS.Create:
-        iframe.contentWindow.postMessage(
-          {
-            type: EVENTS.Created,
-            payload: _getSerializableContext(context),
-          },
-          '*',
-        );
-        break;
-      case EVENTS.Destroy:
-        context.destroy();
-        break;
-      /**
-       * ResourceDataClient
-       */
-      case EVENTS.ResourceDataClientCreate: {
-        const { clientId } = event.data.payload;
-        const client = context.createResourceDataClient(clientId);
-        _adapterMessageHandler._clients.set(clientId, client);
-        break;
-      }
-      case EVENTS.ResourceDataClientDestroy: {
-        const { clientId } = event.data.payload;
-        if (_adapterMessageHandler._clients.has(clientId)) {
-          _adapterMessageHandler._clients.get(clientId).destroy();
-          _adapterMessageHandler._clients.delete(clientId);
-        }
-        break;
-      }
-      case EVENTS.ResourceDataClientQuery: {
-        const { clientId, queryId, query } = event.data.payload;
-        let client = _adapterMessageHandler._clients.get(clientId);
-        if (client && !client._destroyed) {
-          client.query(query, results => {
-            if (!client._destroyed) {
-              iframe.contentWindow.postMessage(
-                {
-                  type: EVENTS.ResourceDataClientQueryResult,
-                  payload: { queryId, results },
-                },
-                '*',
-              );
-            }
-          });
-      }
-        break;
-      }
-      case EVENTS.ResourceDataClientRender: {
-        const { clientId, queryId, query } = event.data.payload;
-        let client = _adapterMessageHandler._clients.get(clientId);
-        if (client && !client._destroyed) {
-          client.render(query, results => {
-            if (!client._destroyed) {
-              iframe.contentWindow.postMessage(
-                {
-                  type: EVENTS.ResourceDataClientRenderResult,
-                  payload: { queryId, results },
-                },
-                '*',
-              );
-            }
-          });
-        }
-        break;
-      }
-      /**
-       * ActionBottomSheet
-       */
-      case EVENTS.OpenActionBottomSheet:
-        context
-          .openActionBottomSheet(event.data.payload.options)
-          .then(result => {
-            iframe.contentWindow.postMessage(
-              { type: EVENTS.OpenActionBottomSheetResult, payload: { result } },
-              '*',
-            );
-          });
-        break;
-      /**
-       * Dialogs
-       */
-      case EVENTS.OpenAlertDialog:
-        context.openAlertDialog(event.data.payload.options).then(result => {
-          iframe.contentWindow.postMessage(
-            { type: EVENTS.OpenAlertDialogResult, payload: { result } },
-            '*',
-          );
-        });
-        break;
-      case EVENTS.OpenConfirmDialog:
-        context.openConfirmDialog(event.data.payload.options).then(result => {
-          iframe.contentWindow.postMessage(
-            { type: EVENTS.OpenConfirmDialogResult, payload: { result } },
-            '*',
-          );
-        });
-        break;
-      case EVENTS.OpenFormDialog:
-        context.openFormDialog(event.data.payload.options).then(result => {
-          iframe.contentWindow.postMessage(
-            { type: EVENTS.OpenFormDialogResult, payload: { result } },
-            '*',
-          );
-        });
-        break;
-      /**
-       * VPN
-       */
-      case EVENTS.ShowVpnStatusDetails:
-        context.showVpnStatusDetails(event.data.payload.agentId);
-        break;
-      case EVENTS.ToggleVpn:
-        context.toggleVpn(event.data.payload.agentId);
-        break;
-      /**
-       * Miscellaneous
-       */
-      case EVENTS.NavigateByUrl:
-        context.navigateByUrl(event.data.payload.url);
-        break;
-      case EVENTS.SetTimeRange:
-        context.setTimeRange(event.data.payload.timeRange);
-        break;
-    }
-  }
-}