Step 2 - Cretae patch-vate-dev-server

Author: klerick

libs/nx-angular-mf/src/builders/custom-loader/patch-vite-dev-server.ts

@@ -0,0 +1,65 @@
+import {
+  // @ts-ignore
+  createServer as createServerVite,
+  // @ts-ignore
+  InlineConfig,
+  // @ts-ignore
+  Plugin,
+  // @ts-ignore
+  normalizePath as normalizePathVite,
+  // @ts-ignore
+  ViteDevServer,
+  // @ts-ignore
+  PreviewServer,
+  // @ts-ignore
+  ResolvedConfig,
+  // @ts-ignore
+} from 'vite';
+
+export const PREF = 'http://';
+const external = [];
+
+export let serverFromPatch: ViteDevServer;
+
+function createServer(inlineConfig: InlineConfig) {
+  if (
+    inlineConfig.optimizeDeps &&
+    Array.isArray(inlineConfig.optimizeDeps.exclude)
+  ) {
+    external.push(...inlineConfig.optimizeDeps.exclude);
+  }
+  inlineConfig.plugins = [customNodeImportPlugin(), ...inlineConfig.plugins];
+
+  return createServerVite(inlineConfig).then((server) => {
+    serverFromPatch = server;
+    return server;
+  });
+}
+
+function normalizePath(path: string) {
+  return normalizePathVite(path);
+}
+
+function customNodeImportPlugin(): Plugin {
+  return {
+    enforce: 'pre',
+    name: 'vite:custom-node-import',
+    async resolveId(source, importer, options) {},
+    async configResolved(config: ResolvedConfig) {},
+    async load(id) {},
+    async transform(code, id) {
+      const regex = new RegExp(
+        `(["'])(${external.join('|').replace('*/main.server.mjs|', '')})\\1`,
+        'g'
+      );
+      return code.replace(regex, (match, p1, p2) => {
+        return `${p1}${PREF}${p2}${p1}`;
+      });
+    },
+
+    async configureServer(server: ViteDevServer) {},
+    async configurePreviewServer(server: PreviewServer) {},
+  };
+}
+
+export { createServer, normalizePath };