ark icon indicating copy to clipboard operation
ark copied to clipboard

Svelte 1.0

Open cschroeter opened this issue 1 year ago • 5 comments

Roadmap for Svelte 1.0

Basics

  • [x] Setup Package
  • [x] Setup Testing
  • [x] Setup Storybook
  • [x] Setup Template (svelte-kit)
  • [ ] Docs

Core

  • [x] Anatomy
  • [x] Collection
  • [x] Factory (asChild)

Providers

  • [x] Environment
  • [x] Locale

Components

  • [ ] Accordion
  • [x] Avatar
  • [ ] Carousel
  • [ ] Checkbox
  • [ ] Clipboard
  • [ ] Collapsible
  • [ ] ColorPicker
  • [ ] Combobox
  • [ ] DatePicker
  • [ ] Dialog
  • [ ] Editable
  • [ ] Field
  • [ ] Fieldset
  • [ ] FileUpload
  • [x] Format
  • [x] Frame
  • [x] Highlight
  • [ ] HoverCard
  • [ ] Menu
  • [ ] NumberInput
  • [ ] Pagination
  • [ ] PinInput
  • [ ] Popover
  • [ ] Portal
  • [x] Presence
  • [x] Progress
  • [x] QrCode
  • [ ] RadioGroup
  • [ ] RatingGroup
  • [ ] SegmentGroup
  • [ ] Select
  • [ ] SignaturePad
  • [x] Slider
  • [ ] Splitter
  • [ ] Steps
  • [ ] Switch
  • [ ] Tabs
  • [ ] TagsInput
  • [ ] TimePicker
  • [x] Timer
  • [ ] Toast
  • [ ] Toggle
  • [ ] ToggleGroup
  • [ ] Tooltip
  • [ ] TreeView

cschroeter avatar Nov 27 '24 18:11 cschroeter

@cschroeter

Hi

In Svelte, when you destructure a reactive variable ($state, $derived), it loses reactivity.

Code like this:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/avatar/use-avatar.svelte.ts#L13-L14

Should be written the same way as Vue code:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/vue/src/components/avatar/use-avatar.ts#L18-L19

Like this one:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/qr-code/use-qr-code.svelte.ts#L13-L14


Would it be OK to contribute on some of the components?

babakfp avatar Dec 01 '24 14:12 babakfp

@babakfp Hey mate - thanks for reaching out. Yes this is a good catch. We found also some issues in Zag that we fixed in the latest version. Feel free to convert any of the components left if you have some time to contribute <3

cschroeter avatar Dec 05 '24 09:12 cschroeter

Hello! I'm waiting for ark for Svelte, and trying to work on the incomplete items in the Components section from the progress above. I'm attempting to work on the Frame component first (based on solid/frame.tsx) - is there anything I should know beforehand? Or are there any good first issues(component) you'd recommend?

domuk-k avatar Dec 23 '24 05:12 domuk-k

They finally released this 🎉:

https://svelte.dev/docs/svelte/$props#$props.id()

babakfp avatar Feb 24 '25 22:02 babakfp

@babakfp nice. just added it for the few componetns we have.

cschroeter avatar Feb 26 '25 23:02 cschroeter

Closing this. I managed to power through the components with the help of Cursor.

Will finish up the components, and we can aim for a beta release this week.

segunadebayo avatar Jun 15 '25 22:06 segunadebayo