wujie-event-scope 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# wujieEventScope
+处理子应用HTML事件window指向主应用导致undefined的问题

package/package.json

@@ -0,0 +1,30 @@
+{
+  "type": "module",
+  "name": "wujie-event-scope",
+  "version": "1.0.0",
+  "description": "处理wujie子应用HTML事件执行undefined问题",
+  "main": "src/index.cjs.js",
+  "module": "src/index.es.js",
+  "scripts": {
+    "build": "rollup -c rollup.config.js -w"
+  },
+  "author": "xiaobai-web715",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/parser": "^7.29.2",
+    "@babel/traverse": "^7.29.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "rollup": "^4.59.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/babel__traverse": "^7.28.0",
+    "@types/node": "^25.5.0",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,18 @@
+import commonjs from "@rollup/plugin-commonjs";
+import nodeResolve from "@rollup/plugin-node-resolve";
+import typescript from "@rollup/plugin-typescript";
+import json from "@rollup/plugin-json";
+export default {
+  input: "src/index.ts",
+  output: [
+    {
+      file: "dist/index.cjs.js",
+      format: "cjs",
+    },
+    {
+      file: "dist/index.es.js",
+      format: "es",
+    },
+  ],
+  plugins: [commonjs(), nodeResolve(), typescript(), json()],
+};

package/src/babelParse.ts

@@ -0,0 +1,62 @@
+import { parse } from "@babel/parser"
+import traverse from "@babel/traverse"
+
+export interface AstInfo {
+    ast: string, // 目标字符
+    start: number, // 开始偏移量
+    end: number, // 结束偏移量
+}
+function getMemberExpressionPath(path: any): string {
+    const object = path.get('object');
+    const property = path.get('property');
+    return `${object.isMemberExpression() ? getMemberExpressionPath(object) : object.node.name}.${property.isMemberExpression() ? getMemberExpressionPath(property) : property.node.name}`
+}
+
+export function findIdentifiers(code: string) {
+    const results = new Set<AstInfo>();
+    const ast = parse(code, {
+        sourceType: 'module'
+    });
+    // @ts-ignore
+    (traverse.default ? traverse.default : traverse)(ast, {
+        CallExpression(path: any) {
+            const callee = path.get('callee');
+            if (callee.isIdentifier()) {
+                results.add({
+                    ast: callee.node.name,
+                    start: callee.node.start,
+                    end: callee.node.end
+                });
+            }
+            if (callee.isMemberExpression()) {
+                const memberName = getMemberExpressionPath(callee);
+                results.add({
+                    ast: memberName,
+                    start: callee.node.start,
+                    end: callee.node.end
+                });
+            }
+        },
+        AssignmentExpression(path: any) {
+            const left = path.get('left');
+            if (left.isIdentifier()) {
+                results.add({
+                    ast: left.node.name,
+                    start: left.node.start,
+                    end: left.node.end
+                }); // d
+            }
+        
+            if (left.isMemberExpression()) {
+                const memberName = getMemberExpressionPath(left);
+                results.add({
+                    ast: memberName,
+                    start: left.node.start,
+                    end: left.node.end
+                });
+            }
+        }
+    })
+
+    return Array.from(results);
+}

package/src/index.ts

@@ -0,0 +1,35 @@
+import { fnBody } from "./regx"
+import { findIdentifiers } from "./babelParse"
+function patchElementHook(element: HTMLElement, window: Window) {
+    const originHTMLClickEvent = element.onclick;
+    if (typeof originHTMLClickEvent === 'function') {
+        const originHTMLClickEventStr = originHTMLClickEvent.toString();
+        console.log("====事件函数原字符", originHTMLClickEventStr)
+        const targetAttrLists = findIdentifiers(originHTMLClickEventStr);
+        let lastSliceEnd = 0;
+        let replaceHTMLClickEventStr: string = '';
+        targetAttrLists.forEach(astInfo => {
+            const { ast, start, end } = astInfo
+            if (!ast.includes('window')) {
+                replaceHTMLClickEventStr += `${originHTMLClickEventStr.slice(lastSliceEnd, start)}window.${ast}`
+                lastSliceEnd = end
+            }
+        })
+        replaceHTMLClickEventStr += `${originHTMLClickEventStr.slice(lastSliceEnd)}`
+        console.log("====事件函数处理后字符", replaceHTMLClickEventStr)
+        const fnBodyStr = replaceHTMLClickEventStr.match(fnBody)?.[1];
+        console.log("====匹配后字符", fnBodyStr)
+        if (fnBodyStr) {
+            element.onclick = (function (window) {
+                return function (event) {
+                    const fn = new Function(fnBodyStr);
+                    fn.call(this);
+                }
+            })(window)
+        }
+    }
+}
+
+export default {
+    patchElementHook
+};

package/src/regx.ts

@@ -0,0 +1 @@
+export const fnBody = /function[^\(]*\([^\)]*\)[^\{]*\{([\s\S]*?)\}$/

package/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  // Visit https://aka.ms/tsconfig to read more about this file
+  "compilerOptions": {
+    // File Layout
+    // "rootDir": "./src",
+    // "outDir": "./dist",
+
+    // Environment Settings
+    // See also https://aka.ms/tsconfig/module
+    "target": "esnext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "types": [],
+    // For nodejs:
+    // "lib": ["esnext"],
+    // "types": ["node"],
+    // and npm install -D @types/node
+
+    // Other Outputs
+    "sourceMap": true,
+    "declaration": true,
+    "declarationMap": true,
+    "declarationDir": "./dist/types",
+    // Stricter Typechecking Options
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+
+    // Style Options
+    // "noImplicitReturns": true,
+    // "noImplicitOverride": true,
+    // "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    // "noFallthroughCasesInSwitch": true,
+    // "noPropertyAccessFromIndexSignature": true,
+
+    // Recommended Options
+    "strict": true,
+    "jsx": "react-jsx",
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "skipLibCheck": true,
+  }
+}