@simplysm/sd-cli 12.16.36 → 12.16.38

package/dist/pkg-builders/client/SdNgBundler.js

@@ -22,6 +22,7 @@ import { createSdNgPlugin } from "./createSdNgPlugin";
 import { SdCliPerformanceTimer } from "../../utils/SdCliPerformanceTimer";
 import nodeModule from "module";
 import { SdWorkerPathPlugin } from "../commons/SdWorkerPathPlugin";
+import { SdPolyfillPlugin } from "./SdPolyfillPlugin";
 export class SdNgBundler {
     constructor(_opt, _conf) {
         this._opt = _opt;
@@ -247,6 +248,7 @@ export class SdNgBundler {
         const indexHtmlGenerator = new IndexHtmlGenerator({
             indexPath: this._indexHtmlFilePath,
             entrypoints: [
+                ["sd-polyfills", true],
                 ["polyfills", true],
                 ["styles", false],
                 ["main", true],
@@ -369,6 +371,7 @@ export class SdNgBundler {
             mainFields: ["es2020", "es2015", "browser", "module", "main"],
             entryNames: "[dir]/[name]",
             entryPoints: {
+                "sd-polyfills": "virtual:sd-polyfills",
                 main: this._mainFilePath,
                 ...(FsUtils.exists(path.resolve(this._opt.pkgPath, "src/polyfills.ts"))
                     ? {
@@ -431,6 +434,7 @@ export class SdNgBundler {
                 }),
             plugins: [
                 createSourcemapIgnorelistPlugin(),
+                SdPolyfillPlugin(["Chrome >= 61"]),
                 createSdNgPlugin(this._opt, this._modifiedFileSet, this._ngResultCache),
                 ...(this._conf.builderType === "electron"
                     ? []

package/dist/pkg-builders/client/SdPolyfillPlugin.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from "esbuild";
+export declare function SdPolyfillPlugin(browserslistQuery: string[]): Plugin;

package/dist/pkg-builders/client/SdPolyfillPlugin.js

@@ -0,0 +1,51 @@
+import compat from "core-js-compat";
+import { createRequire } from "module";
+import { PathUtils } from "@simplysm/sd-core-node";
+const _require = createRequire(import.meta.url);
+const SD_POLYFILL_NS = "sd-polyfill";
+const SD_POLYFILL_FILTER = /^virtual:sd-polyfills$/;
+export function SdPolyfillPlugin(browserslistQuery) {
+    return {
+        name: "sd-polyfill-plugin",
+        setup(build) {
+            build.onResolve({ filter: SD_POLYFILL_FILTER }, () => ({
+                path: "sd-polyfills",
+                namespace: SD_POLYFILL_NS,
+            }));
+            build.onLoad({ filter: /.*/, namespace: SD_POLYFILL_NS }, () => {
+                const { list } = compat({
+                    targets: browserslistQuery,
+                });
+                const lines = [];
+                // core-js 모듈 (절대 경로로 resolve하여 소비 프로젝트의 node_modules 의존 제거)
+                for (const mod of list) {
+                    try {
+                        const absPath = _require.resolve(`core-js/modules/${mod}.js`);
+                        lines.push(`import "${PathUtils.posix(absPath)}";`);
+                    }
+                    catch {
+                        // 모듈이 존재하지 않으면 skip (WeakRef 등 polyfill 불가 항목)
+                    }
+                }
+                // AbortController (Chrome 66+)
+                try {
+                    const absPath = _require.resolve("abortcontroller-polyfill/dist/abortcontroller-polyfill-only");
+                    lines.push(`import "${PathUtils.posix(absPath)}";`);
+                }
+                catch {
+                    // skip
+                }
+                // ResizeObserver (Chrome 64+)
+                try {
+                    const absPath = _require.resolve("resize-observer-polyfill");
+                    lines.push(`import RO from "${PathUtils.posix(absPath)}";`);
+                    lines.push(`if (typeof window !== "undefined" && !("ResizeObserver" in window)) { window.ResizeObserver = RO; }`);
+                }
+                catch {
+                    // skip
+                }
+                return { contents: lines.join("\n"), loader: "js" };
+            });
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/sd-cli",
-  "version": "12.16.36",
+  "version": "12.16.38",
   "description": "심플리즘 패키지 - CLI",
   "author": "김석래",
   "repository": {
@@ -17,12 +17,15 @@
     "@angular/compiler-cli": "^20.3.18",
     "@anthropic-ai/sdk": "^0.78.0",
     "@electron/rebuild": "^4.0.3",
-    "@simplysm/sd-core-common": "12.16.36",
-    "@simplysm/sd-core-node": "12.16.36",
-    "@simplysm/sd-service-server": "12.16.36",
-    "@simplysm/sd-storage": "12.16.36",
+    "@simplysm/sd-core-common": "12.16.38",
+    "@simplysm/sd-core-node": "12.16.38",
+    "@simplysm/sd-service-server": "12.16.38",
+    "@simplysm/sd-storage": "12.16.38",
+    "abortcontroller-polyfill": "^1.7.8",
     "browserslist": "^4.28.1",
     "cordova": "^13.0.0",
+    "core-js": "^3.49.0",
+    "core-js-compat": "^3.49.0",
     "electron": "^33.4.11",
     "electron-builder": "^25.1.8",
     "esbuild": "0.25.9",
@@ -30,6 +33,7 @@
     "eslint": "^9.39.4",
     "glob": "^13.0.6",
     "node-stdlib-browser": "^1.3.1",
+    "resize-observer-polyfill": "^1.5.1",
     "rxjs": "^7.8.2",
     "sass-embedded": "^1.98.0",
     "semver": "^7.7.4",

package/src/pkg-builders/client/SdNgBundler.ts

@@ -41,6 +41,7 @@ import { INpmConfig } from "../../types/common-config/INpmConfig";
 import { ISdBuildResult } from "../../types/build/ISdBuildResult";
 import { ISdTsCompilerOptions } from "../../types/build/ISdTsCompilerOptions";
 import { SdWorkerPathPlugin } from "../commons/SdWorkerPathPlugin";
+import { SdPolyfillPlugin } from "./SdPolyfillPlugin";
 
 export class SdNgBundler {
   private readonly _logger = SdLogger.get(["simplysm", "sd-cli", "SdNgBundler"]);
@@ -326,6 +327,7 @@ export class SdNgBundler {
     const indexHtmlGenerator = new IndexHtmlGenerator({
       indexPath: this._indexHtmlFilePath,
       entrypoints: [
+        ["sd-polyfills", true],
         ["polyfills", true],
         ["styles", false],
         ["main", true],
@@ -487,6 +489,7 @@ export class SdNgBundler {
       mainFields: ["es2020", "es2015", "browser", "module", "main"],
       entryNames: "[dir]/[name]",
       entryPoints: {
+        "sd-polyfills": "virtual:sd-polyfills",
         main: this._mainFilePath,
         ...(FsUtils.exists(path.resolve(this._opt.pkgPath, "src/polyfills.ts"))
           ? {
@@ -556,6 +559,7 @@ export class SdNgBundler {
           }),
       plugins: [
         createSourcemapIgnorelistPlugin(),
+        SdPolyfillPlugin(["Chrome >= 61"]),
         createSdNgPlugin(this._opt, this._modifiedFileSet, this._ngResultCache),
         ...(this._conf.builderType === "electron"
           ? []

package/src/pkg-builders/client/SdPolyfillPlugin.ts

@@ -0,0 +1,62 @@
+import { Plugin, PluginBuild } from "esbuild";
+import compat from "core-js-compat";
+import { createRequire } from "module";
+import { PathUtils } from "@simplysm/sd-core-node";
+
+const _require = createRequire(import.meta.url);
+
+const SD_POLYFILL_NS = "sd-polyfill";
+const SD_POLYFILL_FILTER = /^virtual:sd-polyfills$/;
+
+export function SdPolyfillPlugin(browserslistQuery: string[]): Plugin {
+  return {
+    name: "sd-polyfill-plugin",
+    setup(build: PluginBuild) {
+      build.onResolve({ filter: SD_POLYFILL_FILTER }, () => ({
+        path: "sd-polyfills",
+        namespace: SD_POLYFILL_NS,
+      }));
+
+      build.onLoad({ filter: /.*/, namespace: SD_POLYFILL_NS }, () => {
+        const { list } = compat({
+          targets: browserslistQuery,
+        });
+
+        const lines: string[] = [];
+
+        // core-js 모듈 (절대 경로로 resolve하여 소비 프로젝트의 node_modules 의존 제거)
+        for (const mod of list) {
+          try {
+            const absPath = _require.resolve(`core-js/modules/${mod}.js`);
+            lines.push(`import "${PathUtils.posix(absPath)}";`);
+          } catch {
+            // 모듈이 존재하지 않으면 skip (WeakRef 등 polyfill 불가 항목)
+          }
+        }
+
+        // AbortController (Chrome 66+)
+        try {
+          const absPath = _require.resolve(
+            "abortcontroller-polyfill/dist/abortcontroller-polyfill-only",
+          );
+          lines.push(`import "${PathUtils.posix(absPath)}";`);
+        } catch {
+          // skip
+        }
+
+        // ResizeObserver (Chrome 64+)
+        try {
+          const absPath = _require.resolve("resize-observer-polyfill");
+          lines.push(`import RO from "${PathUtils.posix(absPath)}";`);
+          lines.push(
+            `if (typeof window !== "undefined" && !("ResizeObserver" in window)) { window.ResizeObserver = RO; }`,
+          );
+        } catch {
+          // skip
+        }
+
+        return { contents: lines.join("\n"), loader: "js" };
+      });
+    },
+  };
+}