gdu 7.0.3 → 7.1.0

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,23 +2,35 @@
 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 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);
+    if (typeof mountDOMId === 'string') {
+        point = document.querySelector('#' + mountDOMId);
     }
-    else if (typeof mountDomClass === 'string') {
-        const elements = Array.from(document.querySelectorAll('.' + mountDomClass));
-        for (const element of elements) {
-            if (element.childNodes.length === 0) {
-                point = element;
-                break;
+    else if (typeof mountDOMClass === 'string') {
+        const wrapElement = document.querySelector(`.${mountDOMClass}-wrap`);
+        if (wrapElement && wrapElement.firstChild && wrapElement.firstChild.shadowRoot) {
+            const elements = Array.from(wrapElement.firstChild.shadowRoot.querySelectorAll('.' + mountDOMClass));
+            for (const element of elements) {
+                if (element.childNodes.length === 0) {
+                    point = element;
+                    break;
+                }
+            }
+        }
+        else {
+            const elements = Array.from(document.querySelectorAll('.' + mountDOMClass));
+            for (const element of elements) {
+                if (element.childNodes.length === 0) {
+                    point = element;
+                    break;
+                }
             }
         }
     }
     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;AAgBzC,MAAM,gBAAgB,GAAG,CAAC,EACvB,UAAU,EACV,aAAa,EACb,WAAW,GACJ,EAAsB,EAAE;IACxC,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,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,OAAO,CAAC,CAAC;QAErE,IAAI,WAAW,IAAI,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,UAAU,EAAE;YAC/E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAC1B,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,GAAG,aAAa,CAAC,CACvE,CAAC;YACF,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;gBAC/B,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;oBACpC,KAAK,GAAG,OAAsB,CAAC;oBAC/B,MAAM;iBACN;aACD;SACD;aAAM;YACN,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAC1B,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,aAAa,CAAC,CAC9C,CAAC;YACF,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;gBAC/B,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;oBACpC,KAAK,GAAG,OAAsB,CAAC;oBAC/B,MAAM;iBACN;aACD;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;AA5CW,QAAA,gBAAgB,oBA4C3B"}

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.0",
 	"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",