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

package/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript"
+    },
+    "target": "es2015"
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

package/README.md

@@ -1,10 +1,4 @@
 <div id="top"></div>
-<a href="https://www.npmjs.com/package/@tuya/connector" target="_blank">
-    <img src="https://img.shields.io/badge/Node-v14.0.0-green" />
-  </a>
-  <img src="https://img.shields.io/github/license/tuya/tuya-connector-fe.svg" />
-
-<!-- PROJECT LOGO -->
 <br />
 <div align="center">
   <a href="https://github.com/othneildrew/Best-README-Template">
@@ -15,6 +9,12 @@
 
   <p align="center">
     模拟主应用相关功能
+    <br/>
+    <a href="https://github.com/tuya-sat/discuss">土星项目</a>
+    · 
+    <a href="https://github.com/tuya-sat/discuss/issues">报告问题</a>
+    ·
+    <a href="https://github.com/tuya-sat/discuss/issues">提交需求</a>
   </p>
 </div>
 
@@ -42,3 +42,8 @@ yarn add @tuya-sat/micro-dev-loader -D
 ## License
 
 MIT
+
+## 联系我们
+
+欢迎在 [https://github.com/tuya-sat/discuss/issues](https://github.com/tuya-sat/discuss/issues) 向我们提交反馈
+

package/dist/index.js

@@ -1,23 +1,36 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutMockPlugin = void 0;
-const loader_utils_1 = require("loader-utils");
-const transform_1 = __importDefault(require("./transform"));
-const parseManifest_1 = __importDefault(require("./utils/parseManifest"));
-const manifestDom_1 = __importDefault(require("./manifestDom"));
-const layoutMock_1 = __importDefault(require("./plugins/layoutMock"));
-exports.LayoutMockPlugin = layoutMock_1.default;
-const addjsLoader = function (sourceCode) {
-    const { authedCode = [], microFramework } = (0, loader_utils_1.getOptions)(this);
-    const { privileges } = (0, parseManifest_1.default)();
-    const codeMaker = new transform_1.default({ sourceCode, microFramework });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LayoutMockPlugin", {
+    enumerable: true,
+    get: function() {
+        return _layoutMock.default;
+    }
+});
+exports.default = void 0;
+var _loaderUtils = require("loader-utils");
+var _transform = _interopRequireDefault(require("./transform"));
+var _parseManifest = _interopRequireDefault(require("./utils/parseManifest"));
+var _manifestDom = _interopRequireDefault(require("./manifestDom"));
+var _layoutMock = _interopRequireDefault(require("./plugins/layoutMock"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var addjsLoader = function addjsLoader(sourceCode) {
+    var ref = (0, _loaderUtils).getOptions(this), _authedCode = ref.authedCode, authedCode = _authedCode === void 0 ? [] : _authedCode, microFramework = ref.microFramework;
+    var privileges = (0, _parseManifest).default().privileges;
+    var codeMaker = new _transform.default({
+        sourceCode: sourceCode,
+        microFramework: microFramework
+    });
     codeMaker.changeAst({
-        privileges,
-        authedCode,
+        privileges: privileges,
+        authedCode: authedCode
     });
-    return codeMaker.gtAst() + manifestDom_1.default;
+    return codeMaker.gtAst() + _manifestDom.default;
 };
-exports.default = addjsLoader;
+var _default = addjsLoader;
+exports.default = _default;

package/dist/manifestDom.js

@@ -1,11 +1,8 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const manifestDom = `
-(function ExternalRender() {
-    const div = document.createElement('div');
-    const { insertDom } = require("@tuya-sat/micro-dev-component");
-    insertDom(div)
-    document.body.appendChild(div);
-})();
-`;
-exports.default = manifestDom;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var 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";
+var _default = manifestDom;
+exports.default = _default;

package/dist/plugins/layoutMock/index.js

@@ -1,46 +1,150 @@
 "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"));
-const ejs_1 = __importDefault(require("ejs"));
-const cheerio_1 = __importDefault(require("cheerio"));
-const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
-const parseManifest_1 = __importDefault(require("../../utils/parseManifest"));
-const manifest = (0, parseManifest_1.default)();
-const lang = fs_extra_1.default.readJSONSync(path_1.default.resolve(process.cwd(), "_locales/zh-CN.json"));
-const layoutMockTpl = fs_extra_1.default.readFileSync(path_1.default.resolve(__dirname, "./layout-static/index.html"), {
-    encoding: "utf-8",
+Object.defineProperty(exports, "__esModule", {
+    value: true
 });
-class LayoutMockPlugin {
-    static useLayoutStatic(app) {
-        app.get("/layout-static/*", function (req, res) {
-            res.sendFile(path_1.default.join(__dirname, req.path));
+exports.default = void 0;
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+var _path = _interopRequireDefault(require("path"));
+var _ejs = _interopRequireDefault(require("ejs"));
+var _cheerio = _interopRequireDefault(require("cheerio"));
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+var _parseManifest = _interopRequireDefault(require("../../utils/parseManifest"));
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
         });
+    } else {
+        obj[key] = value;
     }
-    apply(compiler) {
-        compiler.hooks.compilation.tap("MyPlugin", (compilation) => {
-            html_webpack_plugin_1.default.getHooks(compilation).beforeEmit.tapAsync("LayoutMockPlugin", (data, cb) => {
-                const $ = cheerio_1.default.load(data.html);
-                const { name, defaultMenuIcon, entries } = manifest;
-                data.html = ejs_1.default.render(layoutMockTpl, {
-                    appName: (() => {
-                        const [_, key] = name.split(".");
-                        return lang[key] || name;
-                    })(),
-                    appIcon: defaultMenuIcon.url,
-                    menus: entries.map((item) => {
-                        const { name } = item;
-                        const [_, key] = name.split(".");
-                        return Object.assign(Object.assign({}, item), { langName: lang[key] || name });
-                    }),
-                    appHtml: [$("head").html(), $("body").html()].join(""),
-                });
-                cb(null, data);
-            });
+    return obj;
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
         });
     }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
+var manifest = (0, _parseManifest).default();
+var lang = _fsExtra.default.readJSONSync(_path.default.resolve(process.cwd(), "_locales/zh-CN.json"));
+var layoutMockTpl = _fsExtra.default.readFileSync(_path.default.resolve(__dirname, "./layout-static/index.html"), {
+    encoding: "utf-8"
+});
+var LayoutMockPlugin = /*#__PURE__*/ function() {
+    "use strict";
+    function LayoutMockPlugin() {
+        _classCallCheck(this, LayoutMockPlugin);
+    }
+    _createClass(LayoutMockPlugin, [
+        {
+            key: "apply",
+            value: function apply(compiler) {
+                compiler.hooks.compilation.tap("MyPlugin", function(compilation) {
+                    _htmlWebpackPlugin.default.getHooks(compilation).beforeEmit.tapAsync("LayoutMockPlugin", function(data, cb) {
+                        var $ = _cheerio.default.load(data.html);
+                        var name1 = manifest.name, defaultMenuIcon = manifest.defaultMenuIcon, entries = manifest.entries;
+                        data.html = _ejs.default.render(layoutMockTpl, {
+                            appName: function() {
+                                var ref = _slicedToArray(name1.split("."), 2), _ = ref[0], key = ref[1];
+                                return lang[key] || name1;
+                            }(),
+                            appIcon: defaultMenuIcon.url,
+                            menus: entries.map(function(item) {
+                                var name = item.name;
+                                var ref = _slicedToArray(name.split("."), 2), _ = ref[0], key = ref[1];
+                                return _objectSpread({
+                                }, item, {
+                                    langName: lang[key] || name
+                                });
+                            }),
+                            appHtml: [
+                                $("head").html(),
+                                $("body").html()
+                            ].join("")
+                        });
+                        cb(null, data);
+                    });
+                });
+            }
+        }
+    ], [
+        {
+            key: "useLayoutStatic",
+            value: function useLayoutStatic(app) {
+                app.get("/layout-static/*", function(req, res) {
+                    res.sendFile(_path.default.join(__dirname, req.path));
+                });
+            }
+        }
+    ]);
+    return LayoutMockPlugin;
+}();
 exports.default = LayoutMockPlugin;

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.0",
+  "version": "0.0.1",
   "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 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;
-}