From 95ac9549b2d17235ddb70a4bb3db68541d95acfb Mon Sep 17 00:00:00 2001
From: Javier Eguiluz <javier.eguiluz@gmail.com>
Date: Thu, 7 Mar 2019 10:28:33 +0100
Subject: [PATCH] Improved the highlighting of JS examples in Mercure docs

---
 mercure.rst | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/mercure.rst b/mercure.rst
index b82263be47a..ff9b457cc70 100644
--- a/mercure.rst
+++ b/mercure.rst
@@ -189,30 +189,29 @@ Subscribing to updates in JavaScript is straightforward:
 
 .. code-block:: javascript
 
-    <script>
     const es = new EventSource('http://localhost:3000/hub?topic=' + encodeURIComponent('http://example.com/books/1'));
     es.onmessage = e => {
         // Will be called every time an update is published by the server
         console.log(JSON.parse(e.data));
     }
-    </script>
 
 Mercure also allows to subscribe to several topics,
 and to use URI Templates as patterns:
 
 .. code-block:: javascript
 
-    <script>
-    const u = new URL('http://localhost:3000/hub'); // URL is a built-in JavaScript class to manipulate URLs
+    // URL is a built-in JavaScript class to manipulate URLs
+    const u = new URL('http://localhost:3000/hub');
     u.searchParams.append('topic', 'http://example.com/books/1');
-    u.searchParams.append('topic', 'http://example.com/books/2'); // Subscribe to updates of several Book resources
-    u.searchParams.append('topic', 'http://example.com/reviews/{id}'); // All Review resources will match this pattern
+    // Subscribe to updates of several Book resources
+    u.searchParams.append('topic', 'http://example.com/books/2');
+    // All Review resources will match this pattern
+    u.searchParams.append('topic', 'http://example.com/reviews/{id}');
 
     const es = new EventSource(u);
     es.onmessage = e => {
         console.log(JSON.parse(e.data));
     }
-    </script>
 
 .. tip::
 
@@ -293,7 +292,7 @@ by using the ``AbstractController::addLink`` helper method::
         public function __invoke(Request $request): JsonResponse
         {
             // This parameter is automatically created by the MercureBundle
-            $hubUrl = $this->getParameter('mercure.default_hub'); 
+            $hubUrl = $this->getParameter('mercure.default_hub');
 
             // Link: <http://localhost:3000/hub>; rel="mercure"
             $this->addLink($request, new Link('mercure', $hubUrl));
@@ -310,7 +309,6 @@ and to subscribe to it:
 
 .. code-block:: javascript
 
-    <script>
     // Fetch the original resource served by the Symfony web API
     fetch('/books/1') // Has Link: <http://localhost:3000/hub>; rel="mercure"
         .then(response => {
@@ -325,7 +323,6 @@ and to subscribe to it:
             const es = new EventSource(h);
             es.onmessage = e => console.log(e.data);
         });
-    </script>
 
 Authorization
 -------------