[Workflow] Add a link to mermaid.live from the profiler

lyrixx · lyrixx · commit cf57a8dff28a · 2025-04-10T14:00:01.000+02:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/workflow.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/workflow.html.twig
@@ -137,10 +137,12 @@
             {{ source('@WebProfiler/Script/Mermaid/mermaid-flowchart-v2.min.js') }}
             const isDarkMode = document.querySelector('body').classList.contains('theme-dark');
             mermaid.initialize({
-                flowchart: { useMaxWidth: false },
+                flowchart: {
+                    useMaxWidth: true,
+                },
                 securityLevel: 'loose',
-                'theme': 'base',
-                'themeVariables': {
+                theme: 'base',
+                themeVariables: {
                     darkMode: isDarkMode,
                     'fontFamily': 'var(--font-family-system)',
                     'fontSize': 'var(--font-size-body)',
@@ -275,6 +277,7 @@
                                 click {{ nodeId }} showNodeDetails{{ collector.hash(name) }}
                             {% endfor %}
                         </pre>
+                        <a href="{{ collector.buildMermaidLink(name) }}">View on mermaid.live</a>
 
                         <h3>Calls</h3>
                         <table>
diff --git a/src/Symfony/Component/Workflow/DataCollector/WorkflowDataCollector.php b/src/Symfony/Component/Workflow/DataCollector/WorkflowDataCollector.php
@@ -88,28 +88,6 @@ public function getCallsCount(): int
         return $i;
     }
 
-    protected function getCasters(): array
-    {
-        return [
-            ...parent::getCasters(),
-            TransitionBlocker::class => function ($v, array $a, Stub $s, $isNested) {
-                unset(
-                    $a[\sprintf(Caster::PATTERN_PRIVATE, $v::class, 'code')],
-                    $a[\sprintf(Caster::PATTERN_PRIVATE, $v::class, 'parameters')],
-                );
-
-                $s->cut += 2;
-
-                return $a;
-            },
-            Marking::class => function ($v, array $a, Stub $s, $isNested) {
-                $a[Caster::PREFIX_VIRTUAL.'.places'] = array_keys($v->getPlaces());
-
-                return $a;
-            },
-        ];
-    }
-
     public function hash(string $string): string
     {
         return hash('xxh128', $string);
@@ -163,6 +141,45 @@ private function getEventListeners(WorkflowInterface $workflow): array
         return $listeners;
     }
 
+    public function buildMermaidLink(string $name)
+    {
+        $payload = [
+            'code' => $this->data['workflows'][$name]['dump'],
+            'mermaid' => json_encode([
+                'theme' => 'default',
+            ]),
+            'autoSync' => false,
+        ];
+
+        $compressed = zlib_encode(json_encode($payload), ZLIB_ENCODING_DEFLATE);
+
+        $suffix = rtrim(strtr(base64_encode($compressed), '+/', '-_'), '=');
+
+        return "https://mermaid.live/edit#pako:{$suffix}";
+    }
+
+    protected function getCasters(): array
+    {
+        return [
+            ...parent::getCasters(),
+            TransitionBlocker::class => function ($v, array $a, Stub $s, $isNested) {
+                unset(
+                    $a[\sprintf(Caster::PATTERN_PRIVATE, $v::class, 'code')],
+                    $a[\sprintf(Caster::PATTERN_PRIVATE, $v::class, 'parameters')],
+                );
+
+                $s->cut += 2;
+
+                return $a;
+            },
+            Marking::class => function ($v, array $a, Stub $s, $isNested) {
+                $a[Caster::PREFIX_VIRTUAL.'.places'] = array_keys($v->getPlaces());
+
+                return $a;
+            },
+        ];
+    }
+
     private function summarizeListener(callable $callable, ?string $eventName = null, ?Transition $transition = null): array
     {
         $extra = [];
