@qelos/plugin-play 2.0.29 → 3.0.2

package/create-cert.js

@@ -1,6 +1,6 @@
 const {execSync} = require('child_process');
 
-execSync(`cd cert && docker run -v $PWD:/certs \\
+execSync(`cd cert && docker run -v ${process.cwd()}:/certs \\
   -e SSL_SUBJECT=${process.env.HOSTNAME || '0.0.0.0'} stakater/ssl-certs-generator:1.0`, {stdio: 'inherit'});
 
 console.log('done.');

package/dist/index.d.ts

@@ -1,30 +1,6 @@
-import { NavBarGroup } from './manifest';
-export interface MicroFrontend {
-    name: string;
-    description: string;
-    url: string;
-    roles?: string[];
-    route?: {
-        name: string;
-        path: string;
-        navBarPosition: 'top' | 'bottom';
-        group?: string;
-        iconName?: string;
-        iconSvg?: string;
-    };
-    component?: {
-        page: string;
-        position: 'top' | 'left' | 'right' | 'bottom';
-    };
-    modal?: {
-        name: string;
-        params: string[] | Record<string, string>;
-        size: 'sm' | 'md' | 'lg' | 'full';
-    };
-}
 export { start, configure, registerToHook } from './app';
 export { onRefreshToken, onManifest, onStoreUser, onNewTenant, onCallback } from './handlers';
 export { addEndpoint, addProxyEndpoint } from './endpoints';
 export { getSdkForTenant, getSdk, getSdkForUrl } from './sdk';
-export declare function addMicroFrontend(mfe: MicroFrontend): void;
-export declare function addGroupedMicroFrontends(group: NavBarGroup, mfeArray: MicroFrontend[]): void;
+export { addGroupedMicroFrontends, addMicroFrontend, MicroFrontend } from './micro-frontends';
+export { addInjectable, Injectable } from './injectables';

package/dist/index.js

@@ -1,15 +1,7 @@
-import manifest from './manifest';
 export { start, configure, registerToHook } from './app';
 export { onRefreshToken, onManifest, onStoreUser, onNewTenant, onCallback } from './handlers';
 export { addEndpoint, addProxyEndpoint } from './endpoints';
 export { getSdkForTenant, getSdk, getSdkForUrl } from './sdk';
-export function addMicroFrontend(mfe) {
-    manifest.microFrontends.push(mfe);
-}
-export function addGroupedMicroFrontends(group, mfeArray) {
-    manifest.navBarGroups.push(group);
-    mfeArray.forEach(mfe => {
-        addMicroFrontend({ ...mfe, route: { ...mfe.route, group: group.key } });
-    });
-}
+export { addGroupedMicroFrontends, addMicroFrontend } from './micro-frontends';
+export { addInjectable } from './injectables';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAuB,MAAM,YAAY,CAAC;AA0BjD,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAC,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,eAAe,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,GAAkB;IACjD,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAkB,EAAE,QAAyB;IACpF,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACrB,gBAAgB,CAAC,EAAC,GAAG,GAAG,EAAE,KAAK,EAAE,EAAC,GAAG,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAC,EAAC,CAAC,CAAA;IACrE,CAAC,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAC,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AACzD,OAAO,EAAC,eAAe,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAC,wBAAwB,EAAE,gBAAgB,EAAgB,MAAM,mBAAmB,CAAC;AAC5F,OAAO,EAAC,aAAa,EAAa,MAAM,eAAe,CAAC"}

package/dist/injectables.d.ts

@@ -0,0 +1,6 @@
+export interface Injectable {
+    name?: string;
+    description?: string;
+    html: string;
+}
+export declare function addInjectable(injectable: Injectable): void;

package/dist/injectables.js

@@ -0,0 +1,5 @@
+import manifest from './manifest';
+export function addInjectable(injectable) {
+    manifest.injectables.push(injectable);
+}
+//# sourceMappingURL=injectables.js.map

package/dist/injectables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectables.js","sourceRoot":"","sources":["../src/injectables.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAQlC,MAAM,UAAU,aAAa,CAAC,UAAsB;IAClD,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACxC,CAAC"}

package/dist/manifest.d.ts

@@ -13,6 +13,7 @@ export declare const manifest: {
     subscribedEvents: any[];
     navBarGroups: any[];
     microFrontends: any[];
+    injectables: any[];
     authAcquire: {
         refreshTokenUrl: string;
         refreshTokenKey: string;

package/dist/manifest.js

@@ -14,6 +14,7 @@ export const manifest = {
     subscribedEvents: [],
     navBarGroups: [],
     microFrontends: [],
+    injectables: [],
     authAcquire: {
         refreshTokenUrl: '/api/token/refresh',
         refreshTokenKey: 'refresh_token',

package/dist/manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,CAAC;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,GAAG,CAAC,IAAI;IACd,WAAW,EAAE,GAAG,CAAC,WAAW;IAC5B,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE;IACjC,OAAO,EAAE,GAAG,CAAC,IAAI;IACjB,WAAW,EAAE,oBAAoB;IACjC,WAAW,EAAE,eAAe;IAC5B,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,mBAAmB;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,gBAAgB,EAAE,EAAE;IACpB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,WAAW,EAAE;QACX,eAAe,EAAE,oBAAoB;QACrC,eAAe,EAAE,eAAe;QAChC,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC;AAQF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,CAAC;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,GAAG,CAAC,IAAI;IACd,WAAW,EAAE,GAAG,CAAC,WAAW;IAC5B,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE;IACjC,OAAO,EAAE,GAAG,CAAC,IAAI;IACjB,WAAW,EAAE,oBAAoB;IACjC,WAAW,EAAE,eAAe;IAC5B,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,mBAAmB;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,gBAAgB,EAAE,EAAE;IACpB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE;QACX,eAAe,EAAE,oBAAoB;QACrC,eAAe,EAAE,eAAe;QAChC,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC;AAQF,eAAe,QAAQ,CAAC"}

package/dist/micro-frontends.d.ts

@@ -0,0 +1,26 @@
+import { NavBarGroup } from './manifest';
+export interface MicroFrontend {
+    name: string;
+    description: string;
+    url: string;
+    roles?: string[];
+    route?: {
+        name: string;
+        path: string;
+        navBarPosition: 'top' | 'bottom';
+        group?: string;
+        iconName?: string;
+        iconSvg?: string;
+    };
+    component?: {
+        page: string;
+        position: 'top' | 'left' | 'right' | 'bottom';
+    };
+    modal?: {
+        name: string;
+        params: string[] | Record<string, string>;
+        size: 'sm' | 'md' | 'lg' | 'full';
+    };
+}
+export declare function addMicroFrontend(mfe: MicroFrontend): void;
+export declare function addGroupedMicroFrontends(group: NavBarGroup, mfeArray: MicroFrontend[]): void;

package/dist/micro-frontends.js

@@ -0,0 +1,11 @@
+import manifest from './manifest';
+export function addMicroFrontend(mfe) {
+    manifest.microFrontends.push(mfe);
+}
+export function addGroupedMicroFrontends(group, mfeArray) {
+    manifest.navBarGroups.push(group);
+    mfeArray.forEach(mfe => {
+        addMicroFrontend({ ...mfe, route: { ...mfe.route, group: group.key } });
+    });
+}
+//# sourceMappingURL=micro-frontends.js.map

package/dist/micro-frontends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"micro-frontends.js","sourceRoot":"","sources":["../src/micro-frontends.ts"],"names":[],"mappings":"AAAA,OAAO,QAAuB,MAAM,YAAY,CAAC;AA0BjD,MAAM,UAAU,gBAAgB,CAAC,GAAkB;IACjD,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAkB,EAAE,QAAyB;IACpF,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACrB,gBAAgB,CAAC,EAAC,GAAG,GAAG,EAAE,KAAK,EAAE,EAAC,GAAG,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAC,EAAC,CAAC,CAAA;IACrE,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qelos/plugin-play",
-  "version": "2.0.29",
+  "version": "3.0.2",
   "description": "Play a plugin for Qelos!",
   "main": "./dist/index.js",
   "scripts": {
@@ -18,8 +18,8 @@
   "dependencies": {
     "@fastify/cookie": "^8.3.0",
     "@fastify/static": "^6.5.0",
-    "@qelos/sdk": "^2.0.22",
-    "@qelos/web-sdk": "^2.0.27",
+    "@qelos/sdk": "^3.0.1",
+    "@qelos/web-sdk": "^3.0.1",
     "fastify": "^4.3.0",
     "jsonwebtoken": "^8.5.1",
     "undici": "^5.8.0"

package/src/endpoints.ts

@@ -2,7 +2,7 @@ import {RouteOptions} from 'fastify/types/route';
 import {join} from 'path';
 import manifest from './manifest';
 
-interface QelosRouteParams extends RouteOptions {
+export interface QelosRouteParams extends RouteOptions {
   verifyToken: boolean;
 }
 

package/src/index.ts

@@ -1,41 +1,6 @@
-import manifest, {NavBarGroup} from './manifest';
-
-export interface MicroFrontend {
-  name: string;
-  description: string;
-  url: string;
-  roles?: string[],
-  route?: {
-    name: string;
-    path: string;
-    navBarPosition: 'top' | 'bottom';
-    group?: string;
-    iconName?: string;
-    iconSvg?: string;
-  };
-  component?: {
-    page: string;
-    position: 'top' | 'left' | 'right' | 'bottom';
-  },
-  modal?: {
-    name: string;
-    params: string[] | Record<string, string>; // schema / hints for props
-    size: 'sm' | 'md' | 'lg' | 'full'
-  }
-}
-
 export {start, configure, registerToHook} from './app';
 export {onRefreshToken, onManifest, onStoreUser, onNewTenant, onCallback} from './handlers';
 export {addEndpoint, addProxyEndpoint} from './endpoints'
 export {getSdkForTenant, getSdk, getSdkForUrl} from './sdk';
-
-export function addMicroFrontend(mfe: MicroFrontend) {
-  manifest.microFrontends.push(mfe);
-}
-
-export function addGroupedMicroFrontends(group: NavBarGroup, mfeArray: MicroFrontend[]) {
-  manifest.navBarGroups.push(group);
-  mfeArray.forEach(mfe => {
-    addMicroFrontend({...mfe, route: {...mfe.route, group: group.key}})
-  })
-}
+export {addGroupedMicroFrontends, addMicroFrontend, MicroFrontend} from './micro-frontends';
+export {addInjectable, Injectable} from './injectables';

package/src/injectables.ts

@@ -0,0 +1,11 @@
+import manifest from './manifest';
+
+export interface Injectable {
+  name?: string;
+  description?: string;
+  html: string;
+}
+
+export function addInjectable(injectable: Injectable) {
+  manifest.injectables.push(injectable);
+}

package/src/manifest.ts

@@ -15,6 +15,7 @@ export const manifest = {
   subscribedEvents: [],
   navBarGroups: [],
   microFrontends: [],
+  injectables: [],
   authAcquire: {
     refreshTokenUrl: '/api/token/refresh',
     refreshTokenKey: 'refresh_token',

package/src/micro-frontends.ts

@@ -0,0 +1,79 @@
+import manifest, {NavBarGroup} from './manifest';
+import {addProxyEndpoint, QelosRouteParams} from './endpoints';
+
+export interface IframeMicroFrontend extends GlobalMicroFrontend {
+  url: string;
+}
+
+export interface PreDesignedMicroFrontendOptions
+  extends Pick<QelosRouteParams, 'verifyToken'>,
+    Partial<Pick<QelosRouteParams, 'handler'>>,
+    GlobalMicroFrontend {
+  use: string;
+  fetchUrl?: string;
+}
+
+interface PreDesignedMicroFrontend extends Omit<PreDesignedMicroFrontendOptions, 'handler' | 'verifyToken'> {
+  fetchUrl: string;
+}
+
+export interface GlobalMicroFrontend {
+  name: string;
+  description: string;
+  roles?: string[],
+  route?: {
+    name: string;
+    path: string;
+    navBarPosition: 'top' | 'bottom';
+    group?: string;
+    iconName?: string;
+    iconSvg?: string;
+  };
+  component?: {
+    page: string;
+    position: 'top' | 'left' | 'right' | 'bottom';
+  },
+  modal?: {
+    name: string;
+    params: string[] | Record<string, string>; // schema / hints for props
+    size: 'sm' | 'md' | 'lg' | 'full'
+  }
+}
+
+export type MicroFrontendOptions = IframeMicroFrontend | PreDesignedMicroFrontendOptions
+export type MicroFrontend = IframeMicroFrontend | PreDesignedMicroFrontend
+
+export function addMicroFrontend(mfe: MicroFrontendOptions) {
+  mfe = {...mfe}
+  let manifestMfe: MicroFrontend;
+  if ('use' in mfe) {
+    const verifyToken = mfe.verifyToken || true;
+    delete mfe.verifyToken;
+
+    if ('handler' in mfe) {
+      const fetchUrl = mfe.fetchUrl || btoa(mfe.name);
+      const handler = mfe.handler;
+      delete mfe.handler;
+      addProxyEndpoint(fetchUrl, {
+        handler,
+        verifyToken,
+      });
+      manifestMfe = {
+        ...mfe as PreDesignedMicroFrontend,
+        fetchUrl
+      }
+    } else if ('fetchUrl' in mfe) {
+      manifestMfe = mfe as PreDesignedMicroFrontend;
+    }
+  } else {
+    manifestMfe = mfe;
+  }
+  manifest.microFrontends.push(manifestMfe);
+}
+
+export function addGroupedMicroFrontends(group: NavBarGroup, mfeArray: MicroFrontendOptions[]) {
+  manifest.navBarGroups.push(group);
+  mfeArray.forEach(mfe => {
+    addMicroFrontend({...mfe, route: {...mfe.route, group: group.key}})
+  })
+}