@shohojdhara/atomix 0.5.7 → 0.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shohojdhara/atomix",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "description": "Atomix Design System - A modern component library for web applications",
   "type": "module",
   "sideEffects": [
@@ -17,7 +17,6 @@
   "sass": "src/styles/index.scss",
   "unpkg": "dist/atomix.umd.min.js",
   "jsdelivr": "dist/atomix.umd.min.js",
-  "browser": "dist/atomix.umd.min.js",
   "bin": {
     "atomix": "scripts/atomix-cli.js"
   },
@@ -115,6 +114,7 @@
       "default": "./dist/heavy.js"
     },
     "./cdn": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/atomix.umd.min.js",
       "require": "./dist/atomix.umd.min.js",
       "default": "./dist/atomix.umd.min.js"
@@ -233,7 +233,7 @@
     "build:types": "rollup -c rollup.config.types.js",
     "build:styles": "rollup -c rollup.config.styles.js",
     "build:themes": "rollup -c rollup/config/themes.js",
-    "build:parallel": "concurrently \"npm:build:js\" \"npm:build:types\" \"npm:build:styles\"",
+    "build:parallel": "concurrently \"npm:build:js\" \"npm:build:types\" \"npm:build:styles\" \"npm:build:umd\"",
     "build:umd": "rollup -c rollup.config.umd.js",
     "build:cli": "rollup -c rollup.config.cli.js",
     "build:cli:dev": "rollup -c rollup.config.cli.js --environment NODE_ENV:development",

package/src/lib/config/loader.ts

@@ -354,8 +354,11 @@ export function loadAtomixConfig(
  */
 function loadConfigAtPath(path: string, required: boolean, defaultConfig: AtomixConfig): AtomixConfig {
     try {
-        // Use dynamic import for ESM compatibility
-        const configModule = require(path);
+        // Use dynamic requirement to hide from bundlers
+        const req = typeof require !== 'undefined' ? require : undefined;
+        if (!req) return defaultConfig;
+        
+        const configModule = req(path);
         const config = configModule.default || configModule;
         
         // Validate it's an AtomixConfig
@@ -391,10 +394,28 @@ export function resolveConfigPath(configPath?: string): string | null {
         return null;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { existsSync } = require('fs') as typeof import('fs');
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { join } = require('path') as typeof import('path');
+    // Use dynamic requirement to hide from bundlers like Turbopack/Webpack
+    let nodeFs: any;
+    let nodePath: any;
+
+    try {
+        // Using a dynamic string and eval-like approach to prevent static analysis
+        // This is safe here because we've already checked for window (browser)
+        const req = typeof require !== 'undefined' ? require : undefined;
+        if (req) {
+            nodeFs = req(['f', 's'].join(''));
+            nodePath = req(['p', 'a', 't', 'h'].join(''));
+        }
+    } catch (e) {
+        return null;
+    }
+
+    if (!nodeFs || !nodePath) {
+        return null;
+    }
+
+    const { existsSync } = nodeFs;
+    const { join } = nodePath;
 
     // If a specific config path is provided, check if it exists
     if (configPath) {

package/src/lib/theme/config/configLoader.ts

@@ -29,7 +29,9 @@ export function loadThemeFromConfigSync(options?: { configPath?: string; require
   
   try {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { loadAtomixConfig: loader } = require('../../config/loader');
+    const req = typeof require !== 'undefined' ? require : undefined;
+    if (!req) throw new Error('require is not available');
+    const { loadAtomixConfig: loader } = req('../../config/loader');
     loadAtomixConfig = loader;
   } catch (error) {
     if (options?.required !== false) {
@@ -214,7 +216,10 @@ export async function loadThemeFromConfig(options?: { configPath?: string; requi
   let config: any;
   try {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const { loadAtomixConfig } = require('../../config/loader');
+    const req = typeof require !== 'undefined' ? require : undefined;
+    if (!req) throw new Error('require is not available');
+    const { loadAtomixConfig: loader } = req('../../config/loader');
+    loadAtomixConfig = loader;
     config = loadAtomixConfig({ configPath: options?.configPath, required: options?.required !== false });
   } catch (error) {
     // If loadAtomixConfig is not available (e.g., in browser bundle), provide helpful error

package/src/lib/theme/config/loader.ts

@@ -72,7 +72,8 @@ export function loadThemeConfig(
     // In ESM environments, require might be undefined.
     let nodeRequire: any;
     try {
-      nodeRequire = require;
+      // Use eval('require') or similar to hide from bundlers
+      nodeRequire = typeof require !== 'undefined' ? require : undefined;
     } catch {
       // require is not defined
     }
@@ -94,8 +95,8 @@ export function loadThemeConfig(
     
     // If a specific config path is provided, try to use it
     if (configPath && configPath !== DEFAULT_ATOMIX_CONFIG_PATH) {
-      const path = nodeRequire('path') as typeof import('path');
-      const fs = nodeRequire('fs') as typeof import('fs');
+      const path = nodeRequire(['p', 'a', 't', 'h'].join('')) as typeof import('path');
+      const fs = nodeRequire(['f', 's'].join('')) as typeof import('fs');
       const fullPath = path.resolve(process.cwd(), configPath);
       
       if (fs.existsSync(fullPath)) {
@@ -109,8 +110,8 @@ export function loadThemeConfig(
         'atomix.config.json'
       ];
       
-      const path = nodeRequire('path') as typeof import('path');
-      const fs = nodeRequire('fs') as typeof import('fs');
+      const path = nodeRequire(['p', 'a', 't', 'h'].join('')) as typeof import('path');
+      const fs = nodeRequire(['f', 's'].join('')) as typeof import('fs');
       
       for (const fileName of possiblePaths) {
         const fullPath = path.resolve(process.cwd(), fileName);
@@ -131,7 +132,7 @@ export function loadThemeConfig(
 
     // Handle JSON files differently
     if (resolvedConfigPath.endsWith('.json')) {
-      const fs = nodeRequire('fs') as typeof import('fs');
+      const fs = nodeRequire(['f', 's'].join('')) as typeof import('fs');
       configModule = JSON.parse(fs.readFileSync(resolvedConfigPath, 'utf8'));
     } else {
       // Use require (Node.js/CommonJS) for JS/TS files