@merkur/integration-custom-element 0.38.0 → 0.40.0

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://merkur.js.org/docs/getting-started" title="Getting started">
-    <img src="https://raw.githubusercontent.com/mjancarik/merkur/master/images/merkur-illustration.png" width="100px" height="100px" alt="Merkur illustration"/>
+    <img src="https://raw.githubusercontent.com/mjancarik/merkur/master/images/merkur-logo.png" width="100px" height="100px" alt="Merkur illustration"/>
   </a>
 </p>
 

package/cli/index.mjs

@@ -109,7 +109,7 @@ export default function ({ emitter, EMITTER_EVENTS }) {
 
   emitter.on(EMITTER_EVENTS.CLI_CONFIG, function removeNodeTask({ cliConfig }) {
     if (cliConfig.runTasks.length === 0) {
-      cliConfig.runTasks = ['es13', 'es9'];
+      cliConfig.runTasks = ['es15', 'es9'];
     }
 
     cliConfig.runTasks = cliConfig.runTasks.filter((task) => task !== 'node');

package/lib/index.cjs

@@ -6,22 +6,18 @@ var integration = require('@merkur/integration');
 async function createSPAWidget(widgetDefinition, root) {
   const definition = {
     ...widgetDefinition,
-    createWidget: widgetDefinition.createWidget,
+    createWidget: widgetDefinition.createWidget
   };
-
   const merkur = core.getMerkur();
   if (!merkur.isRegistered(definition.name + definition.version)) {
     core.getMerkur().register(definition);
   }
-
   await afterDOMLoad();
   await integration.loadAssets(definition.assets, root);
-
   return await core.getMerkur().create(definition);
 }
-
 function afterDOMLoad() {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     if (typeof document !== 'undefined') {
       if (document.readyState !== 'loading') {
         resolve();
@@ -35,10 +31,13 @@ function afterDOMLoad() {
     }
   });
 }
-
 function registerCustomElement(options) {
-  const { widgetDefinition, callbacks, observedAttributes, attributesParser } =
-    deepMerge({}, options);
+  const {
+    widgetDefinition,
+    callbacks,
+    observedAttributes,
+    attributesParser
+  } = deepMerge({}, options);
   class HTMLCustomElement extends HTMLElement {
     static get observedAttributes() {
       return observedAttributes ?? [];
@@ -50,80 +49,59 @@ function registerCustomElement(options) {
     }
     _init() {}
   }
-
   class WidgetElement extends HTMLCustomElement {
     _init() {
       try {
         super._init();
         const customWidgetDefinition = deepMerge({}, widgetDefinition);
-
         this._widgetPromise = (async () => {
-          this._shadow = this.attachShadow({ mode: 'open' });
-
+          this._shadow = this.attachShadow({
+            mode: 'open'
+          });
           try {
             const widget = await callbacks?.getInstance?.();
-
             if (widget && widget.name && widget.version) {
               this._widget = widget;
-
               await afterDOMLoad();
               await integration.loadAssets(widget.assets, this._shadow);
-
               this._setDefaultProps();
-
               await callbacks?.reconstructor?.(this._widget, {
                 shadow: this._shadow,
-                customElement: this,
+                customElement: this
               });
-
               if (typeof callbacks?.remount === 'function') {
                 await callbacks?.remount?.(this._widget, {
                   shadow: this._shadow,
-                  customElement: this,
+                  customElement: this
                 });
               } else {
                 widget.root = this._shadow;
                 widget.customElement = this;
                 this._shadow.appendChild(widget.container);
               }
-
               return;
             }
           } catch (error) {
             console.error(error);
-
             return;
           }
-
           try {
             customWidgetDefinition.root = this._shadow;
             customWidgetDefinition.customElement = this;
-
             if (!customWidgetDefinition.container) {
               customWidgetDefinition.container = document.createElement('div');
-              customWidgetDefinition.container.setAttribute(
-                'id',
-                'merkur-container',
-              );
+              customWidgetDefinition.container.setAttribute('id', 'merkur-container');
             }
-
             this._shadow.appendChild(customWidgetDefinition.container);
-
-            this._widget = await createSPAWidget(
-              customWidgetDefinition,
-              this._shadow,
-            );
-
+            this._widget = await createSPAWidget(customWidgetDefinition, this._shadow);
             this._setDefaultProps();
-
             await callbacks?.constructor?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             });
-
             (await callbacks?.mount?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             })) ?? (await this._widget.mount());
           } catch (error) {
             console.error(error);
@@ -133,126 +111,88 @@ function registerCustomElement(options) {
         console.error(error);
       }
     }
-
     async connectedCallback() {
       await this._widgetPromise;
-
       this._widget?.connectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.connectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async disconnectedCallback() {
       await this._widgetPromise;
-
       this._widget?.disconnectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.disconnectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async adoptedCallback() {
       await this._widgetPromise;
-
       this._widget?.adoptedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.adoptedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async attributeChangedCallback(name, oldValue, newValue) {
       await this._widgetPromise;
-
-      const camelCaseKey = name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-      const parser = attributesParser?.[name] ?? ((value) => value);
-
-      this._widget?.setProps?.({ [camelCaseKey]: parser(newValue) });
-
-      this._widget?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
-
-      callbacks?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
+      const camelCaseKey = name.replace(/-([a-z])/g, g => g[1].toUpperCase());
+      const parser = attributesParser?.[name] ?? (value => value);
+      this._widget?.setProps?.({
+        [camelCaseKey]: parser(newValue)
+      });
+      this._widget?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
+      callbacks?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
     }
-
     _setDefaultProps() {
       const attributes = this.constructor.observedAttributes;
-      if (
-        Array.isArray(attributes) &&
-        typeof this._widget.setProps === 'function'
-      ) {
-        this._widget.props = { ...this._widget.props };
-        attributes.forEach((key) => {
+      if (Array.isArray(attributes) && typeof this._widget.setProps === 'function') {
+        this._widget.props = {
+          ...this._widget.props
+        };
+        attributes.forEach(key => {
           if (this.hasAttribute(key)) {
-            const camelCaseKey = key.replace(/-([a-z])/g, (g) =>
-              g[1].toUpperCase(),
-            );
-            const parser = attributesParser?.[key] ?? ((value) => value);
-
-            this._widget.props[camelCaseKey] = parser(
-              this.getAttribute(key) ?? this._widget.props[key],
-            );
+            const camelCaseKey = key.replace(/-([a-z])/g, g => g[1].toUpperCase());
+            const parser = attributesParser?.[key] ?? (value => value);
+            this._widget.props[camelCaseKey] = parser(this.getAttribute(key) ?? this._widget.props[key]);
           }
         });
       }
     }
   }
-
   if (customElements.get(widgetDefinition.name) === undefined) {
     customElements.define(widgetDefinition.name, WidgetElement);
   }
-
   return WidgetElement;
 }
-
 const PROTECTED_FIELDS = ['__proto__', 'prototype', 'constructor'];
 function deepMerge(target, source) {
-  const isObject = (obj) => !!obj && obj.constructor === Object;
-
+  const isObject = obj => !!obj && obj.constructor === Object;
   if (!isObject(target) || !isObject(source)) {
     return source;
   }
-
-  Object.keys(source).forEach((key) => {
+  Object.keys(source).forEach(key => {
     if (PROTECTED_FIELDS.includes(key)) {
       return;
     }
-
     const targetValue = target[key];
     const sourceValue = source[key];
-
     if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
       target[key] = targetValue.concat(sourceValue);
     } else if (isObject(targetValue) && isObject(sourceValue)) {
@@ -261,7 +201,6 @@ function deepMerge(target, source) {
       target[key] = sourceValue;
     }
   });
-
   return target;
 }
 

package/lib/index.js

@@ -6,22 +6,18 @@ var integration = require('@merkur/integration');
 async function createSPAWidget(widgetDefinition, root) {
   const definition = {
     ...widgetDefinition,
-    createWidget: widgetDefinition.createWidget,
+    createWidget: widgetDefinition.createWidget
   };
-
   const merkur = core.getMerkur();
   if (!merkur.isRegistered(definition.name + definition.version)) {
     core.getMerkur().register(definition);
   }
-
   await afterDOMLoad();
   await integration.loadAssets(definition.assets, root);
-
   return await core.getMerkur().create(definition);
 }
-
 function afterDOMLoad() {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     if (typeof document !== 'undefined') {
       if (document.readyState !== 'loading') {
         resolve();
@@ -35,10 +31,13 @@ function afterDOMLoad() {
     }
   });
 }
-
 function registerCustomElement(options) {
-  const { widgetDefinition, callbacks, observedAttributes, attributesParser } =
-    deepMerge({}, options);
+  const {
+    widgetDefinition,
+    callbacks,
+    observedAttributes,
+    attributesParser
+  } = deepMerge({}, options);
   class HTMLCustomElement extends HTMLElement {
     static get observedAttributes() {
       return observedAttributes ?? [];
@@ -50,80 +49,59 @@ function registerCustomElement(options) {
     }
     _init() {}
   }
-
   class WidgetElement extends HTMLCustomElement {
     _init() {
       try {
         super._init();
         const customWidgetDefinition = deepMerge({}, widgetDefinition);
-
         this._widgetPromise = (async () => {
-          this._shadow = this.attachShadow({ mode: 'open' });
-
+          this._shadow = this.attachShadow({
+            mode: 'open'
+          });
           try {
             const widget = await callbacks?.getInstance?.();
-
             if (widget && widget.name && widget.version) {
               this._widget = widget;
-
               await afterDOMLoad();
               await integration.loadAssets(widget.assets, this._shadow);
-
               this._setDefaultProps();
-
               await callbacks?.reconstructor?.(this._widget, {
                 shadow: this._shadow,
-                customElement: this,
+                customElement: this
               });
-
               if (typeof callbacks?.remount === 'function') {
                 await callbacks?.remount?.(this._widget, {
                   shadow: this._shadow,
-                  customElement: this,
+                  customElement: this
                 });
               } else {
                 widget.root = this._shadow;
                 widget.customElement = this;
                 this._shadow.appendChild(widget.container);
               }
-
               return;
             }
           } catch (error) {
             console.error(error);
-
             return;
           }
-
           try {
             customWidgetDefinition.root = this._shadow;
             customWidgetDefinition.customElement = this;
-
             if (!customWidgetDefinition.container) {
               customWidgetDefinition.container = document.createElement('div');
-              customWidgetDefinition.container.setAttribute(
-                'id',
-                'merkur-container',
-              );
+              customWidgetDefinition.container.setAttribute('id', 'merkur-container');
             }
-
             this._shadow.appendChild(customWidgetDefinition.container);
-
-            this._widget = await createSPAWidget(
-              customWidgetDefinition,
-              this._shadow,
-            );
-
+            this._widget = await createSPAWidget(customWidgetDefinition, this._shadow);
             this._setDefaultProps();
-
             await callbacks?.constructor?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             });
-
             (await callbacks?.mount?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             })) ?? (await this._widget.mount());
           } catch (error) {
             console.error(error);
@@ -133,126 +111,88 @@ function registerCustomElement(options) {
         console.error(error);
       }
     }
-
     async connectedCallback() {
       await this._widgetPromise;
-
       this._widget?.connectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.connectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async disconnectedCallback() {
       await this._widgetPromise;
-
       this._widget?.disconnectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.disconnectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async adoptedCallback() {
       await this._widgetPromise;
-
       this._widget?.adoptedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.adoptedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async attributeChangedCallback(name, oldValue, newValue) {
       await this._widgetPromise;
-
-      const camelCaseKey = name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-      const parser = attributesParser?.[name] ?? ((value) => value);
-
-      this._widget?.setProps?.({ [camelCaseKey]: parser(newValue) });
-
-      this._widget?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
-
-      callbacks?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
+      const camelCaseKey = name.replace(/-([a-z])/g, g => g[1].toUpperCase());
+      const parser = attributesParser?.[name] ?? (value => value);
+      this._widget?.setProps?.({
+        [camelCaseKey]: parser(newValue)
+      });
+      this._widget?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
+      callbacks?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
     }
-
     _setDefaultProps() {
       const attributes = this.constructor.observedAttributes;
-      if (
-        Array.isArray(attributes) &&
-        typeof this._widget.setProps === 'function'
-      ) {
-        this._widget.props = { ...this._widget.props };
-        attributes.forEach((key) => {
+      if (Array.isArray(attributes) && typeof this._widget.setProps === 'function') {
+        this._widget.props = {
+          ...this._widget.props
+        };
+        attributes.forEach(key => {
           if (this.hasAttribute(key)) {
-            const camelCaseKey = key.replace(/-([a-z])/g, (g) =>
-              g[1].toUpperCase(),
-            );
-            const parser = attributesParser?.[key] ?? ((value) => value);
-
-            this._widget.props[camelCaseKey] = parser(
-              this.getAttribute(key) ?? this._widget.props[key],
-            );
+            const camelCaseKey = key.replace(/-([a-z])/g, g => g[1].toUpperCase());
+            const parser = attributesParser?.[key] ?? (value => value);
+            this._widget.props[camelCaseKey] = parser(this.getAttribute(key) ?? this._widget.props[key]);
           }
         });
       }
     }
   }
-
   if (customElements.get(widgetDefinition.name) === undefined) {
     customElements.define(widgetDefinition.name, WidgetElement);
   }
-
   return WidgetElement;
 }
-
 const PROTECTED_FIELDS = ['__proto__', 'prototype', 'constructor'];
 function deepMerge(target, source) {
-  const isObject = (obj) => !!obj && obj.constructor === Object;
-
+  const isObject = obj => !!obj && obj.constructor === Object;
   if (!isObject(target) || !isObject(source)) {
     return source;
   }
-
-  Object.keys(source).forEach((key) => {
+  Object.keys(source).forEach(key => {
     if (PROTECTED_FIELDS.includes(key)) {
       return;
     }
-
     const targetValue = target[key];
     const sourceValue = source[key];
-
     if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
       target[key] = targetValue.concat(sourceValue);
     } else if (isObject(targetValue) && isObject(sourceValue)) {
@@ -261,7 +201,6 @@ function deepMerge(target, source) {
       target[key] = sourceValue;
     }
   });
-
   return target;
 }
 

package/lib/index.mjs

@@ -4,22 +4,18 @@ import { loadAssets } from '@merkur/integration';
 async function createSPAWidget(widgetDefinition, root) {
   const definition = {
     ...widgetDefinition,
-    createWidget: widgetDefinition.createWidget,
+    createWidget: widgetDefinition.createWidget
   };
-
   const merkur = getMerkur();
   if (!merkur.isRegistered(definition.name + definition.version)) {
     getMerkur().register(definition);
   }
-
   await afterDOMLoad();
   await loadAssets(definition.assets, root);
-
   return await getMerkur().create(definition);
 }
-
 function afterDOMLoad() {
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     if (typeof document !== 'undefined') {
       if (document.readyState !== 'loading') {
         resolve();
@@ -33,10 +29,13 @@ function afterDOMLoad() {
     }
   });
 }
-
 function registerCustomElement(options) {
-  const { widgetDefinition, callbacks, observedAttributes, attributesParser } =
-    deepMerge({}, options);
+  const {
+    widgetDefinition,
+    callbacks,
+    observedAttributes,
+    attributesParser
+  } = deepMerge({}, options);
   class HTMLCustomElement extends HTMLElement {
     static get observedAttributes() {
       return observedAttributes ?? [];
@@ -48,80 +47,59 @@ function registerCustomElement(options) {
     }
     _init() {}
   }
-
   class WidgetElement extends HTMLCustomElement {
     _init() {
       try {
         super._init();
         const customWidgetDefinition = deepMerge({}, widgetDefinition);
-
         this._widgetPromise = (async () => {
-          this._shadow = this.attachShadow({ mode: 'open' });
-
+          this._shadow = this.attachShadow({
+            mode: 'open'
+          });
           try {
             const widget = await callbacks?.getInstance?.();
-
             if (widget && widget.name && widget.version) {
               this._widget = widget;
-
               await afterDOMLoad();
               await loadAssets(widget.assets, this._shadow);
-
               this._setDefaultProps();
-
               await callbacks?.reconstructor?.(this._widget, {
                 shadow: this._shadow,
-                customElement: this,
+                customElement: this
               });
-
               if (typeof callbacks?.remount === 'function') {
                 await callbacks?.remount?.(this._widget, {
                   shadow: this._shadow,
-                  customElement: this,
+                  customElement: this
                 });
               } else {
                 widget.root = this._shadow;
                 widget.customElement = this;
                 this._shadow.appendChild(widget.container);
               }
-
               return;
             }
           } catch (error) {
             console.error(error);
-
             return;
           }
-
           try {
             customWidgetDefinition.root = this._shadow;
             customWidgetDefinition.customElement = this;
-
             if (!customWidgetDefinition.container) {
               customWidgetDefinition.container = document.createElement('div');
-              customWidgetDefinition.container.setAttribute(
-                'id',
-                'merkur-container',
-              );
+              customWidgetDefinition.container.setAttribute('id', 'merkur-container');
             }
-
             this._shadow.appendChild(customWidgetDefinition.container);
-
-            this._widget = await createSPAWidget(
-              customWidgetDefinition,
-              this._shadow,
-            );
-
+            this._widget = await createSPAWidget(customWidgetDefinition, this._shadow);
             this._setDefaultProps();
-
             await callbacks?.constructor?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             });
-
             (await callbacks?.mount?.(this._widget, {
               shadow: this._shadow,
-              customElement: this,
+              customElement: this
             })) ?? (await this._widget.mount());
           } catch (error) {
             console.error(error);
@@ -131,126 +109,88 @@ function registerCustomElement(options) {
         console.error(error);
       }
     }
-
     async connectedCallback() {
       await this._widgetPromise;
-
       this._widget?.connectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.connectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async disconnectedCallback() {
       await this._widgetPromise;
-
       this._widget?.disconnectedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.disconnectedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async adoptedCallback() {
       await this._widgetPromise;
-
       this._widget?.adoptedCallback?.({
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
-
       callbacks?.adoptedCallback?.(this._widget, {
         shadow: this._shadow,
-        customElement: this,
+        customElement: this
       });
     }
-
     async attributeChangedCallback(name, oldValue, newValue) {
       await this._widgetPromise;
-
-      const camelCaseKey = name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-      const parser = attributesParser?.[name] ?? ((value) => value);
-
-      this._widget?.setProps?.({ [camelCaseKey]: parser(newValue) });
-
-      this._widget?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
-
-      callbacks?.attributeChangedCallback?.(
-        this._widget,
-        name,
-        oldValue,
-        newValue,
-        {
-          shadow: this._shadow,
-          customElement: this,
-        },
-      );
+      const camelCaseKey = name.replace(/-([a-z])/g, g => g[1].toUpperCase());
+      const parser = attributesParser?.[name] ?? (value => value);
+      this._widget?.setProps?.({
+        [camelCaseKey]: parser(newValue)
+      });
+      this._widget?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
+      callbacks?.attributeChangedCallback?.(this._widget, name, oldValue, newValue, {
+        shadow: this._shadow,
+        customElement: this
+      });
     }
-
     _setDefaultProps() {
       const attributes = this.constructor.observedAttributes;
-      if (
-        Array.isArray(attributes) &&
-        typeof this._widget.setProps === 'function'
-      ) {
-        this._widget.props = { ...this._widget.props };
-        attributes.forEach((key) => {
+      if (Array.isArray(attributes) && typeof this._widget.setProps === 'function') {
+        this._widget.props = {
+          ...this._widget.props
+        };
+        attributes.forEach(key => {
           if (this.hasAttribute(key)) {
-            const camelCaseKey = key.replace(/-([a-z])/g, (g) =>
-              g[1].toUpperCase(),
-            );
-            const parser = attributesParser?.[key] ?? ((value) => value);
-
-            this._widget.props[camelCaseKey] = parser(
-              this.getAttribute(key) ?? this._widget.props[key],
-            );
+            const camelCaseKey = key.replace(/-([a-z])/g, g => g[1].toUpperCase());
+            const parser = attributesParser?.[key] ?? (value => value);
+            this._widget.props[camelCaseKey] = parser(this.getAttribute(key) ?? this._widget.props[key]);
           }
         });
       }
     }
   }
-
   if (customElements.get(widgetDefinition.name) === undefined) {
     customElements.define(widgetDefinition.name, WidgetElement);
   }
-
   return WidgetElement;
 }
-
 const PROTECTED_FIELDS = ['__proto__', 'prototype', 'constructor'];
 function deepMerge(target, source) {
-  const isObject = (obj) => !!obj && obj.constructor === Object;
-
+  const isObject = obj => !!obj && obj.constructor === Object;
   if (!isObject(target) || !isObject(source)) {
     return source;
   }
-
-  Object.keys(source).forEach((key) => {
+  Object.keys(source).forEach(key => {
     if (PROTECTED_FIELDS.includes(key)) {
       return;
     }
-
     const targetValue = target[key];
     const sourceValue = source[key];
-
     if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
       target[key] = targetValue.concat(sourceValue);
     } else if (isObject(targetValue) && isObject(sourceValue)) {
@@ -259,7 +199,6 @@ function deepMerge(target, source) {
       target[key] = sourceValue;
     }
   });
-
   return target;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkur/integration-custom-element",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "Merkur module for easy integration with other apps with custom element.",
   "main": "lib/index",
   "module": "lib/index",
@@ -29,8 +29,7 @@
     "preversion": "npm test",
     "test": "jest --no-watchman -c ./jest.config.js",
     "test:es:version": "es-check es11 ./lib/index.mjs --module && es-check es9 ./lib/index.es9.mjs --module && es-check es9 ./lib/index.es9.cjs --module",
-    "build": "rollup -c rollup.config.mjs",
-    "prepare": "npm run build"
+    "build": "rollup -c rollup.config.mjs"
   },
   "repository": {
     "type": "git",
@@ -51,12 +50,12 @@
   },
   "homepage": "https://merkur.js.org/",
   "devDependencies": {
-    "@merkur/core": "^0.38.0",
-    "@merkur/integration": "^0.38.0"
+    "@merkur/core": "^0.40.0",
+    "@merkur/integration": "^0.40.0"
   },
   "peerDependencies": {
     "@merkur/core": "*",
     "@merkur/integration": "*"
   },
-  "gitHead": "a6e379c0cb887898e34465dc3db9231feb68e6a5"
+  "gitHead": "a7bf45d46a5c0fca7130ae6a86e1cd94e5894ca2"
 }