From 1c1f985b9c9913f28915f101ee1717c0da540362 Mon Sep 17 00:00:00 2001
From: Charles Lyding <19598772+clydin@users.noreply.github.com>
Date: Thu, 13 Oct 2022 19:57:16 -0400
Subject: [PATCH] fix(@ngtools/webpack): support inline style sourcemaps when
 using css-loader for component styles

When using the `css-loader` as the final entry in the Webpack loader chain, sourcemaps will not
be generated and inlined by the Webpack stylesheet runtime unless the `btoa` global function exists.
Now that the Angular CLI uses the `css-loader` to handle `@import`, the `btoa` function must be
provided within the custom VM execution context used to evaluate the output of the Webpack component
stylesheet processing pipeline.

(cherry picked from commit 55d3d6c61644abf9df2f9c57f66b668d9fda4ed1)
---
 packages/ngtools/webpack/src/resource_loader.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/ngtools/webpack/src/resource_loader.ts b/packages/ngtools/webpack/src/resource_loader.ts
index e0279a8fbd31..9df156710337 100644
--- a/packages/ngtools/webpack/src/resource_loader.ts
+++ b/packages/ngtools/webpack/src/resource_loader.ts
@@ -6,9 +6,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import assert from 'assert';
-import * as path from 'path';
-import * as vm from 'vm';
+import assert from 'node:assert';
+import { Buffer } from 'node:buffer';
+import * as path from 'node:path';
+import * as vm from 'node:vm';
 import type { Asset, Compilation } from 'webpack';
 import { addError } from './ivy/diagnostics';
 import { normalizePath } from './ivy/paths';
@@ -317,7 +318,13 @@ export class WebpackResourceLoader {
 
   private _evaluate(filename: string, source: string): string | null {
     // Evaluate code
-    const context: { resource?: string | { default?: string } } = {};
+
+    // css-loader requires the btoa function to exist to correctly generate inline sourcemaps
+    const context: { btoa: (input: string) => string; resource?: string | { default?: string } } = {
+      btoa(input) {
+        return Buffer.from(input).toString('base64');
+      },
+    };
 
     try {
       vm.runInNewContext(source, context, { filename });