@tuya-sat/micro-dev-loader 0.0.4 → 1.0.0-rc.1

package/dist/index.js

@@ -21,14 +21,14 @@ function _interopRequireDefault(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 manifest = (0, _parseManifest).default();
     var codeMaker = new _transform.default({
         sourceCode: sourceCode,
         microFramework: microFramework
     });
     codeMaker.changeAst({
-        privileges: privileges,
-        authedCode: authedCode
+        authedCode: authedCode,
+        manifest: manifest
     });
     return codeMaker.gtAst() + _manifestDom.default;
 };

package/dist/plugins/layoutMock/index.js

@@ -9,14 +9,8 @@ var _ejs = _interopRequireDefault(require("ejs"));
 var _cheerio = _interopRequireDefault(require("cheerio"));
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 var _parseManifest = _interopRequireDefault(require("../../utils/parseManifest"));
-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;
-}
+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");
@@ -36,80 +30,12 @@ function _createClass(Constructor, protoProps, staticProps) {
     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;
-    }
-    return obj;
-}
 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 _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) || _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 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"
 });
@@ -125,29 +51,11 @@ var LayoutMockPlugin = /*#__PURE__*/ function() {
                 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;
-                        var nameProcesser = function(name) {
-                            var ref = _slicedToArray(name.split("."), 2), _ = ref[0], key = ref[1];
-                            return lang[key] || name;
-                        };
+                        var name = manifest.name, defaultMenuIcon = manifest.defaultMenuIcon;
                         data.html = _ejs.default.render(layoutMockTpl, {
-                            appName: nameProcesser(name1),
+                            appName: (0, _getLang).nameProcesser2(name)[0],
                             appIcon: defaultMenuIcon.url,
-                            menus: function() {
-                                var processer = function(item) {
-                                    return _objectSpread({
-                                    }, item, {
-                                        langName: nameProcesser(item.name)
-                                    });
-                                };
-                                var entries$ = entries.length ? entries : [
-                                    {
-                                        name: name1,
-                                        path: "/"
-                                    }, 
-                                ];
-                                return entries$.map(processer);
-                            }(),
+                            menu: (0, _getFakeMenu).getFakeMenu(manifest),
                             appHtml: [
                                 $("head").html(),
                                 $("body").html()

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

@@ -103,7 +103,17 @@
         color: rgba(0, 0, 0, 0.85);
       }
       .c-debugger-menu-name {
+        flex: 1 1 auto;
         margin-left: 10px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .c-debugger-menu-suffix {
+        display: flex;
+        align-items: center;
+        width: 14px;
+        height: 14px;
+        margin: 0 10px 0 0;
       }
       .c-debugger-menu:hover {
         color: #1890ff;
@@ -121,7 +131,6 @@
           />
           <div class="c-debugger-title"><%= appName %></div>
         </div>
-
         <div class="c-debugger-lang-trigger">
           <span id="c-debugger-lang-name"></span>
           <div class="c-debugger-lang-list">
@@ -132,7 +141,7 @@
       </div>
       <div class="c-debugger-main">
         <div class="c-debugger-side">
-          <% menus.forEach(function(menu){ %>
+          <% if (!menu.sub_entry_list.length) { %>
           <div class="c-debugger-menu" onclick="toPage('<%= menu.path %>')">
             <svg
               viewBox="0 0 1024 1024"
@@ -148,9 +157,51 @@
                 p-id="2324"
               ></path>
             </svg>
-            <div class="c-debugger-menu-name"><%= menu.langName %></div>
+            <div class="c-debugger-menu-name">
+              <%= menu.micro_app_name[0] %>
+            </div>
+          </div>
+          <% } else { %>
+          <div class="c-debugger-menu">
+            <svg
+              viewBox="0 0 1024 1024"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              p-id="2323"
+              width="14"
+              height="14"
+            >
+              <path
+                d="M192.037 287.953h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32zM192.028 543.17h638.608c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.028c-17.673 0-32 14.327-32 32s14.327 32 32 32zM832.161 735.802H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32z"
+                fill=""
+                p-id="2324"
+              ></path>
+            </svg>
+            <div class="c-debugger-menu-name">
+              <%= menu.micro_app_name[0] %>
+            </div>
+            <div class="c-debugger-menu-suffix">
+              <svg
+                viewBox="0 0 1024 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="2307"
+                width="12"
+                height="12"
+              >
+                <path
+                  d="M881.975333 774.688841 512 404.713508 142.024667 774.688841 64.322981 696.987155 512 249.311159 959.677019 696.987155Z"
+                  p-id="2308"
+                ></path>
+              </svg>
+            </div>
+          </div>
+          <% menu.sub_entry_list.forEach(function(subMenu){ %>
+          <div class="c-debugger-menu" onclick="toPage('<%= subMenu.path %>')">
+            <div style="width: 14px; height: 14px"></div>
+            <div class="c-debugger-menu-name"><%= subMenu.entry_name[0] %></div>
           </div>
-          <% }); %>
+          <% }) %> <% } %>
         </div>
         <div class="c-debugger-content"><%- appHtml %></div>
       </div>
@@ -163,7 +214,6 @@
         };
         const localLng = localStorage.getItem("i18nextLng");
         const lng = lngMap[localLng] ? localLng : "zh-CN";
-        console.log(lng);
         document.querySelector("#c-debugger-lang-name").textContent =
           lngMap[lng];
       })();

package/dist/transform.js

@@ -7,6 +7,7 @@ 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"));
+var _getFakeMenu = require("./utils/getFakeMenu");
 function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -67,19 +68,30 @@ var CodeMaker = /*#__PURE__*/ function() {
         {
             key: "changeAst",
             value: function changeAst(props) {
-                var temp = this.getTemp(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 === "hasPermission";
+                            isTarget = path.node.declaration.kind === "let" && path.node.declaration.declarations[0].id.name === "microProps";
                         } catch (e) {
                         }
                         if (!isTarget) {
                             return;
                         }
-                        var tempNode = _template.default.ast(temp);
-                        path.insertAfter(tempNode);
+                        [
+                            authTemp,
+                            menuTemp,
+                            "microProps = {}"
+                        ].forEach(function(temp) {
+                            path.insertAfter(_template.default.ast(temp));
+                        });
                     }
                 });
             }
@@ -104,10 +116,17 @@ var CodeMaker = /*#__PURE__*/ function() {
             }
         },
         {
-            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    ");
+            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;
             }
         }

package/dist/utils/getFakeMenu.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.getFakeMenu = getFakeMenu;
+var _getLang = require("./getLang");
+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;
+    }
+    return obj;
+}
+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 getFakeMenu(manifest) {
+    var appName = manifest.name, entries = manifest.entries;
+    var appNameLang = (0, _getLang).nameProcesser2(appName);
+    var fakeMenuDefault = {
+        micro_app_name: appNameLang,
+        sub_entry_list: []
+    };
+    var fakeMenu = null;
+    switch(entries.length){
+        case 0:
+            fakeMenu = _objectSpread({
+                entry_name: appNameLang,
+                path: ""
+            }, fakeMenuDefault);
+            break;
+        case 1:
+            var ref = entries[0], name1 = ref.name, path1 = ref.path;
+            fakeMenu = _objectSpread({
+                entry_name: (0, _getLang).nameProcesser2(name1),
+                path: path1
+            }, fakeMenuDefault);
+            break;
+        default:
+            fakeMenu = _objectSpread({
+                entry_name: appNameLang,
+                path: ""
+            }, fakeMenuDefault, {
+                sub_entry_list: entries.map(function(param) {
+                    var name = param.name, path = param.path;
+                    return _objectSpread({
+                        entry_name: (0, _getLang).nameProcesser2(name),
+                        path: path
+                    }, fakeMenuDefault);
+                })
+            });
+            break;
+    }
+    return fakeMenu;
+}

package/dist/utils/getLang.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+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];
+    return [
+        zhLang[key] || name,
+        enLang[key] || name
+    ];
+};
+exports.nameProcesser2 = nameProcesser2;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tuya-sat/micro-dev-loader",
-  "version": "0.0.4",
+  "version": "1.0.0-rc.1",
   "main": "dist/index.js",
   "license": "MIT",
   "scripts": {
     "dev": "swc src -D -w -d dist",
-    "build": "swc src -D -d dist",
+    "build": "rm -rf dist/ && swc src -D -d dist",
     "prepublish": "yarn build",
     "test": "jest --verbose ./__tests__"
   },
@@ -35,5 +35,6 @@
     "saas",
     "cloud",
     "tuya"
-  ]
+  ],
+  "stableVersion": "0.0.4"
 }