FEATURE: Format stdout with eel helper

If a line contains json output it is rendered as toggable details element

Author: Sebobo

Classes/Eel/ModuleHelper.php

@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Flowpack\DecoupledContentStore\Eel;
+
+use Neos\Eel\ProtectedContextAwareInterface;
+use Neos\Flow\Annotations as Flow;
+
+/**
+ * @Flow\Scope("singleton")
+ */
+class ModuleHelper implements ProtectedContextAwareInterface
+{
+    public function formatStdOutput(string $stdOut): string
+    {
+        $escapedString = $stdOut;
+        $lines = array_reverse(array_filter(preg_split("/\r\n|\n|\r/", $escapedString)));
+        $lineCount = count($lines);
+
+        $formattedLines = array_map(static function (string $line, int $index) use ($lineCount) {
+            // Extract additional JSON data
+            preg_match("/\{.*}/", $line, $jsonMatches);
+            $jsonData = array_filter(array_map(static function (string $match) {
+                $matchData = json_decode($match, true);
+                return $matchData['message'] ?? $matchData;
+            }, $jsonMatches));
+            if (count($jsonData) === 1) {
+                $jsonData = array_shift($jsonData);
+            }
+
+            // Remove additional JSON data from log line
+            $line = preg_replace("/\{.*}/", '', $line);
+
+            // Add highlighting for log levels
+            $line = preg_replace("/(DEBUG|WARNING|ERROR|INFO): (.*)/", "<span class=\"log-level-$1\">$1:</span> <span class=\"log-content-$1\">$2</span>", htmlSpecialChars($line));
+
+            // Add line numbers
+            $line = ($lineCount - $index) . ': ' . $line;
+
+            // Insert formatted JSON data
+            if ($jsonData) {
+                $isDebug = strpos($line, 'DEBUG:') !== false;
+                $jsonString = "\n<span class=\"json\">" . json_encode($jsonData, JSON_PRETTY_PRINT) . "</span>";
+                $line = $isDebug ? '<details class="json-details">' . '<summary>' . $line . '</summary>' . $jsonString . '</details>' : $line . $jsonString;
+            }
+
+            // Wrap in <pre> tags
+            return '<pre>' . $line . '</pre>';
+        }, $lines, range(1, $lineCount));
+
+        return implode("\n", $formattedLines);
+    }
+
+    public function allowsCallOfMethod($methodName): bool
+    {
+        return true;
+    }
+}

Configuration/Settings.yaml

@@ -180,3 +180,7 @@ Neos:
       routes:
         'Flowpack.DecoupledContentStore':
           position: 'before Neos.Neos'
+
+  Fusion:
+    defaultContext:
+      Flowpack.DecoupledContentStore: Flowpack\DecoupledContentStore\Eel\ModuleHelper

Resources/Private/BackendFusion/Integration/Backend.Details.fusion

@@ -8,7 +8,7 @@ Flowpack.DecoupledContentStore.BackendController.details = Neos.Fusion:Component
     // - redisContentStores: array of all configured content store identifiers
     // - isPrimary: bool
 
-    stdOutLines = ${Array.filter(String.pregSplit(String.htmlSpecialChars(jobLogs.stdout), "/\r\n|\n|\r/"))}
+    stdOutLines = ${Flowpack.DecoupledContentStore.formatStdOutput(jobLogs.stdout)}
 
     renderer = afx`
         <div id="app">
@@ -48,11 +48,7 @@ Flowpack.DecoupledContentStore.BackendController.details = Neos.Fusion:Component
               </div>
 
               <h2 class="text-3xl py-5">Log output for {detailTaskName}</h2>
-              <div title="stdout" class="stdout grid gap-2">
-                <Neos.Fusion:Loop items={Array.reverse(props.stdOutLines)} iterationName="iteration">
-                  <pre>{Array.length(props.stdOutLines) - iteration.index}: {String.pregReplace(item, "/(DEBUG|WARNING|ERROR|INFO): (.*)/", "<span class=\"log-level-$1\">$1:</span> <span class=\"log-content-$1\">$2</span>")}</pre>
-                </Neos.Fusion:Loop>
-              </div>
+              <div title="stdout" class="stdout grid gap-2">{props.stdOutLines}</div>
             </Neos.Fusion:Fragment>
             <p @if.notData={!detailsData}>
               No data exists for this release in Redis.