Generate an example usage

smnandre · smnandre · commit f838b8ccd6d4 · 2024-12-25T19:11:05.000+01:00
diff --git a/src/Maker/MakeStimulusController.php b/src/Maker/MakeStimulusController.php
@@ -158,6 +158,11 @@ public function generate(InputInterface $input, ConsoleStyle $io, Generator $gen
         $io->text([
             'Next:',
             \sprintf('- Open <info>%s</info> and add the code you need', $filePath),
+            '- Use the controller in your templates:',
+            ...array_map(
+                fn (string $line): string => "    $line",
+                explode("\n", $this->generateUsageExample($controllerName, $targetArgs, $valuesArg, $classesArgs)),
+            ),
             'Find the documentation at <fg=yellow>https://symfony.com/bundles/StimulusBundle</>',
         ]);
     }
@@ -287,6 +292,51 @@ private function getValuesTypes(): array
         ];
     }
 
+    /**
+     * @param array<int, string>                $targets
+     * @param array{name: string, type: string} $values
+     * @param array<int, string>                $classes
+     */
+    private function generateUsageExample(string $name, array $targets, array $values, array $classes): string
+    {
+        $slugify = fn (string $name) => str_replace('_', '-', Str::asSnakeCase($name));
+        $controller = $slugify($name);
+
+        $htmlTargets = [];
+        foreach ($targets as $target) {
+            $htmlTargets[] = \sprintf('<div data-%s-target="%s"></div>', $controller, $target);
+        }
+
+        $htmlValues = [];
+        foreach ($values as ['name' => $name, 'type' => $type]) {
+            $value = match ($type) {
+                'Array' => '[]',
+                'Boolean' => 'false',
+                'Number' => '123',
+                'Object' => '{}',
+                'String' => 'abc',
+                default => '',
+            };
+            $htmlValues[] = \sprintf('data-%s-%s-value="%s"', $controller, $slugify($name), $value);
+        }
+
+        $htmlClasses = [];
+        foreach ($classes as $class) {
+            $value = Str::asLowerCamelCase($class);
+            $htmlClasses[] = \sprintf('data-%s-%s-class="%s"', $controller, $slugify($class), $value);
+        }
+
+        return \sprintf(
+            '<div data-controller="%s"%s%s%s>%s%s</div>',
+            $controller,
+            $htmlValues ? ("\n    ".implode("\n    ", $htmlValues)) : '',
+            $htmlClasses ? ("\n    ".implode("\n    ", $htmlClasses)) : '',
+            $htmlValues || $htmlClasses ? "\n" : '',
+            $htmlTargets ? ("\n        ".implode("\n        ", $htmlTargets)) : '',
+            "\n        <!-- ... -->\n",
+        );
+    }
+
     public function configureDependencies(DependencyBuilder $dependencies): void
     {
         // lower than 8.1, allow WebpackEncoreBundle
diff --git a/tests/Maker/MakeStimulusControllerTest.php b/tests/Maker/MakeStimulusControllerTest.php
@@ -210,5 +210,70 @@ public function getTestDetails(): \Generator
                 $this->assertFileDoesNotExist($runner->getPath('assets/controllers/typescript_controller.js'));
             }),
         ];
+
+        yield 'it_displays_controller_basic_usage_example' => [$this->createMakerTest()
+            ->run(function (MakerTestRunner $runner) {
+                $output = $runner->runMaker(
+                    [
+                        'fooBar',
+                        'js',
+                    ],
+                );
+
+                $usageExample = <<<HTML
+                        <div data-controller="foo-bar">
+                            <!-- ... -->
+                        </div>
+                    HTML;
+
+                $this->assertStringContainsString('- Use the controller in your templates:', $output);
+                foreach (explode("\n", $usageExample) as $line) {
+                    $this->assertStringContainsString($line, $output);
+                }
+            }),
+        ];
+
+        yield 'it_displays_controller_complete_usage_example' => [$this->createMakerTest()
+            ->run(function (MakerTestRunner $runner) {
+                $output = $runner->runMaker(
+                    [
+                        'fooBar',
+                        'js',
+                        'yes', // add targets
+                        'firstOne',
+                        'secondOne',
+                        '',
+                        'yes', // add values
+                        'minItems',
+                        'Number',
+                        'email',
+                        'String',
+                        '',
+                        'yes', // add classes
+                        'isVisible',
+                        'hidden',
+                        '',
+                    ],
+                );
+
+                $usageExample = <<<HTML
+                        <div data-controller="foo-bar"
+                            data-foo-bar-min-items-value="123"
+                            data-foo-bar-email-value="abc"
+                            data-foo-bar-is-visible-class="isVisible"
+                            data-foo-bar-hidden-class="hidden"
+                        >
+                            <div data-foo-bar-target="firstOne"></div>
+                            <div data-foo-bar-target="secondOne"></div>
+                            <!-- ... -->
+                        </div>
+                    HTML;
+
+                $this->assertStringContainsString('- Use the controller in your templates:', $output);
+                foreach (explode("\n", $usageExample) as $line) {
+                    $this->assertStringContainsString($line, $output);
+                }
+            }),
+        ];
     }
 }
