Packages

phoenix_storybook

0.8.1
1.3.0 1.2.0 1.1.0 1.0.0 0.9.3 0.9.2 0.9.1 0.9.0 0.8.3 0.8.2 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.4 0.6.3 0.6.2 0.6.1 0.6.0 0.5.7 0.5.6 0.5.5 0.5.4 0.5.3 0.5.2 0.5.1 0.5.0

A pluggable storybook for your Phoenix components.

Security advisory: This version has known vulnerabilities. View advisories
HexDocs

Current section

Files

Jump to
Readme
28 Versions
7 Dependencies
Dependants
3 Advisories
Files
Activity
phoenix_storybook lib phoenix_storybook templates layout root_iframe.html.heex
Raw

lib/phoenix_storybook/templates/layout/root_iframe.html.heex 

<!DOCTYPE html>

<html lang="en" phx-socket={live_socket_path(@conn)} style="height: 100%; margin: 0;">

  <head>

    <%= if csrf?(@conn) do %>

      {csrf_meta_tag()}

    <% end %>

    <%= if path = storybook_js_path(@conn) do %>

      <script

        nonce={csp_nonce(@conn, :script)}

        phx-track-static

        type={storybook_js_type(@conn)}

        src={application_static_path(path)}

      >

      </script>

    <% end %>

    <script

      nonce={csp_nonce(@conn, :script)}

      type="text/javascript"

      src={asset_path(@conn, "js/iframe.js")}

    >

    </script>



    <%= if fa_kit_id = fa_kit_id(@conn) do %>

      <link

        rel="stylesheet"

        href={"https://kit.fontawesome.com/#{fa_kit_id}.css"}

        crossorigin="anonymous"

      />

    <% else %>

      <link

        rel="stylesheet"

        nonce={csp_nonce(@conn, :style)}

        href={asset_path(@conn, "css/fonts.css")}

      />

    <% end %>



    <link

      rel="stylesheet"

      nonce={csp_nonce(@conn, :style)}

      href={asset_path(@conn, "css/app.css")}

    />

    <%= if path = storybook_css_path(@conn) do %>

      <link

        nonce={csp_nonce(@conn, :style)}

        phx-track-static

        rel="stylesheet"

        href={application_static_path(path)}

      />

    <% end %>

  </head>



  <% container =

    if assigns[:story],

      do: normalize_story_container(assigns[:story].container()),

      else: {:div, []} %>

  <body class={sandbox_class(@conn, container, assigns)} style="margin: 0;">

    {@inner_content}

  </body>

</html>