fix: copy public directory output instead of input when using Nx (#856)

* fix: copy public directory from outdir when exists

* chore: add service-worker test to nx cypress

Co-authored-by: Matt Kane <[email protected]>

Author: lourd

cypress/integration/nx/general.spec.ts

@@ -9,4 +9,11 @@ describe('Default site', () => {
     cy.visit('//')
     cy.url().should('eq', `${Cypress.config().baseUrl}/`)
   })
-})
+
+  it('serves generated public files', async () => {
+    cy.request('service-worker.js').then((res) => {
+      expect(res.status).to.eq(200)
+      expect(res.headers['content-type']).to.match(/javascript/)
+    })
+  })
+})

demos/nx-next-monorepo-demo/apps/demo-monorepo/next.config.js

@@ -1,5 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const withNx = require('@nrwl/next/plugins/with-nx');
+const { InjectManifest } = require("workbox-webpack-plugin");
 
 /**
  * @type {import('@nrwl/next/plugins/with-nx').WithNxOptions}
@@ -10,6 +11,16 @@ const nextConfig = {
     // See: https://github.com/gregberge/svgr
     svgr: false,
   },
+  webpack(config, options) {
+    if (!options.dev) {
+      const serviceWorkerPlugin = new InjectManifest({
+        swSrc: "./src/service-worker.ts",
+        swDest: "../public/service-worker.js",
+      });
+      config.plugins.push(serviceWorkerPlugin);
+    }
+    return config;
+  },
 };
 
 module.exports = withNx(nextConfig);

demos/nx-next-monorepo-demo/apps/demo-monorepo/src/service-worker.ts

@@ -0,0 +1,8 @@
+/// <reference lib="webworker" />
+
+import { PrecacheController } from "workbox-precaching";
+
+declare const self: ServiceWorkerGlobalScope;
+
+console.log(PrecacheController);
+console.log(self.__WB_MANIFEST);