@burdenoff/fe-libs 2026.516.1 → 2026.518.1

package/src/vite/mfe.config.ts

@@ -23,18 +23,18 @@
  * ```
  */
 
-import { defineConfig, type UserConfig, type Plugin } from "vite";
-import react from "@vitejs/plugin-react";
-import dts from "vite-plugin-dts";
-import { resolve, dirname } from "path";
-import { fileURLToPath } from "url";
+import { defineConfig, type UserConfig, type Plugin } from 'vite';
+import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
+import { resolve, dirname } from 'path';
+import { fileURLToPath } from 'url';
 import {
   type MicrofrontendConfig,
   STANDARD_MFE_EXTERNALS,
   STANDARD_WATCH_IGNORE,
   MFE_PORT_MAP,
-} from "./types";
-import { createContextualAliasPlugin } from "./plugins";
+} from './types';
+import { createContextualAliasPlugin } from './plugins';
 
 /**
  * Creates a standardized Vite configuration for microfrontends.
@@ -45,11 +45,11 @@ import { createContextualAliasPlugin } from "./plugins";
  */
 export function createMicrofrontendConfig(
   config: MicrofrontendConfig,
-  configPath: string,
+  configPath: string
 ): UserConfig {
   // Resolve __dirname from the config file path
   const __dirname =
-    typeof configPath === "string" && configPath.startsWith("file://")
+    typeof configPath === 'string' && configPath.startsWith('file://')
       ? dirname(fileURLToPath(configPath))
       : configPath;
 
@@ -57,7 +57,7 @@ export function createMicrofrontendConfig(
     name,
     port = MFE_PORT_MAP[name] || 5100,
     entry = `${name}/index.ts`,
-    feLibsPath = "../../fe-libs/src",
+    feLibsPath = '../../fe-libs/src',
     additionalExternals = [],
     additionalAliases = {},
     additionalPlugins = [],
@@ -65,13 +65,11 @@ export function createMicrofrontendConfig(
   } = config;
 
   const resolvedFeLibsPath = resolve(__dirname, feLibsPath);
-  const srcPath = resolve(__dirname, "./src");
+  const srcPath = resolve(__dirname, './src');
 
   // Build external array including regex patterns
   const externals: (string | RegExp)[] = [
-    ...STANDARD_MFE_EXTERNALS.filter(
-      (ext): ext is string => typeof ext === "string",
-    ),
+    ...STANDARD_MFE_EXTERNALS.filter((ext): ext is string => typeof ext === 'string'),
     ...additionalExternals,
     // Include regex patterns
     /^@burdenoff\/fe-libs\/.*/,
@@ -95,8 +93,8 @@ export function createMicrofrontendConfig(
       strictPort: true,
       headers: {
         // Required for OAuth popup flows and SharedArrayBuffer
-        "Cross-Origin-Opener-Policy": "same-origin-allow-popups",
-        "Cross-Origin-Embedder-Policy": "unsafe-none",
+        'Cross-Origin-Opener-Policy': 'same-origin-allow-popups',
+        'Cross-Origin-Embedder-Policy': 'unsafe-none',
       },
       watch: {
         ignored: [...STANDARD_WATCH_IGNORE],
@@ -109,7 +107,7 @@ export function createMicrofrontendConfig(
         entry: {
           [name]: resolve(__dirname, `src/${entry}`),
         },
-        formats: ["es"],
+        formats: ['es'],
       },
 
       // Rolldown options (Vite 8 uses Rolldown instead of Rollup)
@@ -118,10 +116,10 @@ export function createMicrofrontendConfig(
         output: {
           // Preserve module structure for optimal tree-shaking
           preserveModules: true,
-          preserveModulesRoot: "src",
+          preserveModulesRoot: 'src',
           // Consistent file naming
-          entryFileNames: "[name].js",
-          chunkFileNames: "chunks/[name].js",
+          entryFileNames: '[name].js',
+          chunkFileNames: 'chunks/[name].js',
         },
       },
 
@@ -137,37 +135,30 @@ export function createMicrofrontendConfig(
 
     resolve: {
       alias: {
-        "@burdenoff/fe-libs": resolvedFeLibsPath,
+        '@burdenoff/fe-libs': resolvedFeLibsPath,
         ...additionalAliases,
       },
       // Ensure consistent dependency resolution
-      dedupe: [
-        "react",
-        "react-dom",
-        "react-router-dom",
-        "@apollo/client",
-        "graphql",
-        "zustand",
-      ],
+      dedupe: ['react', 'react-dom', 'react-router-dom', '@apollo/client', 'graphql', 'zustand'],
     },
 
     // Vite 8 uses Oxc for transforms instead of esbuild
     oxc: {
       jsx: {
-        runtime: "automatic",
+        runtime: 'automatic',
       },
     },
 
     // Optimize dependencies for faster dev startup
     optimizeDeps: {
       include: [
-        "react",
-        "react-dom",
-        "react-router-dom",
-        "@apollo/client",
-        "graphql",
-        "lucide-react",
-        "zustand",
+        'react',
+        'react-dom',
+        'react-router-dom',
+        '@apollo/client',
+        'graphql',
+        'lucide-react',
+        'zustand',
       ],
     },
   }) as UserConfig;

package/src/vite/plugins.ts

@@ -5,8 +5,8 @@
  * @version Vite 8.0.0-beta.8+
  */
 
-import type { Plugin } from "vite";
-import { resolve } from "path";
+import type { Plugin } from 'vite';
+import { resolve } from 'path';
 
 interface ContextualAliasOptions {
   /** Path to fe-libs/src */
@@ -35,18 +35,16 @@ interface ContextualAliasOptions {
  * ]
  * ```
  */
-export function createContextualAliasPlugin(
-  options: ContextualAliasOptions,
-): Plugin {
+export function createContextualAliasPlugin(options: ContextualAliasOptions): Plugin {
   const { feLibsPath, srcPath, microfePaths = {} } = options;
 
   return {
-    name: "burdenoff:contextual-alias",
-    enforce: "pre",
+    name: 'burdenoff:contextual-alias',
+    enforce: 'pre',
 
     async resolveId(source, importer, resolveOptions) {
       // Only handle @/ imports
-      if (!source.startsWith("@/")) {
+      if (!source.startsWith('@/')) {
         return null;
       }
 
@@ -59,7 +57,7 @@ export function createContextualAliasPlugin(
       let basePath: string;
 
       // Determine base path based on importer location
-      if (importer.includes("fe-libs")) {
+      if (importer.includes('fe-libs')) {
         // Importer is from fe-libs, resolve to fe-libs/src
         basePath = feLibsPath;
       } else {
@@ -103,14 +101,14 @@ export function createContextualAliasPlugin(
  */
 export function createAdaptiveExpressionsFix(): Plugin {
   return {
-    name: "burdenoff:adaptive-expressions-fix",
-    enforce: "pre",
+    name: 'burdenoff:adaptive-expressions-fix',
+    enforce: 'pre',
 
     resolveId(source) {
       // Force correct resolution for adaptive-expressions
-      if (source === "adaptive-expressions") {
+      if (source === 'adaptive-expressions') {
         return {
-          id: "adaptive-expressions/lib/index.js",
+          id: 'adaptive-expressions/lib/index.js',
           external: false,
         };
       }
@@ -130,15 +128,13 @@ export function createAdaptiveExpressionsFix(): Plugin {
  * plugins: [createReactSingletonPlugin(resolve(__dirname, 'node_modules'))]
  * ```
  */
-export function createReactSingletonAliases(
-  nodeModulesPath: string,
-): Record<string, string> {
+export function createReactSingletonAliases(nodeModulesPath: string): Record<string, string> {
   return {
-    react: resolve(nodeModulesPath, "react"),
-    "react-dom": resolve(nodeModulesPath, "react-dom"),
-    "react-dom/client": resolve(nodeModulesPath, "react-dom/client"),
-    "react/jsx-runtime": resolve(nodeModulesPath, "react/jsx-runtime"),
-    "react/jsx-dev-runtime": resolve(nodeModulesPath, "react/jsx-dev-runtime"),
+    react: resolve(nodeModulesPath, 'react'),
+    'react-dom': resolve(nodeModulesPath, 'react-dom'),
+    'react-dom/client': resolve(nodeModulesPath, 'react-dom/client'),
+    'react/jsx-runtime': resolve(nodeModulesPath, 'react/jsx-runtime'),
+    'react/jsx-dev-runtime': resolve(nodeModulesPath, 'react/jsx-dev-runtime'),
   };
 }
 
@@ -151,40 +147,31 @@ export function createReactSingletonAliases(
  */
 export function createNodeShimAliases(
   feLibsShimsPath: string,
-  srcPath?: string,
+  srcPath?: string
 ): Record<string, string> {
   const shimsPath = srcPath ?? feLibsShimsPath;
   return {
-    assert: resolve(feLibsShimsPath, "assert.ts"),
-    util: resolve(feLibsShimsPath, "util.ts"),
-    process: resolve(feLibsShimsPath, "process.ts"),
-    "use-sync-external-store/shim": resolve(
-      shimsPath,
-      "use-sync-external-store-shim.ts",
-    ),
-    "use-sync-external-store/shim/index": resolve(
-      shimsPath,
-      "use-sync-external-store-shim.ts",
-    ),
-    "use-sync-external-store/shim/index.js": resolve(
+    assert: resolve(feLibsShimsPath, 'assert.ts'),
+    util: resolve(feLibsShimsPath, 'util.ts'),
+    process: resolve(feLibsShimsPath, 'process.ts'),
+    'use-sync-external-store/shim': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/shim/index': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/shim/index.js': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/with-selector': resolve(
       shimsPath,
-      "use-sync-external-store-shim.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/with-selector": resolve(
+    'use-sync-external-store/with-selector.js': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/with-selector.js": resolve(
+    'use-sync-external-store/shim/with-selector': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/shim/with-selector": resolve(
+    'use-sync-external-store/shim/with-selector.js': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
-    ),
-    "use-sync-external-store/shim/with-selector.js": resolve(
-      shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
   };
 }
@@ -196,68 +183,41 @@ export function createNodeShimAliases(
  * @param nodeModulesPath - Path to the app's node_modules
  * @param shimsPath - Path to the shims directory for use-sync-external-store
  */
-export function createZustandEsmPlugin(
-  nodeModulesPath: string,
-  shimsPath: string,
-): Plugin {
+export function createZustandEsmPlugin(nodeModulesPath: string, shimsPath: string): Plugin {
   const zustandEsmMap: Record<string, string> = {
-    zustand: resolve(nodeModulesPath, "zustand/esm/index.mjs"),
-    "zustand/vanilla": resolve(nodeModulesPath, "zustand/esm/vanilla.mjs"),
-    "zustand/middleware": resolve(
-      nodeModulesPath,
-      "zustand/esm/middleware.mjs",
-    ),
-    "zustand/middleware/immer": resolve(
-      nodeModulesPath,
-      "zustand/esm/middleware/immer.mjs",
-    ),
-    "zustand/shallow": resolve(nodeModulesPath, "zustand/esm/shallow.mjs"),
-    "zustand/vanilla/shallow": resolve(
-      nodeModulesPath,
-      "zustand/esm/vanilla/shallow.mjs",
-    ),
-    "zustand/react": resolve(nodeModulesPath, "zustand/esm/react.mjs"),
-    "zustand/react/shallow": resolve(
-      nodeModulesPath,
-      "zustand/esm/react/shallow.mjs",
-    ),
-    "zustand/traditional": resolve(
-      nodeModulesPath,
-      "zustand/esm/traditional.mjs",
-    ),
-    "use-sync-external-store/shim": resolve(
-      shimsPath,
-      "use-sync-external-store-shim.ts",
-    ),
-    "use-sync-external-store/shim/index": resolve(
-      shimsPath,
-      "use-sync-external-store-shim.ts",
-    ),
-    "use-sync-external-store/shim/index.js": resolve(
-      shimsPath,
-      "use-sync-external-store-shim.ts",
-    ),
-    "use-sync-external-store/with-selector": resolve(
+    zustand: resolve(nodeModulesPath, 'zustand/esm/index.mjs'),
+    'zustand/vanilla': resolve(nodeModulesPath, 'zustand/esm/vanilla.mjs'),
+    'zustand/middleware': resolve(nodeModulesPath, 'zustand/esm/middleware.mjs'),
+    'zustand/middleware/immer': resolve(nodeModulesPath, 'zustand/esm/middleware/immer.mjs'),
+    'zustand/shallow': resolve(nodeModulesPath, 'zustand/esm/shallow.mjs'),
+    'zustand/vanilla/shallow': resolve(nodeModulesPath, 'zustand/esm/vanilla/shallow.mjs'),
+    'zustand/react': resolve(nodeModulesPath, 'zustand/esm/react.mjs'),
+    'zustand/react/shallow': resolve(nodeModulesPath, 'zustand/esm/react/shallow.mjs'),
+    'zustand/traditional': resolve(nodeModulesPath, 'zustand/esm/traditional.mjs'),
+    'use-sync-external-store/shim': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/shim/index': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/shim/index.js': resolve(shimsPath, 'use-sync-external-store-shim.ts'),
+    'use-sync-external-store/with-selector': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/with-selector.js": resolve(
+    'use-sync-external-store/with-selector.js': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/shim/with-selector": resolve(
+    'use-sync-external-store/shim/with-selector': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
-    "use-sync-external-store/shim/with-selector.js": resolve(
+    'use-sync-external-store/shim/with-selector.js': resolve(
       shimsPath,
-      "use-sync-external-store-with-selector.ts",
+      'use-sync-external-store-with-selector.ts'
     ),
   };
 
   return {
-    name: "burdenoff:zustand-esm",
-    enforce: "pre",
+    name: 'burdenoff:zustand-esm',
+    enforce: 'pre',
     resolveId(source) {
       if (source in zustandEsmMap) {
         return zustandEsmMap[source];
@@ -273,39 +233,39 @@ export function createZustandEsmPlugin(
  */
 export function createManualChunks(id: string): string | undefined {
   if (
-    id.includes("node_modules/react-dom") ||
-    id.includes("node_modules/react/") ||
-    id.includes("node_modules/react-router") ||
-    id.includes("node_modules/react-error-boundary")
+    id.includes('node_modules/react-dom') ||
+    id.includes('node_modules/react/') ||
+    id.includes('node_modules/react-router') ||
+    id.includes('node_modules/react-error-boundary')
   ) {
-    return "vendor-react";
+    return 'vendor-react';
   }
   if (
-    id.includes("node_modules/@apollo/client") ||
-    id.includes("node_modules/graphql") ||
-    id.includes("node_modules/graphql-ws")
+    id.includes('node_modules/@apollo/client') ||
+    id.includes('node_modules/graphql') ||
+    id.includes('node_modules/graphql-ws')
   ) {
-    return "vendor-apollo";
+    return 'vendor-apollo';
   }
   if (
-    id.includes("node_modules/lucide-react") ||
-    id.includes("node_modules/sonner") ||
-    id.includes("node_modules/cmdk")
+    id.includes('node_modules/lucide-react') ||
+    id.includes('node_modules/sonner') ||
+    id.includes('node_modules/cmdk')
   ) {
-    return "vendor-ui";
+    return 'vendor-ui';
   }
-  if (id.includes("node_modules/@radix-ui")) {
-    return "vendor-radix";
+  if (id.includes('node_modules/@radix-ui')) {
+    return 'vendor-radix';
   }
   if (
-    id.includes("node_modules/react-hook-form") ||
-    id.includes("node_modules/@hookform") ||
-    id.includes("node_modules/zod")
+    id.includes('node_modules/react-hook-form') ||
+    id.includes('node_modules/@hookform') ||
+    id.includes('node_modules/zod')
   ) {
-    return "vendor-forms";
+    return 'vendor-forms';
   }
-  if (id.includes("node_modules/date-fns")) {
-    return "vendor-datefns";
+  if (id.includes('node_modules/date-fns')) {
+    return 'vendor-datefns';
   }
   return undefined;
 }