refactor: update files to realize tree-shaking feature

Author: codeacme17

docs/.island/theme/index.tsx

@@ -6,7 +6,7 @@ import {
   NotFoundLayout,
   setup,
 } from 'islandjs/theme'
-import 'echo-ui/dist/style.css'
+import '../../../packages/index.css'
 
 const Banner = () => {
   return (

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nafr/echo-ui",
-  "version": "0.0.2",
+  "version": "0.0.8",
   "description": "A UI library born for WAA",
   "keywords": [
     "echo-ui",
@@ -18,8 +18,12 @@
   "license": "MIT",
   "type": "module",
   "main": "dist/echo-ui.umd.cjs",
-  "module": "dist/echo-ui.js",
+  "module": "dist/packages/main.js",
   "types": "dist/types/packages/main.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "vite build && tsc",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -32,9 +36,6 @@
     "build:docs-wins": "island build docs && copy .\\docs\\.island\\index.html .\\docs\\.island\\dist\\",
     "preview:docs": "island start docs"
   },
-  "files": [
-    "dist"
-  ],
   "devDependencies": {
     "@nextui-org/react": "^2.2.9",
     "@testing-library/react": "^14.1.2",
@@ -71,6 +72,13 @@
     "vite": "^5.0.12",
     "vitest": "^1.0.4"
   },
+  "dependencies": {
+    "clsx": "^2.0.0",
+    "d3": "^7.8.5",
+    "tailwind-merge": "^2.0.0",
+    "tailwind-variants": "^0.1.19",
+    "tone": "^14.7.77"
+  },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

packages/lib/log.ts

@@ -1,5 +1,4 @@
 import { version } from '../../package.json'
-import { __DEV__ } from './assertion'
 
 const PREFIX = 'Echo UI:'
 
@@ -10,8 +9,6 @@ export const logger = {
 }
 
 export const logBrand = () => {
-  if (!__DEV__) return
-
   const content = `%c > Echo UI v${version} prod by leyoonafr < `
   window.onload = () => {
     console.log(content, 'background: #ffbe3b; color: #000')

packages/main.ts

@@ -91,8 +91,6 @@ export type {
   UseWaveformProps,
 } from './hooks'
 
-import './index.css'
-
 import('./lib/log').then(({ logBrand }) => {
   logBrand()
 })

vite.config.ts

@@ -16,6 +16,9 @@ export default defineConfig({
       name: 'echo-ui',
     },
     rollupOptions: {
+      output: {
+        esModule: true,
+      },
       external: ['react', 'react-dom'],
     },
   },