kj-micro-app 1.0.2

package/package.json

@@ -0,0 +1,134 @@
+{
+  "name": "kj-micro-app",
+  "version": "1.0.2",
+  "description": "A lightweight, efficient and powerful micro front-end framework",
+  "private": false,
+  "main": "lib/index.min.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/index.d.ts",
+  "directories": {
+    "doc": "docs"
+  },
+  "scripts": {
+    "bootstrap": "yarn && npm-run-all --serial install:*",
+    "start": "yarn start:main-react16",
+    "start:main-react16": "npm-run-all --parallel build:watch start-child:* main-react16",
+    "start:main-vue2": "npm-run-all --parallel build:watch start-child:* main-vue2",
+    "start:main-vite": "npm-run-all --parallel build:watch start-child:* main-vite",
+    "build:watch": "cross-env NODE_ENV='development' rollup -c -w",
+    "build": "cross-env NODE_ENV='production' rollup -c && npm run createtype && npm run afterbuild",
+    "install:main-react16": "cd dev/main-react16 && yarn",
+    "install:main-vue2": "cd dev/main-vue2 && yarn",
+    "install:main-vite": "cd dev/main-vite && yarn",
+    "install:child-react16": "cd dev/children/react16 && yarn",
+    "install:child-react17": "cd dev/children/react17 && yarn",
+    "install:child-vue2": "cd dev/children/vue2 && yarn",
+    "install:child-vue3": "cd dev/children/vue3 && yarn",
+    "install:child-vite2": "cd dev/children/vite2 && yarn",
+    "install:child-vite4": "cd dev/children/vite4 && yarn",
+    "install:child-angular11": "cd dev/children/angular11 && yarn",
+    "main-react16": "cd dev/main-react16 && yarn start",
+    "main-vue2": "cd dev/main-vue2 && yarn start",
+    "main-vite": "cd dev/main-vite && yarn start",
+    "start-child:react16": "cd dev/children/react16 && yarn start",
+    "start-child:react17": "cd dev/children/react17 && yarn start",
+    "start-child:vue2": "cd dev/children/vue2 && yarn start",
+    "start-child:vue3": "cd dev/children/vue3 && yarn start",
+    "start-child:vite2": "cd dev/children/vite2 && yarn start",
+    "start-child:vite4": "cd dev/children/vite4 && yarn start",
+    "start-child:angular11": "cd dev/children/angular11 && yarn start",
+    "docs": "docsify serve docs --port 2000",
+    "lint": "eslint --cache '**/*.{js,ts}'",
+    "lint:fix": "yarn lint --fix",
+    "createtype": "node scripts/create_type.js",
+    "afterbuild": "node scripts/after_build.js",
+    "test:server": "node scripts/test_server.js --start",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:unit": "jest src/__tests__/unit",
+    "test:unit:coverage": "npm run test:unit -- --coverage",
+    "publish": "npm publish --access public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kuaijing-bailing/micro-app.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "webcomponents",
+    "micro-frontend",
+    "microapp"
+  ],
+  "files": [
+    "es",
+    "lib",
+    "polyfill",
+    "plugins",
+    "typings"
+  ],
+  "author": "cangdu",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/jd-opensource/micro-app/issues"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "**/*.{js,ts}": [
+      "yarn lint"
+    ]
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@babel/core": "~7.12.10",
+    "@babel/plugin-transform-runtime": "~7.12.10",
+    "@babel/preset-env": "~7.12.11",
+    "@babel/runtime": "~7.12.5",
+    "@commitlint/cli": "~11.0.0",
+    "@commitlint/config-conventional": "~11.0.0",
+    "@rollup/plugin-babel": "~5.2.2",
+    "@rollup/plugin-node-resolve": "~11.0.1",
+    "@rollup/plugin-replace": "~2.4.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "~8.1.0",
+    "@types/jest": "~26.0.24",
+    "@types/node": "~14.14.19",
+    "@typescript-eslint/eslint-plugin": "~4.11.1",
+    "@typescript-eslint/parser": "~4.11.1",
+    "@webcomponents/webcomponentsjs": "~2.5.0",
+    "babel-jest": "~26.6.0",
+    "chalk": "~4.1.0",
+    "coveralls": "~3.1.1",
+    "cross-env": "~7.0.3",
+    "custom-elements-es5-adapter": "~1.0.0",
+    "docsify-cli": "~4.4.2",
+    "dts-bundle": "~0.7.3",
+    "eslint": "~7.17.0",
+    "eslint-config-standard": "~16.0.2",
+    "eslint-plugin-import": "~2.22.1",
+    "eslint-plugin-jest": "~24.3.6",
+    "eslint-plugin-node": "~11.1.0",
+    "eslint-plugin-promise": "~4.2.1",
+    "eslint-plugin-standard": "~5.0.0",
+    "fs-extra": "~10.0.0",
+    "gzip-size": "~6.0.0",
+    "husky": "~4.3.6",
+    "jest": "~26.6.0",
+    "lint-staged": "~10.5.3",
+    "live-server": "~1.2.1",
+    "node-fetch": "~2.6.1",
+    "npm-run-all": "~4.1.5",
+    "pretty-bytes": "~5.5.0",
+    "rollup": "~2.35.1",
+    "rollup-plugin-terser": "~7.0.2",
+    "ts-jest": "~26.5.6",
+    "typescript": "~4.1.3"
+  }
+}

package/polyfill/jsx-custom-event.js

@@ -0,0 +1,54 @@
+const React = require('react');
+// lifecycles
+const eventLifeCycles = [
+    'oncreated',
+    'onbeforemount',
+    'onmounted',
+    'onunmount',
+    'onerror',
+    'ondatachange',
+    'onbeforeshow',
+    'onaftershow',
+    'onafterhidden',
+];
+function jsxCustomEvent(type, props, ...children) {
+    if (typeof type !== 'string' || !/^micro-app(-\S+)?/.test(type) || !props) {
+        return React.createElement.apply(null, [type, props, ...children]);
+    }
+    const newProps = Object.assign({}, props);
+    // ref will call when create, update, unmount
+    newProps.ref = (element) => {
+        if (typeof props.ref === 'function') {
+            props.ref(element);
+        }
+        else if (typeof props.ref === 'object') {
+            props.ref.current = element;
+        }
+        // when unmount and update the element is null
+        if (element) {
+            // Update data when the prev and next data are different
+            if (toString.call(props.data) === '[object Object]' && element.data !== props.data) {
+                element.data = props.data;
+            }
+            for (const key in props) {
+                if (Object.prototype.hasOwnProperty.call(props, key) &&
+                    eventLifeCycles.includes(key.toLowerCase()) &&
+                    typeof props[key] === 'function' &&
+                    (!element[key] || element[key] !== props[key])) {
+                    const eventName = key.toLowerCase().replace('on', '');
+                    if (element[key]) {
+                        // @ts-ignore
+                        element.removeEventListener(eventName, element[key], false);
+                    }
+                    // @ts-ignore
+                    element.addEventListener(eventName, props[key], false);
+                    element[key] = props[key];
+                }
+            }
+        }
+    };
+    return React.createElement.apply(null, [type, newProps, ...children]);
+}
+module.exports = jsxCustomEvent;
+module.exports.default = jsxCustomEvent;
+//# sourceMappingURL=jsx-custom-event.js.map

package/polyfill/jsx-custom-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-custom-event.js","sources":["../src/polyfill/jsx-custom-event.ts"],"sourcesContent":["const React = require('react')\n\ntype MicroElementType = HTMLElement & Record<string, unknown>\n\n// lifecycles\nconst eventLifeCycles = [\n  'oncreated',\n  'onbeforemount',\n  'onmounted',\n  'onunmount',\n  'onerror',\n  'ondatachange',\n  'onbeforeshow',\n  'onaftershow',\n  'onafterhidden',\n]\n\nfunction jsxCustomEvent (\n  type: string | CallableFunction,\n  props: Record<string, unknown> | null,\n  ...children: any[]\n): void {\n  if (typeof type !== 'string' || !/^micro-app(-\\S+)?/.test(type) || !props) {\n    return React.createElement.apply(null, [type, props, ...children])\n  }\n\n  const newProps = Object.assign({}, props)\n\n  // ref will call when create, update, unmount\n  newProps.ref = (element: MicroElementType | null) => {\n    if (typeof props.ref === 'function') {\n      props.ref(element)\n    } else if (typeof props.ref === 'object') {\n      (props.ref as any).current = element\n    }\n\n    // when unmount and update the element is null\n    if (element) {\n      // Update data when the prev and next data are different\n      if (toString.call(props.data) === '[object Object]' && element.data !== props.data) {\n        element.data = props.data\n      }\n\n      for (const key in props) {\n        if (\n          Object.prototype.hasOwnProperty.call(props, key) &&\n          eventLifeCycles.includes(key.toLowerCase()) &&\n          typeof props[key] === 'function' &&\n          (!element[key] || element[key] !== props[key])\n        ) {\n          const eventName = key.toLowerCase().replace('on', '')\n          if (element[key]) {\n            // @ts-ignore\n            element.removeEventListener(eventName, element[key], false)\n          }\n          // @ts-ignore\n          element.addEventListener(eventName, props[key], false)\n          element[key] = props[key]\n        }\n      }\n    }\n  }\n\n  return React.createElement.apply(null, [type, newProps, ...children])\n}\n\nmodule.exports = jsxCustomEvent\nmodule.exports.default = jsxCustomEvent\n"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;AAI9B;AACA,MAAM,eAAe,GAAG;IACtB,WAAW;IACX,eAAe;IACf,WAAW;IACX,WAAW;IACX,SAAS;IACT,cAAc;IACd,cAAc;IACd,aAAa;IACb,eAAe;CAChB,CAAA;AAED,SAAS,cAAc,CACrB,IAA+B,EAC/B,KAAqC,EACrC,GAAG,QAAe;IAElB,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;QACzE,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;KACnE;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;;IAGzC,QAAQ,CAAC,GAAG,GAAG,CAAC,OAAgC;QAC9C,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,UAAU,EAAE;YACnC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;SACnB;aAAM,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACvC,KAAK,CAAC,GAAW,CAAC,OAAO,GAAG,OAAO,CAAA;SACrC;;QAGD,IAAI,OAAO,EAAE;;YAEX,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,iBAAiB,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE;gBAClF,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;aAC1B;YAED,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;gBACvB,IACE,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;oBAChD,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;oBAC3C,OAAO,KAAK,CAAC,GAAG,CAAC,KAAK,UAAU;qBAC/B,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,EAC9C;oBACA,MAAM,SAAS,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;oBACrD,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;;wBAEhB,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAA;qBAC5D;;oBAED,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAA;oBACtD,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;iBAC1B;aACF;SACF;KACF,CAAA;IAED,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;AACvE,CAAC;AAED,MAAM,CAAC,OAAO,GAAG,cAAc,CAAA;AAC/B,MAAM,CAAC,OAAO,CAAC,OAAO,GAAG,cAAc"}