@burdenoff/fe-libs 2026.516.1 → 2026.518.1

package/src/vite/shell.config.ts

@@ -24,20 +24,13 @@
  * ```
  */
 
-import { defineConfig, type UserConfig, type Plugin } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-import { resolve, dirname } from "path";
-import { fileURLToPath } from "url";
-import {
-  type AppShellConfig,
-  STANDARD_WATCH_IGNORE,
-  APP_SHELL_PORT_MAP,
-} from "./types";
-import {
-  createContextualAliasPlugin,
-  createReactSingletonAliases,
-} from "./plugins";
+import { defineConfig, type UserConfig, type Plugin } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import { resolve, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { type AppShellConfig, STANDARD_WATCH_IGNORE, APP_SHELL_PORT_MAP } from './types';
+import { createContextualAliasPlugin, createReactSingletonAliases } from './plugins';
 
 /**
  * Creates a standardized Vite configuration for app shells.
@@ -46,22 +39,19 @@ import {
  * @param configPath - The path to the vite.config.ts file (use import.meta.url)
  * @returns Vite configuration object
  */
-export function createAppShellConfig(
-  config: AppShellConfig,
-  configPath: string,
-): UserConfig {
+export function createAppShellConfig(config: AppShellConfig, 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;
 
   const {
     name,
     port = APP_SHELL_PORT_MAP[name] || 5200,
-    feLibsPath = "../../fe-libs/src",
+    feLibsPath = '../../fe-libs/src',
     microfrontends = [],
-    microfePath = "../../microfe",
+    microfePath = '../../microfe',
     additionalAliases = {},
     additionalPlugins = [],
     manualChunks = {},
@@ -70,16 +60,13 @@ export function createAppShellConfig(
 
   const resolvedFeLibsPath = resolve(__dirname, feLibsPath);
   const resolvedMicrofePath = resolve(__dirname, microfePath);
-  const srcPath = resolve(__dirname, "./src");
-  const nodeModulesPath = resolve(__dirname, "node_modules");
+  const srcPath = resolve(__dirname, './src');
+  const nodeModulesPath = resolve(__dirname, 'node_modules');
 
   // Build microfrontend path map for contextual alias resolution
   const microfePaths: Record<string, string> = {};
   microfrontends.forEach((mfe) => {
-    microfePaths[`microfe-${mfe}`] = resolve(
-      resolvedMicrofePath,
-      `microfe-${mfe}/src`,
-    );
+    microfePaths[`microfe-${mfe}`] = resolve(resolvedMicrofePath, `microfe-${mfe}/src`);
   });
 
   // Build microfrontend aliases
@@ -87,7 +74,7 @@ export function createAppShellConfig(
   microfrontends.forEach((mfe) => {
     microfeAliases[`@burdenoff/microfe-${mfe}`] = resolve(
       resolvedMicrofePath,
-      `microfe-${mfe}/src`,
+      `microfe-${mfe}/src`
     );
   });
 
@@ -104,9 +91,9 @@ export function createAppShellConfig(
 
   // Default manual chunks for optimal caching
   const defaultManualChunks: Record<string, string[]> = {
-    "vendor-react": ["react", "react-dom", "react-router-dom"],
-    "vendor-apollo": ["@apollo/client", "graphql"],
-    "vendor-ui": ["lucide-react", "zustand"],
+    'vendor-react': ['react', 'react-dom', 'react-router-dom'],
+    'vendor-apollo': ['@apollo/client', 'graphql'],
+    'vendor-ui': ['lucide-react', 'zustand'],
     ...manualChunks,
   };
 
@@ -118,21 +105,21 @@ export function createAppShellConfig(
       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,
           // Ignore microfrontend dist outputs
-          "**/microfe/*/dist/**",
+          '**/microfe/*/dist/**',
         ],
       },
       // Allow serving files from linked packages
       fs: {
         allow: [
-          resolve(__dirname, ".."),
-          resolve(__dirname, "../.."),
+          resolve(__dirname, '..'),
+          resolve(__dirname, '../..'),
           resolvedFeLibsPath,
           resolvedMicrofePath,
         ],
@@ -141,7 +128,7 @@ export function createAppShellConfig(
 
     build: {
       // Target modern browsers
-      target: "es2022",
+      target: 'es2022',
 
       // Enable source maps for production debugging
       sourcemap: true,
@@ -156,9 +143,9 @@ export function createAppShellConfig(
           manualChunks: defaultManualChunks,
 
           // Consistent chunk naming for better caching
-          chunkFileNames: "chunks/[name]-[hash].js",
-          entryFileNames: "[name]-[hash].js",
-          assetFileNames: "assets/[name]-[hash].[ext]",
+          chunkFileNames: 'chunks/[name]-[hash].js',
+          entryFileNames: '[name]-[hash].js',
+          assetFileNames: 'assets/[name]-[hash].[ext]',
         },
       },
 
@@ -172,7 +159,7 @@ export function createAppShellConfig(
         ...createReactSingletonAliases(nodeModulesPath),
 
         // fe-libs source
-        "@burdenoff/fe-libs": resolvedFeLibsPath,
+        '@burdenoff/fe-libs': resolvedFeLibsPath,
 
         // Microfrontend sources
         ...microfeAliases,
@@ -183,47 +170,47 @@ export function createAppShellConfig(
 
       // Prevent duplicate dependencies in bundle
       dedupe: [
-        "react",
-        "react-dom",
-        "react-router-dom",
-        "@apollo/client",
-        "graphql",
-        "zustand",
-        "@tanstack/react-query",
+        'react',
+        'react-dom',
+        'react-router-dom',
+        '@apollo/client',
+        'graphql',
+        'zustand',
+        '@tanstack/react-query',
       ],
 
       // Ensure correct entry point resolution
-      mainFields: ["module", "main", "browser"],
-      conditions: ["import", "module", "default"],
+      mainFields: ['module', 'main', 'browser'],
+      conditions: ['import', 'module', 'default'],
     },
 
     // 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-dom/client",
-        "react/jsx-runtime",
-        "react/jsx-dev-runtime",
-        "react-router-dom",
-        "react-error-boundary",
-        "@apollo/client",
-        "@apollo/client/react",
-        "@apollo/client/link/context",
-        "@apollo/client/link/error",
-        "graphql",
-        "lucide-react",
-        "zustand",
-        "sonner",
-        "clsx",
-        "tailwind-merge",
+        'react',
+        'react-dom',
+        'react-dom/client',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime',
+        'react-router-dom',
+        'react-error-boundary',
+        '@apollo/client',
+        '@apollo/client/react',
+        '@apollo/client/link/context',
+        '@apollo/client/link/error',
+        'graphql',
+        'lucide-react',
+        'zustand',
+        'sonner',
+        'clsx',
+        'tailwind-merge',
         ...optimizeDepsInclude,
       ],
     },

package/src/vite/types.ts

@@ -5,7 +5,7 @@
  * @version Vite 8.0.0-beta.8+
  */
 
-import type { Plugin } from "vite";
+import type { Plugin } from 'vite';
 
 /**
  * Microfrontend configuration options
@@ -74,34 +74,34 @@ export interface AppShellConfig {
  */
 export const STANDARD_MFE_EXTERNALS = [
   // React ecosystem
-  "react",
-  "react-dom",
-  "react/jsx-runtime",
-  "react/jsx-dev-runtime",
-  "react-router-dom",
+  'react',
+  'react-dom',
+  'react/jsx-runtime',
+  'react/jsx-dev-runtime',
+  'react-router-dom',
 
   // Apollo Client
-  "@apollo/client",
-  "@apollo/client/react",
-  "@apollo/client/link/error",
-  "@apollo/client/link/retry",
-  "@apollo/client/link/context",
-  "@apollo/client/core",
-  "@apollo/client/cache",
-  "graphql",
+  '@apollo/client',
+  '@apollo/client/react',
+  '@apollo/client/link/error',
+  '@apollo/client/link/retry',
+  '@apollo/client/link/context',
+  '@apollo/client/core',
+  '@apollo/client/cache',
+  'graphql',
 
   // State management
-  "zustand",
-  "zustand/middleware",
+  'zustand',
+  'zustand/middleware',
 
   // React Query
-  "@tanstack/react-query",
+  '@tanstack/react-query',
 
   // Common UI
-  "lucide-react",
+  'lucide-react',
 
   // fe-libs (provided by app shell)
-  "@burdenoff/fe-libs",
+  '@burdenoff/fe-libs',
   /^@burdenoff\/fe-libs\/.*/,
 ] as const;
 
@@ -109,21 +109,21 @@ export const STANDARD_MFE_EXTERNALS = [
  * Standard watch ignore patterns
  */
 export const STANDARD_WATCH_IGNORE = [
-  "**/node_modules/**",
-  "**/dist/**",
-  "**/.git/**",
-  "**/coverage/**",
-  "**/.turbo/**",
-  "**/build/**",
-  "**/*.log",
-  "**/tmp/**",
-  "**/.cache/**",
-  "**/test-results/**",
-  "**/__snapshots__/**",
-  "**/.idea/**",
-  "**/.vscode/**",
-  "**/.DS_Store",
-  "**/Thumbs.db",
+  '**/node_modules/**',
+  '**/dist/**',
+  '**/.git/**',
+  '**/coverage/**',
+  '**/.turbo/**',
+  '**/build/**',
+  '**/*.log',
+  '**/tmp/**',
+  '**/.cache/**',
+  '**/test-results/**',
+  '**/__snapshots__/**',
+  '**/.idea/**',
+  '**/.vscode/**',
+  '**/.DS_Store',
+  '**/Thumbs.db',
 ] as const;
 
 /**