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

package/dist/codeMaker/base.d.ts

@@ -0,0 +1,22 @@
+import { Manifest } from "../utils/parseManifest";
+export declare type MICRO_FRAMEWORKS_TYPE = "REACT_TS" | "REACT_JS" | "VUE_TS" | "VUE_JS";
+export declare const REACT_TYPES: string[];
+export interface ChangeCodeProps {
+    authedCode: string[];
+    manifest: Manifest;
+}
+export interface CodeMakerProps {
+    sourceCode: string;
+    microFramework: MICRO_FRAMEWORKS_TYPE;
+}
+export default class CodeMaker {
+    microFramework: MICRO_FRAMEWORKS_TYPE;
+    sourceCode: string;
+    permissionComponent: string;
+    resultCode: string;
+    constructor({ sourceCode, microFramework }: CodeMakerProps);
+    parse(code: string): import("@babel/core").ParseResult;
+    getResultCode(): string;
+    vueReRenderTemp(): string;
+    reactReRenderTemp(): string;
+}

package/dist/codeMaker/base.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = exports.REACT_TYPES = void 0;
+var _core = require("@babel/core");
+var _pluginSyntaxTypescript = _interopRequireDefault(require("@babel/plugin-syntax-typescript"));
+var _permissionComponent = _interopRequireDefault(require("../codePiece/permissionComponent"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const VUE_TYPES = [
+    "VUE_TS",
+    "VUE_JS"
+];
+const REACT_TYPES = [
+    "REACT_TS",
+    "REACT_JS"
+];
+exports.REACT_TYPES = REACT_TYPES;
+class CodeMaker {
+    parse(code) {
+        return (0, _core).parse(code, {
+            plugins: [
+                [
+                    _pluginSyntaxTypescript.default,
+                    {
+                        isTSX: true,
+                        allExtensions: true
+                    }, 
+                ], 
+            ]
+        });
+    }
+    getResultCode() {
+        return this.resultCode;
+    }
+    vueReRenderTemp() {
+        return `
+    const reRender = () => {
+      app.unmount()
+      render({})
+    }
+    `;
+    }
+    reactReRenderTemp() {
+        return `
+    const reRender = () => {
+      ReactDOM.unmountComponentAtNode(document.querySelector('#root'))
+      render({})
+    }
+    `;
+    }
+    constructor({ sourceCode , microFramework  }){
+        this.permissionComponent = _permissionComponent.default;
+        this.sourceCode = sourceCode;
+        this.microFramework = microFramework;
+    }
+}
+exports.default = CodeMaker;

package/dist/codeMaker/index.d.ts

@@ -0,0 +1,2 @@
+import MobileCodeMaker from "./mobileCodeMaker";
+export declare const createCodeMaker: (isMobile: boolean) => typeof MobileCodeMaker;

package/dist/codeMaker/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.createCodeMaker = void 0;
+var _mobileCodeMaker = _interopRequireDefault(require("./mobileCodeMaker"));
+var _pcCodeMaker = _interopRequireDefault(require("./pcCodeMaker"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const createCodeMaker = (isMobile)=>{
+    return isMobile ? _mobileCodeMaker.default : _pcCodeMaker.default;
+};
+exports.createCodeMaker = createCodeMaker;

package/dist/codeMaker/mobileCodeMaker.d.ts

@@ -0,0 +1,10 @@
+import { Manifest } from "../utils/parseManifest";
+import CodeMaker, { CodeMakerProps, ChangeCodeProps } from "./base";
+export default class MobileCodeMaker extends CodeMaker {
+    constructor(props: CodeMakerProps);
+    changeCode(props: ChangeCodeProps): void;
+    getAuthTemp(props: {
+        privileges: Manifest["privileges"];
+        authedCode: ChangeCodeProps["authedCode"];
+    }): string;
+}

package/dist/codeMaker/mobileCodeMaker.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _base = _interopRequireWildcard(require("./base"));
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+class MobileCodeMaker extends _base.default {
+    changeCode(props) {
+        const { manifest , authedCode  } = props;
+        const { privileges  } = manifest;
+        this.resultCode = `${this.getAuthTemp({
+            privileges,
+            authedCode
+        })};${this.sourceCode};${this.permissionComponent}`;
+    }
+    getAuthTemp(props) {
+        const { privileges =[] , authedCode =[]  } = props;
+        const temp = `
+      {
+        //重刷函数
+        ${_base.REACT_TYPES.includes(this.microFramework) ? this.reactReRenderTemp() : this.vueReRenderTemp()}
+        //权限点
+        window._SDF = {
+          permissions:{}
+        }
+        //用于组件渲染
+        window._allCodesStatusMap = new Map()
+        //修改权限点的方法
+        const changeAuthedMap = (authedCode) => {
+          const privileges = ${JSON.stringify(privileges)}
+          const allCodesStatus = privileges?.map(
+            ({ name, code }) => [
+              code,
+              authedCode.includes(code),
+            ]
+          );
+          window._allCodesStatusMap = new Map(allCodesStatus)
+          window._SDF.permissions = allCodesStatus.reduce((pre, item) => {
+            const [key, value] = item;
+            pre[key] = value;
+            return pre;
+          }, {});
+        }
+        
+        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(props){
+        super(props);
+    }
+}
+exports.default = MobileCodeMaker;

package/dist/codeMaker/pcCodeMaker.d.ts

@@ -0,0 +1,13 @@
+import { ParseResult } from "@babel/core";
+import { Manifest } from "../utils/parseManifest";
+import CodeMaker, { CodeMakerProps, ChangeCodeProps } from "./base";
+export default class PcCodeMaker extends CodeMaker {
+    ast: ParseResult;
+    constructor(props: CodeMakerProps);
+    changeCode(props: ChangeCodeProps): void;
+    getMenuCode(manifest: Manifest): string;
+    getAuthTemp(props: {
+        privileges: Manifest["privileges"];
+        authedCode: ChangeCodeProps["authedCode"];
+    }): string;
+}

package/dist/{transform.js → codeMaker/pcCodeMaker.js}

@@ -6,36 +6,36 @@ 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"));
-var _getFakeMenu = require("./utils/getFakeMenu");
+var _getFakeMenu = require("../utils/getFakeMenu");
+var _base = _interopRequireWildcard(require("./base"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const VUE_TYPES = [
-    "VUE_TS",
-    "VUE_JS"
-];
-const REACT_TYPES = [
-    "REACT_TS",
-    "REACT_JS"
-];
-class CodeMaker {
-    parse(code) {
-        return (0, _core).parse(code, {
-            plugins: [
-                [
-                    _pluginSyntaxTypescript.default,
-                    {
-                        isTSX: true,
-                        allExtensions: true
-                    }, 
-                ], 
-            ]
-        });
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
     }
-    changeAst(props) {
+}
+class PcCodeMaker extends _base.default {
+    changeCode(props) {
         const { manifest , authedCode  } = props;
         const { privileges  } = manifest;
         const authTemp = this.getAuthTemp({
@@ -61,26 +61,7 @@ class CodeMaker {
                 });
             }
         });
-    }
-    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({})
-    }
-    `;
+        this.resultCode = (0, _generator).default(this.ast).code + ";" + this.permissionComponent;
     }
     getMenuCode(manifest) {
         const temp = `
@@ -122,7 +103,7 @@ class CodeMaker {
           window._allCodesStatusMap = new Map(allCodesStatus)
         }
         
-       ${REACT_TYPES.includes(this.microFramework) ? this.reactReRenderTemp() : this.vueReRenderTemp()}
+       ${_base.REACT_TYPES.includes(this.microFramework) ? this.reactReRenderTemp() : this.vueReRenderTemp()}
         const authedCodeInfo = {
           authedCode:${JSON.stringify(authedCode)}
         }
@@ -146,9 +127,9 @@ class CodeMaker {
     `;
         return temp;
     }
-    constructor({ sourceCode , microFramework  }){
-        this.ast = this.parse(sourceCode);
-        this.microFramework = microFramework;
+    constructor(props){
+        super(props);
+        this.ast = this.parse(this.sourceCode);
     }
 }
-exports.default = CodeMaker;
+exports.default = PcCodeMaker;

package/dist/codePiece/permissionComponent.d.ts

@@ -0,0 +1,2 @@
+declare const permissionComponent = "\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 permissionComponent;

package/dist/{manifestDom.js → codePiece/permissionComponent.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.default = void 0;
-const manifestDom = `
+const permissionComponent = `
 (function ExternalRender() {
     const div = document.createElement('div');
     const { insertDom } = require("@tuya-sat/micro-dev-component");
@@ -11,5 +11,5 @@ const manifestDom = `
     document.body.appendChild(div);
 })();
 `;
-var _default = manifestDom;
+var _default = permissionComponent;
 exports.default = _default;

package/dist/index.js

@@ -10,9 +10,8 @@ Object.defineProperty(exports, "LayoutMockPlugin", {
 });
 exports.default = void 0;
 var _loaderUtils = require("loader-utils");
-var _transform = _interopRequireDefault(require("./transform"));
+var _codeMaker = require("./codeMaker");
 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 : {
@@ -20,17 +19,19 @@ function _interopRequireDefault(obj) {
     };
 }
 const addjsLoader = function(sourceCode) {
+    var ref;
     const { authedCode =[] , microFramework  } = (0, _loaderUtils).getOptions(this);
     const manifest = (0, _parseManifest).default();
-    const codeMaker = new _transform.default({
+    const isMobile = ((ref = manifest.supportedPlatform) === null || ref === void 0 ? void 0 : ref[0]) === "MOBILE";
+    const codeMaker = new ((0, _codeMaker).createCodeMaker(isMobile))({
         sourceCode,
         microFramework
     });
-    codeMaker.changeAst({
+    codeMaker.changeCode({
         authedCode,
         manifest
     });
-    return codeMaker.gtAst() + _manifestDom.default;
+    return codeMaker.getResultCode();
 };
 var _default = addjsLoader;
 exports.default = _default;

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

@@ -53,7 +53,6 @@
         flex: 1 1 auto;
         height: 100%;
         width: 0;
-        background-color: #f0f2f5;
       }
       #root {
         width: 100%;

package/dist/utils/parseManifest.d.ts

@@ -16,6 +16,7 @@ export interface Manifest {
         path: string;
         ratio?: number;
     }[];
+    supportedPlatform: ["MOBILE" | "DESKTOP"];
     privileges: Privilege[];
 }
 export default function parseManifest(): Manifest;

package/package.json

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

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/transform.d.ts

@@ -1,27 +0,0 @@
-import { ParseResult } from "@babel/core";
-import { Manifest } from "./utils/parseManifest";
-export declare type MICRO_FRAMEWORKS_TYPE = "REACT_TS" | "REACT_JS" | "VUE_TS" | "VUE_JS";
-interface ChangeAstProps {
-    authedCode: string[];
-    manifest: Manifest;
-}
-interface CodeMakerProps {
-    sourceCode: string;
-    microFramework: MICRO_FRAMEWORKS_TYPE;
-}
-export default class CodeMaker {
-    private ast;
-    private microFramework;
-    constructor({ sourceCode, microFramework }: CodeMakerProps);
-    parse(code: string): ParseResult;
-    changeAst(props: ChangeAstProps): void;
-    gtAst(): string;
-    vueReRenderTemp(): string;
-    reactReRenderTemp(): string;
-    getMenuCode(manifest: Manifest): string;
-    getAuthTemp(props: {
-        privileges: Manifest["privileges"];
-        authedCode: ChangeAstProps["authedCode"];
-    }): string;
-}
-export {};