smalruby3-gui/src/playground/index.ejs at 8c19bf4894844c485d3f0c1ecdeeffc5c14de429 · smalruby/smalruby3-gui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
  <head>
    <% if (htmlWebpackPlugin.options.gtm_id) { %>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl+'<%= htmlWebpackPlugin.options.gtm_env_auth %>';
        f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','<%- htmlWebpackPlugin.options.gtm_id %>');
    </script>
    <!-- End Google Tag Manager -->
    <% } %>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="google" value="notranslate">
    <%
        const originTrials = htmlWebpackPlugin.options.originTrials;
        if (originTrials && Object.keys(originTrials).length > 0) {
    %>
    <!-- Chrome Origin Trials: https://developers.chrome.com/origintrials -->
    <%
            Object.keys(originTrials).forEach(apiName => {
    %>
    <!-- <%= apiName %> API -->
    <%
                for (const info of originTrials[apiName]) {
    %>
    <!-- https://<%= info['matchSubdomains'] ? '.*' : '' %><%= info['origin'] %> -->
    <meta http-equiv="origin-trial" content="<%= info['token'] %>">
    <%
                }
            });
        }
    %>
    <link rel="shortcut icon" href="static/favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="static/javascripts/setup-opal.js"></script>
    <style type="text/css">
        <!--
        .ruby-error {
            background-color: pink;
            position: absolute;
            z-index: 3;
        }
        -->
    </style>
  </head>
  <body>
    <% if (htmlWebpackPlugin.options.pwa) { %>
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
          navigator.serviceWorker.register('./service-worker.js').then(function (registration) {
            console.log('PWA worker registration successful', registration.scope);
          }, function (err) {
            console.log('PWA worker registration failed', err);
          }).catch(function (err) {
            console.log(err);
          });
        });
      } else {
        console.log('Service Worker is not supported by browser.');
      }
    </script>
    <% } else { %>
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
          navigator.serviceWorker.getRegistration('./service-worker.js').then(function (registration) {
            if (registration) {
              console.log('found PWA worker registration', registration.scope);
              registration.unregister().then(function (result) {
                console.log('PWA worker unregister', result);
              });
            } else {
              console.log('no PWA worker registration');
            }
          });
        });
      } else {
        console.log('Service Worker is not supported by browser.');
      }
    </script>
    <% } %>
    <% if (htmlWebpackPlugin.options.gtm_id) { %>
      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<%- htmlWebpackPlugin.options.gtm_id %><%= htmlWebpackPlugin.options.gtm_env_auth %>" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->
    <% } %>
  </body>
</html>