From a30764eb1cae499f88f388364f528fbdaa3724ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Manuel=20Fuentes=20Trejo?= <futjesus@gmail.com>
Date: Thu, 14 Nov 2024 17:10:24 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=9A=20chore:=20fix=20CI=20Build?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/components/Autocomplete/Autocomplete.tsx | 14 ++++--
 package.json                                 | 11 +----
 scripts/generate-exports.js                  | 50 ++++++++++++++++++++
 tsup.config.ts                               | 10 ++--
 4 files changed, 69 insertions(+), 16 deletions(-)
 create mode 100644 scripts/generate-exports.js

diff --git a/lib/components/Autocomplete/Autocomplete.tsx b/lib/components/Autocomplete/Autocomplete.tsx
index 1b744c9..dde7250 100644
--- a/lib/components/Autocomplete/Autocomplete.tsx
+++ b/lib/components/Autocomplete/Autocomplete.tsx
@@ -6,6 +6,8 @@ import {
   useRef,
 } from 'react';
 
+import { useTheme } from '../../contexts';
+
 import { useAutocomplete } from './hooks';
 import { List } from './components/List';
 import { AutocompleteProps } from './Autocomplete.types';
@@ -32,6 +34,8 @@ const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(
     const wrapperRef = useRef<ElementRef<'div'>>(null);
     const inputRef = useRef<ElementRef<'input'>>(null);
     const id = useId();
+    const { theme: contextTheme } = useTheme();
+    const inheritTheme = theme ?? contextTheme;
 
     useImperativeHandle(ref, () => inputRef.current!, [inputRef]);
 
@@ -48,7 +52,7 @@ const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(
           <label
             htmlFor={name ?? id}
             className={labelVariants({
-              theme,
+              theme: inheritTheme,
               variant,
               className: labelClassName,
             })}
@@ -64,7 +68,11 @@ const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(
           name={name}
           role="combobox"
           autoComplete={autoComplete}
-          className={autocompleteVariants({ theme, variant, className })}
+          className={autocompleteVariants({
+            theme: inheritTheme,
+            variant,
+            className,
+          })}
           onChange={autocomplete.handleChange}
           value={autocomplete.value}
           placeholder={placeholder}
@@ -80,7 +88,7 @@ const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(
               placeholder={placeHolderEmptyValues}
               placeholderClassName={placeHolderEmptyValuesClassName}
               variant={variant}
-              theme={theme}
+              theme={inheritTheme}
               onClick={autocomplete.handleSelectValue}
             />
           </div>
diff --git a/package.json b/package.json
index 971adf2..a7a27fa 100644
--- a/package.json
+++ b/package.json
@@ -9,13 +9,6 @@
   "files": [
     "dist"
   ],
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "import": "./dist/index.js",
-      "default": "./dist/index.cjs"
-    }
-  },
   "author": {
     "name": "Jesús Manuel Fuentes Trejo",
     "email": "me@futjesus.dev",
@@ -43,17 +36,17 @@
   ],
   "homepage": "https://konstructio.github.io/konstruct-ui",
   "scripts": {
-    "build": "tsc --p ./tsconfig.build.json && tsup",
+    "build": "tsc --p ./tsconfig.build.json && tsup && cp ./package.json ./dist/package.json && cp ./scripts/generate-exports.js ./dist/generate-exports.js && node ./dist/generate-exports.js",
     "build:storybook": "storybook build -o storybook-static && cp -r public/* storybook-static",
     "check:exports": "attw --pack . --ignore-rules=cjs-resolves-to-esm",
     "check:prettier": "prettier lib --check --config ./.prettierrc",
     "check:types": "tsc -p tsconfig.json",
     "ci": "npm run build && npm run check:prettier && npm run check:exports && npm run test",
+    "ci:release": "changeset version && changeset publish",
     "deps:update": "npx npm-check-updates --interactive --format group",
     "dev": "vite",
     "format:prettier": "prettier lib --write './**/*.{js,jsx,ts,tsx}' --config ./.prettierrc",
     "lint": "eslint lib --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "local:release": "changeset version && changeset publish",
     "prepare": "husky",
     "prepublishOnly": "npm run ci",
     "preview": "vite preview",
diff --git a/scripts/generate-exports.js b/scripts/generate-exports.js
new file mode 100644
index 0000000..445d9a0
--- /dev/null
+++ b/scripts/generate-exports.js
@@ -0,0 +1,50 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const packageJsonPath = path.resolve(__dirname, './package.json');
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+
+const distDir = path.resolve(__dirname, '../dist');
+
+const exports = {
+  './package.json': './package.json',
+  '.': {
+    import: './dist/index.js',
+    default: './dist/index.cjs',
+  },
+};
+
+function addExports(dir, basePath = '.') {
+  fs.readdirSync(dir).forEach((file) => {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+
+    if (stat.isDirectory()) {
+      addExports(filePath, `${basePath}/${file}`);
+    } else {
+      const match = file.match(/^(.*)\.(js|cjs)$/);
+      if (match) {
+        const componentName = match[1];
+        exports[`${basePath}/${componentName}`] = {
+          import: `./dist/${componentName}.js`,
+          default: `./dist/${componentName}.cjs`,
+        };
+      }
+    }
+  });
+}
+
+addExports(distDir);
+
+packageJson.exports = exports;
+fs.writeFileSync(
+  packageJsonPath,
+  JSON.stringify(packageJson, null, 2),
+  'utf-8',
+);
+
+console.log('Campo `exports` actualizado en package.json');
diff --git a/tsup.config.ts b/tsup.config.ts
index 443b614..58f4dc4 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -1,13 +1,15 @@
 import { defineConfig } from 'tsup';
-import { resolve } from 'node:path';
 
 export default defineConfig({
-  entryPoints: [
-    resolve(__dirname, 'lib/index.ts'),
-    resolve(__dirname, 'lib/styles.ts'),
+  entry: [
+    '!lib/**/*.test.(tsx|ts)',
+    '!lib/**/*.stories.(tsx|ts)',
+    './lib/**/*.(tsx|ts)',
   ],
   format: ['cjs', 'esm'],
   dts: true,
   outDir: 'dist',
   clean: true,
+  bundle: false,
+  splitting: true,
 });