@simplysm/sd-cli 11.0.40 → 11.1.1

package/dist/build-tools/SdNgBundler.js

@@ -1,534 +1,546 @@
-import { createCompilerPlugin } from "@angular-devkit/build-angular/src/tools/esbuild/angular/compiler-plugin";
-import path from "path";
-import esbuild from "esbuild";
-import { FsUtil, PathUtil } from "@simplysm/sd-core-node";
-import { fileURLToPath, pathToFileURL } from "url";
-import { createVirtualModulePlugin } from "@angular-devkit/build-angular/src/tools/esbuild/virtual-module-plugin";
-import { createSourcemapIgnorelistPlugin } from "@angular-devkit/build-angular/src/tools/esbuild/sourcemap-ignorelist-plugin";
-import nodeStdLibBrowser from "node-stdlib-browser";
-import nodeStdLibBrowserPlugin from "node-stdlib-browser/helpers/esbuild/plugin";
-import { copyAssets } from "@angular-devkit/build-angular/src/utils/copy-assets";
-import { extractLicenses } from "@angular-devkit/build-angular/src/tools/esbuild/license-extractor";
-import { augmentAppWithServiceWorkerEsbuild } from "@angular-devkit/build-angular/src/utils/service-worker";
-import browserslist from "browserslist";
-import { createOutputFileFromText, transformSupportedBrowsersToTargets } from "@angular-devkit/build-angular/src/tools/esbuild/utils";
-import { createCssResourcePlugin } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/css-resource-plugin";
-import { CssStylesheetLanguage } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/css-language";
-import { SassStylesheetLanguage } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/sass-language";
-import { StylesheetPluginFactory } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/stylesheet-plugin-factory";
-import { IndexHtmlGenerator } from "@angular-devkit/build-angular/src/utils/index-file/index-html-generator";
-import { CrossOrigin } from "@angular-devkit/build-angular";
-import { InlineCriticalCssProcessor } from "@angular-devkit/build-angular/src/utils/index-file/inline-critical-css";
-import { SdSourceFileCache } from "../utils/SdSourceFileCache";
-import { SdNgBundlerContext } from "./SdNgBundlerContext";
-export class SdNgBundler {
-    constructor(_opt) {
-        this._opt = _opt;
-        this._sourceFileCache = new SdSourceFileCache(path.resolve(this._opt.pkgPath, ".cache"));
-        this._outputCache = new Map();
-        this._customDepsCache = new Map();
-        this._pkgNpmConf = FsUtil.readJson(path.resolve(this._opt.pkgPath, "package.json"));
-        this._mainFilePath = path.resolve(this._opt.pkgPath, "src/main.ts");
-        this._tsConfigFilePath = path.resolve(this._opt.pkgPath, "tsconfig.json");
-        this._swConfFilePath = path.resolve(this._opt.pkgPath, "ngsw-config.json");
-        this._browserTarget = transformSupportedBrowsersToTargets(browserslist("defaults and fully supports es6-module"));
-        this._indexHtmlFilePath = path.resolve(this._opt.pkgPath, "src/index.html");
-        this._pkgName = path.basename(this._opt.pkgPath);
-        this._baseHref = this._opt.builderType === "web" ? `/${this._pkgName}/` : this._opt.dev ? `/${this._pkgName}/${this._opt.builderType}/` : ``;
-    }
-    removeCache(filePaths) {
-        for (const filePath of filePaths) {
-            const depsSet = this._customDepsCache.get(filePath);
-            if (depsSet) {
-                for (const depFile of depsSet) {
-                    this._sourceFileCache.invalidate([depFile]);
-                }
-            }
-            else {
-                this._sourceFileCache.invalidate([filePath]);
-            }
-        }
-    }
-    async bundleAsync() {
-        if (!this._contexts) {
-            this._contexts = [];
-            this._contexts.push(await this._getAppContextAsync());
-            this._contexts.push(this._getStyleContext());
-        }
-        //-- build
-        const bundlingResults = await this._contexts.mapAsync(async (ctx) => await ctx.bundleAsync());
-        const results = bundlingResults.mapMany(bundlingResult => bundlingResult.results);
-        const watchFilePaths = [
-            ...this._sourceFileCache.keys(),
-            ...this._sourceFileCache.babelFileCache.keys(),
-            ...this._sourceFileCache.loadResultCache.fileDependencies.keys(),
-            ...this._customDepsCache.keys()
-        ].map((item) => path.resolve(item)).distinct();
-        let affectedSourceFilePaths = watchFilePaths.filter((item) => PathUtil.isChildPath(item, this._opt.pkgPath));
-        if (this._sourceFileCache.modifiedFiles.size > 0) {
-            const depMap = new Map();
-            for (const bundlingResult of bundlingResults) {
-                for (const [k, v] of bundlingResult.dependencyMap) {
-                    const currSet = depMap.getOrCreate(k, new Set());
-                    currSet.adds(...v);
-                }
-            }
-            for (const [k, v] of this._sourceFileCache.loadResultCache.fileDependencies) {
-                const currSet = depMap.getOrCreate(k, new Set());
-                currSet.adds(...Array.from(v).map((item) => item.startsWith("file:") ? fileURLToPath(item) : undefined).filterExists());
-            }
-            for (const [k, v] of this._customDepsCache) {
-                const currSet = depMap.getOrCreate(k, new Set());
-                currSet.adds(...v);
-            }
-            const searchAffectedFiles = (filePath, prev) => {
-                const result = new Set(prev);
-                const importerPaths = depMap.get(filePath);
-                if (!importerPaths)
-                    return result;
-                for (const importerPath of importerPaths) {
-                    if (result.has(importerPath))
-                        continue;
-                    result.adds(importerPath);
-                    result.adds(...searchAffectedFiles(importerPath, result));
-                }
-                return result;
-            };
-            const affectedFilePathSet = new Set();
-            for (const modFile of this._sourceFileCache.modifiedFiles) {
-                affectedFilePathSet.add(path.resolve(modFile));
-                affectedFilePathSet.adds(...searchAffectedFiles(path.resolve(modFile)));
-            }
-            affectedSourceFilePaths = Array.from(affectedFilePathSet.values()).filter((item) => PathUtil.isChildPath(item, this._opt.pkgPath));
-        }
-        /*const executionResult = new ExecutionResult(this._contexts, this._sourceFileCache);
-        executionResult.outputFiles.push(...bundlingResult.outputFiles);*/
-        const outputFiles = bundlingResults.mapMany(item => item.outputFiles ?? []);
-        const initialFiles = new Map();
-        const metafile = {
-            inputs: {},
-            outputs: {}
-        };
-        for (const bundlingResult of bundlingResults) {
-            bundlingResult.initialFiles.forEach((v, k) => initialFiles.set(k, v));
-            metafile.inputs = { ...metafile.inputs, ...bundlingResult.metafile?.inputs };
-            metafile.outputs = { ...metafile.outputs, ...bundlingResult.metafile?.outputs };
-        }
-        const assetFiles = [];
-        //-- Check commonjs
-        // if (!this._opt.dev) {
-        //   const messages = checkCommonJSModules(bundlingResult.metafile, []);
-        //   for (const msg of messages) {
-        //     results.push({
-        //       filePath: msg.location?.file,
-        //       line: msg.location?.line,
-        //       char: msg.location?.column,
-        //       code: msg.pluginName,
-        //       severity: "warning",
-        //       message: msg.text ?? "",
-        //       type: "build"
-        //     });
-        //   }
-        // }
-        //-- cordova empty
-        if (this._opt.cordovaConfig?.plugins) {
-            outputFiles.push(createOutputFileFromText("cordova-empty.js", "export default {};"));
-        }
-        //-- index
-        const genIndexHtmlResult = await this._genIndexHtmlAsync(outputFiles, initialFiles);
-        for (const warning of genIndexHtmlResult.warnings) {
-            results.push({
-                filePath: undefined,
-                line: undefined,
-                char: undefined,
-                code: undefined,
-                severity: "warning",
-                message: `(gen-index) ${warning}`,
-                type: "build",
-            });
-        }
-        for (const error of genIndexHtmlResult.errors) {
-            results.push({
-                filePath: undefined,
-                line: undefined,
-                char: undefined,
-                code: undefined,
-                severity: "error",
-                message: `(gen-index) ${error}`,
-                type: "build",
-            });
-        }
-        outputFiles.push(createOutputFileFromText("index.html", genIndexHtmlResult.content));
-        //-- copy assets
-        assetFiles.push(...(await this._copyAssetsAsync()));
-        //-- extract 3rdpartylicenses
-        if (!this._opt.dev) {
-            outputFiles.push(createOutputFileFromText('3rdpartylicenses.txt', await extractLicenses(metafile, this._opt.pkgPath)));
-        }
-        //-- service worker
-        if (FsUtil.exists(this._swConfFilePath)) {
-            try {
-                const serviceWorkerResult = await this._genServiceWorkerAsync(outputFiles, assetFiles);
-                outputFiles.push(createOutputFileFromText('ngsw.json', serviceWorkerResult.manifest));
-                assetFiles.push(...serviceWorkerResult.assetFiles);
-            }
-            catch (err) {
-                results.push({
-                    filePath: undefined,
-                    line: undefined,
-                    char: undefined,
-                    code: undefined,
-                    severity: "error",
-                    message: `(gen-sw) ${err.toString()}`,
-                    type: "build",
-                });
-            }
-        }
-        //-- write
-        for (const outputFile of outputFiles) {
-            const distFilePath = path.resolve(this._opt.outputPath, outputFile.path);
-            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"));
-            }
-        }
-        for (const assetFile of assetFiles) {
-            const prev = this._outputCache.get(assetFile.source);
-            const curr = FsUtil.lstat(assetFile.source).mtime.getTime();
-            if (prev !== curr) {
-                await FsUtil.copyAsync(assetFile.source, path.resolve(this._opt.outputPath, assetFile.destination));
-                this._outputCache.set(assetFile.source, curr);
-            }
-        }
-        return {
-            filePaths: watchFilePaths,
-            affectedFilePaths: affectedSourceFilePaths,
-            results
-        };
-    }
-    async _genIndexHtmlAsync(outputFiles, initialFiles) {
-        const readAsset = (filePath) => {
-            const relFilePath = path.relative("/", filePath);
-            const currFile = outputFiles.find((outputFile) => outputFile.path === relFilePath);
-            if (currFile) {
-                return Promise.resolve(currFile.text);
-            }
-            throw new Error(`Output file does not exist: ${relFilePath}`);
-        };
-        const indexHtmlGenerator = new IndexHtmlGenerator({
-            indexPath: this._indexHtmlFilePath,
-            entrypoints: [
-                ['runtime', true],
-                ['polyfills', true],
-                ['styles', false],
-                ['vendor', true],
-                ['main', true],
-                ...this._opt.builderType === "cordova" ? [
-                    ["cordova-entry", true]
-                ] : []
-            ],
-            optimization: {
-                scripts: !this._opt.dev,
-                fonts: { inline: !this._opt.dev },
-                styles: {
-                    minify: !this._opt.dev,
-                    inlineCritical: false
-                },
-            },
-            crossOrigin: CrossOrigin.None,
-        });
-        indexHtmlGenerator.readAsset = readAsset;
-        const hints = [];
-        if (!this._opt.dev) {
-            for (const [key, value] of initialFiles) {
-                if (value.entrypoint) {
-                    continue;
-                }
-                if (value.type === 'script') {
-                    hints.push({ url: key, mode: 'modulepreload' });
-                }
-                else if (value.type === 'style') {
-                    hints.push({ url: key, mode: 'preload', as: 'style' });
-                }
-            }
-        }
-        const transformResult = await indexHtmlGenerator.process({
-            baseHref: this._baseHref,
-            lang: undefined,
-            outputPath: "/",
-            files: [...initialFiles].map(([file, record]) => ({
-                name: record.name ?? '',
-                file,
-                extension: path.extname(file),
-            })),
-            hints,
-        });
-        if (this._opt.dev) {
-            return transformResult;
-        }
-        else {
-            const inlineCriticalCssProcessor = new InlineCriticalCssProcessor({
-                minify: false,
-                readAsset,
-            });
-            const { content, errors, warnings } = await inlineCriticalCssProcessor.process(transformResult.content, { outputPath: "/", });
-            return {
-                warnings: [...transformResult.warnings, ...warnings],
-                errors: [...transformResult.errors, ...errors],
-                content
-            };
-        }
-    }
-    async _copyAssetsAsync() {
-        return await copyAssets([
-            { input: 'src', glob: 'favicon.ico', output: '' },
-            { input: 'src', glob: 'manifest.webmanifest', output: '' },
-            { input: 'src/assets', glob: '**/*', output: 'assets' },
-            ...this._opt.dev && this._opt.builderType === "cordova" ? Object.keys(this._opt.cordovaConfig?.platform ?? { browser: {} }).mapMany((platform) => [
-                {
-                    input: `.cordova/platforms/${platform}/platform_www/plugins`,
-                    glob: '**/*',
-                    output: `cordova-${platform}/plugins`
-                },
-                {
-                    input: `.cordova/platforms/${platform}/platform_www`,
-                    glob: 'cordova.js',
-                    output: `cordova-${platform}`
-                },
-                {
-                    input: `.cordova/platforms/${platform}/platform_www`,
-                    glob: 'cordova_plugins.js',
-                    output: `cordova-${platform}`
-                },
-                {
-                    input: `.cordova/platforms/${platform}/www`,
-                    glob: 'config.xml',
-                    output: `cordova-${platform}`
-                },
-            ]) : []
-        ], [], this._opt.pkgPath);
-    }
-    async _genServiceWorkerAsync(outputFiles, assetFiles) {
-        return await augmentAppWithServiceWorkerEsbuild(this._opt.pkgPath, this._swConfFilePath, this._baseHref, outputFiles, assetFiles);
-    }
-    async _getAppContextAsync() {
-        return new SdNgBundlerContext(this._opt.pkgPath, {
-            absWorkingDir: this._opt.pkgPath,
-            bundle: true,
-            keepNames: true,
-            format: 'esm',
-            assetNames: 'media/[name]',
-            conditions: ['es2020', 'es2015', 'module'],
-            resolveExtensions: ['.ts', '.tsx', '.mjs', '.js'],
-            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: this._opt.dev,
-            splitting: true,
-            chunkNames: 'chunk-[hash]',
-            tsconfig: this._tsConfigFilePath,
-            /*external: [
-              ...this._opt.cordovaConfig?.plugins ?? []
-            ],*/
-            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: {
-                main: this._mainFilePath,
-                polyfills: 'angular:polyfills',
-                ...this._opt.builderType === "cordova" ? {
-                    "cordova-entry": path.resolve(path.dirname(fileURLToPath(import.meta.url)), `../../lib/cordova-entry.js`)
-                } : {}
-            },
-            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",
-                ".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"
-            },
-            inject: [PathUtil.posix(fileURLToPath(await import.meta.resolve("node-stdlib-browser/helpers/esbuild/shim")))],
-            plugins: [
-                {
-                    name: "sd-worker",
-                    setup: ({ onLoad }) => {
-                        onLoad({ filter: /\.ts$/ }, async (args) => {
-                            if (args.path.endsWith(".d.ts"))
-                                return;
-                            // ts sourefile 로 Worker사용여부 확인 (URL, import.meta.url)
-                            let contents = this._sourceFileCache.typeScriptFileCache.get(pathToFileURL(args.path).toString());
-                            if (typeof contents !== "string")
-                                return;
-                            const regexp = /new Worker\(new URL\("(.*\.ts)", import\.meta\.url\)/;
-                            const matches = contents.match(new RegExp(regexp, "g"));
-                            if (!matches)
-                                return;
-                            for (const match of matches) {
-                                const urlPath = match.match(regexp)[1];
-                                // 해당 URL의 파일을 esbuild로 빌드
-                                const outFileName = path.basename(urlPath, path.extname(urlPath)) + ".js";
-                                await esbuild.build({
-                                    entryPoints: [path.resolve(path.dirname(args.path), urlPath)],
-                                    outfile: path.resolve(this._opt.pkgPath, "dist", outFileName),
-                                    target: this._browserTarget,
-                                    format: "esm",
-                                    bundle: true,
-                                    keepNames: true,
-                                    minifyIdentifiers: !this._opt.dev,
-                                    minifySyntax: !this._opt.dev,
-                                    minifyWhitespace: !this._opt.dev,
-                                    sourcemap: this._opt.dev,
-                                    platform: 'browser',
-                                    conditions: ['es2020', 'es2015', 'module'],
-                                    mainFields: ['es2020', 'es2015', 'browser', 'module', 'main'],
-                                    resolveExtensions: ['.ts', '.tsx', '.mjs', '.js'],
-                                    tsconfig: this._tsConfigFilePath,
-                                    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])) : {}
-                                    },
-                                    inject: [PathUtil.posix(fileURLToPath(await import.meta.resolve("node-stdlib-browser/helpers/esbuild/shim")))],
-                                });
-                                // 빌드된 파일을 가리키도록 URL변경
-                                contents = contents.replace(urlPath, "./" + outFileName);
-                                const currSet = this._customDepsCache.getOrCreate(path.resolve(path.dirname(args.path), urlPath), new Set());
-                                currSet.add(path.resolve(args.path));
-                            }
-                            this._sourceFileCache.typeScriptFileCache.set(pathToFileURL(args.path).toString(), contents);
-                            return undefined;
-                        });
-                    }
-                },
-                ...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
-                                };
-                            });
-                        }
-                    }] : [],
-                createVirtualModulePlugin({
-                    namespace: "angular:polyfills",
-                    loadContent: () => ({
-                        contents: `import "./src/polyfills.ts";`,
-                        loader: 'js',
-                        resolveDir: this._opt.pkgPath
-                    })
-                }),
-                createSourcemapIgnorelistPlugin(),
-                createCompilerPlugin({
-                    sourcemap: this._opt.dev,
-                    thirdPartySourcemaps: false,
-                    tsconfig: this._tsConfigFilePath,
-                    jit: false,
-                    advancedOptimizations: true,
-                    fileReplacements: undefined,
-                    sourceFileCache: this._sourceFileCache,
-                    loadResultCache: this._sourceFileCache.loadResultCache
-                }, {
-                    workspaceRoot: this._opt.pkgPath,
-                    optimization: !this._opt.dev,
-                    sourcemap: this._opt.dev ? 'inline' : false,
-                    outputNames: { bundles: '[name]', media: 'media/[name]' },
-                    includePaths: [],
-                    externalDependencies: [],
-                    target: this._browserTarget,
-                    inlineStyleLanguage: 'scss',
-                    preserveSymlinks: false,
-                    tailwindConfiguration: undefined
-                }),
-                nodeStdLibBrowserPlugin(nodeStdLibBrowser),
-            ]
-        });
-    }
-    _getStyleContext() {
-        const browserTarget = transformSupportedBrowsersToTargets(browserslist("defaults and fully supports es6-module"));
-        const pluginFactory = new StylesheetPluginFactory({
-            sourcemap: this._opt.dev,
-            includePaths: []
-        }, this._sourceFileCache.loadResultCache);
-        return new SdNgBundlerContext(this._opt.pkgPath, {
-            absWorkingDir: this._opt.pkgPath,
-            bundle: true,
-            entryNames: '[name]',
-            assetNames: 'media/[name]',
-            logLevel: 'silent',
-            minify: !this._opt.dev,
-            metafile: true,
-            sourcemap: this._opt.dev,
-            outdir: this._opt.pkgPath,
-            write: false,
-            platform: 'browser',
-            target: browserTarget,
-            preserveSymlinks: false,
-            external: [],
-            conditions: ['style', 'sass'],
-            mainFields: ['style', 'sass'],
-            legalComments: !this._opt.dev ? "none" : "eof",
-            entryPoints: { styles: 'angular:styles/global;styles' },
-            plugins: [
-                createVirtualModulePlugin({
-                    namespace: "angular:styles/global",
-                    transformPath: (currPath) => currPath.split(';', 2)[1],
-                    loadContent: () => ({
-                        contents: `@import 'src/styles.scss';`,
-                        loader: 'css',
-                        resolveDir: this._opt.pkgPath
-                    }),
-                }),
-                pluginFactory.create(SassStylesheetLanguage),
-                pluginFactory.create(CssStylesheetLanguage),
-                createCssResourcePlugin(this._sourceFileCache.loadResultCache),
-            ],
-        });
-    }
-}
+import { createCompilerPlugin } from "@angular-devkit/build-angular/src/tools/esbuild/angular/compiler-plugin";
+import path from "path";
+import { BuildOutputFileType } from "@angular-devkit/build-angular/src/tools/esbuild/bundler-context";
+import { FsUtil, PathUtil } from "@simplysm/sd-core-node";
+import { fileURLToPath } from "url";
+import { createVirtualModulePlugin } from "@angular-devkit/build-angular/src/tools/esbuild/virtual-module-plugin";
+import { createSourcemapIgnorelistPlugin } from "@angular-devkit/build-angular/src/tools/esbuild/sourcemap-ignorelist-plugin";
+import nodeStdLibBrowser from "node-stdlib-browser";
+import nodeStdLibBrowserPlugin from "node-stdlib-browser/helpers/esbuild/plugin";
+import { copyAssets } from "@angular-devkit/build-angular/src/utils/copy-assets";
+import { extractLicenses } from "@angular-devkit/build-angular/src/tools/esbuild/license-extractor";
+import { augmentAppWithServiceWorkerEsbuild } from "@angular-devkit/build-angular/src/utils/service-worker";
+import browserslist from "browserslist";
+import { convertOutputFile, createOutputFileFromText, transformSupportedBrowsersToTargets } from "@angular-devkit/build-angular/src/tools/esbuild/utils";
+import { createCssResourcePlugin } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/css-resource-plugin";
+import { CssStylesheetLanguage } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/css-language";
+import { SassStylesheetLanguage } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/sass-language";
+import { StylesheetPluginFactory } from "@angular-devkit/build-angular/src/tools/esbuild/stylesheets/stylesheet-plugin-factory";
+import { IndexHtmlGenerator } from "@angular-devkit/build-angular/src/utils/index-file/index-html-generator";
+import { CrossOrigin } from "@angular-devkit/build-angular";
+import { InlineCriticalCssProcessor } from "@angular-devkit/build-angular/src/utils/index-file/inline-critical-css";
+import { SdSourceFileCache } from "../utils/SdSourceFileCache";
+import { SdNgBundlerContext } from "./SdNgBundlerContext";
+export class SdNgBundler {
+    constructor(_opt) {
+        this._opt = _opt;
+        this._sourceFileCache = new SdSourceFileCache(path.resolve(this._opt.pkgPath, ".cache"));
+        this._outputCache = new Map();
+        this._customDepsCache = new Map();
+        this._pkgNpmConf = FsUtil.readJson(path.resolve(this._opt.pkgPath, "package.json"));
+        this._mainFilePath = path.resolve(this._opt.pkgPath, "src/main.ts");
+        this._tsConfigFilePath = path.resolve(this._opt.pkgPath, "tsconfig.json");
+        this._swConfFilePath = path.resolve(this._opt.pkgPath, "ngsw-config.json");
+        this._browserTarget = transformSupportedBrowsersToTargets(browserslist("defaults and fully supports es6-module"));
+        this._indexHtmlFilePath = path.resolve(this._opt.pkgPath, "src/index.html");
+        this._pkgName = path.basename(this._opt.pkgPath);
+        this._baseHref = this._opt.builderType === "web" ? `/${this._pkgName}/` : this._opt.dev ? `/${this._pkgName}/${this._opt.builderType}/` : ``;
+    }
+    removeCache(filePaths) {
+        for (const filePath of filePaths) {
+            const depsSet = this._customDepsCache.get(filePath);
+            if (depsSet) {
+                for (const depFile of depsSet) {
+                    this._sourceFileCache.invalidate([depFile]);
+                }
+            }
+            else {
+                this._sourceFileCache.invalidate([filePath]);
+            }
+        }
+    }
+    async bundleAsync() {
+        if (!this._contexts) {
+            this._contexts = [];
+            this._contexts.push(await this._getAppContextAsync());
+            this._contexts.push(this._getStyleContext());
+        }
+        //-- build
+        const bundlingResults = await this._contexts.mapAsync(async (ctx) => await ctx.bundleAsync());
+        const results = bundlingResults.mapMany(bundlingResult => bundlingResult.results);
+        const watchFilePaths = [
+            ...this._sourceFileCache.keys(),
+            ...this._sourceFileCache.babelFileCache.keys(),
+            ...this._sourceFileCache.loadResultCache.fileDependencies.keys(),
+            ...this._customDepsCache.keys()
+        ].map((item) => path.resolve(item)).distinct();
+        let affectedSourceFilePaths = watchFilePaths.filter((item) => PathUtil.isChildPath(item, this._opt.pkgPath));
+        if (this._sourceFileCache.modifiedFiles.size > 0) {
+            const depMap = new Map();
+            for (const bundlingResult of bundlingResults) {
+                for (const [k, v] of bundlingResult.dependencyMap) {
+                    const currSet = depMap.getOrCreate(k, new Set());
+                    currSet.adds(...v);
+                }
+            }
+            for (const [k, v] of this._sourceFileCache.loadResultCache.fileDependencies) {
+                const currSet = depMap.getOrCreate(k, new Set());
+                currSet.adds(...Array.from(v).map((item) => item.startsWith("file:") ? fileURLToPath(item) : undefined).filterExists());
+            }
+            for (const [k, v] of this._customDepsCache) {
+                const currSet = depMap.getOrCreate(k, new Set());
+                currSet.adds(...v);
+            }
+            const searchAffectedFiles = (filePath, prev) => {
+                const result = new Set(prev);
+                const importerPaths = depMap.get(filePath);
+                if (!importerPaths)
+                    return result;
+                for (const importerPath of importerPaths) {
+                    if (result.has(importerPath))
+                        continue;
+                    result.adds(importerPath);
+                    result.adds(...searchAffectedFiles(importerPath, result));
+                }
+                return result;
+            };
+            const affectedFilePathSet = new Set();
+            for (const modFile of this._sourceFileCache.modifiedFiles) {
+                affectedFilePathSet.add(path.resolve(modFile));
+                affectedFilePathSet.adds(...searchAffectedFiles(path.resolve(modFile)));
+            }
+            affectedSourceFilePaths = Array.from(affectedFilePathSet.values()).filter((item) => PathUtil.isChildPath(item, this._opt.pkgPath));
+        }
+        /*const executionResult = new ExecutionResult(this._contexts, this._sourceFileCache);
+        executionResult.outputFiles.push(...bundlingResult.outputFiles);*/
+        const outputFiles = bundlingResults.mapMany(item => item.outputFiles?.map(file => {
+            const fileType = path.dirname(file.path) === 'media' ? BuildOutputFileType.Media : BuildOutputFileType.Browser;
+            return convertOutputFile(file, fileType);
+        }) ?? []);
+        const initialFiles = new Map();
+        const metafile = {
+            inputs: {},
+            outputs: {}
+        };
+        for (const bundlingResult of bundlingResults) {
+            bundlingResult.initialFiles.forEach((v, k) => initialFiles.set(k, v));
+            metafile.inputs = { ...metafile.inputs, ...bundlingResult.metafile?.inputs };
+            metafile.outputs = { ...metafile.outputs, ...bundlingResult.metafile?.outputs };
+        }
+        const assetFiles = [];
+        //-- Check commonjs
+        // if (!this._opt.dev) {
+        //   const messages = checkCommonJSModules(bundlingResult.metafile, []);
+        //   for (const msg of messages) {
+        //     results.push({
+        //       filePath: msg.location?.file,
+        //       line: msg.location?.line,
+        //       char: msg.location?.column,
+        //       code: msg.pluginName,
+        //       severity: "warning",
+        //       message: msg.text ?? "",
+        //       type: "build"
+        //     });
+        //   }
+        // }
+        //-- cordova empty
+        if (this._opt.cordovaConfig?.plugins) {
+            outputFiles.push(createOutputFileFromText("cordova-empty.js", "export default {};", BuildOutputFileType.Browser));
+        }
+        //-- index
+        const genIndexHtmlResult = await this._genIndexHtmlAsync(outputFiles, initialFiles);
+        for (const warning of genIndexHtmlResult.warnings) {
+            results.push({
+                filePath: undefined,
+                line: undefined,
+                char: undefined,
+                code: undefined,
+                severity: "warning",
+                message: `(gen-index) ${warning}`,
+                type: "build",
+            });
+        }
+        for (const error of genIndexHtmlResult.errors) {
+            results.push({
+                filePath: undefined,
+                line: undefined,
+                char: undefined,
+                code: undefined,
+                severity: "error",
+                message: `(gen-index) ${error}`,
+                type: "build",
+            });
+        }
+        outputFiles.push(createOutputFileFromText("index.html", genIndexHtmlResult.content, BuildOutputFileType.Browser));
+        //-- copy assets
+        assetFiles.push(...(await this._copyAssetsAsync()));
+        //-- extract 3rdpartylicenses
+        if (!this._opt.dev) {
+            outputFiles.push(createOutputFileFromText('3rdpartylicenses.txt', await extractLicenses(metafile, this._opt.pkgPath), BuildOutputFileType.Root));
+        }
+        //-- service worker
+        if (FsUtil.exists(this._swConfFilePath)) {
+            try {
+                const serviceWorkerResult = await this._genServiceWorkerAsync(outputFiles, assetFiles);
+                outputFiles.push(createOutputFileFromText('ngsw.json', serviceWorkerResult.manifest, BuildOutputFileType.Browser));
+                assetFiles.push(...serviceWorkerResult.assetFiles);
+            }
+            catch (err) {
+                results.push({
+                    filePath: undefined,
+                    line: undefined,
+                    char: undefined,
+                    code: undefined,
+                    severity: "error",
+                    message: `(gen-sw) ${err.toString()}`,
+                    type: "build",
+                });
+            }
+        }
+        //-- write
+        for (const outputFile of outputFiles) {
+            const distFilePath = path.resolve(this._opt.outputPath, outputFile.path);
+            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"));
+            }
+        }
+        for (const assetFile of assetFiles) {
+            const prev = this._outputCache.get(assetFile.source);
+            const curr = FsUtil.lstat(assetFile.source).mtime.getTime();
+            if (prev !== curr) {
+                await FsUtil.copyAsync(assetFile.source, path.resolve(this._opt.outputPath, assetFile.destination));
+                this._outputCache.set(assetFile.source, curr);
+            }
+        }
+        return {
+            filePaths: watchFilePaths,
+            affectedFilePaths: affectedSourceFilePaths,
+            results
+        };
+    }
+    async _genIndexHtmlAsync(outputFiles, initialFiles) {
+        const readAsset = (filePath) => {
+            const relFilePath = path.relative("/", filePath);
+            const currFile = outputFiles.find((outputFile) => outputFile.path === relFilePath);
+            if (currFile) {
+                return Promise.resolve(currFile.text);
+            }
+            throw new Error(`Output file does not exist: ${relFilePath}`);
+        };
+        const indexHtmlGenerator = new IndexHtmlGenerator({
+            indexPath: this._indexHtmlFilePath,
+            entrypoints: [
+                ['runtime', true],
+                ['polyfills', true],
+                ['styles', false],
+                ['vendor', true],
+                ['main', true],
+                ...this._opt.builderType === "cordova" ? [
+                    ["cordova-entry", true]
+                ] : []
+            ],
+            optimization: {
+                scripts: !this._opt.dev,
+                fonts: { inline: !this._opt.dev },
+                styles: {
+                    minify: !this._opt.dev,
+                    inlineCritical: false
+                },
+            },
+            crossOrigin: CrossOrigin.None,
+        });
+        indexHtmlGenerator.readAsset = readAsset;
+        const hints = [];
+        if (!this._opt.dev) {
+            for (const [key, value] of initialFiles) {
+                if (value.entrypoint) {
+                    continue;
+                }
+                if (value.type === 'script') {
+                    hints.push({ url: key, mode: 'modulepreload' });
+                }
+                else if (value.type === 'style') {
+                    hints.push({ url: key, mode: 'preload', as: 'style' });
+                }
+            }
+        }
+        const transformResult = await indexHtmlGenerator.process({
+            baseHref: this._baseHref,
+            lang: undefined,
+            outputPath: "/",
+            files: [...initialFiles].map(([file, record]) => ({
+                name: record.name ?? '',
+                file,
+                extension: path.extname(file),
+            })),
+            hints,
+        });
+        if (this._opt.dev) {
+            return transformResult;
+        }
+        else {
+            const inlineCriticalCssProcessor = new InlineCriticalCssProcessor({
+                minify: false,
+                readAsset,
+            });
+            const { content, errors, warnings } = await inlineCriticalCssProcessor.process(transformResult.content, { outputPath: "/", });
+            return {
+                warnings: [...transformResult.warnings, ...warnings],
+                errors: [...transformResult.errors, ...errors],
+                content
+            };
+        }
+    }
+    async _copyAssetsAsync() {
+        return await copyAssets([
+            { input: 'src', glob: 'favicon.ico', output: '' },
+            { input: 'src', glob: 'manifest.webmanifest', output: '' },
+            { input: 'src/assets', glob: '**/*', output: 'assets' },
+            ...this._opt.dev && this._opt.builderType === "cordova" ? Object.keys(this._opt.cordovaConfig?.platform ?? { browser: {} }).mapMany((platform) => [
+                {
+                    input: `.cordova/platforms/${platform}/platform_www/plugins`,
+                    glob: '**/*',
+                    output: `cordova-${platform}/plugins`
+                },
+                {
+                    input: `.cordova/platforms/${platform}/platform_www`,
+                    glob: 'cordova.js',
+                    output: `cordova-${platform}`
+                },
+                {
+                    input: `.cordova/platforms/${platform}/platform_www`,
+                    glob: 'cordova_plugins.js',
+                    output: `cordova-${platform}`
+                },
+                {
+                    input: `.cordova/platforms/${platform}/www`,
+                    glob: 'config.xml',
+                    output: `cordova-${platform}`
+                },
+            ]) : []
+        ], [], this._opt.pkgPath);
+    }
+    async _genServiceWorkerAsync(outputFiles, assetFiles) {
+        return await augmentAppWithServiceWorkerEsbuild(this._opt.pkgPath, this._swConfFilePath, this._baseHref, outputFiles, assetFiles);
+    }
+    async _getAppContextAsync() {
+        return new SdNgBundlerContext(this._opt.pkgPath, {
+            absWorkingDir: this._opt.pkgPath,
+            bundle: true,
+            keepNames: true,
+            format: 'esm',
+            assetNames: 'media/[name]',
+            conditions: ['es2020', 'es2015', 'module'],
+            resolveExtensions: ['.ts', '.tsx', '.mjs', '.js'],
+            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: this._opt.dev,
+            splitting: true,
+            chunkNames: 'chunk-[hash]',
+            tsconfig: this._tsConfigFilePath,
+            /*external: [
+              ...this._opt.cordovaConfig?.plugins ?? []
+            ],*/
+            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: {
+                main: this._mainFilePath,
+                polyfills: 'angular:polyfills',
+                ...this._opt.builderType === "cordova" ? {
+                    "cordova-entry": path.resolve(path.dirname(fileURLToPath(import.meta.url)), `../../lib/cordova-entry.js`)
+                } : {}
+            },
+            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",
+                ".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"
+            },
+            inject: [PathUtil.posix(fileURLToPath(await import.meta.resolve("node-stdlib-browser/helpers/esbuild/shim")))],
+            plugins: [
+                /*{
+                  name: "sd-worker",
+                  setup: ({onLoad}) => {
+                    onLoad({filter: /\.ts$/}, async args => {
+                      if (args.path.endsWith(".d.ts")) return;
+        
+                      // ts sourefile 로 Worker사용여부 확인 (URL, import.meta.url)
+                      let contents = this._sourceFileCache.typeScriptFileCache.get(pathToFileURL(args.path).toString());
+                      if (typeof contents !== "string") return;
+        
+                      const regexp = /new Worker\(new URL\("(.*\.ts)", import\.meta\.url\)/;
+                      const matches = contents.match(new RegExp(regexp, "g"));
+                      if (!matches) return;
+        
+                      for (const match of matches) {
+                        const urlPath = match.match(regexp)![1];
+        
+                        // 해당 URL의 파일을 esbuild로 빌드
+                        const outFileName = path.basename(urlPath, path.extname(urlPath)) + ".js";
+                        await esbuild.build({
+                          entryPoints: [path.resolve(path.dirname(args.path), urlPath)],
+                          outfile: path.resolve(this._opt.pkgPath, "dist", outFileName),
+                          target: this._browserTarget,
+                          format: "esm",
+                          bundle: true,
+                          keepNames: true,
+                          minifyIdentifiers: !this._opt.dev,
+                          minifySyntax: !this._opt.dev,
+                          minifyWhitespace: !this._opt.dev,
+                          sourcemap: this._opt.dev,
+                          platform: 'browser',
+                          conditions: ['es2020', 'es2015', 'module'],
+                          mainFields: ['es2020', 'es2015', 'browser', 'module', 'main'],
+                          resolveExtensions: ['.ts', '.tsx', '.mjs', '.js'],
+                          tsconfig: this._tsConfigFilePath,
+                          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])
+                            ) : {}
+                          },
+                          inject: [PathUtil.posix(fileURLToPath(await import.meta.resolve!("node-stdlib-browser/helpers/esbuild/shim")))],
+                        });
+        
+                        // 빌드된 파일을 가리키도록 URL변경
+                        contents = contents.replace(urlPath, "./" + outFileName);
+        
+                        const currSet = this._customDepsCache.getOrCreate(path.resolve(path.dirname(args.path), urlPath), new Set());
+                        currSet.add(path.resolve(args.path));
+                      }
+        
+                      this._sourceFileCache.typeScriptFileCache.set(pathToFileURL(args.path).toString(), contents);
+        
+                      return undefined;
+                    });
+                  }
+                },*/
+                ...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
+                                };
+                            });
+                        }
+                    }] : [],
+                createVirtualModulePlugin({
+                    namespace: "angular:polyfills",
+                    loadContent: () => ({
+                        contents: `import "./src/polyfills.ts";`,
+                        loader: 'js',
+                        resolveDir: this._opt.pkgPath
+                    })
+                }),
+                createSourcemapIgnorelistPlugin(),
+                createCompilerPlugin({
+                    sourcemap: this._opt.dev,
+                    tsconfig: this._tsConfigFilePath,
+                    jit: false,
+                    advancedOptimizations: true,
+                    thirdPartySourcemaps: false,
+                    fileReplacements: undefined,
+                    sourceFileCache: this._sourceFileCache,
+                    loadResultCache: this._sourceFileCache.loadResultCache,
+                    incremental: this._opt.dev
+                }, {
+                    workspaceRoot: this._opt.pkgPath,
+                    optimization: !this._opt.dev,
+                    sourcemap: this._opt.dev ? 'inline' : false,
+                    outputNames: { bundles: '[name]', media: 'media/[name]' },
+                    includePaths: [],
+                    externalDependencies: [],
+                    target: this._browserTarget,
+                    inlineStyleLanguage: 'scss',
+                    preserveSymlinks: false,
+                    tailwindConfiguration: undefined
+                }),
+                nodeStdLibBrowserPlugin(nodeStdLibBrowser),
+            ]
+        });
+    }
+    _getStyleContext() {
+        const browserTarget = transformSupportedBrowsersToTargets(browserslist("defaults and fully supports es6-module"));
+        const pluginFactory = new StylesheetPluginFactory({
+            sourcemap: this._opt.dev,
+            includePaths: []
+        }, this._sourceFileCache.loadResultCache);
+        return new SdNgBundlerContext(this._opt.pkgPath, {
+            absWorkingDir: this._opt.pkgPath,
+            bundle: true,
+            entryNames: '[name]',
+            assetNames: 'media/[name]',
+            logLevel: 'silent',
+            minify: !this._opt.dev,
+            metafile: true,
+            sourcemap: this._opt.dev,
+            outdir: this._opt.pkgPath,
+            write: false,
+            platform: 'browser',
+            target: browserTarget,
+            preserveSymlinks: false,
+            external: [],
+            conditions: ['style', 'sass'],
+            mainFields: ['style', 'sass'],
+            legalComments: !this._opt.dev ? "none" : "eof",
+            entryPoints: { styles: 'angular:styles/global;styles' },
+            plugins: [
+                createVirtualModulePlugin({
+                    namespace: "angular:styles/global",
+                    transformPath: (currPath) => currPath.split(';', 2)[1],
+                    loadContent: () => ({
+                        contents: `@import 'src/styles.scss';`,
+                        loader: 'css',
+                        resolveDir: this._opt.pkgPath
+                    }),
+                }),
+                pluginFactory.create(SassStylesheetLanguage),
+                pluginFactory.create(CssStylesheetLanguage),
+                createCssResourcePlugin(this._sourceFileCache.loadResultCache),
+            ],
+        });
+    }
+}
 //# sourceMappingURL=SdNgBundler.js.map