feat(#126): add tool to generate stories

[yoannfleurydev]

This PR is a start for the #126 discussion.

Kapture.2022-09-08.at.23.39.34.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
start-ui	✅ Ready (Inspect)	Visit Preview	Sep 13, 2022 at 0:27AM (UTC)

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[Jessy-BAER]

if i select a component without a index.tsx filename

$ plop story
? Component name for story src/app/auth/PageLogin.tsx
✔  ++ /src/app/auth/docs.stories.tsx
Done in 26.97s.

the result is not correct

import React from 'react';
import { ComponentMeta } from '@storybook/react';

import { Auth } from '@/app/auth';

export default {
  title: 'App/Auth',
} as ComponentMeta<typeof Auth>;

export const Default = () => (
  <Auth />
)

[DecampsRenan]

I should have done something like this:

Suggested change

	"new:story": "plop story",
	"generate": "plop",

Here we create an alias of plop, so we can do the following commands without to define new scripts in package.json:

yarn generate component
yarn generate page

We could have use plop, but I personally don't like yarn plop component because it doesn't mean anything ^^

[yoannfleurydev]

Just a thought: I have to be honest, I'm not a huge fan anymore of that PR.

1. We already have a lot to maintain, I'm not sure adding new feature like that is that useful to everyone.
2. This could be done through Start UI documentation by documenting how to add useful snippets in IDEs
3. Generators is what we want to avoid providing Start UI
4. Mixing JS (plopfile config) with TS (all the rest) is not that great even if they are not related.

[DecampsRenan]

Closed for all the reasons above