@tuya-sat/micro-script 2.2.14 → 2.2.18

package/dist/config/webpack.common.js

@@ -20,25 +20,46 @@ const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plug
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const micro_dev_loader_1 = require("@tuya-sat/micro-dev-loader");
+const index_1 = require("@tuya-sat/micro-dev-loader/dist/less/utils/index");
 const micro_utils_1 = require("@tuya-sat/micro-utils");
 const paths_1 = __importDefault(require("./paths"));
 const isExistPostcssFile = () => {
     return fs_extra_1.default.existsSync("postcss.config.js");
 };
+const toArray = (value) => {
+    return Array.isArray(value) ? value : [value];
+};
+const validateMicroTheme = () => {
+    const microTheme = process.env.MICRO_THEME;
+    if (microTheme && ![index_1.DARK_THEME, index_1.LIGHT_THEME].includes(microTheme)) {
+        console.error(`请设置正确的MICRO_THEME环境变量,当前值为${microTheme},请修改为${index_1.LIGHT_THEME}或${index_1.DARK_THEME}`);
+        return process.exit(1);
+    }
+    return microTheme;
+};
 function getCommonConfig({ isDev, isBuild, }) {
     const { name: packageName } = require(paths_1.default.appPkg);
+    const { annotations } = (0, micro_utils_1.parseManifest)();
+    const devMicroTheme = validateMicroTheme();
+    const enableThemeCompile = isDev
+        ? !!devMicroTheme
+        : annotations["sdf.feat:theme"];
     //获取style处理的loader
-    const getStyleLoaders = (cssOptions, extraLoader) => {
-        isBuild && cssOptions.importLoaders++;
+    const getStyleLoaders = (extraLoader = []) => {
+        extraLoader = toArray(extraLoader);
         const loaders = [
             isBuild ? mini_css_extract_plugin_1.default.loader : require.resolve("style-loader"),
             {
                 loader: require.resolve("css-loader"),
-                options: Object.assign({ modules: {
+                options: {
+                    modules: {
                         auto: true,
                         localIdentName: isDev ? "[path][name]__[local]" : "[hash:base64]",
-                    } }, cssOptions),
+                    },
+                    importLoaders: extraLoader.length + 1,
+                },
             },
+            isDev && require("@tuya-sat/micro-dev-loader").filterCssVariableLoader,
             /**
              * 优化运行时速度
              * dev环境就不需要postcss-loader了
@@ -55,7 +76,7 @@ function getCommonConfig({ isDev, isBuild, }) {
                         },
                     };
             })()),
-            extraLoader,
+            ...extraLoader,
         ].filter(Boolean);
         return loaders;
     };
@@ -79,30 +100,30 @@ function getCommonConfig({ isDev, isBuild, }) {
             rules: [
                 {
                     test: /\.css$/,
-                    use: getStyleLoaders({
-                        importLoaders: 0,
-                    }),
+                    use: getStyleLoaders(),
                 },
                 {
                     test: /\.less$/,
-                    use: getStyleLoaders({
-                        importLoaders: 1,
-                    }, {
-                        loader: require.resolve("less-loader"),
-                        options: {
-                            lessOptions: Object.assign(Object.assign({}, (process.env.MICRO_THEME
-                                ? {
-                                    modifyVars: Object.assign(Object.assign({}, micro_utils_1.theme.getAntdOverWriteFile().light), { "root-entry-name": "variable" }),
-                                }
-                                : {})), { javascriptEnabled: true }),
+                    use: getStyleLoaders([
+                        {
+                            loader: require.resolve("less-loader"),
+                            options: {
+                                lessOptions: Object.assign(Object.assign({}, (isDev
+                                    ? enableThemeCompile
+                                        ? (0, index_1.getLessOptions)(devMicroTheme)
+                                        : {}
+                                    : annotations["sdf.feat:theme"]
+                                        ? (0, index_1.getLessOptions)(index_1.LIGHT_THEME)
+                                        : {})), { javascriptEnabled: true }),
+                            },
                         },
-                    }),
+                        enableThemeCompile &&
+                            require("@tuya-sat/micro-dev-loader").changeAntdGlobalImport,
+                    ].filter(Boolean)),
                 },
                 {
                     test: /\.(scss|sass)$/,
-                    use: getStyleLoaders({
-                        importLoaders: 1,
-                    }, require.resolve("sass-loader")),
+                    use: getStyleLoaders(require.resolve("sass-loader")),
                 },
                 {
                     test: /\.(bmp|png|svg|jpg|jpeg|gif)$/i,
@@ -121,7 +142,7 @@ function getCommonConfig({ isDev, isBuild, }) {
         optimization: {
             runtimeChunk: "single",
             splitChunks: {
-                cacheGroups: Object.assign(Object.assign({}, (process.env.MICRO_THEME
+                cacheGroups: Object.assign(Object.assign({}, (enableThemeCompile
                     ? {
                         vendorCss: {
                             test: /([\\/]node_modules[\\/][\s\S]+(.less|.css)$)|([\\/]src[\\/]styles[\\/]global.less)/,
@@ -163,7 +184,7 @@ function getCommonConfig({ isDev, isBuild, }) {
                     filename: "static/css/[name].[contenthash:8].css",
                     chunkFilename: "static/css/[name].[contenthash:8].chunk.css",
                 }),
-            isBuild && process.env.MICRO_THEME && new micro_dev_loader_1.ThemePlugin(),
+            isBuild && enableThemeCompile && new micro_dev_loader_1.ThemePlugin(),
         ].filter((value) => Boolean(value)),
     };
 }

package/dist/config/webpack.config.js

@@ -3,15 +3,15 @@ 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 webpack_merge_1 = require("webpack-merge");
 const paths_1 = __importDefault(require("./paths"));
 const framework_1 = __importDefault(require("../framework"));
 const webpack_common_1 = __importDefault(require("./webpack.common"));
+const micro_utils_1 = require("@tuya-sat/micro-utils");
 exports.default = () => {
     const isBuild = process.env.NODE_ENV === "production";
     const isDev = process.env.NODE_ENV === "development";
-    const { annotations: { ["sdf.cli:microFramework"]: currentFramework }, } = fs_extra_1.default.readJSONSync(paths_1.default.manifest);
+    const { annotations: { ["sdf.cli:microFramework"]: currentFramework }, } = (0, micro_utils_1.parseManifest)();
     //框架的webpack配置
     const frameworkConfig = (0, framework_1.default)({
         currentFramework,

package/dist/framework/index.d.ts

@@ -1,12 +1,12 @@
 import { Configuration } from "webpack";
 import { BaseParams } from "../config/webpack.config";
+import { MICRO_FRAMEWORKS_TYPE } from "@tuya-sat/micro-utils";
 export interface Params extends BaseParams {
     currentFramework: MICRO_FRAMEWORKS_TYPE;
 }
 export interface ParamsWithTs extends Params {
     isTs: boolean;
 }
-export declare type MICRO_FRAMEWORKS_TYPE = "REACT_TS" | "REACT_JS" | "VUE_TS" | "VUE_JS";
 export declare type FrameworkFunction = (arg0: Params) => Configuration;
 declare const _default: ({ currentFramework, isDev, isBuild }: Params) => Configuration;
 export default _default;

package/dist/module/main/staticMain.d.ts

@@ -1,7 +1,21 @@
 import { Express } from "express";
 import type { Config } from "@tuya-sat/micro-dev-proxy";
 export interface DebuggerConfig extends Config {
+    themeConfig?: {
+        primaryColor: string;
+    };
     mockPermissions?: string[];
     base?: string;
 }
+export declare type CustomConfig = {
+    config_group: string;
+    config_key: string;
+    config_value: string;
+    config_label: string;
+    config_value_json: string;
+    config_name_zh: string;
+    config_name_en: string;
+    platform: string;
+    config_id: string;
+};
 export default function staticMain(app: Express, debuggerConfig: DebuggerConfig): void;

package/dist/module/main/staticMain.js

@@ -15,7 +15,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cheerio_1 = __importDefault(require("cheerio"));
 const axios_1 = __importDefault(require("axios"));
 const fakeSaas_1 = __importDefault(require("./fakeSaas"));
-const defaultBase = "https://static1.tuyacn.com/static/sdf-gw/v1.0.1.22/";
+const paths_1 = __importDefault(require("../../config/paths"));
+const defaultBase = "https://static1.tuyacn.com/static/sdf-gw/v1.0.1.293/";
 function staticMain(app, debuggerConfig) {
     app.get([
         "/",
@@ -43,10 +44,38 @@ function insertLocalStorage($) {
       window.localStorage.setItem('_ROLE','普通');
     `));
 }
+function initalCustom_configs(saas) {
+    const config = {
+        config_group: "",
+        config_key: "dynamic_theme",
+        config_value: "",
+        config_label: "",
+        config_value_json: "",
+        config_name_zh: "",
+        config_name_en: "",
+        platform: "",
+        config_id: "",
+    };
+    saas.custom_configs.push(config);
+    return config;
+}
+function readThemeConfig() {
+    delete require.cache[paths_1.default.microConfig];
+    return require(paths_1.default.microConfig).debuggerConfig.themeConfig;
+}
 function insertScript($, debuggerConfig) {
+    var _a;
     return __awaiter(this, void 0, void 0, function* () {
         const { _SDF_CONFIG, _SDF, __MAIN_APP_PUBLIC_PATH } = yield (0, fakeSaas_1.default)(debuggerConfig);
+        const { saas } = _SDF;
+        (_a = saas.custom_configs) !== null && _a !== void 0 ? _a : (saas.custom_configs = []);
+        let themeConfig = saas.custom_configs.find((item) => {
+            return item.config_key === "dynamic_theme";
+        }) || initalCustom_configs(saas);
+        themeConfig.config_value_json = JSON.stringify(readThemeConfig());
         $("head").append($("<script>").text(`window._SDF_CONFIG=${JSON.stringify(_SDF_CONFIG)};window._SDF=${JSON.stringify(_SDF)};window.__MAIN_APP_PUBLIC_PATH=${JSON.stringify(__MAIN_APP_PUBLIC_PATH)};
+      localStorage.setItem('theme',${JSON.stringify(process.env.MICRO_THEME)});
+      localStorage.setItem('isDebugger','true')
       `));
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-sat/micro-script",
-  "version": "2.2.14",
+  "version": "2.2.18",
   "bin": "./dist/bin/cli.js",
   "type": "commonjs",
   "license": "MIT",
@@ -20,9 +20,9 @@
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
-    "@tuya-sat/micro-dev-loader": "2.2.14",
-    "@tuya-sat/micro-dev-proxy": "2.2.14",
-    "@tuya-sat/micro-utils": "2.2.14",
+    "@tuya-sat/micro-dev-loader": "2.2.18",
+    "@tuya-sat/micro-dev-proxy": "2.2.18",
+    "@tuya-sat/micro-utils": "2.2.18",
     "babel-loader": "8.2.4",
     "babel-plugin-import": "1.13.3",
     "chalk": "4.1.2",