@simplysm/sd-cli 10.0.37 → 10.0.39

package/src/builders/SdCliClientBuilder.ts

@@ -1,234 +1,239 @@
-import { EventEmitter } from "events";
-import { FsUtil, Logger, SdFsWatcher } from "@simplysm/sd-core-node";
-import { INpmConfig, ISdCliBuilderResult, ISdCliPackageBuildResult } from "../commons";
-import { FunctionQueue, MathUtil } from "@simplysm/sd-core-common";
+import {EventEmitter} from "events";
+import {FsUtil, Logger, SdFsWatcher} from "@simplysm/sd-core-node";
+import {INpmConfig, ISdCliBuilderResult, ISdCliClientPackageConfig, ISdCliPackageBuildResult} from "../commons";
+import {FunctionQueue, MathUtil} from "@simplysm/sd-core-common";
 import * as vite from "vite";
-import vitePluginReact from "@vitejs/plugin-react";
+import {defineConfig, InlineConfig} from "vite";
 import vitePluginPaths from "vite-tsconfig-paths";
 import path from "path";
-import { SdTsIncrementalBuilder } from "../SdTsIncrementalBuilder";
-import { SdLinter } from "../SdLinter";
-import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import {SdTsIncrementalBuilder} from "../SdTsIncrementalBuilder";
+import {SdLinter} from "../SdLinter";
+import {VitePWA} from 'vite-plugin-pwa';
+import {SdCliViteNodeGlobalPlugin} from "../utils/SdCliViteNodeGlobalPlugin";
+import {SdCliViteServeWithResolutionsPlugin} from "../utils/SdCliViteWatchWithResolutionsPlugin";
+import {SdCliViteLoggerPlugin} from "../utils/SdCliViteLoggerPlugin";
+import {SdCliViteReactSwcPlugin} from "../utils/SdCliViteReactSwcPlugin";
+import {SdCliViteExternalPlugin} from "../utils/SdCliViteExternalPlugin";
+import {SdCliViteElectronMainPlugin} from "../utils/SdCliViteElectronMainPlugin";
 
 export class SdCliClientBuilder extends EventEmitter {
-  private readonly _logger = Logger.get(["simplysm", "sd-cli", "SdCliClientBuilder"]);
-
-  public constructor(private readonly _pkgPath: string) {
-    super();
-  }
-
-  public override on(event: "change", listener: () => void): this;
-  public override on(event: "complete", listener: (result: ISdCliBuilderResult) => void): this;
-  public override on(event: string | symbol, listener: (...args: any[]) => void): this {
-    super.on(event, listener);
-    return this;
-  }
-
-  public async watchAsync(): Promise<number> {
-    this._debug("빌드 준비...");
-    const sdTsProgram = await SdTsIncrementalBuilder.createAsync(this._pkgPath, false, true);
-    const pkgNpmConfig: INpmConfig = await FsUtil.readJsonAsync(path.resolve(this._pkgPath, "package.json"));
-    const projNpmConfig: INpmConfig = await FsUtil.readJsonAsync(path.resolve(this._pkgPath, "../../package.json"));
-
-    this._debug("dist 초기화...");
-    await FsUtil.removeAsync(path.resolve(this._pkgPath, "dist"));
-
-    this.emit("change");
-
-    this._debug("BUILD...");
-    const viteServerPort = MathUtil.getRandomInt(60000, 65535);
-    const viteServer = await vite.createServer({
-      mode: "development",
-      root: path.resolve(this._pkgPath, "src"),
-      cacheDir: path.resolve(this._pkgPath, ".cache", "vite"),
-      base: "/" + path.basename(this._pkgPath) + "/",
-      define: {
-        "import.meta.env.SD_VERSION": JSON.stringify(pkgNpmConfig.version)
-      },
-      build: {},
-      esbuild: {
-        jsxDev: true
-      },
-      optimizeDeps: {
-        force: true,
-        ...projNpmConfig.resolutions ? {
-          exclude: Object.keys(projNpmConfig.resolutions),
-          include: ["react-dom"]
-        } : {}
-      },
-      resolve: {
-        preserveSymlinks: true
-      },
-      server: {
-        port: viteServerPort,
-        hmr: {
-          port: viteServerPort
-        },
-        fs: {
-          allow: [
-            vite.searchForWorkspaceRoot(process.cwd()),
-            ...projNpmConfig.resolutions ? Object.values(projNpmConfig.resolutions).map((item) => vite.searchForWorkspaceRoot(item.slice(8))) : []
-          ].distinct()
-        }
-      },
-      customLogger: {
-        ...vite.createLogger(),
-        info: (msg) => {
-          this._logger.debug(`[${path.basename(this._pkgPath)}] ${msg}`);
-        },
-        warn: (msg) => {
-          this._logger.warn(`[${path.basename(this._pkgPath)}] ${msg}`);
-        },
-        error: (msg) => {
-          this._logger.error(`[${path.basename(this._pkgPath)}] ${msg}`);
-        }
-      },
-      plugins: [
-        vitePluginReact(),
-        vitePluginPaths(),
-        nodePolyfills({
-          globals: {
-            Buffer: true
-          }
-        }),
-        {
-          name: "simplysm",
-          configureServer: (server: vite.ViteDevServer) => {
-            (server.watcher.options.ignored as string[]).remove("**/node_modules/**");
-          }
+    private readonly _logger = Logger.get(["simplysm", "sd-cli", "SdCliClientBuilder"]);
+
+    public constructor(private readonly _pkgPath: string,
+                       private readonly _pkgConf: ISdCliClientPackageConfig,
+                       private readonly _builderKey: "web" | "electron",
+                       private readonly _withLint: boolean) {
+        super();
+    }
+
+    public override on(event: "change", listener: () => void): this;
+    public override on(event: "complete", listener: (result: ISdCliBuilderResult) => void): this;
+    public override on(event: string | symbol, listener: (...args: any[]) => void): this {
+        super.on(event, listener);
+        return this;
+    }
+
+    public async watchAsync(): Promise<number> {
+        const cachePath = path.resolve(this._pkgPath, ".cache", "dev", ...this._builderKey !== "web" ? [this._builderKey] : []);
+
+        this.emit("change");
+
+        this._debug("BUILD...");
+        const viteServerPort = this._pkgConf.builder?.[this._builderKey]?.["devServerPort"] ?? MathUtil.getRandomInt(60000, 65535);
+        const viteServer = await vite.createServer(this._getViteConfig({
+            dev: true,
+            pkgConf: this._pkgConf,
+            cachePath: cachePath,
+            port: viteServerPort,
+        }));
+        await viteServer.listen(viteServerPort);
+
+        this._debug("CHECK...");
+        const sdTsProgram = await SdTsIncrementalBuilder.createAsync(this._pkgPath, () => ({emitJs: false}));
+        const checkResult = await sdTsProgram.buildAsync();
+
+        this._debug("LINT...");
+        const lintResults = !this._withLint ? [] : await SdLinter.lintAsync(checkResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
+
+        this._debug("WATCH...");
+        const fnQ = new FunctionQueue();
+        SdFsWatcher
+            .watch([
+                ...sdTsProgram.builderProgram!.getSourceFiles().map((item) => item.fileName),
+                path.resolve(this._pkgPath, "src/**/*.{ts,tsx}")
+            ])
+            .onChange({
+                delay: 100
+            }, () => {
+                fnQ.runLast(async () => {
+                    this.emit("change");
+
+                    this._debug(`CHECK...`);
+                    const watchCheckResult = await sdTsProgram.buildAsync();
+
+                    this._debug(`LINT...`);
+                    const watchLintResults = !this._withLint ? [] : await SdLinter.lintAsync(watchCheckResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
+
+                    this._debug(`빌드 완료`);
+                    this.emit("complete", {
+                        port: viteServerPort,
+                        affectedFilePaths: watchCheckResult.affectedFilePaths,
+                        buildResults: [...watchCheckResult.results, ...watchLintResults]
+                    });
+                });
+            });
+
+        if (this._pkgConf.server !== undefined) {
+            this._debug("GEN .config...");
+            const confDistPath = path.resolve(this._pkgPath, "../../packages", this._pkgConf.server, "dist/www", path.basename(this._pkgPath), ".config.json");
+            await FsUtil.writeFileAsync(confDistPath, JSON.stringify(this._pkgConf.configs ?? {}, undefined, 2));
         }
-      ]
-    });
-    await viteServer.listen(viteServerPort);
-
-    this._debug("CHECK...");
-    const checkResult = await sdTsProgram.buildAsync();
-
-    this._debug("LINT...");
-    const lintResults = await SdLinter.lintAsync(checkResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
-
-    this._debug("WATCH...");
-    const fnQ = new FunctionQueue();
-    SdFsWatcher
-      .watch([
-        ...sdTsProgram.builderProgram!.getSourceFiles().map((item) => item.fileName),
-        path.resolve(this._pkgPath, "src/**/*.{ts,tsx}")
-      ])
-      .onChange({
-        delay: 100
-      }, () => {
-        fnQ.runLast(async () => {
-          this.emit("change");
-
-          this._debug(`CHECK...`);
-          const watchCheckResult = await sdTsProgram.buildAsync();
-
-          this._debug(`LINT...`);
-          const watchLintResults = await SdLinter.lintAsync(watchCheckResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
-
-          this._debug(`빌드 완료`);
-          this.emit("complete", {
+
+        this._debug(`빌드 완료`);
+        this.emit("complete", {
             port: viteServerPort,
-            affectedFilePaths: watchCheckResult.affectedFilePaths,
-            buildResults: [...watchCheckResult.results, ...watchLintResults]
-          });
+            affectedFilePaths: checkResult.affectedFilePaths,
+            buildResults: [...checkResult.results, ...lintResults]
         });
-      });
-
-    this._debug(`빌드 완료`);
-    this.emit("complete", {
-      port: viteServerPort,
-      affectedFilePaths: checkResult.affectedFilePaths,
-      buildResults: [...checkResult.results, ...lintResults]
-    });
-
-    return viteServerPort;
-  }
-
-  public async buildAsync(): Promise<ISdCliBuilderResult> {
-    this._debug("빌드 준비...");
-    const sdTsProgram = await SdTsIncrementalBuilder.createAsync(this._pkgPath, false, false);
-    const pkgNpmConfig: INpmConfig = await FsUtil.readJsonAsync(path.resolve(this._pkgPath, "package.json"));
-
-    this._debug("dist 초기화...");
-    await FsUtil.removeAsync(path.resolve(this._pkgPath, "dist"));
-
-    this._debug("BUILD...");
-    const buildResults: ISdCliPackageBuildResult[] = [];
-    try {
-      await vite.build({
-        mode: "production",
-        root: path.resolve(this._pkgPath, "src"),
-        cacheDir: path.resolve(this._pkgPath, ".cache", "vite"),
-        base: "/" + path.basename(this._pkgPath) + "/",
-        define: {
-          "import.meta.env.SD_VERSION": JSON.stringify(pkgNpmConfig.version)
-        },
-        optimizeDeps: {
-          force: true
-        },
-        resolve: {
-          preserveSymlinks: true
-        },
-        build: {
-          outDir: path.resolve(this._pkgPath, "dist"),
-        },
-        customLogger: {
-          ...vite.createLogger(),
-          info: (msg) => {
-            this._logger.debug(`[${path.basename(this._pkgPath)}] ${msg}`);
-          },
-          warn: (msg) => {
-            this._logger.warn(`[${path.basename(this._pkgPath)}] ${msg}`);
-          },
-          error: (msg) => {
-            this._logger.error(`[${path.basename(this._pkgPath)}] ${msg}`);
-          }
-        },
-        plugins: [
-          vitePluginReact(),
-          vitePluginPaths(),
-          nodePolyfills(),
-        ],
-      });
-    }
-    catch (err) {
-      if ("errors" in err && err.errors instanceof Array) {
-        buildResults.push(...err.errors.map((item) => ({
-          filePath: item.location.file,
-          line: item.location.line,
-          char: item.location.column,
-          code: undefined,
-          severity: "error" as const,
-          message: item.text
-        })));
-      }
-      if ("warnings" in err && err.warnings instanceof Array) {
-        buildResults.push(...err.warnings.map((item) => ({
-          filePath: item.location.file,
-          line: item.location.line,
-          char: item.location.column,
-          code: undefined,
-          severity: "warning" as const,
-          message: item.text
-        })));
-      }
+
+        return viteServerPort;
     }
 
-    this._debug("CHECK...");
-    const checkResult = await sdTsProgram.buildAsync();
+    public async buildAsync(): Promise<ISdCliBuilderResult> {
+        this._debug("dist 초기화...");
+        const cachePath = path.resolve(this._pkgPath, ".cache", "prod", ...this._builderKey !== "web" ? [this._builderKey] : []);
+        const distPath = path.resolve(this._pkgPath, "dist", ...this._builderKey !== "web" ? [this._builderKey] : []);
+        await FsUtil.removeAsync(cachePath);
+        await FsUtil.removeAsync(distPath);
+
+        this._debug("BUILD...");
+        const buildResults: ISdCliPackageBuildResult[] = [];
+        try {
+            await vite.build(this._getViteConfig({
+                dev: false,
+                pkgConf: this._pkgConf,
+                cachePath: cachePath,
+                distPath: distPath,
+            }));
+        } catch (err) {
+            if ("errors" in err && err.errors instanceof Array) {
+                buildResults.push(...err.errors.map((item: any) => ({
+                    filePath: item.location.file,
+                    line: item.location.line,
+                    char: item.location.column,
+                    code: undefined,
+                    severity: "error" as const,
+                    message: item.text
+                })));
+            }
+            if ("warnings" in err && err.warnings instanceof Array) {
+                buildResults.push(...err.warnings.map((item: any) => ({
+                    filePath: item.location.file,
+                    line: item.location.line,
+                    char: item.location.column,
+                    code: undefined,
+                    severity: "warning" as const,
+                    message: item.text
+                })));
+            }
+        }
+
+        this._debug("CHECK...");
+        const sdTsProgram = await SdTsIncrementalBuilder.createAsync(this._pkgPath, () => ({emitJs: false}));
+        const checkResult = await sdTsProgram.buildAsync();
 
-    this._debug("LINT...");
-    const lintResults = await SdLinter.lintAsync(checkResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
+        this._debug("LINT...");
+        const lintResults = !this._withLint ? [] : await SdLinter.lintAsync(checkResult.affectedFilePaths, sdTsProgram.builderProgram!.getProgram());
 
-    this._debug(`빌드 완료`);
-    return {
-      affectedFilePaths: checkResult.affectedFilePaths,
-      buildResults: [...buildResults, ...checkResult.results, ...lintResults]
-    };
-  }
+        if (this._pkgConf.server !== undefined) {
+            this._debug("GEN .config...");
+            const confDistPath = path.resolve(this._pkgPath, "dist/.config.json");
+            await FsUtil.writeFileAsync(confDistPath, JSON.stringify(this._pkgConf.configs ?? {}, undefined, 2));
+        }
 
-  private _debug(msg: string): void {
-    this._logger.debug(`[${path.basename(this._pkgPath)}] ${msg}`);
-  }
-}
+        this._debug(`빌드 완료`);
+        return {
+            affectedFilePaths: checkResult.affectedFilePaths,
+            buildResults: [...buildResults, ...checkResult.results, ...lintResults]
+        };
+    }
+
+    private _getViteConfig(opt: {
+        dev: boolean,
+        cachePath: string,
+        distPath?: string,
+        port?: number,
+        pkgConf: ISdCliClientPackageConfig
+    }): InlineConfig {
+        const pkgNpmConfig: INpmConfig = FsUtil.readJson(path.resolve(this._pkgPath, "package.json"));
+
+        const basePath = (!opt.dev || this._pkgConf.server !== undefined) ? ("/" + path.basename(this._pkgPath) + "/") : "/";
+
+        const define = {
+            "import.meta.env.SD_ELECTRON_SERVER_URL": JSON.stringify(opt.dev ? `http://localhost:${opt.port}/` : "./index.html"),
+            "import.meta.env.SD_VERSION": JSON.stringify(pkgNpmConfig.version),
+            ...this._pkgConf.env
+                ? Object.keys(this._pkgConf.env)
+                    .toObject(
+                        (key) => "import.meta.env." + key,
+                        (key) => JSON.stringify(this._pkgConf.env![key])
+                    )
+                : {}
+        };
+
+        return defineConfig({
+            mode: opt.dev ? "development" : "production",
+            root: path.resolve(this._pkgPath, "src"),
+            cacheDir: path.resolve(opt.cachePath, "vite"),
+            base: basePath,
+            define: define,
+            publicDir: false,
+            ...opt.dev ? {
+                server: {
+                    port: opt.port,
+                    hmr: {
+                        port: opt.port
+                    }
+                }
+            } : {},
+            ...!opt.dev ? {
+                build: {
+                    outDir: this._builderKey === "electron" ? path.resolve(opt.cachePath, "src") : opt.distPath,
+                },
+            } : {},
+            plugins: [
+                SdCliViteReactSwcPlugin(),
+                SdCliViteLoggerPlugin({
+                    logger: this._logger,
+                    name: path.basename(this._pkgPath)
+                }),
+                vitePluginPaths(),
+                ...opt.dev ? [
+                    SdCliViteServeWithResolutionsPlugin(),
+                ] : [],
+                ...!opt.dev ? [
+                    VitePWA({registerType: 'autoUpdate'}),
+                ] : [],
+                ...this._builderKey === "web" ? [
+                    SdCliViteNodeGlobalPlugin()
+                ] : [],
+                ...this._builderKey === "electron" ? [
+                    SdCliViteElectronMainPlugin({
+                        entry: path.resolve(this._pkgPath, "src/electron-main.ts"),
+                        distPath: path.resolve(opt.cachePath, "src"),
+                        cachePath: path.resolve(opt.cachePath, "electron-main")
+                    }),
+                    SdCliViteExternalPlugin({
+                        cachePath: path.resolve(opt.cachePath, "external"),
+                        nodeBuiltinModules: true,
+                        includes: opt.pkgConf.builder?.electron?.reinstallDependencies
+                    })
+                ] : [],
+            ],
+        });
+    }
+
+    private _debug(msg: string): void {
+        this._logger.debug(`[${path.basename(this._pkgPath)}] ${msg}`);
+    }
+}