<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Pageflow Next Showcase"
    />
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap" rel="stylesheet">
    <title>Pageflow Next Showcase</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>

    <%= javascript_pack_tag 'pageflow-scrolled-frontend' %>

    <%= scrolled_entry_json_seed_script_tag(@entry, @seed_options || {}) %>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Pageflow Next Showcase"
    />
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap" rel="stylesheet">
    <title>Pageflow Next Showcase</title>

    <% if Rails.env.development? %>
      <script>
        try {
          if (window.top !== window) {
            window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
          }
        } catch (e) {
          console.warn('unable to connect to top frame for connecting dev tools');
        }
      </script>
    <% end %>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>

    <%= javascript_pack_tag 'pageflow-scrolled-frontend' %>

    <%= scrolled_entry_json_seed_script_tag(@entry, @seed_options || {}) %>
  </body>
</html>

Enable React devtools in editor iframe
Enable React devtools in editor iframe

Set devtools global in development mode. This allows inspecting React
elements with the Chome devtools extension also inside the iframe
preview of scrolled entries,

REDMINE-17332
