@tuya-sat/micro-dev-loader 0.0.1-beta.3 → 0.0.4

package/dist/transform.js

@@ -1,117 +1,117 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@babel/core");
-const template_1 = __importDefault(require("@babel/template"));
-const generator_1 = __importDefault(require("@babel/generator"));
-const plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
-const VUE_TYPES = ["VUE_TS", "VUE_JS"];
-const REACT_TYPES = ["REACT_TS", "REACT_JS"];
-class CodeMaker {
-    constructor({ sourceCode, microFramework }) {
-        this.ast = this.parse(sourceCode);
-        this.microFramework = microFramework;
-    }
-    parse(code) {
-        return (0, core_1.parse)(code, {
-            plugins: [
-                [
-                    plugin_syntax_typescript_1.default,
-                    {
-                        isTSX: true,
-                        allExtensions: true,
-                    },
-                ],
-            ],
-        });
-    }
-    changeAst(props) {
-        const temp = this.getTemp(props);
-        (0, core_1.traverse)(this.ast, {
-            ExportNamedDeclaration(path) {
-                let isTarget = false;
-                try {
-                    isTarget =
-                        path.node.declaration.kind === "let" &&
-                            path.node.declaration.declarations[0].id.name ===
-                                "hasPermission";
-                }
-                catch (_a) { }
-                if (!isTarget) {
-                    return;
-                }
-                let tempNode = template_1.default.ast(temp);
-                path.insertAfter(tempNode);
-            },
-        });
-    }
-    gtAst() {
-        const { code } = (0, generator_1.default)(this.ast);
-        return code;
-    }
-    vueReRenderTemp() {
-        return `
-    const reRender = () => {
-      app.unmount()
-      render({})
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _core = require("@babel/core");
+var _template = _interopRequireDefault(require("@babel/template"));
+var _generator = _interopRequireDefault(require("@babel/generator"));
+var _pluginSyntaxTypescript = _interopRequireDefault(require("@babel/plugin-syntax-typescript"));
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
     }
-    `;
-    }
-    reactReRenderTemp() {
-        return `
-    const reRender = () => {
-      ReactDOM.unmountComponentAtNode(document.querySelector('#root'))
-      render({})
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
     }
-    `;
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var VUE_TYPES = [
+    "VUE_TS",
+    "VUE_JS"
+];
+var REACT_TYPES = [
+    "REACT_TS",
+    "REACT_JS"
+];
+var CodeMaker = /*#__PURE__*/ function() {
+    "use strict";
+    function CodeMaker(param) {
+        var sourceCode = param.sourceCode, microFramework = param.microFramework;
+        _classCallCheck(this, CodeMaker);
+        this.ast = this.parse(sourceCode);
+        this.microFramework = microFramework;
     }
-    getTemp(props) {
-        const { privileges, authedCode } = props;
-        const temp = `
-      {
-        window._allCodesStatusMap = new Map()
-        window._authedCodeInfoProxy = {}
-        hasPermission = (code) => {
-          return window._allCodesStatusMap.get(code)
-        };
-        const changeAuthedMap = (authedCode) => {
-          const privileges = ${JSON.stringify(privileges)}
-          const allCodesStatus = privileges?.map(
-            ({ name, code }) => [
-              code,
-              authedCode.includes(code),
-            ]
-          );
-          window._allCodesStatusMap = new Map(allCodesStatus)
-        }
-        
-       ${REACT_TYPES.includes(this.microFramework)
-            ? this.reactReRenderTemp()
-            : this.vueReRenderTemp()}
-        const authedCodeInfo = {
-          authedCode:${JSON.stringify(authedCode)}
-        }
-        
-        changeAuthedMap(authedCodeInfo.authedCode)
-        window._authedCodeInfoProxy = new Proxy(authedCodeInfo,{
-          get(target,prop){
-            return target[prop]
-          },
-          set(target,prop,value){
-            if(prop === 'authedCode') {
-              changeAuthedMap(value)
-              reRender()
+    _createClass(CodeMaker, [
+        {
+            key: "parse",
+            value: function parse(code) {
+                return (0, _core).parse(code, {
+                    plugins: [
+                        [
+                            _pluginSyntaxTypescript.default,
+                            {
+                                isTSX: true,
+                                allExtensions: true
+                            }, 
+                        ], 
+                    ]
+                });
             }
-            target[prop] = value
-            return true
-          }
-        })
-
-      }
-    `;
-        return temp;
-    }
-}
+        },
+        {
+            key: "changeAst",
+            value: function changeAst(props) {
+                var temp = this.getTemp(props);
+                (0, _core).traverse(this.ast, {
+                    ExportNamedDeclaration: function ExportNamedDeclaration(path) {
+                        var isTarget = false;
+                        try {
+                            isTarget = path.node.declaration.kind === "let" && path.node.declaration.declarations[0].id.name === "hasPermission";
+                        } catch (e) {
+                        }
+                        if (!isTarget) {
+                            return;
+                        }
+                        var tempNode = _template.default.ast(temp);
+                        path.insertAfter(tempNode);
+                    }
+                });
+            }
+        },
+        {
+            key: "gtAst",
+            value: function gtAst() {
+                var code = (0, _generator).default(this.ast).code;
+                return code;
+            }
+        },
+        {
+            key: "vueReRenderTemp",
+            value: function vueReRenderTemp() {
+                return "\n    const reRender = () => {\n      app.unmount()\n      render({})\n    }\n    ";
+            }
+        },
+        {
+            key: "reactReRenderTemp",
+            value: function reactReRenderTemp() {
+                return "\n    const reRender = () => {\n      ReactDOM.unmountComponentAtNode(document.querySelector('#root'))\n      render({})\n    }\n    ";
+            }
+        },
+        {
+            key: "getTemp",
+            value: function getTemp(props) {
+                var privileges = props.privileges, authedCode = props.authedCode;
+                var temp = "\n      {\n        window._allCodesStatusMap = new Map()\n        window._authedCodeInfoProxy = {}\n        hasPermission = (code) => {\n          return window._allCodesStatusMap.get(code)\n        };\n        const changeAuthedMap = (authedCode) => {\n          const privileges = ".concat(JSON.stringify(privileges), "\n          const allCodesStatus = privileges?.map(\n            ({ name, code }) => [\n              code,\n              authedCode.includes(code),\n            ]\n          );\n          window._allCodesStatusMap = new Map(allCodesStatus)\n        }\n        \n       ").concat(REACT_TYPES.includes(this.microFramework) ? this.reactReRenderTemp() : this.vueReRenderTemp(), "\n        const authedCodeInfo = {\n          authedCode:").concat(JSON.stringify(authedCode), "\n        }\n        \n        changeAuthedMap(authedCodeInfo.authedCode)\n        window._authedCodeInfoProxy = new Proxy(authedCodeInfo,{\n          get(target,prop){\n            return target[prop]\n          },\n          set(target,prop,value){\n            if(prop === 'authedCode') {\n              changeAuthedMap(value)\n              reRender()\n            }\n            target[prop] = value\n            return true\n          }\n        })\n\n      }\n    ");
+                return temp;
+            }
+        }
+    ]);
+    return CodeMaker;
+}();
 exports.default = CodeMaker;

package/dist/utils/parseManifest.js

@@ -1,14 +1,18 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = parseManifest;
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+var _path = _interopRequireDefault(require("path"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function parseManifest() {
-    const MANIFEST_FILE = "manifest.json";
-    const cwd = process.cwd();
-    const manifest = fs_extra_1.default.readJSONSync(path_1.default.resolve(cwd, MANIFEST_FILE), "utf-8");
+    var MANIFEST_FILE = "manifest.json";
+    var cwd = process.cwd();
+    var manifest = _fsExtra.default.readJSONSync(_path.default.resolve(cwd, MANIFEST_FILE), "utf-8");
     return manifest;
 }
-exports.default = parseManifest;

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@tuya-sat/micro-dev-loader",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.4",
   "main": "dist/index.js",
   "license": "MIT",
   "scripts": {
-    "dev": "tsc --watch",
-    "build": "rm -rf dist/ && tsc && yarn copyOtherFiles",
-    "copyOtherFiles": "cp -R src/plugins/layoutMock/layout-static dist/plugins/layoutMock/layout-static",
+    "dev": "swc src -D -w -d dist",
+    "build": "swc src -D -d dist",
     "prepublish": "yarn build",
     "test": "jest --verbose ./__tests__"
   },
@@ -21,9 +20,20 @@
     "loader-utils": "^2.0.0"
   },
   "devDependencies": {
+    "@swc/cli": "^0.1.52",
+    "@swc/core": "^1.2.117",
     "@types/jest": "^26.0.24",
     "jest": "^27.0.6",
     "ts-jest": "^27.0.4",
     "typescript": "^4.4.4"
-  }
+  },
+  "keywords": [
+    "saturn-project",
+    "micro-frontend",
+    "no-code",
+    "IoT",
+    "saas",
+    "cloud",
+    "tuya"
+  ]
 }

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-import LayoutMockPlugin from "./plugins/layoutMock";
-declare const addjsLoader: (sourceCode: string) => string;
-export default addjsLoader;
-export { LayoutMockPlugin };

package/dist/manifestDom.d.ts

@@ -1,2 +0,0 @@
-declare const manifestDom = "\n(function ExternalRender() {\n    const div = document.createElement('div');\n    const { insertDom } = require(\"@tuya-sat/micro-dev-component\");\n    insertDom(div)\n    document.body.appendChild(div);\n})();\n";
-export default manifestDom;

package/dist/plugins/layoutMock/index.d.ts

@@ -1,4 +0,0 @@
-export default class LayoutMockPlugin {
-    static useLayoutStatic(app: any): void;
-    apply(compiler: any): void;
-}