Storybook addon : Permutation Table

[glass hearth]

Hello, everyone!

We Introducing sb-addon-permutation-table. our brand new Storybook addon! This addon allows you to transform components into tables, making it easy to have a quick overview and debug with ease. Although it originated from a project within our company, it has now been open-sourced(MIT), and we're thrilled to promote it here. We kindly ask for your support and interest.

we would like to inform you that we have prepared a demo page for you to explore the features of sb-addon-permutation-table. You can find the demo page at below 👇

https://daimresearch.github.io/sb-addon-permutation-table/?path=/docs/introduction--docs

If you have any questions or need further assistance, please don't hesitate to reach out to me directly. Feel free to send me a message, and I'll be more than happy to assist you.

Thank you once again for your support and interest!

npm : https://www.npmjs.com/package/sb-addon-permutation-table
github: https://github.com/daimresearch/sb-addon-permutation-table

[jolly cloud]

@glass hearth – wow, this is so cool! Congratulations 🥳 It's a brilliant feature and addition to Storybook, and I love the interface!

We'd love to share this on Storybook's social media channels. Do you have accounts on LinkedIn and Twitter that we could tag in our posts? 🥰

Also, please let us know on when the English readme is launched. I'd be very happy to help check any translation that you make, if that might be of assistance!

[glass hearth]

@jolly cloud Thanks! I glad to hear that.

Yes, of course, my personal Twitter ID is "@Amelissa6666", but do you think you could mention our company "daim research" in your publicity? If you can, it would be very helpful for the future development of this project.

We are working on the English version of the README now. We'll let you know as soon as it's done! Once again, thanks for your interest!

[jolly cloud]

absolutely! we'll do that 🙂 and yes please, that would be fantastic - thank you ❤️

[glass hearth]

Thanks 😊 really appreciate it!

[winged cloak]

This is quite cool! I spotted a small bug though, once no storySource is defined:

really fantastic idea!

[glass hearth]

@winged cloak I will check it tomorrow Thanks for letting me know! can you leave that bugs in issue tab please?

[winged cloak]

will do!

[glass hearth]

bug cleared! Now that we're good to go, everybody come on over

[glass hearth]

Hey folks , just released a English version README. but we also found some bugs 😢 we are try to fix this ASAP. Please understand that it will be a bit buggy until we release the full version.

[jolly cloud]

hey @glass hearth! thanks for the update here. I just sent a PR through for some very minor translation fixes that I spotted. feel free to accept or disregard!

I'm sorry to hear about the bugs, though -- let us know when you're able to resolve those ❤️

[glass hearth]

Thanks for your support! I will check that. BTW @jolly cloud I just wonder about what you said before, sharing to media channels. Is there a regular announcement for this? If so, when is a next? I am afraid we need some times to show a flawless features

[jolly cloud]

don't worry! yeah, we will only share to our media channels when you're ready, so would you like to let me know whenever that will be? 🙂

[glass hearth]

Yes please 🙏 By this week, we should be able to wrap up.

Sorry for the hassle😭

[jolly cloud]

not a problem at all

[glass hearth]

For those following this thread with interest :

We've fixed all the bugs we found, but just to be sure, we're going to run some tests, work on some non-code rules (contribution guide, issue templates, etc.), and officially announce them. But for now, there are no functional issues, so if you want to try this addon first, please download version 0.0.11. Of course, you can visit the demo page below to sneak peek 👇

https://daimresearch.github.io/sb-addon-permutation-table/?path=/story/frameworks-antd-button--primary

[glass hearth]

@jolly cloud I am happy to announce you a good news. we released stable version of sb-addon-permutation-table ! I'm so glad we were able to meet the deadline we promised 😆

[jolly cloud]

fantastic work, @glass hearth! well done to you and all the team 🥳

we will share this on our social media channels tomorrow!

[glass hearth]

Thank you! We really looking forward that 😆😆😆

[jolly cloud]

that's fantastic to hear 😄 us too!

[jolly cloud]

glad you saw the tweet @glass hearth! also shared on LinkedIn and tagged Daim 🙂 ❤️

[worldly frost]

Hello ! This plugin seems really cool. Thank you for your work 😀
Does it have an option to automatically enable every permutations at load time ? We are using visual testing on stories that shows all the variant of a component at once, it would be great if we could use your plugin to do that

[glass hearth]

Hello @worldly frost ! I am glad to hear you likes our works!
Unfortunately, we don't support that feature yet. But the feature you mentioned is quite interesting, and certainly, having all the options visible when you open the permuation tab would help improve DX. If you don't mind, could you leave this as a Github issue?? I'd love to share it with my team.

Link below👇

https://github.com/daimresearch/sb-addon-permutation-table/issues/new?assignees=&labels=enhancement&projects=&template=feature_request.md&title=

[worldly frost]

Here is the ticket link for the ones who wants to follow it : https://github.com/daimresearch/sb-addon-permutation-table/issues/13

[glass hearth]

Thanks! we will talk about this issue very soon! stay tuned 😆

[glass hearth]

We're excited to announce that this feature is now live in v.0.1.2!!! We hope that more people will find this feature useful, and if you have any other great suggestions, please let us know XOXO

[regal nymph]

Awesome. I was just about to start work myself on getting all the controls values of our components to show, to combine this with snapshot testing via the storybook test runner. Has anyone already tried this?

#general message

[regal nymph]

I have opened a discussion at your repo that should help you eliminate the need for the importPath and source parameters. https://github.com/daimresearch/sb-addon-permutation-table/discussions/22

I still very much support the concept behind this project. A next challenge for this project, I'd say, would be to fix performance issues with stories that have, say, 8+ different Controls. Perhaps some kind of progressive disclosure could prevent almost-infinite loops when drawing the table.

[glass hearth]

Whoa, Thanks for your big interest.

Our team is also discussing ways to simplify the use of decorators and setting up arguments in stories. If there are any other developments in this regard, we'll share them in the discussion.

Thanks again for your interest in the project!

[glass hearth]

For those following this thread with interest :

v.1.0.0 Released! We've simplified the setup and succeeded in removing the dependency on external libraries. Now, our next goal is to make this addon available regardless of the framework that uses Storybook. However, the team is struggling to remove the dependency on React. If you're interested, you can check out our GitHub page 😉

https://github.com/daimresearch/sb-addon-permutation-table/

[jolly cloud]

congratulations @glass hearth and team! we'll share this to Storybook's social media too 🙂

[glass hearth]

Thank you for your continued interest! Your continued promotion of the Storybook team really helps our team 👍 👍 😆

[jolly cloud]

of course! ❤️