feat: `@dnd-kit/solid`

[kachurun]

SolidJS initial version:

https://github.com/clauderic/dnd-kit/issues/1652

Currently, it is simply a one-to-one copy of the hooks from @dnd-kit/react. Now, I'm working on demo examples and Storybook integration.

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 3803a4f1fc612b9f7ff56c8d6a40a28debfba2e6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[clauderic]

So excited for this! I know @hanneskuettner was also looking into setting up multi-framework stories through Storybook composition for the Vue integration

[hanneskuettner]

I know @hanneskuettner was also looking into setting up multi-framework stories through

Yes I have! I have converted couple of the react only components to web component so they can be easily reused across the stories and looked into the Storybook composition. I can create a very rough WIP PR for that piece of work and we could follow up with the individual framework storybooks in follow ups?

[clauderic]

I can create a very rough WIP PR for that piece of work and we could follow up with the individual framework storybooks in follow ups?

That would be very helpful!

[kachurun]

@hanneskuettner Ok man, I'm doing the same with composition but running into some trouble with running it on localhost.

My plan for now is to split the storybooks for React and Vanilla into two storybooks, so we have the ability to create new ones the same way for any new framework we want to add. So if you’ve done some of this, it would be great to have a PR to get the code and start from there.

[hanneskuettner]

Ok man, I'm doing the same with composition but running into some trouble with running it on localhost.

That I got working :)

My plan for now is to split the storybooks for React and Vanilla into two storybooks, so we have the ability to create new ones the same way for any new framework we want to add. So if you’ve done some of this, it would be great to have a PR to get the code and start from there.

That is kind of what I've done :) I've kept vanilla & react in one and created a separate Vue Storybook that is composed into the vanilla & react one.

I will open a PR this weekend.

[kachurun]

That I got working :)

Please tell me what you did. I think I’ve tried everything.

[kachurun]

Ok, it was a quest for me to run Storybook. The exist integration became broken, so I just took control over it, and now I'm a contributor to solid-storybook LOL. Now I can get back to this PR.

It will depend on Storybook 9: https://github.com/clauderic/dnd-kit/pull/1757

[pkg-pr-new[bot]]

Open in StackBlitz

@dnd-kit/abstract

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/abstract@1716

@dnd-kit/collision

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/collision@1716

@dnd-kit/dom

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/dom@1716

@dnd-kit/geometry

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/geometry@1716

@dnd-kit/helpers

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/helpers@1716

@dnd-kit/react

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/react@1716

@dnd-kit/solid

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/solid@1716

@dnd-kit/state

npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/state@1716

commit: 3803a4f

[clauderic]

Don't forget to add the package here: https://github.com/clauderic/dnd-kit/blob/experimental/.changeset/config.json#L5-L15

I'm opting to go with fixed versioning for the newer @dnd-kit packages so consumers don't accidentally have incompatible versions of packages which was something that happened in the legacy version.