@module-federation/bridge-shared 0.0.0-next-20240619092013

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+# @module-federation/bridge-shared
+
+## 0.0.0-next-20240619092013

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 ScriptedAlchemy LLC (Zack Jackson) Zhou Shaw (zhouxiao)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# debug mode
+
+> open debug mode
+
+```js
+// browser
+localStorage.setItem('debug','true');
+localStorage.setItem('debug:stack','true');
+
+// node
+process.env.DEBUG = 'true';
+```

package/dist/env.d.ts

@@ -0,0 +1 @@
+export declare function dispatchPopstateEnv(): void;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { RenderFnParams, ProviderParams } from './type';
+export { Logger } from './logger';
+export { dispatchPopstateEnv } from './env';

package/dist/index.es.js

@@ -0,0 +1,39 @@
+var a = Object.defineProperty;
+var c = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
+class g {
+  constructor(e) {
+    i(this, "name");
+    i(this, "isDebugEnabled");
+    i(this, "color");
+    this.name = e, this.isDebugEnabled = !1, this.color = this.stringToColor(e), typeof window < "u" && typeof localStorage < "u" && (this.isDebugEnabled = localStorage.getItem("debug") === "true"), typeof process < "u" && process.env && (this.isDebugEnabled = process.env.DEBUG === "true");
+  }
+  log(...e) {
+    var t, n;
+    if (this.isDebugEnabled) {
+      const o = `color: ${this.color}; font-weight: bold`, l = `%c[${this.name}]`, r = ((n = (t = new Error().stack) == null ? void 0 : t.split(`
+`)[2]) == null ? void 0 : n.trim()) || "Stack information not available";
+      typeof console < "u" && console.debug && console.debug(l, o, ...e, `
+ (${r})`);
+    }
+  }
+  stringToColor(e) {
+    let t = 0;
+    for (let o = 0; o < e.length; o++)
+      t = e.charCodeAt(o) + ((t << 5) - t);
+    let n = "#";
+    for (let o = 0; o < 3; o++) {
+      const l = t >> o * 8 & 255;
+      n += ("00" + l.toString(16)).substr(-2);
+    }
+    return n;
+  }
+}
+function f() {
+  const s = new PopStateEvent("popstate", { state: window.history.state });
+  window.dispatchEvent(s);
+}
+export {
+  g as Logger,
+  f as dispatchPopstateEnv
+};

package/dist/index.umd.js

@@ -0,0 +1,3 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["bridge-shared"]={}))})(this,function(e){"use strict";var f=Object.defineProperty;var u=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var d=(e,t,n)=>(u(e,typeof t!="symbol"?t+"":t,n),n);class t{constructor(s){d(this,"name");d(this,"isDebugEnabled");d(this,"color");this.name=s,this.isDebugEnabled=!1,this.color=this.stringToColor(s),typeof window<"u"&&typeof localStorage<"u"&&(this.isDebugEnabled=localStorage.getItem("debug")==="true"),typeof process<"u"&&process.env&&(this.isDebugEnabled=process.env.DEBUG==="true")}log(...s){var i,l;if(this.isDebugEnabled){const o=`color: ${this.color}; font-weight: bold`,r=`%c[${this.name}]`,c=((l=(i=new Error().stack)==null?void 0:i.split(`
+`)[2])==null?void 0:l.trim())||"Stack information not available";typeof console<"u"&&console.debug&&console.debug(r,o,...s,`
+ (${c})`)}}stringToColor(s){let i=0;for(let o=0;o<s.length;o++)i=s.charCodeAt(o)+((i<<5)-i);let l="#";for(let o=0;o<3;o++){const r=i>>o*8&255;l+=("00"+r.toString(16)).substr(-2)}return l}}function n(){const a=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(a)}e.Logger=t,e.dispatchPopstateEnv=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/dist/logger.d.ts

@@ -0,0 +1,8 @@
+export declare class Logger {
+    private name;
+    private isDebugEnabled;
+    private color;
+    constructor(name: string);
+    log(...messages: any[]): void;
+    private stringToColor;
+}

package/dist/type.d.ts

@@ -0,0 +1,10 @@
+export interface ProviderParams {
+    name?: string;
+    basename?: string;
+    memoryRoute?: {
+        entryPath: string;
+    };
+}
+export interface RenderFnParams extends ProviderParams {
+    dom: HTMLElement;
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@module-federation/bridge-shared",
+  "version": "0.0.0-next-20240619092013",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "zhouxiao <codingzx@gmail.com>",
+  "type": "module",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "devDependencies": {
+    "@types/node": "~16.11.7",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vue-tsc": "^2.0.6"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  }
+}

package/project.json

@@ -0,0 +1,21 @@
+{
+  "name": "bridge-shared",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/bridge/bridge-shared/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npm run build --prefix packages/bridge/bridge-shared"]
+      }
+    },
+    "test": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npm run test --prefix packages/bridge/bridge-shared"]
+      }
+    }
+  },
+  "tags": ["type:pkg"]
+}

package/src/env.ts

@@ -0,0 +1,4 @@
+export function dispatchPopstateEnv() {
+  const evt = new PopStateEvent('popstate', { state: window.history.state });
+  window.dispatchEvent(evt);
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export type { RenderFnParams, ProviderParams } from './type';
+export { Logger } from './logger';
+export { dispatchPopstateEnv } from './env';

package/src/logger.ts

@@ -0,0 +1,52 @@
+export class Logger {
+  private name: string;
+  private isDebugEnabled: boolean;
+  private color: string;
+
+  constructor(name: string) {
+    this.name = name;
+    this.isDebugEnabled = false;
+    this.color = this.stringToColor(name);
+
+    // Check if debug is enabled in the browser environment
+    if (typeof window !== 'undefined' && typeof localStorage !== 'undefined') {
+      this.isDebugEnabled = localStorage.getItem('debug') === 'true';
+    }
+
+    // Check if debug is enabled in the Node.js environment
+    if (typeof process !== 'undefined' && process.env) {
+      this.isDebugEnabled = process.env.DEBUG === 'true';
+    }
+  }
+
+  public log(...messages: any[]): void {
+    if (this.isDebugEnabled) {
+      const infoStyle = `color: ${this.color}; font-weight: bold`;
+      const logMessage = `%c[${this.name}]`;
+      const stack =
+        new Error().stack?.split('\n')[2]?.trim() ||
+        'Stack information not available';
+
+      if (typeof console !== 'undefined' && console.debug) {
+        console.debug(logMessage, infoStyle, ...messages, `\n (${stack})`);
+
+        // if (this.isDebugEnabledStack) {
+        //   console.log(`%c${stack}`, 'color: grey; font-style: italic;');
+        // }
+      }
+    }
+  }
+
+  private stringToColor(str: string): string {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    let color = '#';
+    for (let i = 0; i < 3; i++) {
+      const value = (hash >> (i * 8)) & 0xff;
+      color += ('00' + value.toString(16)).substr(-2);
+    }
+    return color;
+  }
+}

package/src/type.ts

@@ -0,0 +1,9 @@
+export interface ProviderParams {
+  name?: string;
+  basename?: string;
+  memoryRoute?: { entryPath: string };
+}
+
+export interface RenderFnParams extends ProviderParams {
+  dom: HTMLElement;
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "useDefineForClassFields": true,
+
+    /* Bundler mode */
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsxImportSource": "vue",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "skipLibCheck": true,
+    "strict": true,
+    "moduleResolution": "node",
+    "target": "esnext",
+    "module": "esnext",
+    "lib": ["esnext", "dom"],
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/remoteApp.tsx",
+    "src/create.ts"
+  ],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+import dts from 'vite-plugin-dts';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+
+export default defineConfig({
+  plugins: [vue(), dts(), vueJsx()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'bridge-shared',
+      fileName: (format) => `index.${format}.js`,
+    },
+  },
+});