├── .github_changelog_generator
├── assets
    ├── styles
    │   └── console-ui-bundle.css
    ├── model
    │   ├── InputArgument.ts
    │   ├── TestStatus.ts
    │   ├── EventSourceMessage.ts
    │   ├── InputOption.ts
    │   └── TestType.ts
    ├── http-client
    │   └── HttpClient.ts
    ├── app.js
    └── components
    │   ├── TabsMenu.ts
    │   ├── ConsoleUiApp.ts
    │   ├── TestCase.ts
    │   ├── CliOutput.ts
    │   └── TestForm.ts
├── src
    ├── Resources
    │   ├── public
    │   │   ├── images
    │   │   │   └── icons
    │   │   │   │   ├── icon-72x72.png
    │   │   │   │   ├── icon-96x96.png
    │   │   │   │   ├── icon-128x128.png
    │   │   │   │   ├── icon-144x144.png
    │   │   │   │   ├── icon-152x152.png
    │   │   │   │   ├── icon-192x192.png
    │   │   │   │   ├── icon-384x384.png
    │   │   │   │   └── icon-512x512.png
    │   │   ├── serviceWorker.js
    │   │   └── manifest.json
    │   ├── config
    │   │   └── console-ui
    │   │   │   └── routes.yaml
    │   └── views
    │   │   └── console-ui.html.twig
    ├── Event
    │   ├── CommandScheduled.php
    │   ├── CommandStarted.php
    │   ├── ScheduledCommandReceived.php
    │   ├── CommandSucceeded.php
    │   ├── CommandOutputReceived.php
    │   └── CommandFailed.php
    ├── EventListener
    │   ├── CommandScheduler.php
    │   ├── Enqueue
    │   │   └── EnqueueCommandScheduler.php
    │   ├── CommandWatcher.php
    │   └── Mercure
    │   │   └── MercureCommandWatcher.php
    ├── Queue
    │   ├── ProcessFactory
    │   │   ├── ProcessFactory.php
    │   │   └── SymfonyProcessFactory.php
    │   ├── QueuedCommand.php
    │   ├── QueueCommandHandler.php
    │   ├── Enqueue
    │   │   └── RunCommandProcessor.php
    │   └── ExecuteCommand.php
    ├── ReadModel
    │   ├── Argument.php
    │   ├── Option.php
    │   └── Command.php
    ├── Finder
    │   ├── CommandFinder.php
    │   └── Symfony
    │   │   └── SymfonyKernelApplicationFinder.php
    ├── Controller
    │   ├── AppController.php
    │   └── CommandScheduleController.php
    ├── ConsoleUiBundle.php
    ├── DependencyInjection
    │   ├── Configuration.php
    │   ├── ConsoleUiCompilerPass.php
    │   └── ConsoleUiExtension.php
    └── Command
    │   └── StartConsoleUiCommand.php
├── .gitattributes
├── psalm.xml
├── phpcs.xml.dist
├── phpunit.xml.dist
├── CONTRIBUTING.md
├── package.json
├── LICENSE
├── composer.json
├── main.js
├── webpack.config.js
├── CODE_OF_CONDUCT.md
├── CHANGELOG.md
├── tsconfig.json
└── README.md


/.github_changelog_generator:
--------------------------------------------------------------------------------
1 | usernames_as_github_logins=true
2 | 


--------------------------------------------------------------------------------
/assets/styles/console-ui-bundle.css:
--------------------------------------------------------------------------------
1 | body {
2 |     background-color: lightgray;
3 |     font-family: 'Roboto', Arial;
4 |     margin: 0;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-72x72.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-96x96.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-128x128.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-144x144.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-152x152.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-192x192.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-384x384.png


--------------------------------------------------------------------------------
/src/Resources/public/images/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/drinksandco/symfony-console-ui/HEAD/src/Resources/public/images/icons/icon-512x512.png


--------------------------------------------------------------------------------
/assets/model/InputArgument.ts:
--------------------------------------------------------------------------------
1 | export interface InputArgument {
2 |     name: string
3 |     description: string
4 |     defaultValue?: string
5 |     value?: string
6 | }
7 | 


--------------------------------------------------------------------------------
/assets/model/TestStatus.ts:
--------------------------------------------------------------------------------
1 | export enum TestStatus {
2 |     STOPPED = 'STOPPED',
3 |     RUNNING = 'RUNNING',
4 |     SUCCEEDED = 'SUCCEEDED',
5 |     FAILED = 'FAILED',
6 | }
7 | 


--------------------------------------------------------------------------------
/assets/model/EventSourceMessage.ts:
--------------------------------------------------------------------------------
1 | import {TestStatus} from "./TestStatus";
2 | 
3 | export interface EventSourceMessage {
4 |     status: TestStatus,
5 |     content: string
6 | }
7 | 


--------------------------------------------------------------------------------
/assets/model/InputOption.ts:
--------------------------------------------------------------------------------
1 | export interface InputOption {
2 |     name: string
3 |     description: string
4 |     defaultValue?: string
5 |     value?: string
6 |     acceptValue: boolean
7 | }
8 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
 1 | /tests       export-ignore
 2 | /repo-images       export-ignore
 3 | /.github export-ignore
 4 | 
 5 | .gitignore export-ignore
 6 | composer.lock export-ignore
 7 | grumphp.yml export-ignore
 8 | infection.json export-ignore
 9 | infection.log export-ignore
10 | 


--------------------------------------------------------------------------------
/src/Event/CommandScheduled.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class CommandScheduled
 8 | {
 9 |     public function __construct(
10 |         public readonly string $command,
11 |     ) {
12 |     }
13 | }
14 | 


--------------------------------------------------------------------------------
/src/Resources/public/serviceWorker.js:
--------------------------------------------------------------------------------
1 | self.addEventListener("install", installEvent => {
2 |     console.log('installing webapp')
3 |     // installEvent.waitUntil(
4 |     //     caches.open(staticDevCoffee).then(cache => {
5 |     //         cache.addAll(assets)
6 |     //     })
7 |     // )
8 | })


--------------------------------------------------------------------------------
/assets/model/TestType.ts:
--------------------------------------------------------------------------------
 1 | import {InputArgument} from "./InputArgument";
 2 | import {InputOption} from "./InputOption";
 3 | 
 4 | export interface TestType {
 5 |     name: string
 6 |     command: string
 7 |     description: string
 8 |     arguments: InputArgument[]
 9 |     options: InputOption[]
10 | }
11 | 


--------------------------------------------------------------------------------
/src/EventListener/CommandScheduler.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\EventListener;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandScheduled;
 8 | 
 9 | interface CommandScheduler
10 | {
11 |     public function enqueue(CommandScheduled $event): void;
12 | }
13 | 


--------------------------------------------------------------------------------
/assets/http-client/HttpClient.ts:
--------------------------------------------------------------------------------
 1 | export function api<T>(url: string, request: RequestInit): Promise<T> {
 2 |     return fetch(url, request)
 3 |         .then(response => {
 4 |             if (!response.ok) {
 5 |                 throw new Error(response.statusText)
 6 |             }
 7 |             return response.json() as Promise<T>
 8 |         })
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/Event/CommandStarted.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class CommandStarted
 8 | {
 9 |     public function __construct(
10 |         public readonly string $status,
11 |         public readonly string $command,
12 |         public readonly ?int $processId
13 |     ) {
14 |     }
15 | }
16 | 


--------------------------------------------------------------------------------
/src/Resources/config/console-ui/routes.yaml:
--------------------------------------------------------------------------------
 1 | console_ui_app:
 2 |   methods: [ GET ]
 3 |   path: /console-ui/{namespace}
 4 |   controller: Drinksco\ConsoleUiBundle\Controller\AppController
 5 | 
 6 | console_ui_schedule_command:
 7 |   methods: [ POST ]
 8 |   path: /console-ui/schedule
 9 |   controller: Drinksco\ConsoleUiBundle\Controller\CommandScheduleController
10 | 


--------------------------------------------------------------------------------
/src/Queue/ProcessFactory/ProcessFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue\ProcessFactory;
 6 | 
 7 | use Symfony\Component\Process\Process;
 8 | 
 9 | interface ProcessFactory
10 | {
11 |     /**  @param array<int, string> $command */
12 |     public function create(array $command, string $cwd): Process;
13 | }
14 | 


--------------------------------------------------------------------------------
/src/Event/ScheduledCommandReceived.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class ScheduledCommandReceived
 8 | {
 9 |     public function __construct(
10 |         public readonly string $status,
11 |         public readonly string $command,
12 |         public readonly string $commandLine
13 |     ) {
14 |     }
15 | }
16 | 


--------------------------------------------------------------------------------
/src/ReadModel/Argument.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\ReadModel;
 6 | 
 7 | class Argument
 8 | {
 9 |     public function __construct(
10 |         public readonly string $name,
11 |         public readonly string $description,
12 |         public readonly ?string $defaultValue,
13 |         public readonly ?string $Value,
14 |     ) {
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/Event/CommandSucceeded.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class CommandSucceeded
 8 | {
 9 |     public function __construct(
10 |         public readonly string $status,
11 |         public readonly string $command,
12 |         public readonly string $exitCode,
13 |         public readonly ?int $processId
14 |     ) {
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/Event/CommandOutputReceived.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class CommandOutputReceived
 8 | {
 9 |     public function __construct(
10 |         public readonly string $status,
11 |         public readonly string $command,
12 |         public readonly string $output,
13 |         public readonly ?int $processId
14 |     ) {
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/Finder/CommandFinder.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Finder;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\ReadModel\Command;
 8 | 
 9 | interface CommandFinder
10 | {
11 |     /** @return array<Command> */
12 |     public function findByNamespace(?string $namespace): array;
13 | 
14 |     /** @return array<string> */
15 |     public function findAllNamespaces(): array;
16 | }
17 | 


--------------------------------------------------------------------------------
/assets/app.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Welcome to your app's main JavaScript file!
 3 |  *
 4 |  * We recommend including the built version of this JavaScript file
 5 |  * (and its CSS file) in your base layout (base.html.twig).
 6 |  */
 7 | 
 8 | // any CSS you import will output into a single css file (console-ui-bundle.css in this case)
 9 | import './styles/console-ui-bundle.css';
10 | 
11 | import {ConsoleUiApp} from "./components/ConsoleUiApp";
12 | 


--------------------------------------------------------------------------------
/src/Event/CommandFailed.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Event;
 6 | 
 7 | class CommandFailed
 8 | {
 9 |     public function __construct(
10 |         public readonly string $status,
11 |         public readonly string $command,
12 |         public readonly string $output,
13 |         public readonly string $exitCode,
14 |         public readonly ?int $processId
15 |     ) {
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/ReadModel/Option.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\ReadModel;
 6 | 
 7 | class Option
 8 | {
 9 |     public function __construct(
10 |         public readonly string $name,
11 |         public readonly string $description,
12 |         public readonly bool $acceptValue,
13 |         public readonly ?string $defaultValue,
14 |         public readonly ?string $Value,
15 |     ) {
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/Queue/QueuedCommand.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue;
 6 | 
 7 | class QueuedCommand
 8 | {
 9 |     /**
10 |      * @param array<mixed> $arguments
11 |      * @param array<mixed> $options
12 |      */
13 |     public function __construct(
14 |         public readonly string $name,
15 |         public readonly array $arguments,
16 |         public readonly array $options,
17 |     ) {
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/src/Queue/ProcessFactory/SymfonyProcessFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue\ProcessFactory;
 6 | 
 7 | use Symfony\Component\Process\Process;
 8 | 
 9 | class SymfonyProcessFactory implements ProcessFactory
10 | {
11 |     public function create(array $command, string $cwd): Process
12 |     {
13 |         $process = new Process(['./bin/console', ...$command], $cwd);
14 |         $process->setPty(true);
15 | 
16 |         return $process;
17 |     }
18 | }
19 | 


--------------------------------------------------------------------------------
/src/ReadModel/Command.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\ReadModel;
 6 | 
 7 | class Command
 8 | {
 9 |     /**
10 |      * @param array<Argument> $arguments
11 |      * @param array<Option> $options
12 |      */
13 |     public function __construct(
14 |         public readonly string $name,
15 |         public readonly ?string $description,
16 |         public readonly string $command,
17 |         public readonly array $arguments,
18 |         public readonly array $options,
19 |     ) {
20 |     }
21 | }
22 | 


--------------------------------------------------------------------------------
/psalm.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <psalm
 3 |     errorLevel="1"
 4 |     resolveFromConfigFile="true"
 5 |     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 6 |     xmlns="https://getpsalm.org/schema/config"
 7 |     xsi:schemaLocation="https://getpsalm.org/schema/config vendor/vimeo/psalm/config.xsd"
 8 | >
 9 |     <projectFiles>
10 |         <directory name="src"/>
11 |         <ignoreFiles>
12 |             <directory name="vendor"/>
13 |         </ignoreFiles>
14 |     </projectFiles>
15 | <plugins><pluginClass class="Psalm\SymfonyPsalmPlugin\Plugin"/></plugins></psalm>
16 | 


--------------------------------------------------------------------------------
/phpcs.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <ruleset name="Symfony Console UI coding standard">
 3 |     <description>Symfony Console UI coding standard</description>
 4 | 
 5 |     <!-- display progress -->
 6 |     <arg value="p"/>
 7 |     <arg name="colors"/>
 8 | 
 9 |     <!-- inherit rules from: -->
10 |     <rule ref="PSR12"/>
11 |     <rule ref="Generic.Arrays.DisallowLongArraySyntax"/>
12 |     <rule ref="Squiz.WhiteSpace.SuperfluousWhitespace">
13 |         <properties>
14 |             <property name="ignoreBlankLines" value="false"/>
15 |         </properties>
16 |     </rule>
17 | 
18 |     <!-- Paths to check -->
19 |     <file>src</file>
20 | </ruleset>
21 | 


--------------------------------------------------------------------------------
/src/EventListener/Enqueue/EnqueueCommandScheduler.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\EventListener\Enqueue;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandScheduled;
 8 | use Drinksco\ConsoleUiBundle\EventListener\CommandScheduler;
 9 | use Enqueue\Client\ProducerInterface;
10 | 
11 | class EnqueueCommandScheduler implements CommandScheduler
12 | {
13 |     public function __construct(
14 |         private readonly ProducerInterface $producer
15 |     ) {
16 |     }
17 | 
18 |     public function enqueue(CommandScheduled $event): void
19 |     {
20 |         $this->producer->sendCommand('run_command', $event->command);
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/src/EventListener/CommandWatcher.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\EventListener;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandFailed;
 8 | use Drinksco\ConsoleUiBundle\Event\CommandOutputReceived;
 9 | use Drinksco\ConsoleUiBundle\Event\CommandStarted;
10 | use Drinksco\ConsoleUiBundle\Event\CommandSucceeded;
11 | use Drinksco\ConsoleUiBundle\Event\ScheduledCommandReceived;
12 | 
13 | interface CommandWatcher
14 | {
15 |     public function handleScheduledCommandReceived(ScheduledCommandReceived $event): void;
16 |     public function handleCommandStarted(CommandStarted $event): void;
17 |     public function handleCommandFailed(CommandFailed $event): void;
18 |     public function handleCommandOutputReceived(CommandOutputReceived $event): void;
19 |     public function handleCommandSucceeded(CommandSucceeded $event): void;
20 | }
21 | 


--------------------------------------------------------------------------------
/phpunit.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |          xsi:noNamespaceSchemaLocation="https://schema.phpunit.de/9.5/phpunit.xsd"
 4 |          bootstrap="vendor/autoload.php"
 5 |          cacheResultFile=".phpunit.cache/test-results"
 6 |          executionOrder="depends,defects"
 7 |          forceCoversAnnotation="false"
 8 |          beStrictAboutCoversAnnotation="false"
 9 |          beStrictAboutOutputDuringTests="true"
10 |          beStrictAboutTodoAnnotatedTests="true"
11 |          convertDeprecationsToExceptions="true"
12 |          failOnRisky="true"
13 |          failOnWarning="true"
14 |          verbose="true"
15 |          colors="true">
16 |     <testsuites>
17 |         <testsuite name="default">
18 |             <directory>tests</directory>
19 |         </testsuite>
20 |     </testsuites>
21 | 
22 |     <coverage cacheDirectory=".phpunit.cache/code-coverage"
23 |               processUncoveredFiles="true">
24 |         <include>
25 |             <directory suffix=".php">src</directory>
26 |         </include>
27 |     </coverage>
28 | </phpunit>
29 | 


--------------------------------------------------------------------------------
/src/Controller/AppController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Controller;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Finder\CommandFinder;
 8 | use Symfony\Component\HttpFoundation\Request;
 9 | use Symfony\Component\HttpFoundation\Response;
10 | use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
11 | use Twig\Environment;
12 | use Webmozart\Assert\Assert;
13 | 
14 | class AppController
15 | {
16 |     public function __construct(
17 |         private readonly CommandFinder $finder,
18 |         private readonly Environment $template,
19 |     ) {
20 |     }
21 | 
22 |     public function __invoke(Request $request): Response
23 |     {
24 |         $namespace = $request->attributes->get('namespace');
25 |         Assert::nullOrString($namespace);
26 | 
27 |         $commands = $this->finder->findByNamespace($namespace);
28 | 
29 |         if ([] === $commands) {
30 |             throw new NotFoundHttpException('Given Console namespace does not exist.');
31 |         }
32 | 
33 |         return new Response($this->template->render('@ConsoleUi/console-ui.html.twig', [
34 |             'commands' => $commands,
35 |             'menu_items' => $this->finder->findAllNamespaces(),
36 |         ]));
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/assets/components/TabsMenu.ts:
--------------------------------------------------------------------------------
 1 | import {css, html, LitElement} from 'lit';
 2 | import {customElement, property, query} from 'lit/decorators.js';
 3 | 
 4 | 
 5 | @customElement('tabs-menu')
 6 | export class TabsMenu extends LitElement {
 7 |     static styles = css``
 8 | 
 9 |     @property({type: Array<string>})
10 |     tabs = []
11 | 
12 |     private redirectTo(tab: string)
13 |     {
14 |         let hrefParts: Array<string> = document.location.href.split('/')
15 |         hrefParts.pop();
16 |         hrefParts.push(tab)
17 | 
18 |         document.location = hrefParts.join('/')
19 |     }
20 | 
21 |     private renderTabs() {
22 |         return html`
23 |             ${this.tabs.map(tab => {
24 |                 return html`
25 |                     <mwc-button
26 |                             id="prominentButton"
27 |                             outlined
28 |                             label="${tab}"
29 |                             @click="${() => this.redirectTo(tab)}"
30 |                     >
31 |                     </mwc-button>
32 |                 `
33 |             })}
34 |         `
35 |     }
36 | 
37 |     protected render() {
38 |         return html`
39 |             <div class="tabs">
40 |                 ${this.renderTabs()}
41 |             </div>
42 |         `
43 |     }
44 | }
45 | 


--------------------------------------------------------------------------------
/assets/components/ConsoleUiApp.ts:
--------------------------------------------------------------------------------
 1 | import {css, html, LitElement} from 'lit';
 2 | import {customElement, property, query} from 'lit/decorators.js';
 3 | import {TestType} from "../model/TestType";
 4 | import './TestCase'
 5 | import './TabsMenu'
 6 | import '@material/mwc-list'
 7 | import '@material/mwc-top-app-bar-fixed'
 8 | 
 9 | @customElement('console-ui')
10 | export class ConsoleUiApp extends LitElement {
11 |     static styles = css`
12 |     `
13 | 
14 |     @property({type: Array<TestType>})
15 |     testsTypes = []
16 | 
17 |     @property({type: Array<string>})
18 |     tabs = []
19 | 
20 |     renderCommands(testType: TestType) {
21 |         return html`
22 |             <test-case testType=${JSON.stringify(testType)}></test-case>
23 |         `
24 |     }
25 | 
26 |     protected render() {
27 |         return html`
28 |             <mwc-top-app-bar-fixed id="bar">
29 |                 <div slot="title" id="title">Symfony Console UI</div>
30 | 
31 |                 <tabs-menu tabs="${JSON.stringify(this.tabs)}"></tabs-menu>
32 | 
33 |                 <mwc-list class="container">
34 |                     <li divider role="separator"></li>
35 |                     ${this.testsTypes.map((testType: TestType) => this.renderCommands(testType))}
36 |                 </mwc-list>
37 | 
38 |             </mwc-top-app-bar-fixed>
39 |         `
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing
 2 | 
 3 | Contributions are **welcome** and will be fully **credited**.
 4 | 
 5 | We accept contributions via Pull Requests on [GitHub](https://github.com/drinksandco/symfony-console-ui).
 6 | 
 7 | 
 8 | ## Pull Requests
 9 | 
10 | - **[PSR-12 Coding Standard](https://www.php-fig.org/psr/psr-12/)** - Check the code style with ``$ composer cs-check`` and fix it with ``$ composer cs-fix``.
11 | 
12 | - **Add tests!** - Your patch won't be accepted if it doesn't have tests.
13 | 
14 | - **Document any change in behaviour** - Make sure the `README.md` and any other relevant documentation are kept up-to-date.
15 | 
16 | - **Consider our release cycle** - We try to follow [SemVer v2.0.0](http://semver.org/). Randomly breaking public APIs is not an option.
17 | 
18 | - **Create feature branches** - Don't ask us to pull from your main branch.
19 | 
20 | - **One pull request per feature** - If you want to do more than one thing, send multiple pull requests.
21 | 
22 | - **Send coherent history** - Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](http://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
23 | 
24 | 
25 | ## Running Local Pipeline
26 | 
27 | ``` bash
28 | $ composer check-all
29 | ```
30 | 
31 | **Happy coding**!
32 | 


--------------------------------------------------------------------------------
/src/Queue/QueueCommandHandler.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandScheduled;
 8 | use Symfony\Contracts\EventDispatcher\EventDispatcherInterface;
 9 | use Webmozart\Assert\Assert;
10 | 
11 | class QueueCommandHandler
12 | {
13 |     public function __construct(
14 |         private readonly EventDispatcherInterface $eventDispatcher,
15 |         private readonly string $env
16 |     ) {
17 |     }
18 | 
19 |     public function handle(QueuedCommand $command): void
20 |     {
21 |         $argumentString = $this->createArgumentString($command->arguments);
22 |         $optionsString = $this->createArgumentString($command->options);
23 |         $fullCommand = sprintf('%s %s%s--env=%s', $command->name, $argumentString, $optionsString, $this->env);
24 |         $this->eventDispatcher->dispatch(new CommandScheduled($fullCommand));
25 |     }
26 | 
27 |     /** @param array<mixed> $arguments */
28 |     private function createArgumentString(array $arguments): string
29 |     {
30 |         if ([] === $arguments) {
31 |             return '';
32 |         }
33 | 
34 |         $optionList = [];
35 |         foreach ($arguments as $value) {
36 |             Assert::string($value);
37 |             $optionList[] = sprintf('%s', $value);
38 |         }
39 | 
40 |         return implode(' ', $optionList) . ' ';
41 |     }
42 | }
43 | 


--------------------------------------------------------------------------------
/src/Resources/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Symfony Console UI",
 3 |   "short_name": "Console UI",
 4 |   "start_url": "/cli/console-ui/root",
 5 |   "display": "standalone",
 6 |   "background_color": "#fdfdfd",
 7 |   "theme_color": "#db4938",
 8 |   "orientation": "portrait-primary",
 9 |   "icons": [
10 |     {
11 |       "src": "/bundles/consoleui/images/icons/icon-72x72.png",
12 |       "type": "image/png", "sizes": "72x72"
13 |     },
14 |     {
15 |       "src": "/bundles/consoleui/images/icons/icon-96x96.png",
16 |       "type": "image/png", "sizes": "96x96"
17 |     },
18 |     {
19 |       "src": "/bundles/consoleui/images/icons/icon-128x128.png",
20 |       "type": "image/png","sizes": "128x128"
21 |     },
22 |     {
23 |       "src": "/bundles/consoleui/images/icons/icon-144x144.png",
24 |       "type": "image/png", "sizes": "144x144"
25 |     },
26 |     {
27 |       "src": "/bundles/consoleui/images/icons/icon-152x152.png",
28 |       "type": "image/png", "sizes": "152x152"
29 |     },
30 |     {
31 |       "src": "/bundles/consoleui/images/icons/icon-192x192.png",
32 |       "type": "image/png", "sizes": "192x192"
33 |     },
34 |     {
35 |       "src": "/bundles/consoleui/images/icons/icon-384x384.png",
36 |       "type": "image/png", "sizes": "384x384"
37 |     },
38 |     {
39 |       "src": "/bundles/consoleui/images/icons/icon-512x512.png",
40 |       "type": "image/png", "sizes": "512x512"
41 |     }
42 |   ]
43 | }
44 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "devDependencies": {
 3 |         "@hotwired/stimulus": "^3.1.0",
 4 |         "@material/card": "^14.0.0",
 5 |         "@material/mwc-button": "^0.27.0",
 6 |         "@material/mwc-checkbox": "^0.27.0",
 7 |         "@material/mwc-circular-progress": "^0.27.0",
 8 |         "@material/mwc-dialog": "^0.27.0",
 9 |         "@material/mwc-formfield": "^0.27.0",
10 |         "@material/mwc-icon": "^0.27.0",
11 |         "@material/mwc-list": "^0.27.0",
12 |         "@material/mwc-textfield": "^0.27.0",
13 |         "@material/mwc-top-app-bar-fixed": "^0.27.0",
14 |         "@symfony/stimulus-bridge": "^3.2.1",
15 |         "@symfony/webpack-encore": "^4.0.0",
16 |         "@webcomponents/webcomponentsjs": "^2.6.0",
17 |         "core-js": "^3.25.2",
18 |         "dotenv": "^16.0.2",
19 |         "dotenv-webpack": "^8.0.1",
20 |         "electron": "^20.1.4",
21 |         "lit": "^2.3.1",
22 |         "material-components-web": "^14.0.0",
23 |         "regenerator-runtime": "^0.13.9",
24 |         "ts-loader": "^9.4.0",
25 |         "typescript": "^4.8.3",
26 |         "webpack-notifier": "^1.15.0"
27 |     },
28 |     "license": "UNLICENSED",
29 |     "main": "main.js",
30 |     "private": true,
31 |     "scripts": {
32 |         "dev-server": "encore dev-server",
33 |         "dev": "encore dev",
34 |         "watch": "encore dev --watch",
35 |         "build": "encore production --progress",
36 |         "electron-start": "electron ."
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2021 Drinks&co.
 2 | 
 3 | Redistribution and use in source and binary forms, with or without
 4 | modification, are permitted provided that the following conditions are met:
 5 | 
 6 | - Redistributions of source code must retain the above copyright notice, this
 7 |   list of conditions and the following disclaimer.
 8 | 
 9 | - Redistributions in binary form must reproduce the above copyright notice,
10 |   this list of conditions and the following disclaimer in the documentation
11 |   and/or other materials provided with the distribution.
12 | 
13 | - Neither the name of Drinks&Co nor the names of its contributors may
14 |   be used to endorse or promote products derived from this software without
15 |   specific prior written permission.
16 | 
17 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
18 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
20 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
21 | ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
22 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
23 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
24 | ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
25 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
26 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
27 | 


--------------------------------------------------------------------------------
/src/ConsoleUiBundle.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\DependencyInjection\ConsoleUiCompilerPass;
 8 | use Drinksco\ConsoleUiBundle\DependencyInjection\ConsoleUiExtension;
 9 | use Symfony\Component\DependencyInjection\ContainerBuilder;
10 | use Symfony\Component\DependencyInjection\Extension\ExtensionInterface;
11 | use Symfony\Component\HttpKernel\Bundle\Bundle;
12 | 
13 | class ConsoleUiBundle extends Bundle
14 | {
15 |     private const DEFAULT_CONFIG = [
16 |         'command_provider' => 'enqueue_php',
17 |         'provider_options' => [
18 |             'enqueue_php' => [
19 |                 'queue_name' => 'console_queue',
20 |             ]
21 |         ],
22 |     ];
23 | 
24 |     public function build(ContainerBuilder $container): void
25 |     {
26 |         $container->loadFromExtension('console_ui', self::DEFAULT_CONFIG);
27 |         $container->setParameter('env(CONSOLE_QUEUE_DSN)', 'file://%kernel.project_dir%/var/queue');
28 | 
29 |         $container->prependExtensionConfig('enqueue', [
30 |             'console_queue' => [
31 |                 'transport' => [
32 |                     'dsn' => '%env(CONSOLE_QUEUE_DSN)%',
33 |                 ],
34 |                 'client' => [
35 |                     'app_name' => 'console_ui%kernel.environment%',
36 |                     'traceable_producer' => true,
37 |                     'default_queue' => 'console_queue',
38 |                     'router_queue' => 'console_queue',
39 |                 ]
40 |             ],
41 |         ]);
42 | 
43 |         $container->addCompilerPass(new ConsoleUiCompilerPass());
44 |     }
45 | }
46 | 


--------------------------------------------------------------------------------
/src/Queue/Enqueue/RunCommandProcessor.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue\Enqueue;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Queue\ExecuteCommand;
 8 | use Drinksco\ConsoleUiBundle\Queue\ProcessFactory\ProcessFactory;
 9 | use Enqueue\Client\CommandSubscriberInterface;
10 | use Enqueue\Consumption\Result;
11 | use Interop\Queue\Context;
12 | use Interop\Queue\Message;
13 | use Interop\Queue\Processor;
14 | use Symfony\Component\Process\Exception\ProcessFailedException;
15 | use Symfony\Contracts\EventDispatcher\EventDispatcherInterface;
16 | 
17 | class RunCommandProcessor implements Processor, CommandSubscriberInterface
18 | {
19 |     public function __construct(
20 |         private readonly EventDispatcherInterface $eventDispatcher,
21 |         private readonly ProcessFactory $processFactory,
22 |         private readonly string $projectDir,
23 |     ) {
24 |     }
25 | 
26 |     public function process(Message $message, Context $context): string|object
27 |     {
28 |         $commandline = $message->getBody();
29 | 
30 |         try {
31 |             ExecuteCommand::execute($this->processFactory, $this->eventDispatcher, $commandline, $this->projectDir);
32 | 
33 |             return Result::ACK;
34 |         } catch (ProcessFailedException $e) {
35 |             return Result::reject(sprintf(
36 |                 'The process failed with exception: "%s" in %s at %s',
37 |                 $e->getMessage(),
38 |                 $e->getFile(),
39 |                 $e->getLine()
40 |             ));
41 |         }
42 |     }
43 | 
44 |     public static function getSubscribedCommand(): string
45 |     {
46 |         return 'run_command';
47 |     }
48 | }
49 | 


--------------------------------------------------------------------------------
/src/DependencyInjection/Configuration.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\DependencyInjection;
 6 | 
 7 | use Symfony\Component\Config\Definition\Builder\ArrayNodeDefinition;
 8 | use Symfony\Component\Config\Definition\Builder\TreeBuilder;
 9 | use Symfony\Component\Config\Definition\ConfigurationInterface;
10 | 
11 | final class Configuration implements ConfigurationInterface
12 | {
13 |     /**
14 |      * @return TreeBuilder
15 |      */
16 |     public function getConfigTreeBuilder(): TreeBuilder
17 |     {
18 |         $treeBuilder = new TreeBuilder('console_ui');
19 |         $rootNode = $treeBuilder->getRootNode();
20 |         /**
21 |          * @psalm-suppress PossiblyNullReference
22 |          * @psalm-suppress PossiblyUndefinedMethod
23 |          * @psalm-suppress MixedMethodCall
24 |          */
25 |         $rootNode
26 |             ->children()
27 |                 ->enumNode('command_provider')
28 |                     ->values(['enqueue_php'])->defaultValue('enqueue_php')
29 |                 ->end()
30 |             ->end()
31 |             ->children()
32 |                 ->arrayNode('provider_options')
33 |                     ->addDefaultsIfNotSet()
34 |                     ->children()
35 |                         ->arrayNode('enqueue_php')
36 |                             ->addDefaultsIfNotSet()
37 |                             ->children()
38 |                                 ->scalarNode('queue_name')->defaultValue('console_queue')->end()
39 |                             ->end()
40 |                         ->end()
41 |                     ->end()
42 |                 ->end()
43 |             ->end();
44 | 
45 |         return $treeBuilder;
46 |     }
47 | }
48 | 


--------------------------------------------------------------------------------
/src/Controller/CommandScheduleController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Controller;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Queue\QueueCommandHandler;
 8 | use Drinksco\ConsoleUiBundle\Queue\QueuedCommand;
 9 | use InvalidArgumentException;
10 | use JsonException;
11 | use Symfony\Component\HttpFoundation\Exception\BadRequestException;
12 | use Symfony\Component\HttpFoundation\JsonResponse;
13 | use Symfony\Component\HttpFoundation\Request;
14 | use Symfony\Component\HttpFoundation\Response;
15 | use Webmozart\Assert\Assert;
16 | 
17 | class CommandScheduleController
18 | {
19 |     public function __construct(
20 |         private readonly QueueCommandHandler $handler
21 |     ) {
22 |     }
23 | 
24 |     public function __invoke(Request $request): Response
25 |     {
26 |         try {
27 |             $parsedBody = json_decode($request->getContent(), true, 16, JSON_THROW_ON_ERROR);
28 |             Assert::isArray($parsedBody);
29 |             Assert::string($parsedBody['name']);
30 |             Assert::isArray($parsedBody['arguments']);
31 |             Assert::isArray($parsedBody['options']);
32 |         } catch (JsonException $exception) {
33 |             throw new BadRequestException('Invalid Json Request Given', 0, $exception);
34 |         } catch (InvalidArgumentException $exception) {
35 |             throw new BadRequestException($exception->getMessage(), 0, $exception);
36 |         }
37 | 
38 |         $command = new QueuedCommand(
39 |             $parsedBody['name'],
40 |             $parsedBody['arguments'],
41 |             $parsedBody['options'],
42 |         );
43 |         $this->handler->handle($command);
44 | 
45 |         return  new JsonResponse([
46 |             'status' => 'OK'
47 |         ]);
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "drinksco/console-ui-bundle",
 3 |   "description": "Material Web-components based Symfony Console Component User Interface",
 4 |   "license": "BSD-3-Clause",
 5 |   "type": "symfony-bundle",
 6 |   "require": {
 7 |     "php": "^8.1",
 8 |     "symfony/mercure": "^0.6.1",
 9 |     "enqueue/enqueue-bundle": "^0.10.16",
10 |     "symfony/framework-bundle": "^6.0",
11 |     "symfony/console": "^6.0",
12 |     "symfony/webpack-encore-bundle": "^1.15",
13 |     "symfony/twig-bundle": "^6.0",
14 |     "symfony/yaml": "^6.0",
15 |     "webmozart/assert": "^1.11",
16 |     "symfony/process": "^6.0",
17 |     "enqueue/fs": "^0.10.16",
18 |     "lcobucci/jwt": "^4.0"
19 |   },
20 |   "require-dev": {
21 |     "phpunit/phpunit": "^9.5",
22 |     "roave/infection-static-analysis-plugin": "^1.23",
23 |     "vimeo/psalm": "^4.27",
24 |     "squizlabs/php_codesniffer": "^3.7",
25 |     "phpstan/phpstan": "^1.8",
26 |     "psalm/plugin-symfony": "^3.1",
27 |     "phpstan/phpstan-symfony": "^1.2",
28 |     "phpstan/extension-installer": "^1.1",
29 |     "phpstan/phpstan-webmozart-assert": "^1.2",
30 |     "phpro/grumphp": "^1.13"
31 |   },
32 |   "autoload": {
33 |     "psr-4": {
34 |       "Drinksco\\ConsoleUiBundle\\": "src/"
35 |     }
36 |   },
37 |   "autoload-dev": {
38 |     "psr-4": {
39 |       "Test\\Drinksco\\ConsoleUiBundle\\": "tests/"
40 |     }
41 |   },
42 |   "scripts": {
43 |     "check-all": [
44 |       "@cs-check",
45 |       "@test",
46 |       "@inspect",
47 |       "@psalm",
48 |       "@infection"
49 |     ],
50 |     "cs-check": "phpcs src --colors",
51 |     "cs-fix": "phpcbf src --colors",
52 |     "inspect": "phpstan analyse src -l9 --ansi",
53 |     "test": "phpunit --colors=always",
54 |     "psalm": "psalm",
55 |     "infection": "XDEBUG_MODE=coverage roave-infection-static-analysis-plugin"
56 |   },
57 |   "config": {
58 |     "allow-plugins": {
59 |       "infection/extension-installer": true,
60 |       "phpstan/extension-installer": true,
61 |       "phpro/grumphp": true
62 |     }
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const electron = require('electron');
 3 | const Dotenv = require('dotenv').config();
 4 | const app = electron.app;  // Module to control application life.
 5 | const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
 6 | 
 7 | app.commandLine.appendSwitch('ignore-certificate-errors', 'true');
 8 | app.commandLine.appendSwitch('allow-insecure-localhost', 'true');
 9 | 
10 | app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
11 |     // On certificate error we disable default behaviour (stop loading the page)
12 |     // and we then say "it is all fine - true" to the callback
13 |     event.preventDefault();
14 |     callback(true);
15 | });
16 | 
17 | // Keep a global reference of the window object, if you don't, the window will
18 | // be closed automatically when the JavaScript object is garbage collected.
19 | let mainWindow;
20 | 
21 | // Quit when all windows are closed.
22 | app.on('window-all-closed', function () {
23 |     // On OS X it is common for applications and their menu bar
24 |     // to stay active until the user quits explicitly with Cmd + Q
25 |     if (process.platform != 'darwin') {
26 |         app.quit();
27 |     }
28 | });
29 | 
30 | // This method will be called when Electron has finished
31 | // initialization and is ready to create browser windows.
32 | app.on('ready', function() {
33 |     // Create the browser window.
34 |     mainWindow = new BrowserWindow({width: 970, height: 600});
35 | 
36 |     // and load the app's front controller. Feel free to change with app_dev.php
37 |     mainWindow.loadURL(process.env.CONSOLE_API_URL + "/cli/console-ui/root");
38 | 
39 |     // Uncomment to open the DevTools.
40 |     //mainWindow.webContents.openDevTools();
41 | 
42 |     // Emitted when the window is closed.
43 |     mainWindow.on('closed', function () {
44 |         // Dereference the window object, usually you would store windows
45 |         // in an array if your app supports multi windows, this is the time
46 |         // when you should delete the corresponding element.
47 |         mainWindow = null;
48 |     });
49 | });
50 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const Encore = require('@symfony/webpack-encore');
 2 | 
 3 | // Manually configure the runtime environment if not already configured yet by the "encore" command.
 4 | // It's useful when you use tools that rely on webpack.config.js file.
 5 | if (!Encore.isRuntimeEnvironmentConfigured()) {
 6 |     Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
 7 | }
 8 | 
 9 | Encore
10 |     // directory where compiled assets will be stored
11 |     .setOutputPath('public/build/')
12 |     // public path used by the web server to access the output path
13 |     .setPublicPath('/build')
14 |     // only needed for CDN's or sub-directory deploy
15 |     //.setManifestKeyPrefix('build/')
16 | 
17 |     /*
18 |      * ENTRY CONFIG
19 |      *
20 |      * Each entry will result in one JavaScript file (e.g. app.js)
21 |      * and one CSS file (e.g. console-ui-bundle.css) if your JavaScript imports CSS.
22 |      */
23 |     .addEntry('component-loader', './node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js')
24 |     .addEntry('app', './assets/app.js')
25 | 
26 |     // When enabled, Webpack "splits" your files into smaller pieces for greater optimization.
27 |     .splitEntryChunks()
28 | 
29 |     // will require an extra script tag for runtime.js
30 |     // but, you probably want this, unless you're building a single-page app
31 |     .enableSingleRuntimeChunk()
32 | 
33 |     /*
34 |      * FEATURE CONFIG
35 |      *
36 |      * Enable & configure other features below. For a full
37 |      * list of features, see:
38 |      * https://symfony.com/doc/current/frontend.html#adding-more-features
39 |      */
40 |     .cleanupOutputBeforeBuild()
41 |     .enableBuildNotifications()
42 |     .enableSourceMaps(!Encore.isProduction())
43 |     // enables hashed filenames (e.g. app.abc123.css)
44 |     .enableVersioning(Encore.isProduction())
45 | 
46 |     .configureBabel((config) => {
47 |         config.plugins.push('@babel/plugin-proposal-class-properties');
48 |     })
49 | 
50 |     // enables @babel/preset-env polyfills
51 |     .configureBabelPresetEnv((config) => {
52 |         config.useBuiltIns = 'usage';
53 |         config.corejs = 3;
54 |     })
55 | 
56 |     // enables Sass/SCSS support
57 |     //.enableSassLoader()
58 | 
59 |     // uncomment if you use TypeScript
60 |     .enableTypeScriptLoader()
61 | 
62 |     // uncomment if you use React
63 |     //.enableReactPreset()
64 | 
65 |     // uncomment to get integrity="..." attributes on your script & link tags
66 |     // requires WebpackEncoreBundle 1.4 or higher
67 |     //.enableIntegrityHashes(Encore.isProduction())
68 | 
69 |     // uncomment if you're having problems with a jQuery plugin
70 |     //.autoProvidejQuery()
71 | ;
72 | 
73 | module.exports = Encore.getWebpackConfig();
74 | 


--------------------------------------------------------------------------------
/src/Queue/ExecuteCommand.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\Queue;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandFailed;
 8 | use Drinksco\ConsoleUiBundle\Event\CommandOutputReceived;
 9 | use Drinksco\ConsoleUiBundle\Event\CommandStarted;
10 | use Drinksco\ConsoleUiBundle\Event\CommandSucceeded;
11 | use Drinksco\ConsoleUiBundle\Event\ScheduledCommandReceived;
12 | use Drinksco\ConsoleUiBundle\Queue\ProcessFactory\ProcessFactory;
13 | use Symfony\Component\Process\Exception\ProcessFailedException;
14 | use Symfony\Contracts\EventDispatcher\EventDispatcherInterface;
15 | 
16 | class ExecuteCommand
17 | {
18 |     public static function execute(
19 |         ProcessFactory $processFactory,
20 |         EventDispatcherInterface $eventDispatcher,
21 |         string $commandLine,
22 |         string $projectDir
23 |     ): void {
24 |         $command = explode(' ', $commandLine);
25 | 
26 |         $eventDispatcher->dispatch(new ScheduledCommandReceived('STOPPED', $command[0], $commandLine));
27 |         $process = $processFactory->create($command, $projectDir);
28 | 
29 |         try {
30 |             $process->start();
31 |             $eventDispatcher->dispatch(new CommandStarted('RUNNING', '', $process->getPid()));
32 |             while ($process->isRunning()) {
33 |                 $incrementalOutput = $process->getIncrementalOutput();
34 |                 if ('' === $incrementalOutput) {
35 |                     continue;
36 |                 }
37 | 
38 |                 $eventDispatcher->dispatch(new CommandOutputReceived(
39 |                     'RUNNING',
40 |                     $command[0],
41 |                     $incrementalOutput,
42 |                     $process->getPid()
43 |                 ));
44 |             }
45 | 
46 |             if (!$process->isSuccessful()) {
47 |                 throw new ProcessFailedException($process);
48 |             }
49 | 
50 |             $eventDispatcher->dispatch(new CommandOutputReceived(
51 |                 'RUNNING',
52 |                 $command[0],
53 |                 $process->getIncrementalOutput(),
54 |                 $process->getPid()
55 |             ));
56 | 
57 |             $eventDispatcher->dispatch(new CommandSucceeded(
58 |                 'SUCCEEDED',
59 |                 $command[0],
60 |                 $process->getStatus(),
61 |                 $process->getPid()
62 |             ));
63 |         } catch (ProcessFailedException $exception) {
64 |             $eventDispatcher->dispatch(new CommandFailed(
65 |                 'FAILED',
66 |                 $command[0],
67 |                 $process->getErrorOutput(),
68 |                 $process->getStatus(),
69 |                 $process->getPid()
70 |             ));
71 | 
72 |             throw $exception;
73 |         }
74 |     }
75 | }
76 | 


--------------------------------------------------------------------------------
/src/EventListener/Mercure/MercureCommandWatcher.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\EventListener\Mercure;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandFailed;
 8 | use Drinksco\ConsoleUiBundle\Event\CommandOutputReceived;
 9 | use Drinksco\ConsoleUiBundle\Event\CommandStarted;
10 | use Drinksco\ConsoleUiBundle\Event\CommandSucceeded;
11 | use Drinksco\ConsoleUiBundle\Event\ScheduledCommandReceived;
12 | use Drinksco\ConsoleUiBundle\EventListener\CommandWatcher;
13 | use Symfony\Component\Mercure\HubInterface;
14 | use Symfony\Component\Mercure\Update;
15 | 
16 | class MercureCommandWatcher implements CommandWatcher
17 | {
18 |     public function __construct(
19 |         private readonly HubInterface $hub,
20 |     ) {
21 |     }
22 | 
23 |     public function handleScheduledCommandReceived(ScheduledCommandReceived $event): void
24 |     {
25 |         $this->hub->publish(
26 |             new Update(
27 |                 'http://console.ui/' . $event->command,
28 |                 $this->parseMessage('STOPPED', 'bin/console ' . $event->commandLine . PHP_EOL)
29 |             )
30 |         );
31 |     }
32 | 
33 |     public function handleCommandStarted(CommandStarted $event): void
34 |     {
35 |         $this->hub->publish(
36 |             new Update(
37 |                 'http://console.ui/' . $event->command,
38 |                 $this->parseMessage('RUNNING', '', $event->processId)
39 |             )
40 |         );
41 |     }
42 | 
43 |     public function handleCommandFailed(CommandFailed $event): void
44 |     {
45 |         $this->hub->publish(
46 |             new Update(
47 |                 'http://console.ui/' . $event->command,
48 |                 $this->parseMessage('FAILED', $event->output, $event->processId)
49 |             )
50 |         );
51 |     }
52 | 
53 |     public function handleCommandOutputReceived(CommandOutputReceived $event): void
54 |     {
55 |         $this->hub->publish(
56 |             new Update(
57 |                 'http://console.ui/' . $event->command,
58 |                 $this->parseMessage('RUNNING', $event->output, $event->processId)
59 |             )
60 |         );
61 |     }
62 | 
63 |     public function handleCommandSucceeded(CommandSucceeded $event): void
64 |     {
65 |         $this->hub->publish(
66 |             new Update(
67 |                 'http://console.ui/' . $event->command,
68 |                 $this->parseMessage('SUCCEEDED', $event->exitCode, $event->processId)
69 |             )
70 |         );
71 |     }
72 | 
73 |     private function parseMessage(string $commandStatus, string $content, ?int $pid = null): string
74 |     {
75 |         return json_encode([
76 |             'status' => $commandStatus,
77 |             'content' => $content,
78 |             'pid' => $pid
79 |         ], JSON_THROW_ON_ERROR);
80 |     }
81 | }
82 | 


--------------------------------------------------------------------------------
/src/Resources/views/console-ui.html.twig:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Symfony Console UI</title>
 4 |     {% block stylesheets %}
 5 |         {# 'app' must match the first argument to addEntry() in webpack.config.js #}
 6 |         {{ encore_entry_link_tags('console-ui') }}
 7 | 
 8 |         <!-- Renders a link tag (if your module requires any CSS)
 9 |              <link rel="stylesheet" href="/build/console-ui-bundle.css"> -->
10 |     {% endblock %}
11 |     <link rel="manifest" href="/bundles/consoleui/manifest.json" />
12 |     <!-- ios support -->
13 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-72x72.png" />
14 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-96x96.png" />
15 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-128x128.png" />
16 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-144x144.png" />
17 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-152x152.png" />
18 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-192x192.png" />
19 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-384x384.png" />
20 |     <link rel="apple-touch-icon" href="/bundles/console-ui/images/icons/icon-512x512.png" />
21 |     <meta name="apple-mobile-web-app-status-bar" content="#db4938" />
22 |     <meta name="theme-color" content="#db4938" />
23 |     <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
24 | 
25 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,700&display=swap">
26 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif:400,400i,700,700i&display=swap" type="text/css" />
27 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
28 | </head>
29 | <body>
30 | 
31 | <console-ui testsTypes="{{ commands|json_encode }}" tabs="{{ menu_items|json_encode }}"></console-ui>
32 | 
33 | {% block javascripts %}
34 | {{ encore_entry_script_tags('component-loader') }}
35 | {{ encore_entry_script_tags('console-ui') }}
36 | <script type="text/javascript">
37 |     if ("serviceWorker" in navigator) {
38 |         window.addEventListener("load", function() {
39 |             navigator.serviceWorker
40 |                 .register("/bundles/consoleui/serviceWorker.js")
41 |                 .then(res => console.log("service worker registered"))
42 |                 .catch(err => console.log("service worker not registered", err))
43 |         })
44 |     }
45 | </script>
46 | <!-- Renders app.js & a webpack runtime.js file
47 |         <script src="/build/runtime.js" defer></script>
48 |         <script src="/build/app.js" defer></script>
49 |         See note belo -->
50 | {% endblock %}
51 | </body>
52 | </html>
53 | 


--------------------------------------------------------------------------------
/src/DependencyInjection/ConsoleUiCompilerPass.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | declare(strict_types=1);
 4 | 
 5 | namespace Drinksco\ConsoleUiBundle\DependencyInjection;
 6 | 
 7 | use Drinksco\ConsoleUiBundle\Event\CommandFailed;
 8 | use Drinksco\ConsoleUiBundle\Event\CommandOutputReceived;
 9 | use Drinksco\ConsoleUiBundle\Event\CommandScheduled;
10 | use Drinksco\ConsoleUiBundle\Event\CommandStarted;
11 | use Drinksco\ConsoleUiBundle\Event\CommandSucceeded;
12 | use Drinksco\ConsoleUiBundle\Event\ScheduledCommandReceived;
13 | use Drinksco\ConsoleUiBundle\EventListener\CommandScheduler;
14 | use Drinksco\ConsoleUiBundle\EventListener\Enqueue\EnqueueCommandScheduler;
15 | use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
16 | use Symfony\Component\DependencyInjection\ContainerBuilder;
17 | use Symfony\Component\DependencyInjection\Reference;
18 | use Symfony\Component\EventDispatcher\DependencyInjection\AddEventAliasesPass;
19 | use Webmozart\Assert\Assert;
20 | 
21 | class ConsoleUiCompilerPass implements CompilerPassInterface
22 | {
23 |     public function process(ContainerBuilder $container): void
24 |     {
25 |         $consoleUiConfig = $container->getExtensionConfig('console_ui');
26 |         $mergedConfig = array_merge(...$consoleUiConfig);
27 | 
28 |         Assert::keyExists($mergedConfig, 'command_provider');
29 | 
30 |         $container->addCompilerPass(new AddEventAliasesPass([
31 |             CommandScheduled::class => CommandScheduled::class,
32 |             ScheduledCommandReceived::class => ScheduledCommandReceived::class,
33 |             CommandStarted::class => CommandStarted::class,
34 |             CommandOutputReceived::class => CommandOutputReceived::class,
35 |             CommandSucceeded::class => CommandSucceeded::class,
36 |             CommandFailed::class => CommandFailed::class,
37 |         ]));
38 | 
39 |         $provider = $mergedConfig['command_provider'] ?? [];
40 |         Assert::string($provider);
41 | 
42 |         if ($provider === 'enqueue_php') {
43 |             Assert::keyExists($mergedConfig, 'provider_options');
44 |             Assert::isArray($mergedConfig['provider_options']);
45 |             Assert::keyExists($mergedConfig['provider_options'], 'enqueue_php');
46 |             Assert::isArray($mergedConfig['provider_options']['enqueue_php']);
47 |             $providerOptions = $mergedConfig['provider_options']['enqueue_php'];
48 |             Assert::keyExists($providerOptions, 'queue_name');
49 |             Assert::string($providerOptions['queue_name']);
50 |             $queueName = $providerOptions['queue_name'];
51 | 
52 |             $commandSchedulerDefinition = $container
53 |                 ->register(CommandScheduler::class, EnqueueCommandScheduler::class)
54 |                 ->addArgument(new Reference(sprintf('enqueue.client.%s.lazy_producer', $queueName)));
55 | 
56 |             $commandSchedulerDefinition->addTag('kernel.event_listener', [
57 |                 'event' => CommandScheduled::class,
58 |                 'method' => 'enqueue',
59 |             ]);
60 |         }
61 |     }
62 | }
63 | 


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
 1 | # Contributor Code of Conduct
 2 | 
 3 | ## Our Pledge
 4 | 
 5 | In the interest of fostering an open and welcoming environment, we as
 6 | contributors and maintainers pledge to make participation in our project and
 7 | our community a harassment-free experience for everyone, regardless of age, body
 8 | size, disability, ethnicity, gender identity and expression, level of experience,
 9 | nationality, personal appearance, race, religion, or sexual identity and
10 | orientation.
11 | 
12 | ## Our Standards
13 | 
14 | Examples of behavior that contributes to creating a positive environment
15 | include:
16 | 
17 | * Using welcoming and inclusive language
18 | * Being respectful of differing viewpoints and experiences
19 | * Gracefully accepting constructive criticism
20 | * Focusing on what is best for the community
21 | * Showing empathy towards other community members
22 | 
23 | Examples of unacceptable behavior by participants include:
24 | 
25 | * The use of sexualized language or imagery and unwelcome sexual attention or
26 | advances
27 | * Trolling, insulting/derogatory comments, and personal or political attacks
28 | * Public or private harassment
29 | * Publishing others' private information, such as a physical or electronic
30 |   address, without explicit permission
31 | * Other conduct which could reasonably be considered inappropriate in a
32 |   professional setting
33 | 
34 | ## Our Responsibilities
35 | 
36 | Project maintainers are responsible for clarifying the standards of acceptable
37 | behavior and are expected to take appropriate and fair corrective action in
38 | response to any instances of unacceptable behavior.
39 | 
40 | Project maintainers have the right and responsibility to remove, edit, or
41 | reject comments, commits, code, wiki edits, issues, and other contributions
42 | that are not aligned to this Code of Conduct, or to ban temporarily or
43 | permanently any contributor for other behaviors that they deem inappropriate,
44 | threatening, offensive, or harmful.
45 | 
46 | ## Scope
47 | 
48 | This Code of Conduct applies both within project spaces and in public spaces
49 | when an individual is representing the project or its community. Examples of
50 | representing a project or community include using an official project e-mail
51 | address, posting via an official social media account, or acting as an appointed
52 | representative at an online or offline event. Representation of a project may be
53 | further defined and clarified by project maintainers.
54 | 
55 | ## Enforcement
56 | 
57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
58 | reported by contacting the project team at `koldo.picaza@drinksandco.com`. All
59 | complaints will be reviewed and investigated and will result in a response that
60 | is deemed necessary and appropriate to the circumstances. The project team is
61 | obligated to maintain confidentiality with regard to the reporter of an incident.
62 | Further details of specific enforcement policies may be posted separately.
63 | 
64 | Project maintainers who do not follow or enforce the Code of Conduct in good
65 | faith may face temporary or permanent repercussions as determined by other
66 | members of the project's leadership.
67 | 
68 | ## Attribution
69 | 
70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71 | available at [http://contributor-covenant.org/version/1/4][version]
72 | 
73 | [homepage]: http://contributor-covenant.org
74 | [version]: http://contributor-covenant.org/version/1/4/
75 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | 
 3 | ## [0.3.0](https://github.com/drinksandco/symfony-console-ui/tree/0.3.0)
 4 | 
 5 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/0.2.0...0.3.0)
 6 | 
 7 | **Merged pull requests:**
 8 | 
 9 | - remove pcntl dep [\#38](https://github.com/drinksandco/symfony-console-ui/pull/38) (@kpicaza)
10 | 
11 | ## [0.2.0](https://github.com/drinksandco/symfony-console-ui/tree/0.2.0) (2022-10-02)
12 | 
13 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/0.1.0...0.2.0)
14 | 
15 | **Implemented enhancements:**
16 | 
17 | - \[\#16\] define our mercure hub service [\#35](https://github.com/drinksandco/symfony-console-ui/pull/35) (@kpicaza)
18 | 
19 | **Fixed bugs:**
20 | 
21 | - \[Bug\]: mercure.hub.default doesn't exists. [\#16](https://github.com/drinksandco/symfony-console-ui/issues/16)
22 | 
23 | ## [0.1.0](https://github.com/drinksandco/symfony-console-ui/tree/0.1.0) (2022-10-02)
24 | 
25 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/0.0.3...0.1.0)
26 | 
27 | **Implemented enhancements:**
28 | 
29 | - \[\#29\] setup repo for recipe installation [\#33](https://github.com/drinksandco/symfony-console-ui/pull/33) (@kpicaza)
30 | 
31 | **Closed issues:**
32 | 
33 | - \[Docs\]: Review README.md grammar [\#19](https://github.com/drinksandco/symfony-console-ui/issues/19)
34 | 
35 | **Merged pull requests:**
36 | 
37 | - Fixed console-ui bundle readme grammar [\#32](https://github.com/drinksandco/symfony-console-ui/pull/32) (@VividhPandey003)
38 | 
39 | ## [0.0.3](https://github.com/drinksandco/symfony-console-ui/tree/0.0.3) (2022-09-25)
40 | 
41 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/0.0.2...0.0.3)
42 | 
43 | **Implemented enhancements:**
44 | 
45 | - Decouple CommandFinder from AppController [\#18](https://github.com/drinksandco/symfony-console-ui/pull/18) (@kpicaza)
46 | - Add pull request template [\#15](https://github.com/drinksandco/symfony-console-ui/pull/15) (@kpicaza)
47 | - Add and document symfony docker support [\#12](https://github.com/drinksandco/symfony-console-ui/pull/12) (@kpicaza)
48 | 
49 | **Fixed bugs:**
50 | 
51 | - \[\#16\] update install with symfony flex section [\#17](https://github.com/drinksandco/symfony-console-ui/pull/17) (@kpicaza)
52 | 
53 | **Merged pull requests:**
54 | 
55 | - Add contributing file [\#14](https://github.com/drinksandco/symfony-console-ui/pull/14) (@kpicaza)
56 | - Add code of conduct [\#13](https://github.com/drinksandco/symfony-console-ui/pull/13) (@kpicaza)
57 | - Put license file [\#10](https://github.com/drinksandco/symfony-console-ui/pull/10) (@kpicaza)
58 | 
59 | ## [0.0.2](https://github.com/drinksandco/symfony-console-ui/tree/0.0.2) (2022-09-23)
60 | 
61 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/0.0.1...0.0.2)
62 | 
63 | **Merged pull requests:**
64 | 
65 | - Fix .gitattributes [\#8](https://github.com/drinksandco/symfony-console-ui/pull/8) (@dzavaletadrinksco)
66 | 
67 | ## [0.0.1](https://github.com/drinksandco/symfony-console-ui/tree/0.0.1) (2022-09-23)
68 | 
69 | [Full Changelog](https://github.com/drinksandco/symfony-console-ui/compare/83770549004cbbba3591604d0f1103668d9ca2d7...0.0.1)
70 | 
71 | **Implemented enhancements:**
72 | 
73 | - Decoupling things 3 [\#5](https://github.com/drinksandco/symfony-console-ui/pull/5) (@kpicaza)
74 | 
75 | **Merged pull requests:**
76 | 
77 | - add first changelog [\#7](https://github.com/drinksandco/symfony-console-ui/pull/7) (@kpicaza)
78 | - create git attributes file [\#6](https://github.com/drinksandco/symfony-console-ui/pull/6) (@kpicaza)
79 | - Decoupling things: preparing package for distribution I [\#1](https://github.com/drinksandco/symfony-console-ui/pull/1) (@kpicaza)
80 | 
81 | 
82 | 
83 | \* *This Changelog was automatically generated by [github_changelog_generator](https://github.com/github-changelog-generator/github-changelog-generator)*
84 | 


--------------------------------------------------------------------------------
/assets/components/TestCase.ts:
--------------------------------------------------------------------------------
  1 | import {html, css, LitElement} from 'lit';
  2 | import {customElement, property} from 'lit/decorators.js';
  3 | import {TestType} from "../model/TestType";
  4 | import {TestStatus} from "../model/TestStatus";
  5 | import './TestForm'
  6 | import './CliOutput'
  7 | import '@material/mwc-button'
  8 | import '@material/mwc-circular-progress'
  9 | import '@material/mwc-icon'
 10 | import '@material/mwc-list'
 11 | import {EventSourceMessage} from "../model/EventSourceMessage";
 12 | 
 13 | @customElement('test-case')
 14 | export class TestCase extends LitElement {
 15 |     static styles = css`
 16 |         mwc-list-item {
 17 |             cursor: default;
 18 |         }
 19 |         .play-button {
 20 |             padding-top: 15
 21 |         }
 22 |         .test-name p {
 23 |             font-weight: bold;
 24 |             margin-top: -8;
 25 |         }
 26 |         .test-status {
 27 |             margin-top: -10;
 28 |         }
 29 |         .side-icons {
 30 |             min-width: 120px;
 31 |         }
 32 |         .side-icons {
 33 |             float: left;
 34 |             clear: none;
 35 |         }
 36 |         .side-icons mwc-button {
 37 |             margin-left: 5px;
 38 |         }
 39 |         .side-icons mwc-icon {
 40 |             margin-top:5px;
 41 |             margin-left: -100px;
 42 |         }
 43 |         .side-icons mwc-circular-progress {
 44 |             margin-left: -100px;
 45 |         }
 46 |         .success {
 47 |             color: green;
 48 |         }
 49 |         .fail {
 50 |             color: red;
 51 |         }
 52 |         .hidden {
 53 |             display: none;
 54 |         }
 55 |     `
 56 | 
 57 |     @property()
 58 |     eventSource?: EventSource
 59 |     @property()
 60 |     testStatus: TestStatus
 61 |     @property()
 62 |     showCliOutput: boolean
 63 |     @property({type: Object as unknown as TestType})
 64 |     testType = {name: '', command: '', description: ''}
 65 |     @property({type: String})
 66 |     cliOutput = ''
 67 | 
 68 |     constructor() {
 69 |         super();
 70 |         this.testStatus = TestStatus.STOPPED
 71 |         this.showCliOutput = false
 72 |     }
 73 | 
 74 |     firstUpdated() {
 75 |         this.eventSource = new EventSource(
 76 |           process.env.CONSOLE_UI_MERCURE_PUBLIC_URL + '?topic=' +
 77 |             encodeURIComponent('http://console.ui/' + this.testType.name)
 78 |         );
 79 | 
 80 |         this.eventSource.onmessage = e => {
 81 |             const message = JSON.parse(e.data) as EventSourceMessage
 82 |             // Will be called every time an update is published by the server
 83 |             this.testStatus = TestStatus[message.status]
 84 |             if (TestStatus.STOPPED === this.testStatus) {
 85 |                 this.cliOutput = ''
 86 |             }
 87 |             this.cliOutput = this.cliOutput + message.content
 88 |             this.showCliOutput = true
 89 |         }
 90 |     }
 91 | 
 92 |     private toggleCliOutput() {
 93 |         this.showCliOutput = !this.showCliOutput
 94 |     }
 95 | 
 96 |     protected render() {
 97 |         const runningClass: string = this.testStatus === TestStatus.RUNNING ? '' : 'hidden'
 98 |         const showSuccessClass: string = [
 99 |             TestStatus.STOPPED,
100 |             TestStatus.SUCCEEDED
101 |         ].includes(this.testStatus) ? '': 'hidden'
102 |         const showFailClass: string = [
103 |             TestStatus.FAILED,
104 |         ].includes(this.testStatus) ? '': 'hidden'
105 | 
106 |         return html`
107 |             <mwc-list-item twoline graphic="medium" hasMeta>
108 |                 <span class="test-name">
109 |                     <p>${this.testType.name}</p>
110 |                 </span>
111 |                 <span slot="graphic" class="material-icons inverted play-button">
112 |                     <test-form
113 |                             testType="${JSON.stringify(this.testType)}">
114 |                     </test-form>
115 |                 </span>
116 |                 <span slot="meta" class="material-icons side-icons">
117 |                     <mwc-icon class="${showSuccessClass} success">done</mwc-icon>
118 |                     <mwc-icon class="${showFailClass} fail">close</mwc-icon>
119 |                     <mwc-button class="${!runningClass}" outlined label="" icon="description" trailingIcon @click="${this.toggleCliOutput}"></mwc-button>-
120 |                     <mwc-circular-progress indeterminate id="progress" class="${runningClass} test-status" ></mwc-circular-progress>
121 |                 </span>
122 |             </mwc-list-item>
123 |             <li class="${this.showCliOutput ? '' : 'hidden'}">
124 |                 <cli-output content="${this.cliOutput}"></cli-output>
125 |             </li>
126 |             <li divider role="separator"></li>
127 |         `
128 |     }
129 | }
130 | 


--------------------------------------------------------------------------------
/src/Finder/Symfony/SymfonyKernelApplicationFinder.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Drinksco\ConsoleUiBundle\Finder\Symfony;
  4 | 
  5 | use Drinksco\ConsoleUiBundle\Finder\CommandFinder;
  6 | use Drinksco\ConsoleUiBundle\ReadModel\Argument;
  7 | use Drinksco\ConsoleUiBundle\ReadModel\Command as ReadModelCommand;
  8 | use Drinksco\ConsoleUiBundle\ReadModel\Option;
  9 | use Symfony\Bundle\FrameworkBundle\Console\Application;
 10 | use Symfony\Component\Console\Command\Command;
 11 | use Symfony\Component\Console\Input\InputArgument;
 12 | use Symfony\Component\Console\Input\InputOption;
 13 | use Webmozart\Assert\Assert;
 14 | 
 15 | class SymfonyKernelApplicationFinder implements CommandFinder
 16 | {
 17 |     public function __construct(
 18 |         private readonly Application $application
 19 |     ) {
 20 |     }
 21 | 
 22 |     /** @return array<ReadModelCommand> */
 23 |     public function findByNamespace(?string $namespace): array
 24 |     {
 25 |         $commands = $this->application->all($namespace);
 26 | 
 27 |         if ('root' === $namespace) {
 28 |             $commands = $this->getNoNamespacedCommands();
 29 |         }
 30 | 
 31 |         return $this->hydrateCommands($commands);
 32 |     }
 33 | 
 34 |     /** @return array<Command> */
 35 |     private function getNoNamespacedCommands(): array
 36 |     {
 37 |         $commands = [];
 38 |         $allCommands = $this->application->all();
 39 |         foreach ($allCommands as $name => $command) {
 40 |             Assert::string($name);
 41 |             if (str_contains($name, ':') || str_starts_with($name, '_')) {
 42 |                 continue;
 43 |             }
 44 | 
 45 |             $commands[] = $command;
 46 |         }
 47 | 
 48 |         return $commands;
 49 |     }
 50 | 
 51 |     /**
 52 |      * @param array<Command> $commands
 53 |      * @return array<ReadModelCommand>
 54 |      */
 55 |     private function hydrateCommands(array $commands): array
 56 |     {
 57 |         return array_values(array_map(function (Command $command): ReadModelCommand {
 58 |             $name = $command->getName();
 59 |             Assert::string(
 60 |                 $name,
 61 |                 sprintf('Command od class "%s" without name not expected at this point.', $command::class)
 62 |             );
 63 | 
 64 |             return new ReadModelCommand(
 65 |                 $name,
 66 |                 $command->getDescription(),
 67 |                 $name,
 68 |                 $this->hydrateArguments($command->getDefinition()->getArguments()),
 69 |                 $this->hydrateOptions($command->getDefinition()->getOptions()),
 70 |             );
 71 |         }, $commands));
 72 |     }
 73 | 
 74 |     /**
 75 |      * @param array<InputArgument> $arguments
 76 |      * @return array<Argument>
 77 |      */
 78 |     private function hydrateArguments(array $arguments): array
 79 |     {
 80 |         return array_values(array_map(function (InputArgument $argument): Argument {
 81 |             // @TODO prepare to other types of default values
 82 |             /** @var string $defaultValue */
 83 |             $defaultValue = is_string($argument->getDefault()) ? $argument->getDefault() : null;
 84 |             return new Argument(
 85 |                 $argument->getName(),
 86 |                 $argument->getDescription(),
 87 |                 $defaultValue,
 88 |                 $defaultValue,
 89 |             );
 90 |         }, $arguments));
 91 |     }
 92 | 
 93 |     /**
 94 |      * @param array<InputOption> $options
 95 |      * @return array<Option>
 96 |      */
 97 |     private function hydrateOptions(array $options): array
 98 |     {
 99 |         return array_values(array_map(function (InputOption $option): Option {
100 |             // @TODO prepare to other types of default values
101 |             /** @var string $defaultValue */
102 |             $defaultValue = is_string($option->getDefault()) ? $option->getDefault() : null;
103 |             return new Option(
104 |                 $option->getName(),
105 |                 $option->getDescription(),
106 |                 $option->acceptValue(),
107 |                 $defaultValue,
108 |                 $defaultValue,
109 |             );
110 |         }, $options));
111 |     }
112 | 
113 |     public function findAllNamespaces(): array
114 |     {
115 |         $namespaces = [];
116 |         $commands = $this->application->all();
117 |         $rawNamespaces = array_keys($commands);
118 |         foreach ($rawNamespaces as $rawNamespace) {
119 |             Assert::string($rawNamespace);
120 |             $command = $commands[$rawNamespace];
121 |             if (in_array($rawNamespace, $command->getAliases())) {
122 |                 continue;
123 |             }
124 | 
125 |             if (str_contains($rawNamespace, ':')) {
126 |                 $namespaces[explode(':', $rawNamespace)[0]] = null;
127 |             }
128 |         }
129 | 
130 |         $namespaces = array_keys($namespaces);
131 |         sort($namespaces);
132 | 
133 |         return array_merge(['root'], $namespaces);
134 |     }
135 | }
136 | 


--------------------------------------------------------------------------------
/assets/components/CliOutput.ts:
--------------------------------------------------------------------------------
  1 | import {html, css, LitElement, unsafeCSS} from 'lit';
  2 | import { customElement, property, query } from 'lit/decorators.js';
  3 | import {unsafeHTML} from 'lit/directives/unsafe-html.js';
  4 | 
  5 | @customElement('cli-output')
  6 | export class CliOutput extends LitElement {
  7 |     static styles = css`
  8 |          .cli {
  9 |             overflow-x: scroll;
 10 |             max-width: 90%;
 11 |             margin-left: auto;
 12 |             margin-right: auto;
 13 |             padding: 15px;
 14 |             background: #111;
 15 |             color: white;
 16 |         }
 17 |         .info {
 18 |             color: green;
 19 |         }
 20 |         .bg-info {
 21 |             background: green;
 22 |             padding: 15px;
 23 |         }
 24 |         .question {
 25 |             color: blue;
 26 |         }
 27 |         .bg-question {
 28 |             background: blue;
 29 |             padding: 15px;
 30 |         }
 31 |         .warning {
 32 |             color: yellow;
 33 |         }
 34 |         .bg-warning {
 35 |             background: yellow;
 36 |             padding: 15px;
 37 |         }
 38 |         .error {
 39 |             color: red;
 40 |         }
 41 |         .bg-error {
 42 |             background: red;
 43 |             padding: 15px;
 44 |         }
 45 |         .command {
 46 |             line-height: 65px;
 47 |         }
 48 |     `
 49 | 
 50 |     @property({type: String})
 51 |     content = ''
 52 | 
 53 |     private renderUnClosedTags(tag: string, line: string, className: string)
 54 |     {
 55 |         return line.split(tag).reduce((previousValue: string, currentValue: string) => {
 56 |             if (currentValue.includes('')) {
 57 |                 return previousValue + '<span class="' + className + '">' + currentValue.replace("", "</span>")
 58 |             }
 59 | 
 60 |             if (currentValue.includes('<span')) {
 61 |                 return previousValue + '<span class="' + className + '">' + currentValue.replace("<span", "</span><span")
 62 |             }
 63 | 
 64 |             return previousValue + '<span class="' + className + '">' + currentValue + "</span>"
 65 |         })
 66 |     }
 67 | 
 68 |     private renderUnClosedTagsUsingSpaces(tag: string, line: string, className: string)
 69 |     {
 70 |         return line.split(tag).reduce((previousValue: string, currentValue: string) => {
 71 |             if (currentValue.includes('')) {
 72 |                 return previousValue + '<span class="' + className + '">' + currentValue.replace("", "</span>")
 73 |             }
 74 | 
 75 |             if (currentValue.includes('<span')) {
 76 |                 return previousValue + '<span class="' + className + '">' + currentValue.replace("<span", "</span><span")
 77 |             }
 78 | 
 79 |             if (currentValue.includes(' ')) {
 80 |                 return previousValue + '<span class="' + className + '">' + currentValue.replace(" ", "</span> ")
 81 |             }
 82 | 
 83 |             return previousValue + '<span class="' + className + '">' + currentValue + "</span>"
 84 |         })
 85 |     }
 86 | 
 87 |     private renderContent() {
 88 |         let contentLines = this.content.split("\n");
 89 |         const content = contentLines.map((line) => {
 90 |             line = this.renderUnClosedTags('', line, '')
 91 |             line = line.replaceAll('', '<code class="info">')
 92 |             line = line.replaceAll('', '<code class="error">')
 93 |             line = line.replaceAll('', '</code>')
 94 |             line = line.replaceAll('[critical]', '<code class="error">[critical]</code>')
 95 |             line = line.replaceAll('[critical]', '<code class="error">[critical]</code>')
 96 |             line = line.replaceAll('[debug]', '<code class="question">[debug]</code>')
 97 |             line = line.replaceAll('[info]', '<code class="info">[info]</code>')
 98 |             line = this.renderUnClosedTags('', line, 'warning')
 99 |             line = this.renderUnClosedTagsUsingSpaces('', line, 'question')
100 |             line = this.renderUnClosedTags('', line, 'question bg-warning')
101 |             line = this.renderUnClosedTags('', line, 'warning bg-question')
102 |             line = this.renderUnClosedTags('', line, 'bg-info')
103 |             line = this.renderUnClosedTags('', line, 'bg-error')
104 |             const urlRegex = '(https?:\\/\\/(?:www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}(:[0-9]+|\\.[a-zA-Z0-9()]{1,6})\\b(?:[-a-zA-Z0-9()@:%_\\+.~#?&\\/=]*))'
105 |             const regex = new RegExp(urlRegex);
106 |             line = line.split(' ').map(word => {
107 |                 return word.replace(regex, '<a href="$1" target="_blank">$1</a>')
108 |             }).join(' ')
109 | 
110 |             return line;
111 |         })
112 | 
113 |         content[0] = '<span class="command">'+content[0]+'</span>'
114 | 
115 |         return content.join("\n")
116 |     }
117 | 
118 |     protected render() {
119 |         return html`
120 |             <pre class="cli">${unsafeHTML(this.renderContent())}</pre>
121 |         `;
122 |     }
123 | }


--------------------------------------------------------------------------------
/src/Command/StartConsoleUiCommand.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | declare(strict_types=1);
  4 | 
  5 | namespace Drinksco\ConsoleUiBundle\Command;
  6 | 
  7 | use Symfony\Component\Console\Command\Command;
  8 | use Symfony\Component\Console\Input\InputArgument;
  9 | use Symfony\Component\Console\Input\InputInterface;
 10 | use Symfony\Component\Console\Output\OutputInterface;
 11 | use Symfony\Component\Process\Exception\ProcessFailedException;
 12 | use Symfony\Component\Process\Process;
 13 | use Webmozart\Assert\Assert;
 14 | 
 15 | class StartConsoleUiCommand extends Command
 16 | {
 17 |     /** @var array<Process> */
 18 |     private array $activeProcesses = [];
 19 | 
 20 |     public function __construct(
 21 |         private readonly string $projectDir,
 22 |     ) {
 23 |         parent::__construct();
 24 |     }
 25 | 
 26 |     protected function configure(): void
 27 |     {
 28 |         $this->setName('_ui')
 29 |             ->setDescription('Start Console UI Application')
 30 |             ->addArgument(
 31 |                 'console_environment',
 32 |                 InputArgument::OPTIONAL,
 33 |                 'Select between "local" or "docker" environments',
 34 |                 'local'
 35 |             );
 36 |     }
 37 | 
 38 |     protected function execute(InputInterface $input, OutputInterface $output): int
 39 |     {
 40 |         $environment = $input->getArgument('console_environment');
 41 |         /** @psalm-suppress RedundantCondition */
 42 |         Assert::string($environment);
 43 | 
 44 |         try {
 45 |             if ('local' === $environment) {
 46 |                 $this->runMercureLocal();
 47 |                 $this->runQueue();
 48 |                 $this->runWebServer();
 49 |                 $this->runElectronApp();
 50 | 
 51 |                 $this->checkProcesses($output);
 52 | 
 53 |                 return Command::SUCCESS;
 54 |             }
 55 | 
 56 |             if ('docker' === $environment) {
 57 |                 $this->runQueueInDocker();
 58 |                 $this->runElectronApp();
 59 | 
 60 |                 $this->checkProcesses($output);
 61 | 
 62 |                 return Command::SUCCESS;
 63 |             }
 64 |         } catch (ProcessFailedException $exception) {
 65 |             $process = $exception->getProcess();
 66 |             Assert::isInstanceOf($process, Process::class);
 67 |             foreach ($this->activeProcesses as $activeProcess) {
 68 |                 if ($activeProcess->isRunning()) {
 69 |                     $activeProcess->signal(SIGKILL);
 70 |                 }
 71 |             }
 72 |             $output->writeln(sprintf(
 73 |                 '<error>%s%s</error>',
 74 |                 $process->getIncrementalOutput(),
 75 |                 $process->getErrorOutput(),
 76 |             ));
 77 | 
 78 |             return Command::FAILURE;
 79 |         }
 80 | 
 81 | 
 82 |         $output->writeln(sprintf(
 83 |             '<error>Given console environment "%s" is not implemented</error>',
 84 |             $environment
 85 |         ));
 86 | 
 87 |         return Command::FAILURE;
 88 |     }
 89 | 
 90 |     private function runMercureLocal(): void
 91 |     {
 92 |         Assert::string($_SERVER['CONSOLE_UI_MERCURE_URL']);
 93 |         $parsedUrl = parse_url($_SERVER['CONSOLE_UI_MERCURE_URL']);
 94 |         Assert::isArray($parsedUrl);
 95 |         $process = new Process(['./mercure'], $this->projectDir, [
 96 |             'JWT_KEY' => $_SERVER['CONSOLE_UI_JWT_SECRET'],
 97 |             'ADDR' => sprintf(
 98 |                 '%s:%s',
 99 |                 $parsedUrl['host'] ?? 'localhost',
100 |                 $parsedUrl['port'] ?? 3000
101 |             ),
102 |             'ALLOW_ANONYMOUS' => 1,
103 |             'CORS_ALLOWED_ORIGINS' => '*'
104 |         ]);
105 |         $process->setTimeout(0);
106 |         $process->setPty(true);
107 | 
108 |         $process->start();
109 | 
110 |         $this->activeProcesses[] = $process;
111 |     }
112 | 
113 |     private function runQueue(): void
114 |     {
115 |         $process = new Process(['bin/console', 'enqueue:consume', '--client=console_queue', '-vvv'], $this->projectDir);
116 |         $process->setTimeout(0);
117 |         $process->setPty(true);
118 | 
119 |         $process->start();
120 | 
121 |         $this->activeProcesses[] = $process;
122 |     }
123 | 
124 |     private function runWebServer(): void
125 |     {
126 |         $process = new Process(['php', '-S', 'localhost:3000', '-t', 'public'], $this->projectDir);
127 |         $process->setTimeout(0);
128 |         $process->setPty(true);
129 | 
130 |         $process->start();
131 | 
132 |         $this->activeProcesses[] = $process;
133 |     }
134 | 
135 |     private function runElectronApp(): void
136 |     {
137 |         $process = new Process(['npm', 'run', 'console-ui-start'], $this->projectDir);
138 |         $process->setTimeout(0);
139 |         $process->setPty(true);
140 | 
141 |         $process->start();
142 | 
143 |         $this->activeProcesses[] = $process;
144 |     }
145 | 
146 |     private function runQueueInDocker(): void
147 |     {
148 |         $process = new Process([
149 |             'docker-compose',
150 |             'exec',
151 |             'php',
152 |             'bin/console',
153 |             'enqueue:consume',
154 |             '--client=console_queue',
155 |             '-vvv'
156 |         ], $this->projectDir);
157 |         $process->setTimeout(0);
158 |         $process->setPty(true);
159 | 
160 |         $process->start();
161 | 
162 |         $this->activeProcesses[] = $process;
163 |     }
164 | 
165 |     private function checkProcesses(OutputInterface $output): void
166 |     {
167 |         while (count($this->activeProcesses)) {
168 |             foreach ($this->activeProcesses as $index => $runningProcess) {
169 |                 // specific process is finished, so we remove it
170 |                 if (!$runningProcess->isRunning()) {
171 |                     unset($this->activeProcesses[$index]);
172 |                     if (!$runningProcess->isSuccessful()) {
173 |                         throw new ProcessFailedException($runningProcess);
174 |                     }
175 |                 }
176 | 
177 |                 $output->write($runningProcess->getIncrementalOutput());
178 |                 // check every second
179 |                 sleep(1);
180 |             }
181 |         }
182 |     }
183 | }
184 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     /* Visit https://aka.ms/tsconfig.json to read more about this file */
 4 | 
 5 |     /* Basic Options */
 6 |     // "incremental": true,                         /* Enable incremental compilation */
 7 |     "target": "ES2015",                                /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', 'ES2021', or 'ESNEXT'. */
 8 |     "module": "commonjs",                           /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
 9 |     // "lib": [],                                   /* Specify library files to be included in the compilation. */
10 |     // "allowJs": true,                             /* Allow javascript files to be compiled. */
11 |     // "checkJs": true,                             /* Report errors in .js files. */
12 |     // "jsx": "preserve",                           /* Specify JSX code generation: 'preserve', 'react-native', 'react', 'react-jsx' or 'react-jsxdev'. */
13 |     // "declaration": true,                         /* Generates corresponding '.d.ts' file. */
14 |     // "declarationMap": true,                      /* Generates a sourcemap for each corresponding '.d.ts' file. */
15 |     // "sourceMap": true,                           /* Generates corresponding '.map' file. */
16 |     // "outFile": "./",                             /* Concatenate and emit output to single file. */
17 |     // "outDir": "./",                              /* Redirect output structure to the directory. */
18 |     // "rootDir": "./",                             /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
19 |     // "composite": true,                           /* Enable project compilation */
20 |     // "tsBuildInfoFile": "./",                     /* Specify file to store incremental compilation information */
21 |     // "removeComments": true,                      /* Do not emit comments to output. */
22 |     // "noEmit": true,                              /* Do not emit outputs. */
23 |     // "importHelpers": true,                       /* Import emit helpers from 'tslib'. */
24 |     // "downlevelIteration": true,                  /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
25 |     // "isolatedModules": true,                     /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
26 | 
27 |     /* Strict Type-Checking Options */
28 |     "strict": true,                                 /* Enable all strict type-checking options. */
29 |     // "noImplicitAny": true,                       /* Raise error on expressions and declarations with an implied 'any' type. */
30 |     // "strictNullChecks": true,                    /* Enable strict null checks. */
31 |     // "strictFunctionTypes": true,                 /* Enable strict checking of function types. */
32 |     // "strictBindCallApply": true,                 /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
33 |     // "strictPropertyInitialization": true,        /* Enable strict checking of property initialization in classes. */
34 |     // "noImplicitThis": true,                      /* Raise error on 'this' expressions with an implied 'any' type. */
35 |     // "alwaysStrict": true,                        /* Parse in strict mode and emit "use strict" for each source file. */
36 | 
37 |     /* Additional Checks */
38 |     // "noUnusedLocals": true,                      /* Report errors on unused locals. */
39 |     // "noUnusedParameters": true,                  /* Report errors on unused parameters. */
40 |     // "noImplicitReturns": true,                   /* Report error when not all code paths in function return a value. */
41 |     // "noFallthroughCasesInSwitch": true,          /* Report errors for fallthrough cases in switch statement. */
42 |     // "noUncheckedIndexedAccess": true,            /* Include 'undefined' in index signature results */
43 |     // "noImplicitOverride": true,                  /* Ensure overriding members in derived classes are marked with an 'override' modifier. */
44 |     // "noPropertyAccessFromIndexSignature": true,  /* Require undeclared properties from index signatures to use element accesses. */
45 | 
46 |     /* Module Resolution Options */
47 |     // "moduleResolution": "node",                  /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
48 |     // "baseUrl": "./",                             /* Base directory to resolve non-absolute module names. */
49 |     // "paths": {},                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
50 |     // "rootDirs": [],                              /* List of root folders whose combined content represents the structure of the project at runtime. */
51 |     // "typeRoots": [],                             /* List of folders to include type definitions from. */
52 |     // "types": [],                                 /* Type declaration files to be included in compilation. */
53 |     // "allowSyntheticDefaultImports": true,        /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
54 |     "esModuleInterop": true,                        /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
55 |     // "preserveSymlinks": true,                    /* Do not resolve the real path of symlinks. */
56 |     // "allowUmdGlobalAccess": true,                /* Allow accessing UMD globals from modules. */
57 | 
58 |     /* Source Map Options */
59 |     // "sourceRoot": "",                            /* Specify the location where debugger should locate TypeScript files instead of source locations. */
60 |     // "mapRoot": "",                               /* Specify the location where debugger should locate map files instead of generated locations. */
61 |     // "inlineSourceMap": true,                     /* Emit a single file with source maps instead of having a separate file. */
62 |     // "inlineSources": true,                       /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
63 | 
64 |     /* Experimental Options */
65 |     "experimentalDecorators": true,              /* Enables experimental support for ES7 decorators. */
66 |     // "emitDecoratorMetadata": true,               /* Enables experimental support for emitting type metadata for decorators. */
67 | 
68 |     /* Advanced Options */
69 |     "skipLibCheck": true,                           /* Skip type checking of declaration files. */
70 |     "forceConsistentCasingInFileNames": true,        /* Disallow inconsistently-cased references to the same file. */
71 |     "lib": [
72 |       "dom",
73 |       "ES2021.String"
74 |     ]
75 |   }
76 | }
77 | 


--------------------------------------------------------------------------------
/src/DependencyInjection/ConsoleUiExtension.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | declare(strict_types=1);
  4 | 
  5 | namespace Drinksco\ConsoleUiBundle\DependencyInjection;
  6 | 
  7 | use Drinksco\ConsoleUiBundle\Command\StartConsoleUiCommand;
  8 | use Drinksco\ConsoleUiBundle\Controller\AppController;
  9 | use Drinksco\ConsoleUiBundle\Controller\CommandScheduleController;
 10 | use Drinksco\ConsoleUiBundle\Event\CommandFailed;
 11 | use Drinksco\ConsoleUiBundle\Event\CommandOutputReceived;
 12 | use Drinksco\ConsoleUiBundle\Event\CommandStarted;
 13 | use Drinksco\ConsoleUiBundle\Event\CommandSucceeded;
 14 | use Drinksco\ConsoleUiBundle\Event\ScheduledCommandReceived;
 15 | use Drinksco\ConsoleUiBundle\EventListener\CommandWatcher;
 16 | use Drinksco\ConsoleUiBundle\EventListener\Mercure\MercureCommandWatcher;
 17 | use Drinksco\ConsoleUiBundle\Finder\CommandFinder;
 18 | use Drinksco\ConsoleUiBundle\Finder\Symfony\SymfonyKernelApplicationFinder;
 19 | use Drinksco\ConsoleUiBundle\Queue\ProcessFactory\ProcessFactory;
 20 | use Drinksco\ConsoleUiBundle\Queue\ProcessFactory\SymfonyProcessFactory;
 21 | use Drinksco\ConsoleUiBundle\Queue\QueueCommandHandler;
 22 | use Drinksco\ConsoleUiBundle\Queue\Enqueue\RunCommandProcessor;
 23 | use Symfony\Bundle\FrameworkBundle\Console\Application as KernelApplication;
 24 | use Symfony\Component\Console\Application;
 25 | use Symfony\Component\DependencyInjection\ContainerBuilder;
 26 | use Symfony\Component\DependencyInjection\ContainerInterface;
 27 | use Symfony\Component\DependencyInjection\Reference;
 28 | use Symfony\Component\HttpKernel\DependencyInjection\ConfigurableExtension;
 29 | use Symfony\Component\Mercure\Debug\TraceableHub;
 30 | use Symfony\Component\Mercure\Hub;
 31 | use Symfony\Component\Mercure\Jwt\FactoryTokenProvider;
 32 | use Symfony\Component\Mercure\Jwt\LcobucciFactory;
 33 | use Webmozart\Assert\Assert;
 34 | 
 35 | class ConsoleUiExtension extends ConfigurableExtension
 36 | {
 37 |     /** @param array<mixed> $mergedConfig */
 38 |     public function loadInternal(array $mergedConfig, ContainerBuilder $container): void
 39 |     {
 40 |         $this->configureStartConsoleCommand($container);
 41 |         $this->configureCommandFinder($container);
 42 |         $this->configureControllers($container);
 43 |         $this->configureHub($container);
 44 |         $this->configureCommandProcessor($container);
 45 |         $this->configureCommandHandler($container);
 46 |         $this->configureCommandWatcher($container);
 47 |     }
 48 | 
 49 |     private function configureCommandFinder(ContainerBuilder $containerBuilder): void
 50 |     {
 51 |         $containerBuilder->register(Application::class, KernelApplication::class)
 52 |             ->addArgument(new Reference('kernel'));
 53 |         $containerBuilder->register(CommandFinder::class, SymfonyKernelApplicationFinder::class)
 54 |             ->addArgument(new Reference(Application::class));
 55 |     }
 56 | 
 57 |     private function configureControllers(ContainerBuilder $containerBuilder): void
 58 |     {
 59 |         $containerBuilder->setParameter('env(CONSOLE_API_URL)', 'http://localhost:3000');
 60 |         $containerBuilder->register(AppController::class, AppController::class)
 61 |             ->addArgument(new Reference(CommandFinder::class))
 62 |             ->addArgument(new Reference('twig'))
 63 |             ->setAutoconfigured(true)
 64 |             ->addTag('controller.service_arguments');
 65 |         $containerBuilder->register(CommandScheduleController::class, CommandScheduleController::class)
 66 |             ->addArgument(new Reference(QueueCommandHandler::class))
 67 |             ->setAutoconfigured(true)
 68 |             ->addTag('controller.service_arguments');
 69 |     }
 70 | 
 71 |     private function configureCommandProcessor(ContainerBuilder $containerBuilder): void
 72 |     {
 73 |         $configuration = $this->getConfiguration([], $containerBuilder);
 74 |         Assert::notNull($configuration);
 75 |         $config = $this->processConfiguration($configuration, []);
 76 |         $containerBuilder->register(ProcessFactory::class, SymfonyProcessFactory::class);
 77 | 
 78 |         $provider = $config['command_provider'] ?? [];
 79 |         Assert::string($provider);
 80 |         if ('enqueue_php' === $provider) {
 81 |             Assert::keyExists($config, 'provider_options');
 82 |             Assert::isArray($config['provider_options']);
 83 |             Assert::keyExists($config['provider_options'], 'enqueue_php');
 84 |             Assert::isArray($config['provider_options']['enqueue_php']);
 85 |             $providerOptions = $config['provider_options']['enqueue_php'];
 86 |             Assert::keyExists($providerOptions, 'queue_name');
 87 |             Assert::string($providerOptions['queue_name']);
 88 |             $queueName = $providerOptions['queue_name'];
 89 |             $containerBuilder->register(RunCommandProcessor::class, RunCommandProcessor::class)
 90 |                 ->addArgument(new Reference('event_dispatcher'))
 91 |                 ->addArgument(new Reference(ProcessFactory::class))
 92 |                 ->addArgument('%kernel.project_dir%')
 93 |                 ->setAutoconfigured(true)
 94 |                 ->addTag(
 95 |                     'enqueue.command_subscriber',
 96 |                     ['name' => 'enqueue.command_subscriber', 'topicName' => 'run_command', 'client' => $queueName],
 97 |                 );
 98 |         }
 99 |     }
100 | 
101 |     private function configureCommandHandler(ContainerBuilder $containerBuilder): void
102 |     {
103 |         $containerBuilder->register(QueueCommandHandler::class, QueueCommandHandler::class)
104 |             ->addArgument(new Reference('event_dispatcher'))
105 |             ->addArgument('%env(APP_ENV)%');
106 |     }
107 | 
108 |     private function configureCommandWatcher(ContainerBuilder $containerBuilder): void
109 |     {
110 |         $containerBuilder->register(CommandWatcher::class, MercureCommandWatcher::class)
111 |             ->addArgument(new Reference('console_ui.hub.default'))
112 |             ->addTag('kernel.event_listener', [
113 |                 'event' => CommandStarted::class,
114 |                 'method' => 'handleCommandStarted',
115 |             ])
116 |             ->addTag('kernel.event_listener', [
117 |                 'event' => ScheduledCommandReceived::class,
118 |                 'method' => 'handleScheduledCommandReceived',
119 |             ])
120 |             ->addTag('kernel.event_listener', [
121 |                 'event' => CommandOutputReceived::class,
122 |                 'method' => 'handleCommandOutputReceived',
123 |             ])
124 |             ->addTag('kernel.event_listener', [
125 |                 'event' => CommandSucceeded::class,
126 |                 'method' => 'handleCommandSucceeded',
127 |             ])
128 |             ->addTag('kernel.event_listener', [
129 |                 'event' => CommandFailed::class,
130 |                 'method' => 'handleCommandFailed',
131 |             ]);
132 |     }
133 | 
134 |     private function configureStartConsoleCommand(ContainerBuilder $containerBuilder): void
135 |     {
136 |         $containerBuilder->register(StartConsoleUiCommand::class, StartConsoleUiCommand::class)
137 |             ->addArgument('%kernel.project_dir%')
138 |             ->addTag('console.command');
139 |     }
140 | 
141 |     private function configureHub(ContainerBuilder $containerBuilder): void
142 |     {
143 |         $containerBuilder->setParameter('env(CONSOLE_UI_JWT_SECRET)', '!ChangeThisMercureHubJWTSecretKey!');
144 |         $containerBuilder->setParameter('env(CONSOLE_UI_MERCURE_URL)', 'http://localhost:3001/.well-known/mercure');
145 |         $containerBuilder->setParameter(
146 |             'env(CONSOLE_UI_MERCURE_PUBLIC_URL)',
147 |             'http://localhost:3001/.well-known/mercure'
148 |         );
149 | 
150 |         $containerBuilder->register('console_ui.hub.default.jwt.factory', LcobucciFactory::class)
151 |             ->addArgument('%env(CONSOLE_UI_JWT_SECRET)%')
152 |             ->addArgument('hmac.sha256')
153 |             ->addArgument(null)
154 |             ->addArgument('')
155 |             ->addTag('mercure.jwt.factory');
156 |         $containerBuilder->register('console_ui.hub.default.jwt.provider', FactoryTokenProvider::class)
157 |             ->addArgument(new Reference('console_ui.hub.default.jwt.factory'))
158 |             ->addArgument([])
159 |             ->addArgument(['*'])
160 |             ->addTag('mercure.jwt.factory');
161 |         $containerBuilder->register('console_ui.hub.default', Hub::class)
162 |             ->addArgument('%env(CONSOLE_UI_MERCURE_URL)%')
163 |             ->addArgument(new Reference('console_ui.hub.default.jwt.provider'))
164 |             ->addArgument(new Reference('console_ui.hub.default.jwt.factory'))
165 |             ->addArgument('%env(CONSOLE_UI_MERCURE_PUBLIC_URL)%')
166 |             ->addArgument((new Reference('http_client', ContainerInterface::IGNORE_ON_INVALID_REFERENCE)))
167 |             ->addTag('mercure.hub');
168 |     }
169 | }
170 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | Console UI Bundle
  2 | ============
  3 | 
  4 | > With great power comes great responsibility.
  5 | 
  6 | An interactive, real-time User interface for the Symfony Console.
  7 | 
  8 | > 🚧 We are at a developing stage, every contribution in every aspect will be welcomed and properly attributed.
  9 | 
 10 | ![Open console](repo-images/console-open-1.png)
 11 | 
 12 | ## Tested OSs
 13 | 
 14 | * 🐧 Linux:
 15 |   * Ubuntu 20.04 + PHP 8.1
 16 |   * Ubuntu 20.04 + Symfony Docker
 17 |     
 18 | * 🍏 Mac OS:
 19 |   * M1 2020 + PHP 8.1
 20 |   * M1 2020 + Docker (Work in progress)
 21 | 
 22 | * 🪟 Windows:
 23 | 
 24 | > If you try it, you are encouraged to make a GitHub issue to let us know your experience :
 25 | 
 26 | ## Features
 27 | 
 28 | - [x] Execute Single Command
 29 | - [x] Accept Input Arguments
 30 | - [x] Accept Input Options
 31 | - [ ] Accept Global Input Arguments
 32 | - [ ] Accept Global Input Options
 33 | - [ ] Copy Command Line to Clipboard
 34 | - [ ] Symfony Messenger Support
 35 | - [ ] Kill Command execution
 36 | - [ ] Flex recipe - Installer - Out of the box usage
 37 | 
 38 | ## Todos
 39 | 
 40 | - [ ] 🛣️ Refactor the socket connection to avoid http1 limit of 6 concurrent connections
 41 | 
 42 | #### PHP 
 43 | 
 44 | - [x] 📢 Make it public
 45 | - [x] 🔼 Upload to packagist
 46 | - [ ] 🧟 The X-Men are meshing up around our testsuite 
 47 | 
 48 | #### TypeScript
 49 | 
 50 | - [x] 📢 Make it public
 51 | - [ ] 🔼 Extract web-component as NPM package
 52 | - [ ] 🛠️ Cover with unit tests
 53 | 
 54 | ### Dependencies
 55 | 
 56 | #### System
 57 | 
 58 | * PHP 8.1 Or Docker
 59 | * NPM + Yarn
 60 | 
 61 | > We are working in a docker version to install system dependencies in a single command
 62 | 
 63 | #### App Build
 64 | 
 65 | * symfony/symfony/webpack-encore-bundle: Default
 66 | 
 67 | #### Socket Server
 68 | 
 69 | * symfony/mercure: Required
 70 | 
 71 | #### Queue System
 72 | 
 73 | * enqueue/enqueue-bundle: Default
 74 | * enqueue/enqueue-fs: Default
 75 | 
 76 | 
 77 | ## Installation
 78 | 
 79 | Make sure Composer is installed globally, as explained in the
 80 | [installation chapter](https://getcomposer.org/doc/00-intro.md)
 81 | of the Composer documentation.
 82 | 
 83 | ## Applications that use Symfony Flex
 84 | 
 85 | > We have not done any Flex recipe yet, look at the Applications that don't use Symfony Flex section for the bundle configuration.
 86 | 
 87 | Open a command console, enter your project directory and execute:
 88 | 
 89 | ```bash
 90 | # We add all deps to ensure we dispatch every flex events. 
 91 | composer require --dev symfony/webpack-encore-bundle mercure enqueue/enqueue-bundle enqueue/fs drinksco/console-ui-bundle
 92 | ```
 93 | 
 94 | If using Symfony Docker: Jump to step 4: Configure webpack.
 95 | 
 96 | If using local configuration check how to set up Mercure Hub in "Install Symfony Mercure Component and Hub" section.
 97 | 
 98 | ## Applications that don't use Symfony Flex
 99 | 
100 | ### Step 1: Configure dependencies
101 | 
102 | #### Install Symfony Webpack Encore Bundle
103 | 
104 | Webpack Encore Bundle allows us to use modern Front-end languages inside our PHP applications.
105 | Follow [the official docs](https://symfony.com/doc/current/frontend/encore/installation.html) to get it up and running.
106 | 
107 | ```bash
108 | # If not installed yet
109 | composer require --dev symfony/webpack-encore-bundle
110 | ```
111 | 
112 | #### Install Symfony Mercure Component and Hub
113 | 
114 | Mercure is a high performance socket server, it allows us to get realtime console output in the UI. 
115 | Follow [the official docs](https://symfony.com/doc/current/mercure.html) to get it up and running.
116 | 
117 | Using flex, Mercure will configure automatically for us.
118 | 
119 | ```bash
120 | # If not installed yet
121 | composer require --dev mercure
122 | ```
123 | 
124 | > Using the [Symfony docker package](https://github.com/dunglas/symfony-docker) we can jump to the next step.
125 | 
126 | Mercure requires a dedicated Hub. You can use an open source version from [Mercure.Rocks](https://mercure.rocks/docs/hub/install).
127 | 
128 | Install it from release page https://github.com/dunglas/mercure/releases and at the moment we will choose the legacy
129 | version for your SO.
130 | 
131 | Download the binary and put it in the project root.
132 | 
133 | > Why Mercure? It allows us to communicate between background running commands and frontend. We can search another
134 | "more friendly" alternative  as running commands inside an 'http' request, but it will directly reduce the console tool
135 | performance or it will not be possible to run long processes.
136 | 
137 | #### Install Forma-Pro Enqueue Bundle
138 | 
139 | Enqueue Bundle allows us to run commands in its own processes, when combined with Mercure Sockets it gives us the real-time
140 | execution flow.
141 | 
142 | Follow [the official docs](https://php-enqueue.github.io/bundle/quick_tour/) to get it up and running.
143 | 
144 | Then install the Filesystem Transport it will do rest of the work 😉.
145 | 
146 | ```bash
147 | # If not installed yet
148 | composer require --dev enqueue/enqueue-bundle enqueue/fs
149 | ```
150 | 
151 | ### Step 2: Download the Bundle
152 | 
153 | Open a command console, enter your project directory and execute the
154 | following command to download the latest stable version of this bundle:
155 | 
156 | While there is not recipe yet, we need to declare some environment variables for the Console UI
157 | 
158 | ```env
159 | # Local Config
160 | CONSOLE_API_URL=http://localhost:3000
161 | CONSOLE_UI_MERCURE_URL=http://localhost:3001/.well-known/mercure
162 | CONSOLE_UI_JWT_SECRET="!ChangeThisMercureHubJWTSecretKey!"
163 | 
164 | # Symfony Docker Config
165 | CONSOLE_API_URL=https://caddy:3000
166 | CONSOLE_QUEUE_DSN=file:///srv/app/var/queue/enqueue?pre_fetch_count=1&polling_interval=100
167 | CONSOLE_UI_MERCURE_URL=https://caddy/.well-known/mercure
168 | CONSOLE_UI_MERCURE_PUBLIC_URL=https://caddy/.well-known/mercure
169 | ```
170 | 
171 | > Do not forget to set your absolute path with write read and write permissions for the queue dsn. Also, double-check
172 | > the Mercure environment variables for host or port mismatches
173 | 
174 | ```console
175 | $ composer require --dev drinksco/console-ui-bundle
176 | ```
177 | 
178 | ### Step 3: Enable the Bundle
179 | 
180 | Then, enable the bundle by adding it to the list of registered bundles
181 | in the `config/bundles.php` file of your project:
182 | 
183 | ```php
184 | // config/bundles.php
185 | 
186 | return [
187 |     // ...
188 |     Drinksco\ConsoleUiBundle\ConsoleUiBundle::class => ['dev' => true],
189 | ];
190 | ```
191 | 
192 | ### Step 4: Configure Webpack
193 | 
194 | > Console UI Web component should be updated to npm
195 | 
196 | Then [enable TypeScript support](https://symfony.com/doc/current/frontend/encore/typescript.html). Lastly add an
197 | entry for the `console-ui` web component.
198 | 
199 | While we are not available `console-ui` component via npm, we need to install and configure it.
200 | 
201 | ```javascript
202 | // webpack.config.js
203 | const Dotenv = require('dotenv-webpack');
204 | ...
205 |     .addEntry('component-loader', './node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js')
206 |     .addEntry('console-ui', './vendor/drinksco/console-ui-bundle/assets/app.js')
207 |     ...
208 |     // uncomment if you use TypeScript
209 |     .enableTypeScriptLoader()
210 |     ...
211 |     .addPlugin(new Dotenv())
212 | ...
213 | ```
214 | 
215 | in the `package.json` file:
216 | 
217 | ```json
218 | ...
219 |     "main": "./vendor/drinksco/console-ui-bundle/main.js",
220 |     "scripts": {
221 |         ...
222 |         "console-ui-start": "electron ."
223 |     }
224 | ```
225 | 
226 | Install NPM dependencies
227 | 
228 | ```bash
229 | yarn add --dev @hotwired/stimulus @symfony/stimulus-bridge @symfony/webpack-encore core-js dotenv dotenv-webpack electron regenerator-runtime ts-loader typescript webpack-notifier @material/card @material/mwc-button @material/mwc-checkbox @material/mwc-circular-progress @material/mwc-dialog @material/mwc-formfield @material/mwc-icon @material/mwc-list @material/mwc-textfield @material/mwc-top-app-bar-fixed @webcomponents/webcomponentsjs lit material-components-web
230 | ```
231 | 
232 | Then build the Web Components
233 | ```bash
234 | yarn encore production
235 | ```
236 | 
237 | ### Step 5: Import Routes
238 | 
239 | ```yaml
240 | # config/routes/console-ui.yaml
241 | when@dev:
242 |     cli:
243 |       resource: '@ConsoleUiBundle/Resources/config/console-ui/routes.yaml'
244 |       prefix: /cli
245 | 
246 | ```
247 | 
248 | Clear cache to load newly added routes.
249 | 
250 | ```bash
251 | bin/console cache:clear
252 | ```
253 | 
254 | ### Step 6: Execute Electron App
255 | 
256 | Now, we have configured everything 😉, it is time to run our Symfony console UI🚀
257 | 
258 | ```bash
259 | # Local
260 | bin/console _ui
261 | # Symfony Docker
262 | bin/console _ui docker
263 | ```
264 | 
265 | If you run into issues or want to give us feedback, you are encouraged to make a GitHub issue or a bug report.
266 | 


--------------------------------------------------------------------------------
/assets/components/TestForm.ts:
--------------------------------------------------------------------------------
  1 | import {html, css, LitElement} from 'lit';
  2 | import {customElement, property, query, queryAll} from 'lit/decorators.js';
  3 | import {TextField} from '@material/mwc-textfield'
  4 | import {Checkbox} from '@material/mwc-checkbox'
  5 | import {TestType} from "../model/TestType";
  6 | import '@material/mwc-button'
  7 | import '@material/mwc-dialog'
  8 | import '@material/mwc-icon'
  9 | import '@material/mwc-formfield'
 10 | import '@material/mwc-textfield'
 11 | import '@material/mwc-checkbox'
 12 | import {InputArgument} from "../model/InputArgument";
 13 | import {api} from "../http-client/HttpClient";
 14 | import {InputOption} from "../model/InputOption";
 15 | import {unsafeHTML} from 'lit/directives/unsafe-html.js';
 16 | 
 17 | @customElement('test-form')
 18 | export class TestForm extends LitElement {
 19 |     static styles = css`
 20 |         mwc-dialog {
 21 |             text-align: left;
 22 |             --mdc-dialog-min-width: 320px;
 23 |         }
 24 |         @media (min-width: 560px) {
 25 |             mwc-dialog {
 26 |                 --mdc-dialog-min-width: 520px;
 27 |             }
 28 |         }
 29 |         @media (min-width: 760px) {
 30 |             mwc-dialog {
 31 |                 --mdc-dialog-min-width: 720px;
 32 |             }
 33 |         }
 34 |         @media (min-width: 940px) {
 35 |             mwc-dialog {
 36 |                 --mdc-dialog-min-width: 920px;
 37 |             }
 38 |         }
 39 |         mwc-textfield {
 40 |             padding: 20px;
 41 |             width: 90%;
 42 |         }
 43 |         .centered {
 44 |             width: 90%;
 45 |             margin-left: auto;
 46 |             margin-right: auto;
 47 |             text-align: center;
 48 |         }
 49 |         .left-text-pad {
 50 |             width: 90%;
 51 |             margin-left: auto;
 52 |             margin-right: auto;
 53 |             text-align: justify;
 54 |         }
 55 |     `;
 56 | 
 57 |     @property({type: Object as unknown as TestType})
 58 |     testType = {name: '', command: '', description: '', arguments: [], options: []}
 59 |     @property()
 60 |     inputArgumentValues: Array<string> = []
 61 |     @property()
 62 |     inputOptionValues: Array<string> = []
 63 | 
 64 |     @query('#dialog1')
 65 |     dialog!: HTMLDialogElement;
 66 | 
 67 |     @queryAll('.textfield-argument mwc-textfield')
 68 |     inputArgumentNodes!: NodeList;
 69 |     @queryAll('.textfield-option mwc-textfield')
 70 |     inputOptionNodes!: NodeList;
 71 |     @queryAll('.textfield-option mwc-checkbox')
 72 |     inputCheckNodes!: NodeList;
 73 | 
 74 |   private openDialog() {
 75 |         this.hydrateInputs()
 76 |         this.dialog.open = true;
 77 |     }
 78 | 
 79 |     private hydrateArguments() {
 80 |         let inputValues: Array<string> = []
 81 | 
 82 |         this.inputArgumentNodes.forEach((value: Node) => {
 83 |             let inputElement: TextField
 84 |             inputElement = value as TextField
 85 |             if ('' !== inputElement.value) {
 86 |                 inputValues.push(inputElement.value)
 87 |             }
 88 |         })
 89 | 
 90 |         this.inputArgumentValues = inputValues
 91 |     }
 92 | 
 93 |     private hydrateOptions() {
 94 |         let inputValues: Array<string> = []
 95 | 
 96 |         this.inputOptionNodes.forEach((value: Node) => {
 97 |             let inputElement: TextField
 98 |             inputElement = value as TextField
 99 |             if ('' !== inputElement.value) {
100 |                 inputValues.push(inputElement.label + inputElement.value)
101 |             }
102 |         })
103 | 
104 |         this.inputOptionValues = inputValues
105 |         this.hydrateOptionChecks()
106 |     }
107 | 
108 |     private hydrateOptionChecks() {
109 |         let inputValues: Array<string> = []
110 | 
111 |         this.inputCheckNodes.forEach((value: Node) => {
112 |             let inputElement: Checkbox
113 |             inputElement = value as Checkbox
114 |             const index = this.inputOptionValues.indexOf(inputElement.name)
115 |             if (inputElement.checked && -1 === index) {
116 |                 inputValues.push(inputElement.name)
117 |             } else if(!inputElement.checked && index > -1) {
118 |                 this.inputOptionValues.splice(index, 1)
119 |             }
120 |         })
121 | 
122 |         this.inputOptionValues = this.inputOptionValues.concat(inputValues)
123 |     }
124 | 
125 |     private hydrateInputs() {
126 |         this.hydrateArguments()
127 |         this.hydrateOptions()
128 |     }
129 | 
130 |     private async submitForm() {
131 |         this.hydrateInputs()
132 | 
133 |         await api(
134 |             process.env.CONSOLE_API_URL + '/cli/console-ui/schedule',
135 |             {
136 |                 method: 'POST',
137 |                 headers: {
138 |                     'Accept': 'application/json',
139 |                     'Content-Type': 'application/json',
140 |                 },
141 |                 body: JSON.stringify({
142 |                     name: this.testType.command,
143 |                     arguments: this.inputArgumentValues,
144 |                     options: this.inputOptionValues,
145 |                 })
146 |             }
147 |         );
148 |     }
149 | 
150 |     private renderArguments() {
151 |         return html`
152 |             <div class="textfield-argument">
153 |                 ${this.testType.arguments.map((argument: InputArgument) => {
154 |                     return html`
155 |                         <mwc-textfield
156 |                                 outlined
157 |                                 label="${argument.name}"
158 |                                 helper="${argument.description}"
159 |                                 value="${argument.defaultValue}"
160 |                                 @keyup="${this.hydrateArguments}"
161 |                         ></mwc-textfield>
162 |                     `
163 |                 })}
164 |             </div>
165 |         `
166 |     }
167 | 
168 |     private renderOptionField(option: InputOption) {
169 |         if (option.acceptValue) {
170 |             return html`
171 |                 <mwc-textfield
172 |                         outlined
173 |                         label="--${option.name}="
174 |                         helper="${option.description}"
175 |                         value="${option.defaultValue}"
176 |                         @keyup="${this.hydrateOptions}"
177 |                 ></mwc-textfield>
178 |             `
179 |         }
180 | 
181 |         return html`
182 |             <div class="left-text-pad">
183 |                 <mwc-formfield label="--${option.name}">
184 |                     <mwc-checkbox name="--${option.name}" @change="${this.hydrateOptions}""></mwc-checkbox>
185 |                 </mwc-formfield>
186 |             </div>
187 |         `
188 |     }
189 | 
190 |     private renderInputOptions() {
191 |         return html`
192 |             <div class="textfield-option">
193 |                 ${this.testType.options.map((option: InputOption) => this.renderOptionField(option))}
194 |             </div>
195 |         `
196 |     }
197 | 
198 |     private printCommand() {
199 |         return 'bin/console ' + this.testType.name + ' '
200 |             + this.inputArgumentValues.map(value => value + ' ').join().replaceAll(',', '')
201 |             + this.inputOptionValues.map(value => value + ' ').join().replaceAll(',', '')
202 |     }
203 |     render() {
204 |         return html`
205 |             <mwc-button outlined label="" icon="play_arrow" trailingIcon @click="${this.openDialog}"></mwc-button>
206 |             <mwc-dialog id="dialog1"
207 |                         class=""
208 |                         heading="${this.testType.name}"
209 |             >
210 |                 <div>
211 |                     <cli-output
212 |                             content="${this.printCommand()}"
213 |                     ></cli-output>
214 | 
215 |                     <div class="centered">
216 |                         ${unsafeHTML(
217 |                                 this.testType.arguments.length > 0
218 |                                         ? '<div class="left-text-pad"><strong>Input Arguments: </strong></div>'
219 |                                         : ''
220 |                         )}
221 |                         ${this.renderArguments()}
222 | 
223 |                         ${unsafeHTML(
224 |                                 this.testType.options.length > 0
225 |                                         ? '<div class="left-text-pad"><strong>Input Options: </strong></div>'
226 |                                         : ''
227 |                         )}
228 |                         ${this.renderInputOptions()}
229 |                     </div>
230 | 
231 |                 </div>
232 | 
233 |                 <mwc-button slot="primaryAction" dialogAction="ok" icon="play_arrow" @click="${this.submitForm}">Run
234 |                     Command
235 |                 </mwc-button>
236 |                 <mwc-button slot="secondaryAction" dialogAction="cancel" icon="close">Close</mwc-button>
237 |             </mwc-dialog>
238 |         `;
239 |     }
240 | }
241 | 


--------------------------------------------------------------------------------