@tuya-sat/micro-dev-loader 1.0.1 → 1.0.2

package/dist/index.js

@@ -19,16 +19,16 @@ function _interopRequireDefault(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 manifest = (0, _parseManifest).default();
-    var codeMaker = new _transform.default({
-        sourceCode: sourceCode,
-        microFramework: microFramework
+const addjsLoader = function(sourceCode) {
+    const { authedCode =[] , microFramework  } = (0, _loaderUtils).getOptions(this);
+    const manifest = (0, _parseManifest).default();
+    const codeMaker = new _transform.default({
+        sourceCode,
+        microFramework
     });
     codeMaker.changeAst({
-        authedCode: authedCode,
-        manifest: manifest
+        authedCode,
+        manifest
     });
     return codeMaker.gtAst() + _manifestDom.default;
 };

package/dist/manifestDom.js

@@ -3,6 +3,13 @@ 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";
+const manifestDom = `
+(function ExternalRender() {
+    const div = document.createElement('div');
+    const { insertDom } = require("@tuya-sat/micro-dev-component");
+    insertDom(div)
+    document.body.appendChild(div);
+})();
+`;
 var _default = manifestDom;
 exports.default = _default;

package/dist/plugins/layoutMock/index.js

@@ -11,71 +11,38 @@ var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 var _parseManifest = _interopRequireDefault(require("../../utils/parseManifest"));
 var _getLang = require("../../utils/getLang");
 var _getFakeMenu = require("../../utils/getFakeMenu");
-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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var manifest = (0, _parseManifest).default();
-var layoutMockTpl = _fsExtra.default.readFileSync(_path.default.resolve(__dirname, "./layout-static/index.html"), {
+const manifest = (0, _parseManifest).default();
+const 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);
+class LayoutMockPlugin {
+    static useLayoutStatic(app) {
+        app.get("/layout-static/*", function(req, res) {
+            res.sendFile(_path.default.join(__dirname, req.path));
+        });
     }
-    _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 name = manifest.name, defaultMenuIcon = manifest.defaultMenuIcon;
-                        data.html = _ejs.default.render(layoutMockTpl, {
-                            appName: (0, _getLang).nameProcesser2(name)[0],
-                            appIcon: defaultMenuIcon.url,
-                            menu: (0, _getFakeMenu).getFakeMenu(manifest),
-                            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));
+    apply(compiler) {
+        compiler.hooks.compilation.tap("MyPlugin", (compilation)=>{
+            _htmlWebpackPlugin.default.getHooks(compilation).beforeEmit.tapAsync("LayoutMockPlugin", (data, cb)=>{
+                const $ = _cheerio.default.load(data.html);
+                const { name , defaultMenuIcon  } = manifest;
+                data.html = _ejs.default.render(layoutMockTpl, {
+                    appName: (0, _getLang).nameProcesser2(name)[0],
+                    appIcon: defaultMenuIcon.url,
+                    menu: (0, _getFakeMenu).getFakeMenu(manifest),
+                    appHtml: [
+                        $("head").html(),
+                        $("body").html()
+                    ].join("")
                 });
-            }
-        }
-    ]);
-    return LayoutMockPlugin;
-}();
+                cb(null, data);
+            });
+        });
+    }
+}
 exports.default = LayoutMockPlugin;

package/dist/plugins/layoutMock/layout-static/index.html

@@ -52,6 +52,7 @@
       .c-debugger-content {
         flex: 1 1 auto;
         height: 100%;
+        width: 0;
         background-color: #f0f2f5;
       }
       #root {
@@ -197,9 +198,7 @@ ADI2MI8huMQAAAAASUVORK5CYII="
                 p-id="2324"
               ></path>
             </svg>
-            <div class="c-debugger-menu-name">
-              <%= menu.entry_name[0] %>
-            </div>
+            <div class="c-debugger-menu-name"><%= menu.entry_name[0] %></div>
           </div>
           <% } else { %>
           <div class="c-debugger-menu">

package/dist/transform.js

@@ -8,128 +8,147 @@ var _template = _interopRequireDefault(require("@babel/template"));
 var _generator = _interopRequireDefault(require("@babel/generator"));
 var _pluginSyntaxTypescript = _interopRequireDefault(require("@babel/plugin-syntax-typescript"));
 var _getFakeMenu = require("./utils/getFakeMenu");
-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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var VUE_TYPES = [
+const VUE_TYPES = [
     "VUE_TS",
     "VUE_JS"
 ];
-var REACT_TYPES = [
+const 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;
+class CodeMaker {
+    parse(code) {
+        return (0, _core).parse(code, {
+            plugins: [
+                [
+                    _pluginSyntaxTypescript.default,
+                    {
+                        isTSX: true,
+                        allExtensions: true
+                    }, 
+                ], 
+            ]
+        });
     }
-    _createClass(CodeMaker, [
-        {
-            key: "parse",
-            value: function parse(code) {
-                return (0, _core).parse(code, {
-                    plugins: [
-                        [
-                            _pluginSyntaxTypescript.default,
-                            {
-                                isTSX: true,
-                                allExtensions: true
-                            }, 
-                        ], 
-                    ]
+    changeAst(props) {
+        const { manifest , authedCode  } = props;
+        const { privileges  } = manifest;
+        const authTemp = this.getAuthTemp({
+            authedCode,
+            privileges
+        });
+        const menuTemp = this.getMenuCode(manifest);
+        (0, _core).traverse(this.ast, {
+            ExportNamedDeclaration (path) {
+                let isTarget = false;
+                try {
+                    isTarget = path.node.declaration.kind === "let" && path.node.declaration.declarations[0].id.name === "microProps";
+                } catch (e) {}
+                if (!isTarget) {
+                    return;
+                }
+                [
+                    authTemp,
+                    menuTemp,
+                    "microProps = {}"
+                ].forEach((temp)=>{
+                    path.insertAfter(_template.default.ast(temp));
                 });
             }
-        },
-        {
-            key: "changeAst",
-            value: function changeAst(props) {
-                var manifest = props.manifest, authedCode = props.authedCode;
-                var privileges = manifest.privileges;
-                var authTemp = this.getAuthTemp({
-                    authedCode: authedCode,
-                    privileges: privileges
-                });
-                var menuTemp = this.getMenuCode(manifest);
-                (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 === "microProps";
-                        } catch (e) {}
-                        if (!isTarget) {
-                            return;
-                        }
-                        [
-                            authTemp,
-                            menuTemp,
-                            "microProps = {}"
-                        ].forEach(function(temp) {
-                            path.insertAfter(_template.default.ast(temp));
-                        });
-                    }
-                });
-            }
-        },
-        {
-            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: "getMenuCode",
-            value: function getMenuCode(manifest) {
-                var temp = "\n      {\n        microProps.getOwnMenu = ()=> {\n          const localLng = localStorage.getItem(\"i18nextLng\");\n          let index = localLng === \"zh-CN\" ? 0 : 1\n          const ownMenu = ".concat(JSON.stringify((0, _getFakeMenu).getFakeMenu(manifest)), "\n          ownMenu.micro_app_name = ownMenu.micro_app_name[index]\n          ownMenu.entry_name = ownMenu.entry_name[index]\n          ownMenu.sub_entry_list = ownMenu.sub_entry_list.map(item=>({\n            ...item,\n            micro_app_name:item.micro_app_name[index],\n            entry_name:item.entry_name[index]\n          }))\n          return ownMenu\n        }\n      }\n    ");
-                return temp;
-            }
-        },
-        {
-            key: "getAuthTemp",
-            value: function getAuthTemp(props) {
-                var _privileges = props.privileges, privileges = _privileges === void 0 ? [] : _privileges, _authedCode = props.authedCode, authedCode = _authedCode === void 0 ? [] : _authedCode;
-                var temp = "\n      {\n        window._allCodesStatusMap = new Map()\n        window._authedCodeInfoProxy = {}\n        microProps.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            target[prop] = value\n            if(prop === 'authedCode') {\n              changeAuthedMap(value)\n              reRender()\n            }\n            return true\n          }\n        })\n\n      }\n    ");
-                return temp;
-            }
+        });
+    }
+    gtAst() {
+        const { code  } = (0, _generator).default(this.ast);
+        return code;
+    }
+    vueReRenderTemp() {
+        return `
+    const reRender = () => {
+      app.unmount()
+      render({})
+    }
+    `;
+    }
+    reactReRenderTemp() {
+        return `
+    const reRender = () => {
+      ReactDOM.unmountComponentAtNode(document.querySelector('#root'))
+      render({})
+    }
+    `;
+    }
+    getMenuCode(manifest) {
+        const temp = `
+      {
+        microProps.getOwnMenu = ()=> {
+          const localLng = localStorage.getItem("i18nextLng");
+          let index = localLng === "zh-CN" ? 0 : 1
+          const ownMenu = ${JSON.stringify((0, _getFakeMenu).getFakeMenu(manifest))}
+          ownMenu.micro_app_name = ownMenu.micro_app_name[index]
+          ownMenu.entry_name = ownMenu.entry_name[index]
+          ownMenu.sub_entry_list = ownMenu.sub_entry_list.map(item=>({
+            ...item,
+            micro_app_name:item.micro_app_name[index],
+            entry_name:item.entry_name[index]
+          }))
+          return ownMenu
+        }
+      }
+    `;
+        return temp;
+    }
+    getAuthTemp(props) {
+        const { privileges =[] , authedCode =[]  } = props;
+        const temp = `
+      {
+        window._allCodesStatusMap = new Map()
+        window._authedCodeInfoProxy = {}
+        microProps.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)
         }
-    ]);
-    return CodeMaker;
-}();
+        
+       ${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){
+            target[prop] = value
+            if(prop === 'authedCode') {
+              changeAuthedMap(value)
+              reRender()
+            }
+            return true
+          }
+        })
+
+      }
+    `;
+        return temp;
+    }
+    constructor({ sourceCode , microFramework  }){
+        this.ast = this.parse(sourceCode);
+        this.microFramework = microFramework;
+    }
+}
 exports.default = CodeMaker;

package/dist/utils/getFakeMenu.js

@@ -33,13 +33,13 @@ function _objectSpread(target) {
     return target;
 }
 function getFakeMenu(manifest) {
-    var appName = manifest.name, _entries = manifest.entries, entries = _entries === void 0 ? [] : _entries;
-    var appNameLang = (0, _getLang).nameProcesser2(appName);
-    var fakeMenuDefault = {
+    const { name: appName , entries =[]  } = manifest;
+    const appNameLang = (0, _getLang).nameProcesser2(appName);
+    const fakeMenuDefault = {
         micro_app_name: appNameLang,
         sub_entry_list: []
     };
-    var fakeMenu = null;
+    let fakeMenu = null;
     switch(entries.length){
         case 0:
             fakeMenu = _objectSpread({
@@ -48,7 +48,7 @@ function getFakeMenu(manifest) {
             }, fakeMenuDefault);
             break;
         case 1:
-            var ref = entries[0], name1 = ref.name, path1 = ref.path;
+            const { name: name1 , path: path1  } = entries[0];
             fakeMenu = _objectSpread({
                 entry_name: (0, _getLang).nameProcesser2(name1),
                 path: path1
@@ -59,13 +59,11 @@ function getFakeMenu(manifest) {
                 entry_name: appNameLang,
                 path: ""
             }, fakeMenuDefault, {
-                sub_entry_list: entries.map(function(param) {
-                    var name = param.name, path = param.path;
-                    return _objectSpread({
+                sub_entry_list: entries.map(({ name , path  })=>_objectSpread({
                         entry_name: (0, _getLang).nameProcesser2(name),
-                        path: path
-                    }, fakeMenuDefault);
-                })
+                        path
+                    }, fakeMenuDefault)
+                )
             });
             break;
     }

package/dist/utils/getLang.js

@@ -5,61 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.nameProcesser2 = void 0;
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 var _path = _interopRequireDefault(require("path"));
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_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.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-var zhLang = _fsExtra.default.readJSONSync(_path.default.resolve(process.cwd(), "_locales/zh-CN.json"));
-var enLang = _fsExtra.default.readJSONSync(_path.default.resolve(process.cwd(), "_locales/en.json"));
-var nameProcesser2 = function(name) {
-    var ref = _slicedToArray(name.split("."), 2), _ = ref[0], key = ref[1];
+const zhLang = _fsExtra.default.readJSONSync(_path.default.resolve(process.cwd(), "_locales/zh-CN.json"));
+const enLang = _fsExtra.default.readJSONSync(_path.default.resolve(process.cwd(), "_locales/en.json"));
+const nameProcesser2 = (name)=>{
+    const [_, key] = name.split(".");
     return [
         zhLang[key] || name,
         enLang[key] || name

package/dist/utils/parseManifest.js

@@ -11,8 +11,8 @@ function _interopRequireDefault(obj) {
     };
 }
 function parseManifest() {
-    var MANIFEST_FILE = "manifest.json";
-    var cwd = process.cwd();
-    var manifest = _fsExtra.default.readJSONSync(_path.default.resolve(cwd, MANIFEST_FILE), "utf-8");
+    const MANIFEST_FILE = "manifest.json";
+    const cwd = process.cwd();
+    const manifest = _fsExtra.default.readJSONSync(_path.default.resolve(cwd, MANIFEST_FILE), "utf-8");
     return manifest;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-sat/micro-dev-loader",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "dist/index.js",
   "license": "MIT",
   "scripts": {