fix: support object outputPath for Angular application builder (#96)

Author: kyubisation

projects/angular-server-side-configuration/builders/ngsscbuild/index.spec.ts

@@ -77,7 +77,7 @@ describe('Ngssc Builder', () => {
 
       expect(output.success).toBe(true);
 
-      const ngssc = readNgsscJson(applicationHost);
+      const ngssc = readNgsscJson(applicationHost, 'dist/browser/ngssc.json');
       expect(ngssc.variant).toEqual('process');
       expect(ngssc.filePattern).toEqual('**/index{.,.server.}html');
     });
@@ -93,7 +93,7 @@ describe('Ngssc Builder', () => {
 
       expect(output.success).toBe(true);
 
-      const ngssc = readNgsscJson(applicationHost);
+      const ngssc = readNgsscJson(applicationHost, 'dist/browser/ngssc.json');
       expect(ngssc.environmentVariables).toContain(expected);
     });
 
@@ -111,5 +111,19 @@ describe('Ngssc Builder', () => {
       expect(ngssc.variant).toEqual('process');
       expect(ngssc.filePattern).toEqual('index.html');
     });
+
+    it('should handle object outputPath', async () => {
+      applicationHost.replaceInFile(
+        'angular.json',
+        '"outputPath": "dist",',
+        `"outputPath": { "base": "dist", "browser": "html" },`,
+      );
+      const output = await runNgsscbuild(applicationHost);
+
+      expect(output.success).toBe(true);
+
+      const ngssc = readNgsscJson(applicationHost, 'dist/html/ngssc.json');
+      expect(ngssc.variant).toEqual('process');
+    });
   });
 });

projects/angular-server-side-configuration/builders/ngsscbuild/index.ts

@@ -39,8 +39,8 @@ export async function ngsscBuild(options: NgsscBuildSchema, context: BuilderCont
     builderName !== '@angular-devkit/build-angular:application'
       ? undefined
       : 'server' in builderOptions && builderOptions.server
-      ? 'server'
-      : 'browser-only',
+        ? 'server'
+        : 'browser-only',
   );
 
   return result;
@@ -54,8 +54,11 @@ export async function detectVariablesAndBuildNgsscJson(
   applicationBuilderVariant: ApplicationBuilderVariant = undefined,
 ) {
   const ngsscContext = await detectVariables(context, options.searchPattern);
-  // TODO: Fix possible outputPath options.
-  let outputPath = join(context.workspaceRoot, builderOptions.outputPath as string);
+  const builderOutputPath =
+    typeof builderOptions.outputPath === 'string'
+      ? builderOptions.outputPath
+      : builderOptions.outputPath.base;
+  let outputPath = join(context.workspaceRoot, builderOutputPath);
   const ngssc = buildNgssc(
     ngsscContext,
     options,
@@ -64,10 +67,11 @@ export async function detectVariablesAndBuildNgsscJson(
     applicationBuilderVariant,
   );
 
-  const browserOutputPath = join(outputPath, 'browser');
-  if (applicationBuilderVariant === 'browser-only' && existsSync(browserOutputPath)) {
-    outputPath = browserOutputPath;
+  const browserOutputPaths = [join(outputPath, 'browser')];
+  if (typeof builderOptions.outputPath !== 'string' && builderOptions.outputPath.browser) {
+    browserOutputPaths.unshift(join(outputPath, builderOptions.outputPath.browser));
   }
+  outputPath = browserOutputPaths.find(existsSync) ?? outputPath;
   writeFileSync(join(outputPath, 'ngssc.json'), JSON.stringify(ngssc, null, 2), 'utf8');
 }