build: Improve build and reduce bundle size

spuxx-dev · Feb 20, 2025 · a6b9cc6 · a6b9cc6
1 parent 633e834
commit a6b9cc6
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 21 deletions.
diff --git a/packages/solid/package.json b/packages/solid/package.json
@@ -28,8 +28,9 @@
       "types": "./dist/main.d.ts",
       "import": "./dist/main.js"
     },
-    "./styles": {
-      "import": "./dist/main.css"
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js"
     }
   },
   "files": [
@@ -67,7 +68,8 @@
     "@iconify-icon/solid": "^2.3.0",
     "@spuxx/browser-utils": "workspace:@spuxx/browser-utils@*",
     "@spuxx/js-utils": "^1.3.0",
-    "solid-js": "^1.9.0"
+    "solid-js": "^1.9.0",
+    "@corvu/dialog": "^0.2.4"
   },
   "dependencies": {
     "@corvu/dialog": "0.2.4"

diff --git a/packages/solid/src/components/input/button/button.component.tsx b/packages/solid/src/components/input/button/button.component.tsx
@@ -1,7 +1,7 @@
 import { JSX, Show, type Component } from 'solid-js';
 import { ButtonProps } from './button.types';
 import { Icon, IconifyIcon } from '@iconify-icon/solid';
-import { classNames } from '@main';
+import { classNames } from '@src/main';
 
 export const Button: Component<ButtonProps> = (props) => {
   const { variant = 'contained', color = 'primary', rounded, loading } = props;

diff --git a/packages/solid/src/components/input/button/button.types.ts b/packages/solid/src/components/input/button/button.types.ts
@@ -1,7 +1,7 @@
 import { IconifyIcon } from '@iconify-icon/solid';
 import { JSX, ParentProps } from 'solid-js';
 import { BaseColor, ContentColor } from '@spuxx/browser-utils';
-import { ComponentProps } from '@main';
+import { ComponentProps } from '@src/main';
 
 export interface ButtonProps extends ComponentProps<HTMLButtonElement>, ParentProps {
   /**

diff --git a/packages/solid/src/components/layout/container/container.component.tsx b/packages/solid/src/components/layout/container/container.component.tsx
@@ -1,7 +1,7 @@
 import { Dynamic } from 'solid-js/web';
 import { Component } from 'solid-js';
 import { ContainerProps } from './container.types';
-import { classNames } from '@main';
+import { classNames } from '@src/main';
 
 /**
  * A container component. Very flexible and can be used for most layout purposes.

diff --git a/packages/solid/src/components/layout/container/container.types.ts b/packages/solid/src/components/layout/container/container.types.ts
@@ -1,5 +1,5 @@
 import { BaseColor } from '@spuxx/browser-utils';
-import { ComponentProps } from '@main';
+import { ComponentProps } from '@src/main';
 import { ParentProps } from 'solid-js';
 
 export interface ContainerProps extends ComponentProps<HTMLElement>, ParentProps {

diff --git a/packages/solid/src/components/layout/divider/divider.component.tsx b/packages/solid/src/components/layout/divider/divider.component.tsx
@@ -1,6 +1,6 @@
 import { Component } from 'solid-js';
 import { DividerProps } from './divider.types';
-import { classNames } from '@main';
+import { classNames } from '@src/main';
 
 /**
  * A divider component. Can be used to separate content. Supports vertical orientation.

diff --git a/packages/solid/src/components/layout/divider/divider.types.ts b/packages/solid/src/components/layout/divider/divider.types.ts
@@ -1,5 +1,5 @@
 import { BaseColor, ContentColor } from '@spuxx/browser-utils';
-import { ComponentProps } from '@main';
+import { ComponentProps } from '@src/main';
 
 export interface DividerProps extends ComponentProps<HTMLHRElement> {
   /**

diff --git a/packages/solid/src/components/typography/heading/heading.component.tsx b/packages/solid/src/components/typography/heading/heading.component.tsx
@@ -1,6 +1,6 @@
 import { type Component } from 'solid-js';
 import { HeadingProps } from './heading.types';
-import { classNames } from '@main';
+import { classNames } from '@src/main';
 
 export const Heading: Component<HeadingProps> = (props) => {
   const { level } = props;

diff --git a/packages/solid/src/components/typography/heading/heading.types.ts b/packages/solid/src/components/typography/heading/heading.types.ts
@@ -1,4 +1,4 @@
-import { ComponentProps } from '@main';
+import { ComponentProps } from '@src/main';
 import { ParentProps } from 'solid-js';
 
 export interface HeadingProps extends ComponentProps<HTMLHeadingElement>, ParentProps {

diff --git a/packages/solid/src/main.ts b/packages/solid/src/main.ts
@@ -9,6 +9,4 @@ export * from './components/layout/container';
 export * from './components/layout/divider';
 export * from './components/typography/heading';
 
-export * from './modal';
-
 export * from './utils/component.utils';
diff --git a/packages/solid/tsconfig.build.json b/packages/solid/tsconfig.build.json
@@ -1,7 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "exclude": [
-    "**/*.test.ts",
-    "**/*.test.tsx"
-  ]
-}
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+}
diff --git a/packages/solid/tsconfig.json b/packages/solid/tsconfig.json
@@ -15,7 +15,6 @@
     "resolveJsonModule": true,
     "baseUrl": ".",
     "paths": {
-      "@main": ["./src/main.ts"],
       "@src/*": ["./src/*"]
     }
   }

diff --git a/packages/solid/vite.config.ts b/packages/solid/vite.config.ts
@@ -15,20 +15,24 @@ export default defineConfig({
       rollupTypes: true,
     }),
     tsconfigPaths({
-      configNames: ['tsconfig.build.json']
+      configNames: ['tsconfig.build.json'],
     }),
   ],
   build: {
     target: 'esnext',
     lib: {
       entry: {
         main: './src/main.ts',
+        modal: './src/modal/index.ts',
       },
       name: '@spuxx/solid',
       formats: ['es'],
     },
     rollupOptions: {
-      external: [...Object.keys(peerDependencies)],
+      external: [/^solid-js($|\/)/, ...Object.keys(peerDependencies)],
+      output: {
+        preserveModules: true,
+      }
     },
   },
   test: {