chg: dev: replace the legacy gos/web-socket-bundle & replace it with Mercure protocol #4

templates/Game/play.html.twig

@@ -9,8 +9,9 @@
     <div class="mine-container">
         <div id="mine-wrapper"
              data-env="{{ env }}"
-             data-ssl="{{ ssl }}"
-             data-game-id="{{ app.request.get('gameAssoc') }}">
+             data-game-id="{{ app.request.get('gameAssoc') }}"
+             data-mercure-hub-url="{{ mercure_hub_url }}"
+             data-mercure-subscriber-jwt="{{ mercure_subscriber_jwt }}">
         </div>
     </div>
 {% endblock %}
@@ -27,7 +28,7 @@
 {% block stylesheets %}
     {{ encore_entry_link_tags('mineseekerStyle') }}
 
-    <style type="text/css">
+    <style>
         .mine-container {
             background: url('/images/bg-mineseeker-{{ random(1) }}-outbg.jpg') no-repeat;
         }
@@ -36,9 +37,5 @@
 
 {% block javascripts %}
     {{ parent() }}
-
-    <script type="text/javascript" src="{{ asset('bundles/goswebsocket/js/vendor/autobahn.min.js') }}"></script>
-    <script type="text/javascript" src="{{ asset('bundles/goswebsocket/js/websocket.js') }}"></script>
-
     {{ encore_entry_script_tags('mineseeker') }}
 {% endblock %}

templates/Recent/facebook.html.twig

@@ -1,23 +0,0 @@
-<script type="text/javascript">
-    window.fbAsyncInit = function () {
-        FB.init({
-            appId: '{{ facebook_api }}',
-            xfbml: true,
-            cookie: true,
-            status: true,
-            oauth: true,
-            version: '{{ facebook_api_version }}'
-        });
-    };
-
-    (function (d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) {
-            return;
-        }
-        js = d.createElement(s);
-        js.id = id;
-        js.src = "//connect.facebook.net/en_US/sdk.js";
-        fjs.parentNode.insertBefore(js, fjs);
-    }(document, 'script', 'facebook-jssdk'));
-</script>

templates/base.html.twig

@@ -17,7 +17,6 @@
     <meta property="fb:app_id" content="{{ facebook_api }}">
     {% block metas %}{% endblock %}
     <title>MineSeeker{% block title %}{% endblock %}</title>
-
     {% block stylesheets %}{% endblock %}
 </head>