feat: export old ui library (#1821)

* feat: export old ui library

* fix: vite lib build

* fix: vite lib build

packages/ui/package.json

@@ -42,6 +42,10 @@
         "types": "./dist/src/tailwindConfig.d.ts",
         "default": "./dist/src/tailwindConfig.js"
       },
+      "./components/*": {
+        "types": "./dist/components/ui/*.d.ts",
+        "default": "./dist/components/ui/*.js"
+      },
       "./*": {
         "types": "./dist/src/*/index.d.ts",
         "default": "./dist/src/*/index.js"

packages/ui/vite.config.ts

@@ -3,6 +3,7 @@ import { resolve, join } from 'path';
 import { readdirSync, existsSync } from 'fs';
 import dts from 'vite-plugin-dts';
 import { exec } from 'child_process';
+import * as path from 'node:path';
 
 /**
  * Returns an object with keys as resulting component build paths and values as
@@ -25,10 +26,35 @@ const getAllUIComponents = (): Record<string, string> => {
   );
 };
 
+const getDeprecatedUIComponents = (): Record<string, string> => {
+  const source = resolve(__dirname, 'components/ui');
+  return getRecursiveTsxFiles(source, 'components/ui');
+};
+
+const getRecursiveTsxFiles = (dir: string, baseDir: string): Record<string, string> => {
+  const files = readdirSync(dir, { withFileTypes: true });
+  return files.reduce(
+    (accum, file) => {
+      const fullPath = join(dir, file.name);
+      const relativePath = path.relative(resolve(__dirname, baseDir), fullPath);
+      if (file.isDirectory()) {
+        return { ...accum, ...getRecursiveTsxFiles(fullPath, baseDir) };
+      } else if (file.isFile() && file.name.endsWith('.tsx')) {
+        const key = `${baseDir}/${relativePath.replace(/\.tsx$/, '')}`;
+        accum[key] = fullPath;
+      }
+      return accum;
+    },
+    {} as Record<string, string>,
+  );
+};
+
 /** Extends the `getAllUIComponents` function to add support for other useful files */
 const getAllEntries = (): Record<string, string> => {
   return {
+    tailwindconfig: resolve('../tailwind-config'),
     'src/tailwindConfig': join(__dirname, 'src', 'tailwindConfig.ts'),
+    ...getDeprecatedUIComponents(),
     ...getAllUIComponents(),
   };
 };
@@ -48,6 +74,11 @@ export default defineConfig({
       },
     },
   ],
+  resolve: {
+    alias: {
+      '@repo/tailwind-config': path.resolve(__dirname, '../', 'tailwind-config'),
+    },
+  },
   build: {
     emptyOutDir: true,
     lib: {
@@ -64,6 +95,7 @@ export default defineConfig({
         'framer-motion',
         'styled-components',
         'lucide-react',
+        'react-router-dom',
       ],
     },
   },