@shellui/cli 0.0.18 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shellui/cli",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "ShellUI CLI - Command-line tool for ShellUI",
   "main": "src/cli.js",
   "type": "module",
@@ -30,7 +30,7 @@
     "tsx": "^4.21.0",
     "vite": "7.3.1",
     "workbox-build": "^7.1.0",
-    "@shellui/core": "0.0.18"
+    "@shellui/core": "0.0.19"
   },
   "publishConfig": {
     "access": "public"

package/src/commands/build.js

@@ -10,6 +10,7 @@ import {
   createResolveAlias,
   createPostCSSConfig,
   createViteDefine,
+  createViteResolveConfig,
   resolvePackagePath,
 } from '../utils/index.js';
 
@@ -76,6 +77,7 @@ export async function buildCommand(root = '.') {
   // Get core package paths
   const corePackagePath = resolvePackagePath('@shellui/core');
   const coreSrcPath = getCoreSrcPath();
+  const resolveConfig = createViteResolveConfig();
   const resolveAlias = createResolveAlias();
   const postcssConfig = createPostCSSConfig();
 
@@ -86,14 +88,8 @@ export async function buildCommand(root = '.') {
       plugins: [react()],
       define: createViteDefine(config),
       resolve: {
+        ...resolveConfig,
         alias: resolveAlias,
-        // Dedupe React and core package to prevent duplicate module instances
-        // This is critical for React Context to work correctly in micro-frontends
-        dedupe: ['react', 'react-dom', '@shellui/core'],
-        // Ensure consistent module resolution to prevent duplicate instances
-        // when the same module is imported via different paths (relative, alias, with/without extensions)
-        conditions: ['import', 'module', 'browser', 'default'],
-        preserveSymlinks: false,
       },
       css: {
         postcss: postcssConfig,
@@ -131,9 +127,8 @@ export async function buildCommand(root = '.') {
       root: coreSrcPath,
       define: createViteDefine(config),
       resolve: {
+        ...resolveConfig,
         alias: resolveAlias,
-        // Dedupe React and core package to prevent duplicate module instances
-        dedupe: ['react', 'react-dom', '@shellui/core'],
       },
       build: {
         outDir: distPath,

package/src/commands/start.js

@@ -9,6 +9,8 @@ import {
   createResolveAlias,
   createPostCSSConfig,
   createViteDefine,
+  createViteResolveConfig,
+  createViteOptimizeDepsConfig,
   resolvePackagePath,
 } from '../utils/index.js';
 import { serviceWorkerDevPlugin } from '../utils/service-worker-plugin.js';
@@ -37,22 +39,18 @@ async function startServer(root, cwd, shouldOpen = false) {
   const staticPath = path.resolve(cwd, root, 'static');
   const publicDir = fs.existsSync(staticPath) ? staticPath : false;
 
+  const resolveConfig = createViteResolveConfig();
+  const resolveAlias = createResolveAlias();
+
   const server = await createServer({
     root: coreSrcPath,
     plugins: [react(), serviceWorkerDevPlugin(corePackagePath, coreSrcPath)],
     define: createViteDefine(config),
     resolve: {
-      alias: createResolveAlias(),
-      // Dedupe React and core package to prevent duplicate module instances
-      // This is critical for React Context to work correctly in micro-frontends
-      // When React is a peer dependency, dedupe ensures Vite uses a single instance
-      dedupe: ['react', 'react-dom', '@shellui/core'],
-      // Ensure consistent module resolution to prevent duplicate instances
-      // when the same module is imported via different paths (relative, alias, with/without extensions)
-      conditions: ['import', 'module', 'browser', 'default'],
-      // Don't preserve symlinks - ensures consistent resolution in monorepos
-      preserveSymlinks: false,
+      ...resolveConfig,
+      alias: resolveAlias,
     },
+    optimizeDeps: createViteOptimizeDepsConfig(),
     css: {
       postcss: createPostCSSConfig(),
     },

package/src/utils/index.js

@@ -12,4 +12,6 @@ export {
   createResolveAlias,
   createPostCSSConfig,
   createViteDefine,
+  createViteResolveConfig,
+  createViteOptimizeDepsConfig,
 } from './vite.js';

package/src/utils/service-worker-plugin.js

@@ -35,11 +35,6 @@ export function serviceWorkerDevPlugin(corePackagePath, coreSrcPath) {
         plugins: [react()],
         resolve: {
           alias: createResolveAlias(),
-          // Dedupe React and core package to prevent duplicate module instances
-          dedupe: ['react', 'react-dom', '@shellui/core'],
-          // Ensure consistent module resolution to prevent duplicate instances
-          conditions: ['import', 'module', 'browser', 'default'],
-          preserveSymlinks: false,
         },
         build: {
           write: false,

package/src/utils/vite.js

@@ -38,19 +38,14 @@ export function getCoreSrcPath() {
  * Always sets '@' to core/src. Sets '@shellui/sdk' to source entry when in
  * workspace mode; omits the alias when installed from npm so Vite resolves
  * through the package's exports field (dist/index.js).
- * 
- * Also adds specific aliases for config module to ensure all imports
- * (relative, alias, or with extensions) resolve to the same module instance.
- * This prevents React Context duplication issues.
  * @returns {Object} Vite resolve.alias object
  */
 export function createResolveAlias() {
   const corePackagePath = resolvePackagePath('@shellui/core');
-  const coreSrcPath = path.join(corePackagePath, 'src');
   const sdkEntry = resolveSdkEntry();
 
   const alias = {
-    '@': coreSrcPath,
+    '@': path.join(corePackagePath, 'src'),
   };
 
   if (sdkEntry) {
@@ -106,3 +101,30 @@ export function createViteDefine(config) {
     __SHELLUI_SENTRY_RELEASE__: sentry?.release ? JSON.stringify(sentry.release) : 'undefined',
   };
 }
+
+/**
+ * Create Vite resolve configuration with deduplication.
+ * Prevents duplicate React instances and @shellui/core modules when running
+ * from node_modules, which can cause context provider issues in microfrontends.
+ * @returns {Object} Vite resolve configuration with dedupe
+ */
+export function createViteResolveConfig() {
+  return {
+    dedupe: ['react', 'react-dom', '@shellui/core'],
+  };
+}
+
+/**
+ * Create Vite optimizeDeps configuration to exclude @shellui/core from pre-bundling.
+ * This prevents Vite from creating duplicate module instances during dependency optimization,
+ * which is critical for React Context to work correctly in microfrontend iframe scenarios.
+ * 
+ * Note: We do NOT exclude React/ReactDOM here because Vite needs to optimize them.
+ * The resolve.dedupe configuration handles ensuring only one React instance is used.
+ * @returns {Object} Vite optimizeDeps configuration
+ */
+export function createViteOptimizeDepsConfig() {
+  return {
+    exclude: ['@shellui/core'],
+  };
+}