gdu 7.0.3 → 7.1.1

package/dist/config/webpack/plugins/GuruBuildManifest.d.ts

@@ -6,7 +6,7 @@ interface Asset {
 export interface Manifest {
     hash: string;
     mountDOMId?: string;
-    mountDomClass?: string;
+    mountDOMClass?: string;
     assets: Asset;
     chunks: Asset;
 }
@@ -19,7 +19,7 @@ declare const defaultOptions: {
     includeChunks: boolean;
     publicPath: string;
     mountDOMId: string;
-    mountDomClass: string;
+    mountDOMClass: string;
 };
 export declare class GuruBuildManifest {
     private options;

package/dist/config/webpack/plugins/GuruBuildManifest.js

@@ -9,7 +9,7 @@ const path_1 = require("path");
 const emptyResults = {
     hash: '',
     mountDOMId: '',
-    mountDomClass: '',
+    mountDOMClass: '',
     assets: {
         js: [],
         css: [],
@@ -29,7 +29,7 @@ const defaultOptions = {
     includeChunks: true,
     publicPath: '',
     mountDOMId: '',
-    mountDomClass: '',
+    mountDOMClass: '',
 };
 class GuruBuildManifest {
     constructor(options) {
@@ -45,7 +45,7 @@ class GuruBuildManifest {
             this.result = { ...emptyResults };
             this.result.hash = compilation.hash;
             this.result.mountDOMId = this.options.mountDOMId;
-            this.result.mountDomClass = this.options.mountDomClass;
+            this.result.mountDOMClass = this.options.mountDOMClass;
             compilation.chunks.forEach((chunk) => {
                 chunk.files.forEach((filename) => {
                     if (this._excludeChunk(this.options.excludeFile, filename, chunk) === true) {

package/dist/config/webpack/webpack.config.js

@@ -339,7 +339,7 @@ const baseOptions = (buildEnv, isMultiEnv, isDebug = false) => {
             !isDev &&
                 new GuruBuildManifest_1.GuruBuildManifest({
                     mountDOMId: guruConfig.mountDOMId,
-                    mountDomClass: guruConfig.mountDOMClass,
+                    mountDOMClass: guruConfig.mountDOMClass,
                     outputDir: !isMultiEnv && buildEnv === 'prod'
                         ? (0, path_1.resolve)(roots_1.PROJECT_ROOT, 'dist')
                         : (0, path_1.resolve)(roots_1.PROJECT_ROOT, 'dist', buildEnv),

package/dist/lib/mfe.d.ts

@@ -1,7 +1,7 @@
 interface Props {
-    mountDomId?: string | HTMLElement;
-    mountDomClass?: string;
+    mountDOMId?: string | HTMLElement;
+    mountDOMClass?: string;
     projectName: string;
 }
-export declare const getMfeMountPoint: ({ mountDomId, mountDomClass, projectName, }: Props) => HTMLElement | null;
+export declare const getMfeMountPoint: ({ mountDOMId, mountDOMClass, projectName, }: Props) => HTMLElement | null;
 export {};

package/dist/lib/mfe.js

@@ -2,14 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMfeMountPoint = void 0;
 const utilities_1 = require("@autoguru/utilities");
-const getMfeMountPoint = ({ mountDomId, mountDomClass, projectName, }) => {
-    (0, utilities_1.invariant)(mountDomId || mountDomClass, 'You must provide a mountDomId or mountDomClass');
+const queryShadowRoot = (wrapElement, selector) => {
+    if (wrapElement && wrapElement.length > 0) {
+        for (const element of wrapElement) {
+            if (element.childNodes.length === 0) {
+                return Array.from(element.querySelectorAll(selector));
+            }
+        }
+    }
+    if (wrapElement &&
+        wrapElement.firstChild &&
+        wrapElement.firstChild.shadowRoot) {
+        return wrapElement.firstChild.shadowRoot.querySelectorAll(selector);
+    }
+    return null;
+};
+const getMfeMountPoint = ({ mountDOMId, mountDOMClass, projectName, }) => {
+    (0, utilities_1.invariant)(mountDOMId || mountDOMClass, 'You must provide a mountDOMId or mountDOMClass');
     let point = null;
-    if (typeof mountDomId === 'string') {
-        point = document.querySelector('#' + mountDomId);
+    const wrapElements = Array.from(document.querySelectorAll(`.${mountDOMId || mountDOMClass}-wrap`));
+    if (typeof mountDOMId === 'string') {
+        point =
+            queryShadowRoot(wrapElements, '#' + mountDOMId) ||
+                document.querySelector('#' + mountDOMId)[0];
     }
-    else if (typeof mountDomClass === 'string') {
-        const elements = Array.from(document.querySelectorAll('.' + mountDomClass));
+    else if (typeof mountDOMClass === 'string') {
+        const elements = queryShadowRoot(wrapElements, '.' + mountDOMClass) ||
+            Array.from(document.querySelectorAll('.' + mountDOMClass));
         for (const element of elements) {
             if (element.childNodes.length === 0) {
                 point = element;
@@ -18,7 +37,7 @@ const getMfeMountPoint = ({ mountDomId, mountDomClass, projectName, }) => {
         }
     }
     else {
-        point = mountDomId;
+        point = mountDOMId;
     }
     if (point && typeof point === 'object') {
         point.dataset.mfeAppName = projectName;

package/dist/lib/mfe.js.map

@@ -1 +1 @@
-{"version":3,"file":"mfe.js","sourceRoot":"","sources":["../../lib/mfe.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAiBzC,MAAM,gBAAgB,GAAG,CAAC,EAChC,UAAU,EACV,aAAa,EACb,WAAW,GACJ,EAAsB,EAAE;IAC/B,IAAA,qBAAS,EACR,UAAU,IAAI,aAAa,EAC3B,gDAAgD,CAChD,CAAC;IACF,IAAI,KAAK,GAAuB,IAAI,CAAC;IACrC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QACnC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC;KACjD;SAAM,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;QAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAC1B,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,aAAa,CAAC,CAC9C,CAAC;QACF,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC/B,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpC,KAAK,GAAG,OAAsB,CAAC;gBAC/B,MAAM;aACN;SACD;KACD;SAAM;QACN,KAAK,GAAG,UAAU,CAAC;KACnB;IACD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACvC,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,WAAW,CAAC;QACvC,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;KAC3C;IACD,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AA9BW,QAAA,gBAAgB,oBA8B3B"}
+{"version":3,"file":"mfe.js","sourceRoot":"","sources":["../../lib/mfe.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAiBhD,MAAM,eAAe,GAAG,CACvB,WAA2B,EAC3B,QAAgB,EACQ,EAAE;IAE1B,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1C,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;YAClC,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;aACtD;SACD;KACD;IACD,IACC,WAAW;QAEX,WAAW,CAAC,UAAU;QAEtB,WAAW,CAAC,UAAU,CAAC,UAAU,EAChC;QAED,OAAO,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;KACpE;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AACK,MAAM,gBAAgB,GAAG,CAAC,EAChC,UAAU,EACV,aAAa,EACb,WAAW,GACJ,EAAsB,EAAE;IAC/B,IAAA,qBAAS,EACR,UAAU,IAAI,aAAa,EAC3B,gDAAgD,CAChD,CAAC;IACF,IAAI,KAAK,GAAuB,IAAI,CAAC;IACrC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC9B,QAAQ,CAAC,gBAAgB,CAAC,IAAI,UAAU,IAAI,aAAa,OAAO,CAAC,CACjE,CAAC;IACF,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QACnC,KAAK;YACJ,eAAe,CAAC,YAAY,EAAE,GAAG,GAAG,UAAU,CAAC;gBAC/C,QAAQ,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7C;SAAM,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;QAC7C,MAAM,QAAQ,GACb,eAAe,CAAC,YAAY,EAAE,GAAG,GAAG,aAAa,CAAC;YAClD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC;QAC5D,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;YAC/B,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpC,KAAK,GAAG,OAAsB,CAAC;gBAC/B,MAAM;aACN;SACD;KACD;SAAM;QACN,KAAK,GAAG,UAAU,CAAC;KACnB;IACD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACvC,KAAK,CAAC,OAAO,CAAC,UAAU,GAAG,WAAW,CAAC;QACvC,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;KAC3C;IACD,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAnCW,QAAA,gBAAgB,oBAmC3B"}

package/gdu.d.ts

@@ -3,6 +3,7 @@
  */
 declare const __DEV__: boolean;
 declare const __MOUNT_DOM_ID__: string;
+declare const __MOUNT_DOM_CLASS__: string;
 declare const __DEBUG__: boolean;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "gdu",
-	"version": "7.0.3",
+	"version": "7.1.1",
 	"description": "AutoGuru's development toolkit",
 	"homepage": "https://github.com/autoguru-au/octane/tree/master/packages/gdu#readme",
 	"repository": "https://github.com/autoguru-au/octane/tree/master/packages/gdu",