refactor: update the way components and hooks are exported

Author: codeacme17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nafr/echo-ui",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "A UI library born for WAA",
   "keywords": [
     "echo-ui",
@@ -44,6 +44,7 @@
     "@types/react-dom": "^18.2.15",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
+    "@vercel/analytics": "^1.1.2",
     "@vitejs/plugin-react": "^4.2.0",
     "autoprefixer": "^10.4.16",
     "clsx": "^2.0.0",
@@ -73,8 +74,5 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
-  },
-  "dependencies": {
-    "@vercel/analytics": "^1.1.2"
   }
 }

packages/components/container/index.ts

@@ -1 +1,2 @@
-export * from './Card'
+export { Card } from './Card'
+export type { CardProps, CardRef, CardHeaderProps, CardHeaderRef, CardBodyRef } from './Card'

packages/components/controller/index.ts

@@ -1,8 +1,23 @@
-export * from './Button'
-export * from './Checkbox'
-export * from './Envelope'
-export * from './Input'
-export * from './Knob'
-export * from './Radio'
-export * from './Slider'
-export * from './Switch'
+export { Button } from './Button'
+export type { ButtonProps, ButtonRef, ButtonGroupProps, ButtonGroupRef } from './Button'
+
+export { Checkbox } from './Checkbox'
+export type { CheckboxProps, CheckboxChangeEvent, CheckboxRef, CheckboxGroupRef } from './Checkbox'
+
+export { Envelope } from './Envelope'
+export type { EnvelopeProps, EnvelopeRef, EnvelopeData, EnvelopeLimits } from './Envelope'
+
+export { Input } from './Input'
+export type { InputProps, InputChangeEvent } from './Input'
+
+export { Knob } from './Knob'
+export type { KnobProps, KnobRef, KnobGroupProps, KnobGroupRef } from './Knob'
+
+export { Radio } from './Radio'
+export type { RadioProps, RadioChangeEvent, RadioRef, RadioGroupRef } from './Radio'
+
+export { Slider } from './Slider'
+export type { SliderProps, SliderRef } from './Slider'
+
+export { Switch } from './Switch'
+export type { SwitchProps, SwitchRef } from './Switch'

packages/components/utility/index.ts

@@ -1 +1 @@
-export * from './Icons'
+export { SineIcon, SquareIcon, SawtoothIcon, TriangleIcon } from './Icons'

packages/components/visualization/index.ts

@@ -1,7 +1,20 @@
-export * from './VuMeter'
-export * from './Axis'
-export * from './Light'
-export * from './LFO'
-export * from './Spectrogram'
-export * from './Oscilloscope'
-export * from './Waveform'
+export { VuMeter } from './VuMeter'
+export type { VuMeterProps, VuMeterRef } from './VuMeter'
+
+export { Axis } from './Axis'
+export type { AxisProps } from './Axis'
+
+export { Light } from './Light'
+export type { LightProps, LightRef } from './Light'
+
+export { LFO } from './LFO'
+export type { LFOProps, LFORef } from './LFO'
+
+export { Spectrogram } from './Spectrogram'
+export type { SpectrogramProps, SpectrogramRef, SpectrogramDataPoint } from './Spectrogram'
+
+export { Oscilloscope } from './Oscilloscope'
+export type { OscilloscopeProps, OscilloscopeRef, OscilloscopeDataPoint } from './Oscilloscope'
+
+export { Waveform } from './Waveform'
+export type { WaveformMouseEvent, WaveformProps, WaveformRef } from './Waveform'

packages/main.ts

@@ -1,8 +1,95 @@
-export * from './components/controller'
-export * from './components/visualization'
-export * from './components/utility'
-export * from './components/container'
-export * from './hooks'
+export {
+  Button,
+  Checkbox,
+  Envelope,
+  Input,
+  Knob,
+  Radio,
+  Slider,
+  Switch,
+} from './components/controller'
+export type {
+  ButtonProps,
+  ButtonRef,
+  ButtonGroupProps,
+  ButtonGroupRef,
+  CheckboxProps,
+  CheckboxChangeEvent,
+  CheckboxRef,
+  CheckboxGroupRef,
+  EnvelopeProps,
+  EnvelopeRef,
+  EnvelopeData,
+  EnvelopeLimits,
+  InputProps,
+  InputChangeEvent,
+  KnobProps,
+  KnobRef,
+  KnobGroupProps,
+  KnobGroupRef,
+  RadioProps,
+  RadioChangeEvent,
+  RadioRef,
+  RadioGroupRef,
+  SliderProps,
+  SliderRef,
+  SwitchProps,
+  SwitchRef,
+} from './components/controller'
+
+export {
+  VuMeter,
+  Light,
+  LFO,
+  Spectrogram,
+  Oscilloscope,
+  Waveform,
+} from './components/visualization'
+export type {
+  VuMeterProps,
+  VuMeterRef,
+  LightProps,
+  LightRef,
+  LFOProps,
+  LFORef,
+  SpectrogramProps,
+  SpectrogramRef,
+  SpectrogramDataPoint,
+  OscilloscopeProps,
+  OscilloscopeRef,
+  OscilloscopeDataPoint,
+  WaveformMouseEvent,
+  WaveformProps,
+  WaveformRef,
+} from './components/visualization'
+
+export { SineIcon, SquareIcon, SawtoothIcon, TriangleIcon } from './components/utility'
+
+export { Card } from './components/container'
+export type {
+  CardProps,
+  CardRef,
+  CardHeaderProps,
+  CardHeaderRef,
+  CardBodyRef,
+} from './components/container'
+
+export {
+  useFetchAudio,
+  useOscilloscope,
+  usePlayer,
+  useSpectrogram,
+  useVuMeter,
+  useWaveform,
+} from './hooks'
+export type {
+  UseFetchAudioProps,
+  UseOscilloscopeProps,
+  UsePlayerProps,
+  UseSpectrogramProps,
+  UseVuMeterProps,
+  UseWaveformProps,
+} from './hooks'
 
 import './index.css'