@simplysm/sd-cli 12.5.20 → 12.5.21

package/dist/bundle-plugins/sdReactPlugin.js

@@ -0,0 +1,117 @@
+import ts from "typescript";
+import path from "path";
+import { SdTsCompiler } from "../build-tools/SdTsCompiler";
+import { convertTypeScriptDiagnostic } from "@angular/build/src/tools/esbuild/angular/diagnostics";
+import postcss from "postcss";
+import { FsUtil } from "@simplysm/sd-core-node";
+import postcssUrl from "postcss-url";
+import postcssHas from "css-has-pseudo";
+import autoprefixer from "autoprefixer";
+export function sdReactPlugin(conf) {
+    return {
+        name: "sd-ng-compiler",
+        setup: (build) => {
+            const compiler = new SdTsCompiler({
+                pkgPath: conf.pkgPath,
+                additionalOptions: { declaration: false },
+                isDevMode: conf.dev,
+                isForBundle: true,
+                watchScopePaths: conf.watchScopePaths
+            });
+            let buildResult;
+            const outputContentsCacheMap = new Map();
+            //---------------------------
+            build.onStart(async () => {
+                compiler.invalidate(conf.modifiedFileSet);
+                for (const modifiedFile of conf.modifiedFileSet) {
+                    outputContentsCacheMap.delete(modifiedFile);
+                }
+                buildResult = await compiler.buildAsync();
+                conf.result.watchFileSet = buildResult.watchFileSet;
+                conf.result.affectedFileSet = buildResult.affectedFileSet;
+                conf.result.program = buildResult.program;
+                //-- return err/warn
+                return {
+                    errors: [
+                        ...buildResult.typescriptDiagnostics
+                            .filter((item) => item.category === ts.DiagnosticCategory.Error)
+                            .map((item) => convertTypeScriptDiagnostic(ts, item)),
+                        ...Array.from(buildResult.stylesheetBundlingResultMap.values()).flatMap((item) => item.errors),
+                    ].filterExists(),
+                    warnings: [
+                        ...buildResult.typescriptDiagnostics
+                            .filter((item) => item.category !== ts.DiagnosticCategory.Error)
+                            .map((item) => convertTypeScriptDiagnostic(ts, item)),
+                        // ...Array.from(buildResult.stylesheetResultMap.values()).flatMap(item => item.warnings)
+                    ],
+                };
+            });
+            build.onLoad({ filter: /\.tsx?$/ }, (args) => {
+                const output = outputContentsCacheMap.get(path.normalize(args.path));
+                if (output != null) {
+                    return { contents: output, loader: "js" };
+                }
+                const emittedJsFile = buildResult.emittedFilesCacheMap.get(path.normalize(args.path))?.last();
+                if (!emittedJsFile) {
+                    throw new Error(`ts 빌더 결과 emit 파일이 존재하지 않습니다. ${args.path}`);
+                }
+                const contents = emittedJsFile.text;
+                outputContentsCacheMap.set(path.normalize(args.path), contents);
+                return { contents, loader: "js" };
+            });
+            build.onLoad({ filter: /\.[cm]?jsx?$/ }, (args) => {
+                conf.result.watchFileSet.add(path.normalize(args.path));
+                return null;
+            });
+            build.onLoad({ filter: /\.css$/ }, async (args) => {
+                conf.result.watchFileSet.add(path.normalize(args.path));
+                const output = outputContentsCacheMap.get(path.normalize(args.path));
+                if (output != null) {
+                    return {
+                        contents: output,
+                        loader: "file",
+                    };
+                }
+                const css = await FsUtil.readFileAsync(path.normalize(args.path));
+                const result = await postcss()
+                    .use(autoprefixer({
+                    overrideBrowserslist: ["Chrome > 78"]
+                }))
+                    .use(postcssUrl({
+                    url: "copy",
+                }))
+                    .use(postcssHas())
+                    .process(css, {
+                    from: path.normalize(args.path),
+                    to: path.resolve(conf.pkgPath, "dist", "media", path.basename(args.path)),
+                });
+                outputContentsCacheMap.set(path.normalize(args.path), result.css);
+                return { contents: result.css, loader: "file" };
+            });
+            build.onLoad({
+                filter: new RegExp("(" +
+                    Object.keys(build.initialOptions.loader)
+                        .map((item) => "\\" + item)
+                        .join("|") +
+                    ")$"),
+            }, (args) => {
+                conf.result.watchFileSet.add(path.normalize(args.path));
+                return null;
+            });
+            build.onEnd((result) => {
+                for (const { outputFiles, metafile } of buildResult.stylesheetBundlingResultMap.values()) {
+                    result.outputFiles = result.outputFiles ?? [];
+                    result.outputFiles.push(...outputFiles);
+                    if (result.metafile && metafile) {
+                        result.metafile.inputs = { ...result.metafile.inputs, ...metafile.inputs };
+                        result.metafile.outputs = { ...result.metafile.outputs, ...metafile.outputs };
+                    }
+                }
+                conf.result.outputFiles = result.outputFiles;
+                conf.result.metafile = result.metafile;
+                conf.modifiedFileSet.clear();
+            });
+        },
+    };
+}
+//# sourceMappingURL=sdReactPlugin.js.map

package/dist/bundle-plugins/sdReactPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdReactPlugin.js","sourceRoot":"","sources":["../../src/bundle-plugins/sdReactPlugin.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -4,6 +4,8 @@ export * from "./build-tools/SdCliNgRoutesFileGenerator";
 export * from "./build-tools/SdLinter";
 export * from "./build-tools/SdNgBundler";
 export * from "./build-tools/SdNgBundlerContext";
+export * from "./build-tools/SdReactBundler";
+export * from "./build-tools/SdReactBundlerContext";
 export * from "./build-tools/SdServerBundler";
 export * from "./build-tools/SdTsCompiler";
 export * from "./build-tools/SdTsLibBundler";
@@ -12,6 +14,7 @@ export * from "./builders/SdCliJsLibLinter";
 export * from "./builders/SdCliServerBuilder";
 export * from "./builders/SdCliTsLibBuilder";
 export * from "./bundle-plugins/sdNgPlugin";
+export * from "./bundle-plugins/sdReactPlugin";
 export * from "./bundle-plugins/sdServerPlugin";
 export * from "./commons";
 export * from "./entry/SdCliElectron";

package/dist/index.js

@@ -4,6 +4,8 @@ export * from "./build-tools/SdCliNgRoutesFileGenerator";
 export * from "./build-tools/SdLinter";
 export * from "./build-tools/SdNgBundler";
 export * from "./build-tools/SdNgBundlerContext";
+export * from "./build-tools/SdReactBundler";
+export * from "./build-tools/SdReactBundlerContext";
 export * from "./build-tools/SdServerBundler";
 export * from "./build-tools/SdTsCompiler";
 export * from "./build-tools/SdTsLibBundler";
@@ -12,6 +14,7 @@ export * from "./builders/SdCliJsLibLinter";
 export * from "./builders/SdCliServerBuilder";
 export * from "./builders/SdCliTsLibBuilder";
 export * from "./bundle-plugins/sdNgPlugin";
+export * from "./bundle-plugins/sdReactPlugin";
 export * from "./bundle-plugins/sdServerPlugin";
 export * from "./commons";
 export * from "./entry/SdCliElectron";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/sd-cli",
-  "version": "12.5.20",
+  "version": "12.5.21",
   "description": "심플리즘 패키지 - CLI",
   "author": "김석래",
   "repository": {
@@ -21,10 +21,11 @@
     "@angular/compiler": "^18.2.7",
     "@angular/compiler-cli": "^18.2.7",
     "@electron/rebuild": "^3.6.2",
-    "@simplysm/sd-core-common": "12.5.20",
-    "@simplysm/sd-core-node": "12.5.20",
-    "@simplysm/sd-service-server": "12.5.20",
-    "@simplysm/sd-storage": "12.5.20",
+    "@simplysm/sd-core-common": "12.5.21",
+    "@simplysm/sd-core-node": "12.5.21",
+    "@simplysm/sd-service-server": "12.5.21",
+    "@simplysm/sd-storage": "12.5.21",
+    "autoprefixer": "^10.4.20",
     "browserslist": "^4.24.0",
     "cordova": "^12.0.0",
     "css-has-pseudo": "^7.0.0",
@@ -36,11 +37,13 @@
     "jszip": "^3.10.1",
     "node-stdlib-browser": "^1.2.1",
     "postcss": "^8.4.47",
+    "postcss-url": "^10.1.3",
     "rxjs": "^7.8.1",
     "sass": "^1.79.4",
     "semver": "^7.6.3",
     "specifier-resolution-node": "^1.1.4",
     "typescript": "~5.5.4",
+    "workbox-build": "^7.1.1",
     "xml2js": "^0.6.2",
     "yargs": "^17.7.2"
   },

package/src/build-tools/SdReactBundler.ts

@@ -0,0 +1,372 @@
+import path from "path";
+import { FsUtil, Logger, PathUtil } from "@simplysm/sd-core-node";
+import { fileURLToPath } from "url";
+import nodeStdLibBrowser from "node-stdlib-browser";
+import nodeStdLibBrowserPlugin from "node-stdlib-browser/helpers/esbuild/plugin";
+import { INpmConfig, ISdCliClientBuilderCordovaConfig, ISdCliPackageBuildResult } from "../commons";
+import ts from "typescript";
+import { SdReactBundlerContext } from "./SdReactBundlerContext";
+import { IReactPluginResultCache, sdReactPlugin } from "../bundle-plugins/sdReactPlugin";
+import { transformSupportedBrowsersToTargets } from "@angular/build/src/tools/esbuild/utils";
+import browserslist from "browserslist";
+import { glob } from "glob";
+import { generateSW } from "workbox-build";
+
+export class SdReactBundler {
+  readonly #logger = Logger.get(["simplysm", "sd-cli", "SdNgBundler"]);
+
+  readonly #modifiedFileSet = new Set<string>();
+  readonly #compileResultCache: IReactPluginResultCache = {
+    affectedFileSet: new Set<string>(),
+    watchFileSet: new Set<string>()
+  };
+  #contexts: SdReactBundlerContext[] | undefined;
+
+  readonly #outputCache = new Map<string, string | number>();
+
+  readonly #opt: IOptions;
+
+  readonly #pkgNpmConf: INpmConfig;
+  readonly #indexFilePath: string;
+  readonly #tsConfigFilePath: string;
+  readonly #browserTarget: string[];
+
+  public constructor(opt: IOptions) {
+    this.#opt = opt;
+    this.#pkgNpmConf = FsUtil.readJson(path.resolve(opt.pkgPath, "package.json"));
+    this.#indexFilePath = path.resolve(opt.pkgPath, "src/index.tsx");
+    this.#tsConfigFilePath = path.resolve(opt.pkgPath, "tsconfig.json");
+    this.#browserTarget = transformSupportedBrowsersToTargets(browserslist(["Chrome > 78"]));
+  }
+
+  public markForChanges(filePaths: string[]): void {
+    for (const filePath of filePaths) {
+      this.#modifiedFileSet.add(path.normalize(filePath));
+    }
+  }
+
+  public async bundleAsync(): Promise<{
+    program?: ts.Program;
+    watchFileSet: Set<string>;
+    affectedFileSet: Set<string>;
+    results: ISdCliPackageBuildResult[];
+  }> {
+    this.#debug(`get contexts...`);
+
+    if (!this.#contexts) {
+      this.#contexts = [
+        this._getAppContext(),
+        ...(this.#opt.builderType === "electron" ? [this._getElectronMainContext()] : [])
+      ];
+    }
+
+    this.#debug(`build...`);
+
+    const bundlingResults = await this.#contexts.mapAsync(async (ctx, i) => await ctx.bundleAsync());
+
+    //-- results
+    const results = bundlingResults.mapMany((bundlingResult) => bundlingResult.results);
+
+    this.#debug(`convert result...`);
+
+    const outputFiles: IReactOutputFile[] = bundlingResults
+      .mapMany((item) => item.outputFiles ?? [])
+      .map((item) => ({
+        relPath: path.relative(this.#opt.pkgPath, item.path),
+        contents: item.contents
+      }));
+
+    // cordova empty
+    if (this.#opt.builderType === "cordova" && this.#opt.cordovaConfig?.plugins) {
+      outputFiles.push({ relPath: "cordova-empty.js", contents: "export default {};" });
+    }
+
+    // index.html
+    let indexHtml = await FsUtil.readFileAsync(path.resolve(this.#opt.pkgPath, "src/index.html"));
+    indexHtml = indexHtml.replace(/<\/head>/, "<script type=\"module\" src=\"index.js\"></script></head>");
+    if (!this.#opt.dev) {
+      indexHtml = indexHtml.replace(/<\/head>/, "<script src=\"registerSW.js\"></script></head>");
+    }
+    if (this.#opt.builderType === "cordova") {
+      indexHtml = indexHtml.replace(
+        /(.*)<\/head>/,
+        "<script type=\"module\" src=\"cordova-entry.js\"></script>\n$1</head>"
+      );
+    }
+    if (outputFiles.some((item) => item.relPath === "index.css")) {
+      indexHtml = indexHtml.replace(/(.*)<\/head>/, "<link rel=\"stylesheet\" href=\"index.css\">\n$1</head>");
+    }
+
+    outputFiles.push({
+      relPath: "index.html",
+      contents: indexHtml
+    });
+
+    // copy assets
+    outputFiles.push(
+      ...this.#copyAssets("src", "favicon.ico"),
+      ...this.#copyAssets("src", "manifest.webmanifest"),
+      ...this.#copyAssets("src/assets", "**/*", "assets"),
+      ...(this.#opt.dev && this.#opt.builderType === "cordova"
+        ? Object.keys(this.#opt.cordovaConfig?.platform ?? { browser: {} }).mapMany((platform) => [
+          ...this.#copyAssets(
+            `.cordova/platforms/${platform}/platform_www/plugins`,
+            "**/*",
+            `cordova-${platform}/plugins`
+          ),
+          ...this.#copyAssets(`.cordova/platforms/${platform}/platform_www`, "cordova.js", `cordova-${platform}`),
+          ...this.#copyAssets(
+            `.cordova/platforms/${platform}/platform_www`,
+            "cordova_plugins.js",
+            `cordova-${platform}`
+          ),
+          ...this.#copyAssets(`.cordova/platforms/${platform}/www`, "config.xml", `cordova-${platform}`)
+        ])
+        : [])
+    );
+
+    // TODO: extract 3rdpartylicenses
+
+    //-- write
+    this.#debug(`write output files...(${outputFiles.length})`);
+
+    for (const outputFile of outputFiles) {
+      const distFilePath = path.resolve(this.#opt.outputPath, outputFile.relPath);
+      const prev = this.#outputCache.get(distFilePath);
+      if (prev !== Buffer.from(outputFile.contents).toString("base64")) {
+        await FsUtil.writeFileAsync(distFilePath, outputFile.contents);
+        this.#outputCache.set(distFilePath, Buffer.from(outputFile.contents).toString("base64"));
+      }
+    }
+
+    // service worker
+    if (!this.#opt.dev) {
+      try {
+        const swResult = await generateSW({
+          globDirectory: path.resolve(this.#opt.pkgPath, "dist"),
+          globPatterns: ["**/*"],
+          globIgnores: ["3rdpartylicenses.txt", "*.js.map"],
+          globStrict: true,
+          swDest: path.resolve(this.#opt.pkgPath, "dist", "sw.js")
+        });
+        swResult.warnings.map((msg) => {
+          results.push({
+            filePath: undefined,
+            line: undefined,
+            char: undefined,
+            code: undefined,
+            severity: "warning",
+            message: `(gen-sw) ${msg}`,
+            type: "build"
+          });
+        });
+
+        await FsUtil.writeFileAsync(
+          path.resolve(this.#opt.pkgPath, "dist", "registerSW.js"),
+          `
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('sw.js')
+  })
+}`.trim()
+        );
+      }
+      catch (err) {
+        results.push({
+          filePath: undefined,
+          line: undefined,
+          char: undefined,
+          code: undefined,
+          severity: "error",
+          message: `(gen-sw) ${err.toString()}`,
+          type: "build"
+        });
+      }
+    }
+
+    this.#debug(`번들링중 영향받은 파일`, Array.from(this.#compileResultCache.affectedFileSet!));
+
+    return {
+      program: this.#compileResultCache.program,
+      watchFileSet: new Set(this.#compileResultCache.watchFileSet),
+      affectedFileSet: this.#compileResultCache.affectedFileSet!,
+      results
+    };
+  }
+
+  #copyAssets(srcDir: string, globPath: string, distDir?: string): IReactOutputFile[] {
+    const result: IReactOutputFile[] = [];
+    const srcGlobPath = path.resolve(this.#opt.pkgPath, srcDir, globPath);
+    const srcPaths = glob.sync(srcGlobPath);
+    for (const srcPath of srcPaths) {
+      if (!FsUtil.exists(srcPath)) continue;
+      result.push({
+        relPath: path.join(
+          ...[distDir, path.relative(path.resolve(this.#opt.pkgPath, srcDir), srcPath)].filterExists()
+        ),
+        contents: FsUtil.readFile(srcPath)
+      });
+    }
+
+    return result;
+  }
+
+  private _getAppContext() {
+    return new SdReactBundlerContext(this.#opt.pkgPath, {
+      absWorkingDir: this.#opt.pkgPath,
+      bundle: true,
+      keepNames: true,
+      format: "esm",
+      assetNames: "media/[name]",
+      conditions: ["es2020", "es2015", "module"],
+      resolveExtensions: [".js", ".mjs", ".cjs", ".ts", ".tsx"],
+      metafile: true,
+      legalComments: this.#opt.dev ? "eof" : "none",
+      logLevel: "silent",
+      minifyIdentifiers: !this.#opt.dev,
+      minifySyntax: !this.#opt.dev,
+      minifyWhitespace: !this.#opt.dev,
+      pure: ["forwardRef"],
+      outdir: this.#opt.pkgPath,
+      outExtension: undefined,
+      sourcemap: true, //this.#opt.dev,
+      splitting: true,
+      chunkNames: "[name]-[hash]",
+      tsconfig: this.#tsConfigFilePath,
+      write: false,
+      preserveSymlinks: false,
+      define: {
+        ...(!this.#opt.dev ? { ngDevMode: "false" } : {}),
+        "ngJitMode": "false",
+        "global": "global",
+        "process": "process",
+        "Buffer": "Buffer",
+        "process.env.SD_VERSION": JSON.stringify(this.#pkgNpmConf.version),
+        "process.env.NODE_ENV": JSON.stringify(this.#opt.dev ? "development" : "production"),
+        ...(this.#opt.env
+          ? Object.keys(this.#opt.env).toObject(
+            (key) => `process.env.${key}`,
+            (key) => JSON.stringify(this.#opt.env![key])
+          )
+          : {})
+      },
+      platform: "browser",
+      mainFields: ["es2020", "es2015", "browser", "module", "main"],
+      entryNames: "[name]",
+      entryPoints: {
+        index: this.#indexFilePath
+      },
+      external: ["electron"],
+      target: this.#browserTarget,
+      supported: { "async-await": false, "object-rest-spread": false },
+      loader: {
+        ".png": "file",
+        ".jpeg": "file",
+        ".jpg": "file",
+        ".jfif": "file",
+        ".gif": "file",
+        ".svg": "file",
+        ".woff": "file",
+        ".woff2": "file",
+        ".ttf": "file",
+        ".ttc": "file",
+        ".eot": "file",
+        ".ico": "file",
+        ".otf": "file",
+        ".csv": "file",
+        ".xlsx": "file",
+        ".xls": "file",
+        ".pptx": "file",
+        ".ppt": "file",
+        ".docx": "file",
+        ".doc": "file",
+        ".zip": "file",
+        ".pfx": "file",
+        ".pkl": "file",
+        ".mp3": "file",
+        ".ogg": "file"
+      },
+      inject: [PathUtil.posix(fileURLToPath(import.meta.resolve("node-stdlib-browser/helpers/esbuild/shim")))],
+      plugins: [
+        ...(this.#opt.builderType === "cordova" && this.#opt.cordovaConfig?.plugins
+          ? [
+            {
+              name: "cordova:plugin-empty",
+              setup: ({ onResolve }) => {
+                onResolve({ filter: new RegExp("(" + this.#opt.cordovaConfig!.plugins!.join("|") + ")") }, () => {
+                  return {
+                    path: `./cordova-empty.js`,
+                    external: true
+                  };
+                });
+              }
+            }
+          ]
+          : []),
+        sdReactPlugin({
+          modifiedFileSet: this.#modifiedFileSet,
+          dev: this.#opt.dev,
+          pkgPath: this.#opt.pkgPath,
+          result: this.#compileResultCache,
+          watchScopePaths: this.#opt.watchScopePaths,
+        }),
+        nodeStdLibBrowserPlugin(nodeStdLibBrowser)
+      ]
+    });
+  }
+
+  private _getElectronMainContext() {
+    return new SdReactBundlerContext(this.#opt.pkgPath, {
+      absWorkingDir: this.#opt.pkgPath,
+      bundle: true,
+      entryNames: "[name]",
+      assetNames: "media/[name]",
+      conditions: ["es2020", "es2015", "module"],
+      resolveExtensions: [".js", ".mjs", ".cjs", ".ts"],
+      metafile: true,
+      legalComments: this.#opt.dev ? "eof" : "none",
+      logLevel: "silent",
+      minify: !this.#opt.dev,
+      outdir: this.#opt.pkgPath,
+      sourcemap: true, //this.#opt.dev,
+      tsconfig: this.#tsConfigFilePath,
+      write: false,
+      preserveSymlinks: false,
+      external: ["electron"],
+      define: {
+        ...(!this.#opt.dev ? { ngDevMode: "false" } : {}),
+        "process.env.SD_VERSION": JSON.stringify(this.#pkgNpmConf.version),
+        "process.env.NODE_ENV": JSON.stringify(this.#opt.dev ? "development" : "production"),
+        ...(this.#opt.env
+          ? Object.keys(this.#opt.env).toObject(
+            (key) => `process.env.${key}`,
+            (key) => JSON.stringify(this.#opt.env![key])
+          )
+          : {})
+      },
+      platform: "node",
+      entryPoints: {
+        "electron-main": path.resolve(this.#opt.pkgPath, "src/electron-main.ts")
+      }
+    });
+  }
+
+  #debug(...msg: any[]): void {
+    this.#logger.debug(`[${path.basename(this.#opt.pkgPath)}]`, ...msg);
+  }
+}
+
+interface IOptions {
+  dev: boolean;
+  outputPath: string;
+  pkgPath: string;
+  builderType: string;
+  env: Record<string, string> | undefined;
+  cordovaConfig: ISdCliClientBuilderCordovaConfig | undefined;
+  watchScopePaths: string[];
+}
+
+interface IReactOutputFile {
+  relPath: string;
+  contents: Uint8Array | string;
+}

package/src/build-tools/SdReactBundlerContext.ts

@@ -0,0 +1,71 @@
+import esbuild from "esbuild";
+import path from "path";
+import { ISdCliPackageBuildResult } from "../commons";
+import { Logger } from "@simplysm/sd-core-node";
+
+export class SdReactBundlerContext {
+  readonly #logger = Logger.get(["simplysm", "sd-cli", "SdReactBundlerContext"]);
+
+  private _context?: esbuild.BuildContext;
+
+  public constructor(
+    private readonly _pkgPath: string,
+    private readonly _esbuildOptions: esbuild.BuildOptions,
+  ) {}
+
+  public async bundleAsync() {
+    if (this._context == null) {
+      this._context = await esbuild.context(this._esbuildOptions);
+    }
+
+    let buildResult: esbuild.BuildResult;
+
+    try {
+      this.#debug(`rebuild...`);
+      buildResult = await this._context.rebuild();
+      this.#debug(`rebuild completed`);
+    } catch (err) {
+      if ("warnings" in err || "errors" in err) {
+        buildResult = err;
+      } else {
+        throw err;
+      }
+    }
+
+    this.#debug(`convert results...`);
+
+    const results = [
+      ...buildResult.warnings.map((warn) => ({
+        filePath: warn.location?.file !== undefined ? path.resolve(this._pkgPath, warn.location.file) : undefined,
+        line: warn.location?.line,
+        char: warn.location?.column,
+        code: warn.text.slice(0, warn.text.indexOf(":")),
+        severity: "warning",
+        message: `${warn.pluginName ? `(${warn.pluginName}) ` : ""} ${warn.text.slice(warn.text.indexOf(":") + 1)}`,
+        type: "build",
+      })),
+      ...buildResult.errors.map((err) => ({
+        filePath: err.location?.file !== undefined ? path.resolve(this._pkgPath, err.location.file) : undefined,
+        line: err.location?.line,
+        char: err.location?.column !== undefined ? err.location.column + 1 : undefined,
+        code: err.text.slice(0, err.text.indexOf(":")),
+        severity: "error",
+        message: `${err.pluginName ? `(${err.pluginName}) ` : ""} ${err.text.slice(err.text.indexOf(":") + 1)}`,
+        type: "build",
+      })),
+    ] as ISdCliPackageBuildResult[];
+
+    return {
+      results,
+      outputFiles: buildResult.outputFiles,
+      metafile: buildResult.metafile,
+    };
+  }
+
+  #debug(...msg: any[]): void {
+    this.#logger.debug(
+      `[${path.basename(this._pkgPath)}] (${Object.keys(this._esbuildOptions.entryPoints as Record<string, any>).join(", ")})`,
+      ...msg,
+    );
+  }
+}