maker command

Author: WebMamba

composer.json

@@ -36,7 +36,8 @@
         "symfony/ux-live-component": "^2.16",
         "symfony/ux-twig-component": "2.16",
         "symfonycasts/sass-bundle": "^0.5.1",
-        "symfonycasts/tailwind-bundle": "^0.5.0"
+        "symfonycasts/tailwind-bundle": "^0.5.0",
+        "symfony/maker-bundle": "^1.60"
     },
     "conflict": {
         "symfony/ux-twig-component": "2.17"

src/DependencyInjection/StorybookExtension.php

@@ -12,6 +12,7 @@
 use Storybook\EventListener\ComponentMockSubscriber;
 use Storybook\EventListener\ProxyRequestListener;
 use Storybook\Exception\UnauthorizedStoryException;
+use Storybook\Maker\MakeStory;
 use Storybook\Mock\ComponentProxyFactory;
 use Storybook\StoryRenderer;
 use Storybook\Twig\StorybookEnvironmentConfigurator;
@@ -139,6 +140,17 @@ static function (ChildDefinition $definition, AsComponentMock $attributeInstance
         $container->register('storybook.component_mock_subscriber', ComponentMockSubscriber::class)
             ->setArgument(0, new Reference('storybook.component_proxy_factory'))
             ->addTag('kernel.event_subscriber');
+
+        // Maker
+        $container->register('storybook.maker.story_renderer', \Storybook\Maker\StoryRenderer::class)
+            ->setArgument(0, new Reference('maker.generator'))
+            ->setArgument(1, new Reference('ux.twig_component.component_factory'))
+            ->setArgument(2, '%kernel.project_dir%/stories');
+
+        $container->register('storybook.maker.story_maker', MakeStory::class)
+            ->setArgument(0, new Reference('storybook.maker.story_renderer'))
+            ->addTag('maker.command')
+        ;
     }
 
     public function getConfigTreeBuilder(): TreeBuilder

src/Maker/MakeStory.php

@@ -0,0 +1,62 @@
+<?php
+
+namespace Storybook\Maker;
+
+use Symfony\Bundle\MakerBundle\ConsoleStyle;
+use Symfony\Bundle\MakerBundle\DependencyBuilder;
+use Symfony\Bundle\MakerBundle\Generator;
+use Symfony\Bundle\MakerBundle\InputConfiguration;
+use Symfony\Bundle\MakerBundle\Maker\AbstractMaker;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Question\Question;
+
+/**
+ * @method string getCommandDescription()
+ */
+class MakeStory extends AbstractMaker
+{
+    public function __construct(
+        private StoryRenderer $storyRenderer,
+    ) {
+    }
+
+    public static function getCommandName(): string
+    {
+        return 'make:storybook:story';
+    }
+
+    public static function getCommandDescription(): string
+    {
+        return 'Creates a new Storybook story';
+    }
+
+    public function configureCommand(Command $command, InputConfiguration $inputConfig): void
+    {
+        $command
+            ->addArgument('component', InputArgument::OPTIONAL, 'The name of the component you want a story for')
+        ;
+    }
+
+    public function interact(InputInterface $input, ConsoleStyle $io, Command $command): void
+    {
+        if (null === $input->getArgument('component')) {
+            $question = new Question('What is the name of the component?');
+            $question->setValidator(fn ($value) => null !== $value);
+            $question->setMaxAttempts(3);
+            $input->setArgument('component', $io->askQuestion($question));
+        }
+    }
+
+    public function generate(InputInterface $input, ConsoleStyle $io, Generator $generator)
+    {
+        $componentName = $input->getArgument('component');
+
+        $this->storyRenderer->render($componentName);
+    }
+
+    public function configureDependencies(DependencyBuilder $dependencies)
+    {
+    }
+}

src/Maker/StoryRenderer.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Storybook\Maker;
+
+use Symfony\Bundle\MakerBundle\Generator;
+use Symfony\UX\TwigComponent\ComponentFactory;
+
+class StoryRenderer
+{
+    public function __construct(
+        private Generator $generator,
+        private ComponentFactory $componentFactory,
+        private string $storiesPath,
+    ) {
+    }
+
+    public function render(string $componentName): void
+    {
+        $componentMetadata = $this->componentFactory->metadataFor($componentName);
+
+        $this->generator->generateFile($this->storiesPath.'/'.$componentName.'.stories.js', __DIR__.'/../Resources/skeleton/Story.tpl.php', [
+            'componentName' => $componentName,
+            'template' => $componentMetadata->getTemplate(),
+        ]);
+
+        $this->generator->writeChanges();
+    }
+}

src/Resources/skeleton/Story.tpl.php

@@ -0,0 +1,12 @@
+import <?php echo $componentName; ?> from "../templates/<?php echo $template; ?>";
+import { twig } from '@sensiolabs/storybook-symfony-webpack5';
+
+export default {
+    component: (args) => ({
+        component: {<?php echo $componentName; ?>},
+        template: twig`
+            <twig:<?php echo $componentName; ?>/>
+        `,
+    })
+}
+