@empjs/bridge-vue2 0.2.2 → 4.0.0-alpha.1

package/dist/index.cjs

@@ -1,11 +1,15 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -13,7 +17,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -23,11 +27,6 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    createBridgeComponent: ()=>createBridgeComponent,
-    createRemoteAppComponent: ()=>createRemoteAppComponent,
-    default: ()=>__WEBPACK_DEFAULT_EXPORT__
-});
 function createBridgeComponent(Component, options) {
     const Vue = options.Vue;
     const instanceOptions = options.instanceOptions || {};
@@ -195,18 +194,24 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
         }
     };
 }
-const __WEBPACK_DEFAULT_EXPORT__ = {
+const __rspack_default_export = {
     createBridgeComponent,
     createRemoteAppComponent
 };
+__webpack_require__.d(__webpack_exports__, {
+    createBridgeComponent: ()=>createBridgeComponent,
+    createRemoteAppComponent: ()=>createRemoteAppComponent
+}, {
+    default: __rspack_default_export
+});
 exports.createBridgeComponent = __webpack_exports__.createBridgeComponent;
 exports.createRemoteAppComponent = __webpack_exports__.createRemoteAppComponent;
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "createBridgeComponent",
     "createRemoteAppComponent",
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["webpack://@empjs/bridge-vue2/webpack/runtime/define_property_getters","webpack://@empjs/bridge-vue2/webpack/runtime/has_own_property","webpack://@empjs/bridge-vue2/webpack/runtime/make_namespace_object","webpack://@empjs/bridge-vue2/./src/index.ts"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["__webpack_require__","definition","key","Object","obj","prop","Symbol","createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Function","result","Promise","module","clearError"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../src/index.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Function","result","Promise","module","clearError"],"mappings":"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"}

package/dist/index.js

@@ -166,9 +166,10 @@ function createRemoteAppComponent(component, vueOptions, options = {}) {
     };
 }
 const src = {
-    createBridgeComponent,
-    createRemoteAppComponent
+    createBridgeComponent: createBridgeComponent,
+    createRemoteAppComponent: createRemoteAppComponent
 };
-export { createBridgeComponent, createRemoteAppComponent, src as default };
+export default src;
+export { createBridgeComponent, createRemoteAppComponent };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["webpack://@empjs/bridge-vue2/./src/index.ts"],"sourcesContent":["export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Symbol","Function","result","Promise","module","clearError"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["export interface BridgeProviderReturn {\n  render: (dom: HTMLElement, props?: Record<string, any>) => void\n  destroy: (dom: HTMLElement) => void\n}\n\nexport type BridgeProvider = () => BridgeProviderReturn\nexport type AsyncBridgeProvider = () => Promise<{default: BridgeProvider}>\nexport type ComponentProvider = BridgeProvider | AsyncBridgeProvider\n\ninterface Vue2Options {\n  Vue?: any\n  plugin?: (vue: any) => void\n  instanceOptions?: Record<string, any>\n}\n\nexport function createBridgeComponent(Component: any, options: Vue2Options): BridgeProvider {\n  const Vue = options.Vue\n  const instanceOptions = options.instanceOptions || {}\n\n  return function (): BridgeProviderReturn {\n    const instanceMap = new Map<HTMLElement, any>()\n\n    const render = (dom: HTMLElement, props?: Record<string, any>): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to render')\n        return\n      }\n\n      try {\n        const existingInstance = instanceMap.get(dom)\n\n        if (existingInstance) {\n          if (props) {\n            try {\n              existingInstance.$options.render = (h: any) => h(Component, {props: props || {}})\n              existingInstance.$options.propsData = props || {}\n              existingInstance.$forceUpdate()\n            } catch (error) {\n              console.warn('[EMP-WARN] Failed to update props:', error)\n            }\n          }\n        } else {\n          const vueContainer = document.createElement('div')\n          vueContainer.className = 'vue2-container'\n          dom.appendChild(vueContainer)\n          if (options.plugin) {\n            options.plugin(Vue)\n          }\n          const instance = new Vue({\n            propsData: props || {},\n            render: (h: any) => h(Component, {props: props || {}}),\n            el: vueContainer,\n            beforeDestroy() {\n              if (vueContainer && vueContainer.parentNode) {\n                while (vueContainer.firstChild) {\n                  vueContainer.removeChild(vueContainer.firstChild)\n                }\n                try {\n                  dom.removeChild(vueContainer)\n                } catch (e) {\n                  console.warn('[EMP-WARN] Failed to remove Vue container:', e)\n                }\n              }\n            },\n            ...instanceOptions,\n          })\n\n          instanceMap.set(dom, instance)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to render/update Vue component', error)\n        throw error\n      }\n    }\n\n    const destroy = (dom: HTMLElement): void => {\n      if (!dom || !(dom instanceof HTMLElement)) {\n        console.error('[EMP-ERROR] Invalid DOM element provided to destroy')\n        return\n      }\n\n      const instance = instanceMap.get(dom)\n\n      if (!instance) return\n\n      try {\n        const vmToDestroy = instance\n        instanceMap.delete(dom)\n\n        try {\n          if (dom) {\n            try {\n              if (typeof dom.replaceChildren === 'function') {\n                dom.replaceChildren()\n              }\n            } catch (replaceError) {\n              console.warn('[EMP-WARN] destroy - replaceChildren failed:', replaceError)\n            }\n\n            try {\n              while (dom.firstChild) {\n                dom.removeChild(dom.firstChild)\n              }\n            } catch (removeError) {\n              console.warn('[EMP-WARN] destroy - removeChild failed:', removeError)\n            }\n          }\n        } catch (domError) {\n          console.warn('[EMP-WARN] Error clearing DOM before destroy:', domError)\n        }\n\n        try {\n          vmToDestroy.$destroy()\n        } catch (destroyError) {\n          console.error('[EMP-ERROR] Error during Vue instance destroy:', destroyError)\n        }\n      } catch (error) {\n        console.error('[EMP-ERROR] Failed to unmount Vue component', error)\n      }\n    }\n\n    return {render, destroy}\n  }\n}\n\nexport function createRemoteAppComponent(\n  component: ComponentProvider,\n  vueOptions: Vue2Options,\n  options: {onError?: (error: Error) => void} = {},\n): any {\n  if (!component) {\n    throw new Error('createRemoteAppComponent: component parameter cannot be empty')\n  }\n\n  return {\n    name: 'Vue2RemoteAppComponent',\n    props: {\n      name: String,\n      [Symbol.toPrimitive]: Function,\n    },\n    data() {\n      return {\n        provider: null,\n        providerInfo: null,\n        isMounted: false,\n      }\n    },\n    methods: {\n      async loadComponent() {\n        try {\n          if (typeof component === 'function') {\n            const result = component()\n\n            if (result instanceof Promise) {\n              const module = await result\n              this.providerInfo = module.default\n            } else {\n              this.providerInfo = component as BridgeProvider\n            }\n          }\n\n          if (this.isMounted && this.$el) {\n            this.renderComponent()\n          }\n        } catch (error) {\n          if (options.onError) options.onError(error as Error)\n          console.error('[EMP-ERROR] Failed to load component', error)\n        }\n      },\n      renderComponent() {\n        if (!this.providerInfo || !this.$el) return\n\n        try {\n          if (!this.provider && this.providerInfo) {\n            this.provider = this.providerInfo()\n          }\n\n          if (!this.provider) {\n            console.warn('[EMP-WARN] Provider not available yet')\n            return\n          }\n\n          const props = this.$props || this.$options.propsData || {}\n\n          if (props && typeof props === 'object') {\n            this.provider.render(this.$el, props)\n          } else {\n            this.provider.render(this.$el, {})\n          }\n        } catch (error) {\n          console.error('[EMP-ERROR] Failed to render component', error)\n          if (options.onError) options.onError(error as Error)\n        }\n      },\n      unmountComponent() {\n        if (this.provider && this.$el) {\n          try {\n            try {\n              while (this.$el.firstChild) {\n                this.$el.removeChild(this.$el.firstChild)\n              }\n            } catch (clearError) {\n              console.error('[EMP-ERROR] unmountComponent - Error during DOM clearing:', clearError)\n            }\n\n            this.provider.destroy(this.$el)\n            this.provider = null\n          } catch (error) {\n            console.error('[EMP-ERROR] Failed to unmount component', error)\n          }\n        }\n      },\n    },\n    mounted() {\n      this.isMounted = true\n      if (this.providerInfo) this.renderComponent()\n    },\n    updated() {\n      if (this.provider && this.$el) {\n        const props = this.$props || this.$options.propsData || {}\n        this.provider.render(this.$el, props)\n      }\n    },\n    beforeDestroy() {\n      this.isMounted = false\n      this.unmountComponent()\n    },\n    created() {\n      this.loadComponent()\n    },\n    render(h: any) {\n      return h('div')\n    },\n  }\n}\n\nexport default {\n  createBridgeComponent,\n  createRemoteAppComponent,\n}\n"],"names":["createBridgeComponent","Component","options","Vue","instanceOptions","instanceMap","Map","render","dom","props","HTMLElement","console","existingInstance","h","error","vueContainer","document","instance","e","destroy","vmToDestroy","replaceError","removeError","domError","destroyError","createRemoteAppComponent","component","vueOptions","Error","String","Symbol","Function","result","Promise","module","clearError"],"mappings":"AAeO,SAASA,sBAAsBC,SAAc,EAAEC,OAAoB;IACxE,MAAMC,MAAMD,QAAQ,GAAG;IACvB,MAAME,kBAAkBF,QAAQ,eAAe,IAAI,CAAC;IAEpD,OAAO;QACL,MAAMG,cAAc,IAAIC;QAExB,MAAMC,SAAS,CAACC,KAAkBC;YAChC,IAAI,CAACD,OAAO,CAAEA,CAAAA,eAAeE,WAAU,GAAI,YACzCC,QAAQ,KAAK,CAAC;YAIhB,IAAI;gBACF,MAAMC,mBAAmBP,YAAY,GAAG,CAACG;gBAEzC,IAAII,kBACF;oBAAA,IAAIH,OACF,IAAI;wBACFG,iBAAiB,QAAQ,CAAC,MAAM,GAAG,CAACC,IAAWA,EAAEZ,WAAW;gCAAC,OAAOQ,SAAS,CAAC;4BAAC;wBAC/EG,iBAAiB,QAAQ,CAAC,SAAS,GAAGH,SAAS,CAAC;wBAChDG,iBAAiB,YAAY;oBAC/B,EAAE,OAAOE,OAAO;wBACdH,QAAQ,IAAI,CAAC,sCAAsCG;oBACrD;gBACF,OACK;oBACL,MAAMC,eAAeC,SAAS,aAAa,CAAC;oBAC5CD,aAAa,SAAS,GAAG;oBACzBP,IAAI,WAAW,CAACO;oBAChB,IAAIb,QAAQ,MAAM,EAChBA,QAAQ,MAAM,CAACC;oBAEjB,MAAMc,WAAW,IAAId,IAAI;wBACvB,WAAWM,SAAS,CAAC;wBACrB,QAAQ,CAACI,IAAWA,EAAEZ,WAAW;gCAAC,OAAOQ,SAAS,CAAC;4BAAC;wBACpD,IAAIM;wBACJ;4BACE,IAAIA,gBAAgBA,aAAa,UAAU,EAAE;gCAC3C,MAAOA,aAAa,UAAU,CAC5BA,aAAa,WAAW,CAACA,aAAa,UAAU;gCAElD,IAAI;oCACFP,IAAI,WAAW,CAACO;gCAClB,EAAE,OAAOG,GAAG;oCACVP,QAAQ,IAAI,CAAC,8CAA8CO;gCAC7D;4BACF;wBACF;wBACA,GAAGd,eAAe;oBACpB;oBAEAC,YAAY,GAAG,CAACG,KAAKS;gBACvB;YACF,EAAE,OAAOH,OAAO;gBACdH,QAAQ,KAAK,CAAC,qDAAqDG;gBACnE,MAAMA;YACR;QACF;QAEA,MAAMK,UAAU,CAACX;YACf,IAAI,CAACA,OAAO,CAAEA,CAAAA,eAAeE,WAAU,GAAI,YACzCC,QAAQ,KAAK,CAAC;YAIhB,MAAMM,WAAWZ,YAAY,GAAG,CAACG;YAEjC,IAAI,CAACS,UAAU;YAEf,IAAI;gBACF,MAAMG,cAAcH;gBACpBZ,YAAY,MAAM,CAACG;gBAEnB,IAAI;oBACF,IAAIA,KAAK;wBACP,IAAI;4BACF,IAAI,AAA+B,cAA/B,OAAOA,IAAI,eAAe,EAC5BA,IAAI,eAAe;wBAEvB,EAAE,OAAOa,cAAc;4BACrBV,QAAQ,IAAI,CAAC,gDAAgDU;wBAC/D;wBAEA,IAAI;4BACF,MAAOb,IAAI,UAAU,CACnBA,IAAI,WAAW,CAACA,IAAI,UAAU;wBAElC,EAAE,OAAOc,aAAa;4BACpBX,QAAQ,IAAI,CAAC,4CAA4CW;wBAC3D;oBACF;gBACF,EAAE,OAAOC,UAAU;oBACjBZ,QAAQ,IAAI,CAAC,iDAAiDY;gBAChE;gBAEA,IAAI;oBACFH,YAAY,QAAQ;gBACtB,EAAE,OAAOI,cAAc;oBACrBb,QAAQ,KAAK,CAAC,kDAAkDa;gBAClE;YACF,EAAE,OAAOV,OAAO;gBACdH,QAAQ,KAAK,CAAC,+CAA+CG;YAC/D;QACF;QAEA,OAAO;YAACP;YAAQY;QAAO;IACzB;AACF;AAEO,SAASM,yBACdC,SAA4B,EAC5BC,UAAuB,EACvBzB,UAA8C,CAAC,CAAC;IAEhD,IAAI,CAACwB,WACH,MAAM,IAAIE,MAAM;IAGlB,OAAO;QACL,MAAM;QACN,OAAO;YACL,MAAMC;YACN,CAACC,OAAO,WAAW,CAAC,EAAEC;QACxB;QACA;YACE,OAAO;gBACL,UAAU;gBACV,cAAc;gBACd,WAAW;YACb;QACF;QACA,SAAS;YACP,MAAM;gBACJ,IAAI;oBACF,IAAI,AAAqB,cAArB,OAAOL,WAA0B;wBACnC,MAAMM,SAASN;wBAEf,IAAIM,kBAAkBC,SAAS;4BAC7B,MAAMC,SAAS,MAAMF;4BACrB,IAAI,CAAC,YAAY,GAAGE,OAAO,OAAO;wBACpC,OACE,IAAI,CAAC,YAAY,GAAGR;oBAExB;oBAEA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,EAC5B,IAAI,CAAC,eAAe;gBAExB,EAAE,OAAOZ,OAAO;oBACd,IAAIZ,QAAQ,OAAO,EAAEA,QAAQ,OAAO,CAACY;oBACrCH,QAAQ,KAAK,CAAC,wCAAwCG;gBACxD;YACF;YACA;gBACE,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;gBAErC,IAAI;oBACF,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY;oBAGnC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,YAClBH,QAAQ,IAAI,CAAC;oBAIf,MAAMF,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,CAAC;oBAEzD,IAAIA,SAAS,AAAiB,YAAjB,OAAOA,OAClB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAEA;yBAE/B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;gBAEpC,EAAE,OAAOK,OAAO;oBACdH,QAAQ,KAAK,CAAC,0CAA0CG;oBACxD,IAAIZ,QAAQ,OAAO,EAAEA,QAAQ,OAAO,CAACY;gBACvC;YACF;YACA;gBACE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,EAC3B,IAAI;oBACF,IAAI;wBACF,MAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CACxB,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;oBAE5C,EAAE,OAAOqB,YAAY;wBACnBxB,QAAQ,KAAK,CAAC,6DAA6DwB;oBAC7E;oBAEA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG;oBAC9B,IAAI,CAAC,QAAQ,GAAG;gBAClB,EAAE,OAAOrB,OAAO;oBACdH,QAAQ,KAAK,CAAC,2CAA2CG;gBAC3D;YAEJ;QACF;QACA;YACE,IAAI,CAAC,SAAS,GAAG;YACjB,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe;QAC7C;QACA;YACE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,EAAE;gBAC7B,MAAML,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,CAAC;gBACzD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAEA;YACjC;QACF;QACA;YACE,IAAI,CAAC,SAAS,GAAG;YACjB,IAAI,CAAC,gBAAgB;QACvB;QACA;YACE,IAAI,CAAC,aAAa;QACpB;QACA,QAAOI,CAAM;YACX,OAAOA,EAAE;QACX;IACF;AACF;AAEA,YAAe;IACbb,uBAAAA;IACAyB,0BAAAA;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empjs/bridge-vue2",
-  "version": "0.2.2",
+  "version": "4.0.0-alpha.1",
   "description": "Emp Bridge Vue v2",
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "author": "Ken",
   "dependencies": {},