refactor: optimizing performance

thevuong · thevuong · commit 8fcdc42d4774 · 2023-11-08T15:23:15.000+07:00
diff --git a/README.md b/README.md
@@ -167,23 +167,6 @@ if (process.env.NODE_ENV !== 'production') {
 }
 ```
 
-## Next.js
-
-```diff
-/** @type {import('next').NextConfig} */
-- const nextConfig = {
-+ experimental: {
-+   optimizePackageImports: [
-+     '@codefixlabs/hooks',
-+     '@codefixlabs/lib',
-+     '@codefixlabs/ui',
-+   ],
-+ },
-};
-
-module.exports = nextConfig
-```
-
 ## Tailwind CSS
 
 In `postcss.config.js`
@@ -201,8 +184,7 @@ module.exports = {
 In `tailwind.config.ts`
 
 ```diff
-+ import { sharedConfig } from '@codefixlabs/tailwindcss/tailwind.config';
-+ import { stone } from '@codefixlabs/tailwindcss/color/stone';
++ import { sharedConfig, stone } from '@codefixlabs/tailwindcss';
 import type { Config } from 'tailwindcss'
 
 const config: Pick<Config, 'presets' | 'theme' | 'plugins'> = {
diff --git a/apps/docs/src/stories/checkbox/checkbox.stories.tsx b/apps/docs/src/stories/checkbox/checkbox.stories.tsx
@@ -15,7 +15,7 @@ import { useId } from 'react';
 import type { SubmitHandler } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import { Checkbox } from '@codefixlabs/ui/checkbox';
 import { Label } from '@codefixlabs/ui/label';
 import { Button } from '@codefixlabs/ui/button';
diff --git a/apps/docs/src/stories/combobox/combobox.stories.tsx b/apps/docs/src/stories/combobox/combobox.stories.tsx
@@ -34,8 +34,7 @@ import { useState } from 'react';
 import type { ControllerRenderProps, SubmitHandler } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { getFirstInitials } from '@codefixlabs/lib/string';
-import { wait } from '@codefixlabs/lib/wait';
+import { getFirstInitials, wait } from '@codefixlabs/lib';
 
 const meta: Meta<typeof Combobox> = {
   component: Combobox,
diff --git a/apps/docs/src/stories/date-picker/date-picker.stories.tsx b/apps/docs/src/stories/date-picker/date-picker.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/dialog/dialog.stories.tsx b/apps/docs/src/stories/dialog/dialog.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import { Button } from '@codefixlabs/ui/button';
 import {
   Dialog,
diff --git a/apps/docs/src/stories/input-password/input-password.stories.tsx b/apps/docs/src/stories/input-password/input-password.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/input-phone-number/input-phone-number.stories.tsx b/apps/docs/src/stories/input-phone-number/input-phone-number.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { isValidPhoneNumber, wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
@@ -13,7 +13,6 @@ import type { ComponentProps } from 'react';
 import type { SubmitHandler } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { isValidPhoneNumber } from '@codefixlabs/lib/validation';
 import { InputPhoneNumber } from '@codefixlabs/ui/input-phone-number';
 import { Label } from '@codefixlabs/ui/label';
 import { Button } from '@codefixlabs/ui/button';
diff --git a/apps/docs/src/stories/input/input.stories.tsx b/apps/docs/src/stories/input/input.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/radio-group/radio-group.stories.tsx b/apps/docs/src/stories/radio-group/radio-group.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/select/select.stories.tsx b/apps/docs/src/stories/select/select.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/switch/switch.stories.tsx b/apps/docs/src/stories/switch/switch.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/src/stories/textarea/textarea.stories.tsx b/apps/docs/src/stories/textarea/textarea.stories.tsx
@@ -1,4 +1,4 @@
-import { wait } from '@codefixlabs/lib/wait';
+import { wait } from '@codefixlabs/lib';
 import {
   Form,
   FormControl,
diff --git a/apps/docs/tailwind.config.ts b/apps/docs/tailwind.config.ts
@@ -1,5 +1,4 @@
-import { sharedConfig } from '@codefixlabs/tailwindcss/tailwind.config';
-import { stone } from '@codefixlabs/tailwindcss/color/stone';
+import { sharedConfig, stone } from '@codefixlabs/tailwindcss';
 import type { Config } from 'tailwindcss';
 
 const config: Pick<Config, 'presets' | 'plugins'> = {
diff --git a/packages/hooks/CHANGELOG.md b/packages/hooks/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefixlabs/hooks
 
+## 0.1.15
+
+### Patch Changes
+
+- aaedd29: Optimizing performance
+
 ## 0.1.14
 
 ### Patch Changes
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -1,23 +1,24 @@
 {
   "name": "@codefixlabs/hooks",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
-    "./package.json": "./package.json",
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/*"
-      ]
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     }
   },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "source": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
diff --git a/packages/hooks/src/index.ts b/packages/hooks/src/index.ts
@@ -0,0 +1,6 @@
+export * from '@/use-countries';
+export * from '@/use-isomorphic-layout-effect';
+export * from '@/use-modal';
+export * from '@/use-mounted';
+export * from '@/use-origin';
+export * from '@/use-previous';
diff --git a/packages/hooks/tsconfig.json b/packages/hooks/tsconfig.json
@@ -1,7 +1,6 @@
 {
   "extends": "@codefixlabs/tsconfig/react-library.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/packages/hooks/tsup.config.ts b/packages/hooks/tsup.config.ts
@@ -4,11 +4,11 @@ import { defineConfig } from 'tsup';
 export default defineConfig((options: Options) => ({
   clean: !options.watch,
   dts: true,
-  entry: ['src/**/*.ts'],
+  entry: ['src/index.ts'],
   external: ['react'],
   format: ['esm', 'cjs'],
-  minify: !options.watch,
   sourcemap: true,
-  splitting: false,
+  splitting: true,
+  treeshake: true,
   ...options,
 }));
diff --git a/packages/lib/CHANGELOG.md b/packages/lib/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefixlabs/lib
 
+## 0.1.18
+
+### Patch Changes
+
+- aaedd29: Optimizing performance
+
 ## 0.1.17
 
 ### Patch Changes
diff --git a/packages/lib/package.json b/packages/lib/package.json
@@ -1,23 +1,24 @@
 {
   "name": "@codefixlabs/lib",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
-    "./package.json": "./package.json",
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/*"
-      ]
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     }
   },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "source": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
diff --git a/packages/lib/src/index.ts b/packages/lib/src/index.ts
@@ -0,0 +1,9 @@
+export * from '@/array';
+export * from '@/editor-parser';
+export * from '@/http-status';
+export * from '@/number';
+export * from '@/search-params';
+export * from '@/string';
+export * from '@/types';
+export * from '@/validation';
+export * from '@/wait';
diff --git a/packages/lib/tsconfig.json b/packages/lib/tsconfig.json
@@ -1,7 +1,6 @@
 {
   "extends": "@codefixlabs/tsconfig/react-library.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/packages/lib/tsup.config.ts b/packages/lib/tsup.config.ts
@@ -4,11 +4,11 @@ import { defineConfig } from 'tsup';
 export default defineConfig((options: Options) => ({
   clean: !options.watch,
   dts: true,
-  entry: ['src/**/*.ts'],
+  entry: ['src/index.ts'],
   external: ['react'],
   format: ['esm', 'cjs'],
-  minify: !options.watch,
   sourcemap: true,
-  splitting: false,
+  splitting: true,
+  treeshake: true,
   ...options,
 }));
diff --git a/packages/tailwindcss/CHANGELOG.md b/packages/tailwindcss/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefixlabs/tailwindcss
 
+## 0.1.21
+
+### Patch Changes
+
+- aaedd29: Optimizing performance
+
 ## 0.1.20
 
 ### Patch Changes
diff --git a/packages/tailwindcss/package.json b/packages/tailwindcss/package.json
@@ -1,23 +1,24 @@
 {
   "name": "@codefixlabs/tailwindcss",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
-    "./package.json": "./package.json",
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "dist/*"
-      ]
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     }
   },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "source": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
diff --git a/packages/tailwindcss/src/color/index.ts b/packages/tailwindcss/src/color/index.ts
@@ -0,0 +1 @@
+export * from '@/color/stone';
diff --git a/packages/tailwindcss/src/index.ts b/packages/tailwindcss/src/index.ts
@@ -0,0 +1,3 @@
+export * from '@/color';
+export * from '@/lib';
+export * from '@/tailwind.config';
diff --git a/packages/tailwindcss/src/lib/index.ts b/packages/tailwindcss/src/lib/index.ts
@@ -0,0 +1 @@
+export * from '@/lib/utils';
diff --git a/packages/tailwindcss/tsconfig.json b/packages/tailwindcss/tsconfig.json
@@ -1,7 +1,6 @@
 {
   "extends": "@codefixlabs/tsconfig/react-library.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }
diff --git a/packages/tailwindcss/tsup.config.ts b/packages/tailwindcss/tsup.config.ts
@@ -4,11 +4,11 @@ import { defineConfig } from 'tsup';
 export default defineConfig((options: Options) => ({
   clean: !options.watch,
   dts: true,
-  entry: ['src/**/*.ts'],
+  entry: ['src/index.ts'],
   external: ['react'],
   format: ['esm', 'cjs'],
-  minify: !options.watch,
   sourcemap: true,
-  splitting: false,
+  splitting: true,
+  treeshake: true,
   ...options,
 }));
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @codefixlabs/ui
 
+## 0.1.40
+
+### Patch Changes
+
+- aaedd29: Optimizing performance
+- Optimizing performance
+- Updated dependencies [aaedd29]
+  - @codefixlabs/hooks@0.1.15
+  - @codefixlabs/lib@0.1.18
+
 ## 0.1.39
 
 ### Patch Changes
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/ui",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -66,7 +66,6 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-toolbar": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@react-email/components": "^0.0.11",
     "@tanstack/react-table": "^8.10.7",
     "@tanstack/table-core": "^8.10.7",
     "@tiptap/extension-highlight": "^2.1.12",
diff --git a/packages/ui/src/avatar.tsx b/packages/ui/src/avatar.tsx
diff --git a/packages/ui/src/combobox.tsx b/packages/ui/src/combobox.tsx
diff --git a/packages/ui/src/data-table.tsx b/packages/ui/src/data-table.tsx
diff --git a/packages/ui/src/email/forgot-password-template.tsx b/packages/ui/src/email/forgot-password-template.tsx
diff --git a/packages/ui/src/email/magic-link-template.tsx b/packages/ui/src/email/magic-link-template.tsx
diff --git a/packages/ui/src/email/verify-email-template.tsx b/packages/ui/src/email/verify-email-template.tsx
diff --git a/packages/ui/src/icons.tsx b/packages/ui/src/icons.tsx
diff --git a/packages/ui/src/input-phone-number.tsx b/packages/ui/src/input-phone-number.tsx
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { wait } from '@codefixlabs/lib/wait';`
	`1`	`+import { wait } from '@codefixlabs/lib';`
`2`	`2`	`import {`
`3`	`3`	`Form,`
`4`	`4`	`FormControl,`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"extends": "@codefixlabs/tsconfig/react-library.json",`
`3`	`3`	`"compilerOptions": {`
`4`		`- "baseUrl": ".",`
`5`	`4`	`"paths": {`
`6`	`5`	`"@/": ["./src/"]`
`7`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export * from '@/color';`
	`2`	`+export * from '@/lib';`
	`3`	`+export * from '@/tailwind.config';`