@lark-apaas/fullstack-rspack-preset 1.0.33 → 1.0.34-beta.2

package/lib/module-alias/echartThemeUD.json

@@ -0,0 +1,148 @@
+{
+    "version": 1,
+    "themeName": "UD Theme Style",
+    "theme": {
+        "seriesCnt": "6",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#1f2329",
+        "subtitleColor": "#8f959e",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3370eb",
+            "#1bcebf",
+            "#ffc60a",
+            "#ed6d0c",
+            "#dca1e4",
+            "#25b2e5",
+            "#6dcdeb",
+            "#288fcb",
+            "#94b5f5",
+            "#8f61d1",
+            "#8f61d1",
+            "#bf78e9",
+            "#008280",
+            "#27ad8e",
+            "#7bc335"
+        ],
+        "borderColor": "#dee0e3",
+        "borderWidth": 0,
+        "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
+        "legendTextColor": "#8f959e",
+        "kColor": "#fdc6c4",
+        "kColor0": "transparent",
+        "kBorderColor": "#f54a45",
+        "kBorderColor0": "#32a645",
+        "kBorderWidth": "2",
+        "lineWidth": "1",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "1",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#dee0e3",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#dee0e3",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#8f959e",
+                "splitLineShow": true,
+                "splitLineColor": ["#dee0e3"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#8f959e",
+        "toolboxEmphasisColor": "#1f2329",
+        "tooltipAxisColor": "#dee0e3",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#336df4",
+        "timelineLineWidth": "-1",
+        "timelineItemColor": "#336df4",
+        "timelineItemColorE": "#1456f0",
+        "timelineCheckColor": "#1456f0",
+        "timelineCheckBorderColor": "#94b4ff",
+        "timelineItemBorderWidth": "0.5",
+        "timelineControlColor": "#336df4",
+        "timelineControlBorderColor": "#336df4",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8f959e",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
+}

package/lib/preset.js

@@ -23,6 +23,8 @@ function sendBackendUnavailable502(_err, _req, res) {
     });
     res.end(JSON.stringify({ error: 'Bad Gateway', message: 'Backend service is not running' }));
 }
+// 检查是否启用宽松 build 模式
+const isLooseMode = process.env.FORCE_FRAMEWORK_BUILD_LOOSE_MODE === 'true';
 function createRecommendRspackConfig(options) {
     const { isDev = true, enableReactRefresh = isDev, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
      } = options;
@@ -118,7 +120,7 @@ function createRecommendRspackConfig(options) {
                                         // 避免 wasm 出现到根目录，统一放到 node_modules/.cache 目录下
                                         cacheRoot: path_1.default.join(rootDir, './node_modules/.cache/swc'),
                                         // 支持 styled-jsx 语法
-                                        plugins: [[require.resolve('@swc/plugin-styled-jsx'), {}]],
+                                        plugins: [isLooseMode ? null : [require.resolve('@swc/plugin-styled-jsx'), {}]].filter(Boolean),
                                     },
                                 },
                             },
@@ -126,6 +128,9 @@ function createRecommendRspackConfig(options) {
                         ...(isDev
                             ? [require.resolve('@lark-apaas/miaoda-inspector-babel-plugin')]
                             : []),
+                        ...(isLooseMode ? [
+                            require.resolve('@lark-apaas/styled-jsx/babel')
+                        ] : [])
                     ],
                 },
             ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "1.0.33",
+  "version": "1.0.34-beta.2",
   "files": [
     "lib",
     "patches",
@@ -34,6 +34,7 @@
     "@lark-apaas/devtool-kits": "^1.2.14",
     "@lark-apaas/miaoda-inspector-babel-plugin": "^1.0.0",
     "@lark-apaas/miaoda-inspector-jsx-runtime": "^1.0.0",
+    "@lark-apaas/styled-jsx": "1.0.0-beta.2",
     "@rspack/plugin-react-refresh": "^1.5.1",
     "@swc/plugin-styled-jsx": "^11.0.0",
     "clsx": "^2.1.1",
@@ -56,6 +57,5 @@
     "@rspack/core": "^1.5.5",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
-  },
-  "gitHead": "10f20a5f5cd6b6fa12524008f8c68c82bc729cc7"
+  }
 }

package/lib/rspack-plugins/environment-injection-plugin.d.ts

@@ -1,9 +0,0 @@
-interface EnvironmentInjectionPluginOptions {
-    environment?: string;
-}
-declare class EnvironmentInjectionPlugin {
-    private options;
-    constructor(options?: EnvironmentInjectionPluginOptions);
-    apply(compiler: unknown): void;
-}
-export default EnvironmentInjectionPlugin;

package/lib/rspack-plugins/environment-injection-plugin.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class EnvironmentInjectionPlugin {
-    constructor(options) {
-        this.options = options || {};
-    }
-    apply(compiler) {
-        const compilerLike = getCompilerLike(compiler);
-        if (!compilerLike)
-            return;
-        compilerLike.hooks.compilation.tap('EnvironmentInjectionPlugin', (compilation) => {
-            try {
-                const HtmlPlugin = resolveHtmlPlugin(compilerLike);
-                if (!HtmlPlugin) {
-                    console.warn('EnvironmentInjectionPlugin: HtmlRspackPlugin not found');
-                    return;
-                }
-                const hooks = HtmlPlugin.getHooks(compilation);
-                hooks.alterAssetTagGroups.tap('EnvironmentInjectionPlugin', (data) => {
-                    const mapped = mapToWindowEnvironment(this.options.environment ??
-                        process.env.FORCE_FRAMEWORK_ENVIRONMENT);
-                    const envTag = {
-                        tagName: 'script',
-                        voidTag: false,
-                        innerHTML: `(() => {
-  const templateValue = '{{environment}}';
-  const resolved =
-    templateValue && templateValue !== '{{environment}}'
-      ? templateValue
-      : ${JSON.stringify(mapped)};
-  window.ENVIRONMENT = resolved;
-})();`,
-                        attributes: {},
-                    };
-                    const headIndex = findMainJsIndex(data.headTags);
-                    if (headIndex !== -1) {
-                        data.headTags.splice(headIndex, 0, envTag);
-                        return data;
-                    }
-                    const bodyIndex = findMainJsIndex(data.bodyTags);
-                    if (bodyIndex !== -1) {
-                        data.bodyTags.splice(bodyIndex, 0, envTag);
-                        return data;
-                    }
-                    data.headTags.unshift(envTag);
-                    return data;
-                });
-            }
-            catch (error) {
-                console.error('Error in EnvironmentInjectionPlugin:', error);
-            }
-        });
-    }
-}
-exports.default = EnvironmentInjectionPlugin;
-function mapToWindowEnvironment(input) {
-    const value = (input || '').trim().toLowerCase();
-    if (value === 'boe')
-        return 'staging';
-    if (value === 'pre')
-        return 'gray';
-    if (value === 'online')
-        return 'online';
-    return '';
-}
-function findMainJsIndex(tags) {
-    if (!Array.isArray(tags))
-        return -1;
-    return tags.findIndex((tag) => {
-        if (!tag || tag.tagName !== 'script')
-            return false;
-        const src = tag.attributes?.src;
-        return typeof src === 'string' && src.includes('main.js');
-    });
-}
-function getCompilerLike(input) {
-    if (!input || typeof input !== 'object')
-        return;
-    const hooks = input.hooks;
-    if (!hooks || typeof hooks !== 'object')
-        return;
-    const compilation = hooks.compilation;
-    if (!compilation || typeof compilation !== 'object')
-        return;
-    const tap = compilation.tap;
-    if (typeof tap !== 'function')
-        return;
-    return input;
-}
-function resolveHtmlPlugin(compiler) {
-    const fromWebpack = getHtmlPluginLike(compiler.webpack?.HtmlRspackPlugin);
-    if (fromWebpack)
-        return fromWebpack;
-    const fromRspack = getHtmlPluginLike(compiler.rspack?.HtmlRspackPlugin);
-    if (fromRspack)
-        return fromRspack;
-    const fromCtor = getHtmlPluginLike(compiler.constructor?.webpack?.HtmlRspackPlugin);
-    if (fromCtor)
-        return fromCtor;
-    return;
-}
-function getHtmlPluginLike(value) {
-    if (!value)
-        return;
-    const type = typeof value;
-    if (type !== 'function' && type !== 'object')
-        return;
-    const getHooks = value.getHooks;
-    if (typeof getHooks !== 'function')
-        return;
-    return value;
-}