@qse/edu-scripts 0.0.0-beta.0

package/es/config/webpackConfig.js

@@ -0,0 +1,418 @@
+// src/config/webpackConfig.js
+import fs from "fs-extra";
+import { rspack } from "@rspack/core";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import ReactRefreshPlugin from "@rspack/plugin-react-refresh";
+import paths from "./paths.js";
+import appConfig from "../utils/appConfig.js";
+import { once } from "lodash-es";
+import { createRequire } from "node:module";
+var require2 = createRequire(import.meta.url);
+var appPkg = fs.readJsonSync(paths.package);
+var jsMainPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.name}` : `${appPkg.name}/${appPkg.name}`;
+var assetPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.version}` : `${appPkg.name}/${appPkg.version}`;
+var cssRegex = /\.css$/;
+var cssModuleRegex = /\.module\.css$/;
+var lessRegex = /\.less$/;
+var lessModuleRegex = /\.module\.less$/;
+var imageInlineSizeLimit = 10 * 1024;
+var qseCDN = (() => {
+  const contents = paths.indexHTML.map((url) => fs.readFileSync(url, "utf-8"));
+  function include(pattern) {
+    const regexp = new RegExp(pattern);
+    return contents.some((content) => regexp.test(content));
+  }
+  return {
+    isUseCommon: include(/react16.14.*_common31?.js|react-dev-preset.js/),
+    isUseAxios: include(/react16.14.*_axios0.21.1|react-dev-preset.js/),
+    isUseMoment: include("moment2.29.1.js"),
+    isUseAntd: include("antd3.26.20.js"),
+    isUseQsbAntd: include("qsb-antd.min.js"),
+    isUseQsbSchemeRender: include("qsb-scheme-render.min.js")
+  };
+})();
+function getWebpackConfig(args, override) {
+  const isDev = process.env.NODE_ENV === "development";
+  const isProd = process.env.NODE_ENV === "production";
+  const getStyleLoaders = (cssOptions, preProcessor) => {
+    const loaders = [
+      {
+        loader: require2.resolve("style-loader"),
+        options: { attributes: { "data-module": appPkg.name, "data-version": appPkg.version } }
+      },
+      {
+        loader: require2.resolve("css-loader"),
+        options: cssOptions
+      },
+      {
+        // Options for PostCSS as we reference these options twice
+        // Adds vendor prefixing based on your specified browser support in
+        // package.json
+        loader: require2.resolve("postcss-loader"),
+        options: {
+          postcssOptions: {
+            // Necessary for external CSS imports to work
+            // https://github.com/facebook/create-react-app/issues/2677
+            ident: "postcss",
+            config: false,
+            plugins: [
+              isProd && require2("cssnano")({ preset: "default" }),
+              fs.existsSync(paths.tailwind) && require2.resolve("tailwindcss"),
+              require2.resolve("postcss-flexbugs-fixes"),
+              [
+                require2.resolve("postcss-preset-env"),
+                {
+                  autoprefixer: {
+                    flexbox: "no-2009"
+                  }
+                  // https://preset-env.cssdb.org/features/#stage-2
+                }
+              ],
+              isProd && require2("./plugins/postcss-safe-area").default(),
+              isProd && [require2.resolve("postcss-momentum-scrolling"), ["scroll", "auto"]],
+              require2.resolve("postcss-normalize"),
+              ...override.extraPostCSSPlugins
+            ].filter(Boolean)
+          },
+          sourceMap: isDev
+        }
+      }
+    ];
+    if (preProcessor === "less-loader") {
+      loaders.push({
+        loader: require2.resolve("less-loader"),
+        options: {
+          lessOptions: {
+            javascriptEnabled: true,
+            modifyVars: fs.existsSync(paths.theme) ? require2(paths.theme) : void 0
+          },
+          sourceMap: true
+        }
+      });
+    }
+    return loaders;
+  };
+  const config = {
+    context: process.cwd(),
+    mode: process.env.NODE_ENV,
+    entry: "./src/index",
+    target: "browserslist",
+    output: {
+      filename: appConfig.single ? `js/${jsMainPath}_${appPkg.version}.[contenthash:6].js` : `js/${jsMainPath}_${appPkg.version}.js`,
+      chunkFilename: `js/${assetPath}/[name].[chunkhash:8].js`,
+      assetModuleFilename: `images/${assetPath}/[name].[hash:6][ext]`,
+      uniqueName: appPkg.name,
+      publicPath: ""
+    },
+    externals: Object.assign(
+      {},
+      qseCDN.isUseCommon && {
+        react: "React",
+        "react-dom": "ReactDOM",
+        "natty-fetch": "nattyFetch",
+        "natty-storage": "nattyStorage",
+        "common-utils": "CommonUtils",
+        "@qse/common-utils": "CommonUtils"
+      },
+      qseCDN.isUseAxios && { axios: "axios" },
+      qseCDN.isUseMoment && { moment: "moment" },
+      qseCDN.isUseAntd && Object.assign(
+        {
+          react: "React",
+          "react-dom": "ReactDOM",
+          moment: "moment",
+          antd: "antd"
+        },
+        qseCDN.isUseQsbAntd && {
+          "@qse/antd": "qsbAntd",
+          "@qsb/antd": "qsbAntd"
+        },
+        qseCDN.isUseQsbSchemeRender && {
+          "@qse/scheme-render": "qsbSchemeRender",
+          "@qsb/scheme-render": "qsbSchemeRender"
+        }
+      ),
+      // 教育工程这些一定都需要 external
+      !appConfig.single && Object.assign(
+        {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "natty-fetch": "nattyFetch",
+          "natty-storage": "nattyStorage",
+          "common-utils": "CommonUtils",
+          "@qse/common-utils": "CommonUtils",
+          moment: "moment",
+          antd: "antd"
+        },
+        isProd && {
+          "@qse/antd": "qsbAntd",
+          "@qsb/antd": "qsbAntd",
+          "@qse/scheme-render": "qsbSchemeRender",
+          "@qsb/scheme-render": "qsbSchemeRender"
+        }
+      ),
+      override.externals
+    ),
+    resolve: {
+      alias: {
+        "@": paths.src,
+        ...override.alias
+      },
+      extensions: [".web.js", ".web.mjs", ".js", ".mjs", ".jsx", ".ts", ".tsx", ".json", ".wasm"]
+    },
+    stats: isDev ? { preset: "errors-warnings", timings: true } : void 0,
+    devtool: isDev ? "cheap-module-source-map" : false,
+    module: {
+      rules: [
+        {
+          oneOf: [
+            {
+              resourceQuery: /raw/,
+              type: "asset/source"
+            },
+            {
+              test: /\.[jt]sx?$/,
+              use: [
+                {
+                  loader: "builtin:swc-loader",
+                  options: {
+                    rspackExperiments: {
+                      import: [
+                        {
+                          libraryName: "lodash",
+                          libraryDirectory: "",
+                          camel2DashComponentName: false
+                        },
+                        ...override.import
+                      ]
+                    },
+                    jsc: {
+                      parser: {
+                        syntax: "typescript",
+                        tsx: true,
+                        decorators: override.decorators
+                      },
+                      // externalHelpers: true,
+                      transform: {
+                        react: {
+                          runtime: "automatic",
+                          development: isDev,
+                          refresh: isDev
+                        }
+                      }
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              test: cssRegex,
+              exclude: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isDev,
+                modules: {
+                  mode: "global",
+                  localIdentName: "[local]--[hash:base64:6]"
+                }
+              }),
+              sideEffects: true
+            },
+            {
+              test: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isDev,
+                modules: {
+                  mode: "local",
+                  localIdentName: "[local]--[hash:base64:6]"
+                }
+              })
+            },
+            {
+              test: lessRegex,
+              exclude: lessModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isDev,
+                  modules: {
+                    mode: "global",
+                    localIdentName: "[local]--[hash:base64:6]"
+                  }
+                },
+                "less-loader"
+              ),
+              sideEffects: true
+            },
+            {
+              test: lessModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isDev,
+                  modules: {
+                    mode: "local",
+                    localIdentName: "[local]--[hash:base64:6]"
+                  }
+                },
+                "less-loader"
+              )
+            },
+            {
+              test: /\.(bmp|png|jpe?g|gif|webp)$/,
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
+                  // 10kb
+                }
+              }
+            },
+            {
+              test: /\.svg$/,
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
+                  // 10kb
+                }
+              },
+              issuer: {
+                and: [/\.(css|less)$/]
+              }
+            },
+            {
+              test: /\.svg$/,
+              use: [
+                {
+                  loader: require2.resolve("@svgr/webpack"),
+                  options: {
+                    prettier: false,
+                    svgo: false,
+                    svgoConfig: {
+                      plugins: [{ removeViewBox: false }]
+                    },
+                    titleProp: true,
+                    ref: false
+                  }
+                },
+                {
+                  loader: require2.resolve("url-loader"),
+                  options: {
+                    limit: imageInlineSizeLimit
+                  }
+                }
+              ],
+              issuer: {
+                and: [/\.(ts|tsx|js|jsx|md|mdx)$/]
+              }
+            },
+            {
+              test: /\.md$/,
+              type: "asset/source"
+            },
+            {
+              // Exclude `js` files to keep "css" loader working as it injects
+              // its runtime that would otherwise be processed through "file" loader.
+              // Also exclude `html` and `json` extensions so they get processed
+              // by webpacks internal loaders.
+              test: /\.(?!(?:js|mjs|jsx|ts|tsx|html|json)$)[^.]+$/,
+              type: "asset/resource"
+            }
+          ].filter(Boolean)
+        }
+      ]
+    },
+    plugins: [
+      qseCDN.isUseCommon && new rspack.DllReferencePlugin({
+        manifest: require2("../asset/dll/libcommon3-manifest.json")
+      }),
+      new rspack.NormalModuleReplacementPlugin(/createSocketURL\.js$/, (resource) => {
+        if (resource.context.includes("webpack-dev-server")) {
+          resource.request = require2.resolve("./plugins/ws-utils-createSocketURL");
+        }
+      }),
+      new rspack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/
+      }),
+      new rspack.DefinePlugin({
+        "process.env.APP_NAME": JSON.stringify(appPkg.name),
+        "process.env.APP_VERSION": JSON.stringify(appPkg.version),
+        "process.env.BABEL_ENV": JSON.stringify(process.env.BABEL_ENV),
+        "process.env.BROWSERSLIST": JSON.stringify(process.env.BROWSERSLIST),
+        ...override.define
+      }),
+      new rspack.ProgressPlugin(),
+      isDev && new rspack.CaseSensitivePlugin(),
+      isDev && new ReactRefreshPlugin({ overlay: false }),
+      ...isDev || process.env.OUTPUT_HTML || appConfig.single || appConfig.mainProject ? paths.indexHTML.map(
+        (template) => new HtmlWebpackPlugin({
+          template,
+          filename: template.split("/").pop(),
+          inject: false,
+          minify: {
+            removeComments: true,
+            collapseWhitespace: true,
+            removeRedundantAttributes: true,
+            useShortDoctype: true,
+            removeEmptyAttributes: true,
+            removeStyleLinkTypeAttributes: true,
+            keepClosingSlash: true,
+            minifyJS: true,
+            minifyCSS: true,
+            minifyURLs: true
+          }
+        })
+      ) : [],
+      process.env.ANALYZE && isProd && new BundleAnalyzerPlugin(),
+      isDev && !!override.startup && ((compiler) => {
+        compiler.hooks.afterDone.tap(
+          "edu-scripts-startup",
+          once(() => {
+            const logger = compiler.getInfrastructureLogger("edu-scripts");
+            override.startup({ logger, chalk: require2("chalk"), compiler });
+          })
+        );
+      })
+    ].filter(Boolean),
+    optimization: {
+      minimize: isProd && override.minify !== false,
+      minimizer: [
+        new rspack.SwcJsMinimizerRspackPlugin({
+          minimizerOptions: {
+            ecma: 5,
+            compress: {
+              pure_funcs: override.pure_funcs,
+              drop_debugger: true,
+              ecma: 5,
+              // Disabled because of an issue with Uglify breaking seemingly valid code:
+              // https://github.com/facebook/create-react-app/issues/2376
+              // Pending further investigation:
+              // https://github.com/mishoo/UglifyJS2/issues/2011
+              comparisons: false,
+              // Disabled because of an issue with Terser breaking valid code:
+              // https://github.com/facebook/create-react-app/issues/5250
+              // Pending further investigation:
+              // https://github.com/terser-js/terser/issues/120
+              inline: 2
+            }
+          }
+        })
+      ],
+      splitChunks: {
+        minChunks: 2
+      }
+    },
+    performance: {
+      maxEntrypointSize: appConfig.single ? 1024 * 1024 : 30 * 1024,
+      maxAssetSize: 2 * 1024 * 1024
+    }
+  };
+  return config;
+}
+export {
+  getWebpackConfig as default
+};

package/es/config/webpackDevServerConfig.js

@@ -0,0 +1,73 @@
+// src/config/webpackDevServerConfig.js
+import setupMockServer from "./plugins/mock-server/index.js";
+function createProxy(context, target, origin) {
+  const url = new URL(origin || target);
+  return {
+    context: [context],
+    target,
+    changeOrigin: true,
+    onProxyReq: (proxyReq) => {
+      proxyReq.setHeader("host", url.host);
+      proxyReq.setHeader("origin", url.origin);
+      proxyReq.removeHeader("referer");
+    }
+  };
+}
+function getWebpackDevServerConfig(args, override) {
+  const host = process.env.HOST || "0.0.0.0";
+  const devServer = {
+    allowedHosts: "all",
+    historyApiFallback: true,
+    port: args.port,
+    open: args.open,
+    host,
+    client: {
+      webSocketURL: "auto://0.0.0.0:0/ws",
+      overlay: {
+        runtimeErrors: false,
+        errors: true,
+        warnings: false
+      }
+    },
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "*",
+      "Access-Control-Allow-Headers": "*"
+    },
+    setupMiddlewares: (middlewares, devServer2) => {
+      if (override.mock !== false) {
+        setupMockServer(middlewares, devServer2);
+      }
+      return middlewares;
+    },
+    proxy: [
+      createProxy("/api", "http://192.168.10.19:3339/qsxxwapdev", "http://www.zhidianbao.cn")
+    ],
+    compress: true
+  };
+  if (override.proxy) {
+    if (Array.isArray(override.proxy)) {
+      devServer.proxy = [...override.proxy, ...devServer.proxy];
+    } else if (typeof override.proxy === "object") {
+      const proxies = Object.entries(override.proxy).map(([context, target]) => {
+        return createProxy(context, target);
+      });
+      devServer.proxy = [...proxies, ...devServer.proxy];
+    } else {
+      throw new Error("proxy 必须是数组或对象");
+    }
+    const proxyMap = /* @__PURE__ */ new Map();
+    devServer.proxy = devServer.proxy.filter((item) => {
+      const key = JSON.stringify([...item.context].sort());
+      if (!proxyMap.has(key)) {
+        proxyMap.set(key, true);
+        return true;
+      }
+      return false;
+    });
+  }
+  return devServer;
+}
+export {
+  getWebpackDevServerConfig as default
+};

package/es/deploy.js

@@ -0,0 +1,148 @@
+// src/deploy.js
+import { sshSftp } from "@qse/ssh-sftp";
+import path from "path";
+import paths from "./config/paths.js";
+import chalk from "chalk";
+import fs from "fs-extra";
+import changeDeployVersion from "./utils/changeDeployVersion.js";
+import ora from "ora";
+import appConfig from "./utils/appConfig.js";
+import { format } from "prettier";
+var appPkg = fs.readJsonSync(paths.package);
+var baseConfig = {
+  localPath: "dist",
+  ignore: [],
+  cleanRemoteFiles: false,
+  securityLock: false,
+  keepAlive: true,
+  noWarn: true
+};
+async function normalDeploy(args) {
+  const resolve = (...pathSegments) => path.resolve(process.cwd(), ...pathSegments);
+  function getLocalAndRemoteFilePath(remoteFilePath, opts) {
+    const splited = remoteFilePath.split("/");
+    const fileName = splited[splited.length - 1];
+    const tmpBase = resolve(opts.localPath, "__tmp__");
+    const tmpDir = resolve(opts.localPath, "__tmp__", ...splited.slice(0, -1));
+    const tmpFile = resolve(tmpDir, fileName);
+    const remoteFile = [opts.remotePath, remoteFilePath].join("/");
+    return { tmpDir, tmpFile, remoteFile, tmpBase };
+  }
+  function dateTime() {
+    let date = /* @__PURE__ */ new Date();
+    date = new Date(date.getTime() - date.getTimezoneOffset() * 6e4);
+    return date.toISOString().replace(/T/, " ").replace(/\..+/, "");
+  }
+  function updateLogContent(content, info) {
+    const lines = content.trim().split("\n");
+    lines.push(`[${dateTime()}] ${JSON.stringify(info)}
+`);
+    return lines.slice(-50).join("\n");
+  }
+  async function upload(opts) {
+    const { sftp, opts: fullOpts } = await sshSftp(opts);
+    const spinner = ora("自动更新 ver.js 版本配置").start();
+    const fileName = "js/ver.js";
+    const { remoteFile, tmpDir, tmpFile, tmpBase } = getLocalAndRemoteFilePath(fileName, fullOpts);
+    try {
+      fs.mkdirSync(tmpDir, { recursive: true });
+      const info = {
+        name: appPkg.name,
+        version: appPkg.version,
+        grayscale: appConfig.grayscale
+      };
+      {
+        await sftp.fastGet(remoteFile, tmpFile);
+        let code = await fs.readFile(tmpFile, { encoding: "utf-8" });
+        code = await changeDeployVersion(code, info);
+        code = await format(code, { parser: "babel", printWidth: 120 });
+        await sftp.fastPut(tmpFile, remoteFile + ".bak");
+        await fs.writeFile(tmpFile, code);
+        await sftp.fastPut(tmpFile, remoteFile);
+      }
+      {
+        const remoteLogFile = remoteFile + ".log";
+        const tmpLogFile = tmpFile + ".log";
+        let content = "";
+        try {
+          await sftp.fastGet(remoteLogFile, tmpLogFile);
+          content = await fs.readFile(tmpLogFile, "utf-8");
+        } catch (error) {
+        }
+        content = updateLogContent(content, info);
+        await fs.writeFile(tmpLogFile, content);
+        await sftp.fastPut(tmpLogFile, remoteLogFile);
+      }
+      spinner.succeed("已更新 ver.js 版本配置");
+    } catch (e) {
+      spinner.fail(`自动修改 ver.js 失败，请手动修改`);
+      console.log(chalk.bgRed(e.message));
+    } finally {
+      await sftp.end();
+      fs.removeSync(tmpBase);
+    }
+  }
+  const presetConfig = {
+    s: { preset: { context: "eduwebngv1", folder: "userportal" } },
+    b: { preset: { context: "eduwebngv1", folder: "bureaupc" } },
+    d: { preset: { context: "eduwebngv1", folder: "documentshelves" } },
+    c: { preset: { context: "eduwebngv1", folder: "compositionshelves" } },
+    cd: {
+      preset: { server: "19" },
+      remotePath: "/erp/edumaven/dingcorrection-page-dev/compositionshelves"
+    }
+  };
+  const uploadSftpConfigs = [];
+  if (args.b) {
+    uploadSftpConfigs.push(presetConfig.b);
+  }
+  if (args.s) {
+    uploadSftpConfigs.push(presetConfig.s);
+  }
+  if (args.d) {
+    uploadSftpConfigs.push(presetConfig.d);
+  }
+  if (args.c) {
+    uploadSftpConfigs.push(presetConfig.c);
+  }
+  if (args.cd) {
+    uploadSftpConfigs.push(presetConfig.cd);
+  }
+  if (uploadSftpConfigs.length === 0) {
+    console.log(
+      `
+    ${chalk.red("指定 deploy 部署范围")}
+    执行 ${chalk.green("npx edu-scripts deploy -h")} 查看具体用法
+    `
+    );
+    process.exit();
+  }
+  const uploadConfig = { ...baseConfig, ignore: [...baseConfig.ignore, "js/ver.js"] };
+  if (!appConfig.mainProject) {
+    uploadConfig.ignore = [...uploadConfig.ignore, "!(js|images)"];
+  }
+  for (const config of uploadSftpConfigs) {
+    await upload({ ...uploadConfig, ...config });
+  }
+}
+async function singleDeploy() {
+  const config = fs.existsSync(paths.sshSftp) ? fs.readJsonSync(paths.sshSftp) : {
+    ...baseConfig,
+    preset: { context: "qsxxwapdev" },
+    cleanRemoteFiles: true,
+    securityLock: true,
+    keepAlive: false,
+    noWarn: false
+  };
+  sshSftp(config);
+}
+function deploy(args) {
+  if (appConfig.single) {
+    singleDeploy();
+  } else {
+    normalDeploy(args);
+  }
+}
+export {
+  deploy as default
+};

package/es/generator.js

@@ -0,0 +1,52 @@
+// src/generator.js
+import path from "path";
+import fs from "fs-extra";
+import paths from "./config/paths.js";
+import chalk from "chalk";
+import { fileURLToPath } from "node:url";
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+var getTmpPath = (...args) => path.resolve(__dirname, "asset", "template", ...args);
+async function generatorOverride() {
+  if (fs.existsSync(paths.override)) {
+    console.log(chalk.red(`文件已存在 ${paths.override}`));
+    process.exit(0);
+  }
+  fs.copySync(getTmpPath("edu-scripts.override.js.tpl"), paths.override);
+  console.log(chalk.green(`成功生成 ${paths.override}`));
+}
+async function generatorTsconfig() {
+  if (fs.existsSync(paths.tsconfig)) {
+    console.log(chalk.red(`文件已存在 ${paths.tsconfig}`));
+    process.exit(0);
+  }
+  fs.copySync(getTmpPath("tsconfig.json.tpl"), paths.tsconfig);
+  fs.copySync(getTmpPath("edu-app-env.d.ts.tpl"), paths.eduAppEnv);
+  console.log(chalk.green(`成功生成 ${paths.tsconfig}`));
+}
+async function generatorTailwind() {
+  if (fs.existsSync(paths.tailwind)) {
+    console.log(chalk.red(`文件已存在 ${paths.tailwind}`));
+    process.exit(0);
+  }
+  fs.copySync(getTmpPath("tailwind.config.js.tpl"), paths.tailwind);
+  const code = ["@tailwind base;", "@tailwind components;", "@tailwind utilities;"].join("\n");
+  const globalLessFile = paths.resolveApp("src", "index.less");
+  if (fs.existsSync(globalLessFile)) {
+    const content = fs.readFileSync(globalLessFile, "utf-8");
+    if (!content.includes("@tailwind base")) {
+      fs.writeFileSync(globalLessFile, [code, content].join("\n"));
+    }
+    console.log(chalk.green(`成功生成 ${paths.tailwind}`));
+    return;
+  }
+  console.log(
+    chalk.green(
+      [`成功生成 ${paths.tailwind}`, "", "添加以下代码到入口处的 index.less 中", code].join("\n")
+    )
+  );
+}
+export {
+  generatorOverride as override,
+  generatorTailwind as tailwind,
+  generatorTsconfig as ts
+};

package/es/index.d.ts

@@ -0,0 +1,2 @@
+export { defineConfig } from './utils/defineConfig.js';
+export { defineMock } from './config/plugins/mock-server/defineMock.js';