feat: add ThemeWatchCommand

Author: Thomas Hauschild

src/Console/Command/ThemeWatchCommand.php

@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OpenForgeProject\MageForge\Console\Command;
+
+use Laravel\Prompts\SelectPrompt;
+use OpenForgeProject\MageForge\Model\ThemeList;
+use OpenForgeProject\MageForge\Service\ThemeBuilder\BuilderPool;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use OpenForgeProject\MageForge\Model\ThemePath;
+
+class ThemeWatchCommand extends Command
+{
+    public function __construct(
+        private readonly BuilderPool $builderPool,
+        private readonly ThemeList $themeList,
+        private readonly ThemePath $themePath,
+    ) {
+        parent::__construct();
+    }
+
+    protected function configure()
+    {
+        $this->setName('mageforge:theme:watch')
+            ->setDescription('Watches theme files for changes and rebuilds them automatically')
+            ->addOption(
+                'theme',
+                't',
+                InputOption::VALUE_OPTIONAL,
+                'Theme to watch (format: Vendor/theme)'
+            )
+            ->setAliases(['frontend:watch']);
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $themeCode = $input->getOption('theme');
+
+        if (empty($themeCode)) {
+            $themes = $this->themeList->getAllThemes();
+            $options = array_map(fn($theme) => $theme->getCode(), $themes);
+
+
+            $themeCodePrompt = new SelectPrompt(
+                label: 'Select theme to build',
+                options: $options,
+                scroll: 10,
+                hint: 'Arrow keys to navigate, Space to select, Enter to confirm',
+            );
+
+            $themeCode = $themeCodePrompt->prompt();
+        }
+
+        try {
+            $themePath = $this->themePath->getPath($themeCode);
+            if ($themePath === null) {
+                $io->error("Theme $themeCode is not installed.");
+                return Command::FAILURE;
+            }
+
+            $builder = $this->builderPool->getBuilder($themePath);
+            return $builder->watch($themePath, $io, $output, true) ? Command::SUCCESS : Command::FAILURE;
+        } catch (\Exception $e) {
+            $io->error('Error: ' . $e->getMessage());
+            return Command::FAILURE;
+        }
+    }
+}

src/Service/ThemeBuilder/BuilderInterface.php

@@ -13,4 +13,5 @@ public function detect(string $themePath): bool;
     public function build(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool;
     public function getName(): string;
     public function autoRepair(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool;
+    public function watch(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool;
 }

src/Service/ThemeBuilder/HyvaThemes/Builder.php

@@ -165,6 +165,29 @@ public function autoRepair(string $themePath, SymfonyStyle $io, OutputInterface
         return true;
     }
 
+    public function watch(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool
+    {
+        if (!$this->detect($themePath)) {
+            return false;
+        }
+
+        $tailwindPath = rtrim($themePath, '/') . '/web/tailwind';
+        if (!$this->fileDriver->isDirectory($tailwindPath)) {
+            $io->error("Tailwind directory not found in: $tailwindPath");
+            return false;
+        }
+
+        try {
+            chdir($tailwindPath);
+            exec('npm run watch');
+        } catch (\Exception $e) {
+            $io->error('Failed to start watch mode: ' . $e->getMessage());
+            return false;
+        }
+
+        return true;
+    }
+
     public function getName(): string
     {
         return self::THEME_NAME;

src/Service/ThemeBuilder/MagentoStandard/Builder.php

@@ -131,6 +131,26 @@ public function autoRepair(string $themePath, SymfonyStyle $io, OutputInterface
         return true;
     }
 
+    public function watch(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool
+    {
+        if (!$this->detect($themePath)) {
+            return false;
+        }
+
+        if (!$this->autoRepair($themePath, $io, $output, $isVerbose)) {
+            return false;
+        }
+
+        try {
+            exec('node_modules/.bin/grunt watch');
+        } catch (\Exception $e) {
+            $io->error('Failed to start watch mode: ' . $e->getMessage());
+            return false;
+        }
+
+        return true;
+    }
+
     public function getName(): string
     {
         return self::THEME_NAME;

src/Service/ThemeBuilder/TailwindCSS/Builder.php

@@ -159,4 +159,27 @@ public function getName(): string
     {
         return self::THEME_NAME;
     }
+
+    public function watch(string $themePath, SymfonyStyle $io, OutputInterface $output, bool $isVerbose): bool
+    {
+        if (!$this->detect($themePath)) {
+            return false;
+        }
+
+        $tailwindPath = rtrim($themePath, '/') . '/web/tailwind';
+        if (!$this->fileDriver->isDirectory($tailwindPath)) {
+            $io->error("Tailwind directory not found in: $tailwindPath");
+            return false;
+        }
+
+        try {
+            chdir($tailwindPath);
+            exec('npx tailwind -i ./src/css/input.css -o ./web/css/styles.css --watch');
+        } catch (\Exception $e) {
+            $io->error('Failed to start watch mode: ' . $e->getMessage());
+            return false;
+        }
+
+        return true;
+    }
 }

src/etc/di.xml

@@ -25,6 +25,9 @@
                     name="mageforge_theme_build"
                     xsi:type="object"
                 >OpenForgeProject\MageForge\Console\Command\BuildThemeCommand</item>
+                <item name="mageforge_theme_watch"
+                      xsi:type="object"
+                      >OpenForgeProject\MageForge\Console\Command\ThemeWatchCommand</item>
             </argument>
         </arguments>
     </type>