@module-federation/bridge-vue3 0.0.0-next-20240723095610 → 0.0.0-next-20240725030707

package/CHANGELOG.md

@@ -1,10 +1,34 @@
 # @module-federation/bridge-vue3
 
-## 0.0.0-next-20240723095610
+## 0.0.0-next-20240725030707
 
 ### Patch Changes
 
-- @module-federation/bridge-shared@0.0.0-next-20240723095610
+- @module-federation/bridge-shared@0.0.0-next-20240725030707
+
+## 0.3.1
+
+### Patch Changes
+
+- @module-federation/bridge-shared@0.3.1
+
+## 0.3.0
+
+### Patch Changes
+
+- @module-federation/bridge-shared@0.3.0
+
+## 0.2.8
+
+### Patch Changes
+
+- @module-federation/bridge-shared@0.2.8
+
+## 0.2.7
+
+### Patch Changes
+
+- @module-federation/bridge-shared@0.2.7
 
 ## 0.2.6
 

package/package.json

@@ -1,32 +1,20 @@
 {
   "name": "@module-federation/bridge-vue3",
   "author": "zhouxiao <codingzx@gmail.com>",
-  "version": "0.0.0-next-20240723095610",
+  "version": "0.0.0-next-20240725030707",
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "main": "./dist/index.cjs.js",
+  "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
-  "files": [
-    "dist/",
-    "src/",
-    "CHANGELOG.md",
-    "LICENSE",
-    "package.json",
-    "project.json",
-    "README.md",
-    "tsconfig.json",
-    "tsconfig.node.json",
-    "vite.config.ts"
-  ],
   "peerDependencies": {
     "vue": "=3",
     "vue-router": "=3"
   },
   "dependencies": {
-    "@module-federation/bridge-shared": "0.0.0-next-20240723095610"
+    "@module-federation/bridge-shared": "0.0.0-next-20240725030707"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",

package/dist/index.cjs.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),p=require("vue-router");function b(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const h=b(u),d=b(p);var y=Object.defineProperty,v=(t,o,e)=>o in t?y(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,i=(t,o,e)=>(v(t,typeof o!="symbol"?o+"":o,e),e);class f{constructor(o){i(this,"name"),i(this,"isDebugEnabled"),i(this,"color"),this.name=o,this.isDebugEnabled=!1,this.color=this.stringToColor(o),typeof window<"u"&&typeof localStorage<"u"&&(this.isDebugEnabled=localStorage.getItem("debug")==="true"),typeof process<"u"&&process.env&&(this.isDebugEnabled=process.env.DEBUG==="true")}log(...o){var e,n;if(this.isDebugEnabled){const r=`color: ${this.color}; font-weight: bold`,a=`%c[${this.name}]`,s=((n=(e=new Error().stack)==null?void 0:e.split(`
-`)[2])==null?void 0:n.trim())||"Stack information not available";typeof console<"u"&&console.debug&&console.debug(a,r,...o,`
- (${s})`)}}stringToColor(o){let e=0;for(let r=0;r<o.length;r++)e=o.charCodeAt(r)+((e<<5)-e);let n="#";for(let r=0;r<3;r++){const a=e>>r*8&255;n+=("00"+a.toString(16)).substr(-2)}return n}}function R(){const t=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(t)}const c=new f("vue3-bridge");function C(t){const o=new Map;return()=>({__APP_VERSION__:"0.2.6",render(e){c.log("createBridgeComponent render Info",e);const n=h.createApp(t.rootComponent);o.set(e.dom,n);const r=t.appOptions({basename:e.basename,memoryRoute:e.memoryRoute}),a=e.memoryRoute?d.createMemoryHistory(e.basename):d.createWebHistory(e.basename),s=d.createRouter({...r.router.options,history:a,routes:r.router.getRoutes()});c.log("createBridgeComponent render router info>>>",{name:e.name,router:s}),e.memoryRoute?s.push(e.memoryRoute.entryPath).then(()=>{n.use(s),n.mount(e.dom)}):(n.use(s),n.mount(e.dom))},destroy(e){c.log("createBridgeComponent destroy Info",e);const n=o.get(e==null?void 0:e.dom);n==null||n.unmount()}})}const _=u.defineComponent({name:"RemoteApp",props:{moduleName:String,basename:String,memoryRoute:Object,providerInfo:Function},setup(t){const o=u.ref(null),e=u.ref(null),n=u.ref(""),r=p.useRoute(),a=()=>{var g;const m=(g=t.providerInfo)==null?void 0:g.call(t);e.value=m;const l={name:t.moduleName,dom:o.value,basename:t.basename,memoryRoute:t.memoryRoute};c.log("createRemoteComponent LazyComponent render >>>",l),m.render(l)},s=u.watch(()=>r.path,m=>{m!==r.path&&a(),n.value!==""&&n.value!==m&&(c.log("createRemoteComponent dispatchPopstateEnv >>>",{...t,pathname:r.path}),R()),n.value=m});return u.onMounted(()=>{a()}),u.onBeforeUnmount(()=>{var m;c.log("createRemoteComponent LazyComponent destroy >>>",{...t}),s(),(m=e.value)==null||m.destroy({dom:o.value})}),()=>u.createVNode("div",{ref:o},null)}});function w(t){return u.defineAsyncComponent({__APP_VERSION__:"0.2.6",loader:async()=>{var l;const o=p.useRoute();let e="/";const n=(l=o.matched[0])==null?void 0:l.path;n&&(n.endsWith("/:pathMatch(.*)*")?e=n.replace("/:pathMatch(.*)*",""):e=o.matched[0].path);const r=(t==null?void 0:t.export)||"default";c.log("createRemoteComponent LazyComponent create >>>",{basename:e,info:t});const a=await t.loader(),s=a&&a[Symbol.for("mf_module_id")],m=a[r];if(c.log("createRemoteComponent LazyComponent loadRemote info >>>",{name:s,module:a,exportName:r,basename:e,route:o}),r in a&&typeof m=="function")return{render(){return u.h(_,{moduleName:s,...t,providerInfo:m,basename:e})}};throw new Error("module not found")},loadingComponent:{template:"<div>Loading...</div>"},errorComponent:{template:"<div>Error loading component</div>"},delay:200,timeout:3e3})}exports.createBridgeComponent=C;exports.createRemoteComponent=w;

package/dist/index.d.ts

@@ -1,28 +0,0 @@
-import { ComponentPublicInstance } from 'vue';
-
-export declare function createBridgeComponent(bridgeInfo: any): () => {
-    __APP_VERSION__: string;
-    render(info: RenderFnParams): void;
-    destroy(info: {
-        dom: HTMLElement;
-    }): void;
-};
-
-export declare function createRemoteComponent(info: {
-    loader: () => Promise<any>;
-    export?: string;
-}): new () => ComponentPublicInstance;
-
-declare interface ProviderParams {
-    name?: string;
-    basename?: string;
-    memoryRoute?: {
-        entryPath: string;
-    };
-}
-
-export declare interface RenderFnParams extends ProviderParams {
-    dom: HTMLElement;
-}
-
-export { }

package/dist/index.es.js

@@ -1,151 +0,0 @@
-import * as h from "vue";
-import { defineComponent as y, ref as l, watch as b, onMounted as v, onBeforeUnmount as R, createVNode as f, defineAsyncComponent as C, h as w } from "vue";
-import * as d from "vue-router";
-import { useRoute as g } from "vue-router";
-var E = Object.defineProperty, _ = (t, o, e) => o in t ? E(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, p = (t, o, e) => (_(t, typeof o != "symbol" ? o + "" : o, e), e);
-class S {
-  constructor(o) {
-    p(this, "name"), p(this, "isDebugEnabled"), p(this, "color"), this.name = o, this.isDebugEnabled = !1, this.color = this.stringToColor(o), typeof window < "u" && typeof localStorage < "u" && (this.isDebugEnabled = localStorage.getItem("debug") === "true"), typeof process < "u" && process.env && (this.isDebugEnabled = process.env.DEBUG === "true");
-  }
-  log(...o) {
-    var e, n;
-    if (this.isDebugEnabled) {
-      const r = `color: ${this.color}; font-weight: bold`, a = `%c[${this.name}]`, s = ((n = (e = new Error().stack) == null ? void 0 : e.split(`
-`)[2]) == null ? void 0 : n.trim()) || "Stack information not available";
-      typeof console < "u" && console.debug && console.debug(a, r, ...o, `
- (${s})`);
-    }
-  }
-  stringToColor(o) {
-    let e = 0;
-    for (let r = 0; r < o.length; r++)
-      e = o.charCodeAt(r) + ((e << 5) - e);
-    let n = "#";
-    for (let r = 0; r < 3; r++) {
-      const a = e >> r * 8 & 255;
-      n += ("00" + a.toString(16)).substr(-2);
-    }
-    return n;
-  }
-}
-function I() {
-  const t = new PopStateEvent("popstate", { state: window.history.state });
-  window.dispatchEvent(t);
-}
-const u = new S("vue3-bridge");
-function B(t) {
-  const o = /* @__PURE__ */ new Map();
-  return () => ({
-    __APP_VERSION__: "0.2.6",
-    render(e) {
-      u.log("createBridgeComponent render Info", e);
-      const n = h.createApp(t.rootComponent);
-      o.set(e.dom, n);
-      const r = t.appOptions({
-        basename: e.basename,
-        memoryRoute: e.memoryRoute
-      }), a = e.memoryRoute ? d.createMemoryHistory(e.basename) : d.createWebHistory(e.basename), s = d.createRouter({
-        ...r.router.options,
-        history: a,
-        routes: r.router.getRoutes()
-      });
-      u.log("createBridgeComponent render router info>>>", {
-        name: e.name,
-        router: s
-      }), e.memoryRoute ? s.push(e.memoryRoute.entryPath).then(() => {
-        n.use(s), n.mount(e.dom);
-      }) : (n.use(s), n.mount(e.dom));
-    },
-    destroy(e) {
-      u.log("createBridgeComponent destroy Info", e);
-      const n = o.get(e == null ? void 0 : e.dom);
-      n == null || n.unmount();
-    }
-  });
-}
-const P = /* @__PURE__ */ y({
-  name: "RemoteApp",
-  props: {
-    moduleName: String,
-    basename: String,
-    memoryRoute: Object,
-    providerInfo: Function
-  },
-  setup(t) {
-    const o = l(null), e = l(null), n = l(""), r = g(), a = () => {
-      var i;
-      const m = (i = t.providerInfo) == null ? void 0 : i.call(t);
-      e.value = m;
-      const c = {
-        name: t.moduleName,
-        dom: o.value,
-        basename: t.basename,
-        memoryRoute: t.memoryRoute
-      };
-      u.log("createRemoteComponent LazyComponent render >>>", c), m.render(c);
-    }, s = b(() => r.path, (m) => {
-      m !== r.path && a(), n.value !== "" && n.value !== m && (u.log("createRemoteComponent dispatchPopstateEnv >>>", {
-        ...t,
-        pathname: r.path
-      }), I()), n.value = m;
-    });
-    return v(() => {
-      a();
-    }), R(() => {
-      var m;
-      u.log("createRemoteComponent LazyComponent destroy >>>", {
-        ...t
-      }), s(), (m = e.value) == null || m.destroy({
-        dom: o.value
-      });
-    }), () => f("div", {
-      ref: o
-    }, null);
-  }
-});
-function D(t) {
-  return C({
-    __APP_VERSION__: "0.2.6",
-    //@ts-ignore
-    loader: async () => {
-      var c;
-      const o = g();
-      let e = "/";
-      const n = (c = o.matched[0]) == null ? void 0 : c.path;
-      n && (n.endsWith("/:pathMatch(.*)*") ? e = n.replace("/:pathMatch(.*)*", "") : e = o.matched[0].path);
-      const r = (t == null ? void 0 : t.export) || "default";
-      u.log("createRemoteComponent LazyComponent create >>>", {
-        basename: e,
-        info: t
-      });
-      const a = await t.loader(), s = a && a[Symbol.for("mf_module_id")], m = a[r];
-      if (u.log(
-        "createRemoteComponent LazyComponent loadRemote info >>>",
-        { name: s, module: a, exportName: r, basename: e, route: o }
-      ), r in a && typeof m == "function")
-        return {
-          render() {
-            return w(P, {
-              moduleName: s,
-              ...t,
-              providerInfo: m,
-              basename: e
-            });
-          }
-        };
-      throw new Error("module not found");
-    },
-    loadingComponent: {
-      template: "<div>Loading...</div>"
-    },
-    errorComponent: {
-      template: "<div>Error loading component</div>"
-    },
-    delay: 200,
-    timeout: 3e3
-  });
-}
-export {
-  B as createBridgeComponent,
-  D as createRemoteComponent
-};