Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Render story iframe in external document #128

Merged
merged 2 commits into from
Jul 8, 2024
Merged

Render story iframe in external document #128

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1b0aee2
Render story iframe in external document
angelikatyborska Jul 3, 2024
b53eb64
No need to exchange newlines anymore
angelikatyborska Jul 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 24 additions & 12 deletions scripts/generate_version_showcase.ex
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@ defmodule Scripts.GenerateVersionShowcase do

versions_links =
Enum.map(versions, fn version ->
~s(<li><a href="v#{slugify_version(version)}.html">#{version}</li>)
~s(<li><a href="v#{slugify(version)}.html">#{version}</li>)
end)

body = """
Expand All @@ -139,12 +139,12 @@ defmodule Scripts.GenerateVersionShowcase do
end

defp write_version_html(version, components) do
path = Path.join(@dir_name, "v#{slugify_version(version)}.html")
path = Path.join(@dir_name, "v#{slugify(version)}.html")
title = "BitstylesPhoenix with Bitstyles v#{version}"

component_links =
Enum.map(components, fn component ->
~s(<li><a href="v#{slugify_version(version)}/c#{component.name}.html">#{component.name}</li>)
~s(<li><a href="v#{slugify(version)}/c#{component.name}.html">#{component.name}</li>)
end)

body = """
Expand All @@ -160,9 +160,9 @@ defmodule Scripts.GenerateVersionShowcase do
end

defp write_component_html(versions, version, component) do
dir_path = Path.join(@dir_name, "v#{slugify_version(version)}")
dir_path = Path.join(@dir_name, "v#{slugify(version)}")
File.mkdir_p(dir_path)
path = Path.join(@dir_name, "v#{slugify_version(version)}/c#{component.name}.html")
path = Path.join(@dir_name, "v#{slugify(version)}/c#{component.name}.html")
title = "Bitstyles v#{version} #{component.name}"

stories =
Expand All @@ -174,7 +174,7 @@ defmodule Scripts.GenerateVersionShowcase do
end)

body = """
<p><a href="../v#{slugify_version(version)}.html">Back</a></p>
<p><a href="../v#{slugify(version)}.html">Back</a></p>
<p>#{version_select(versions, version)}</p>
<h1>BitstylesPhoenix with Bitstyles v#{version}</h1>
<h2>#{component.name}</h2>
Expand Down Expand Up @@ -202,8 +202,10 @@ defmodule Scripts.GenerateVersionShowcase do
"""
end

defp slugify_version(version) do
String.replace(version, ".", "_")
defp slugify(string) do
string
|> String.replace(".", "_")
|> String.replace(" ", "-")
end

defp render_story_with_version(component, story, version) do
Expand All @@ -213,7 +215,7 @@ defmodule Scripts.GenerateVersionShowcase do
transparent = Keyword.get(story.opts, :transparent, true)

code = """
defmodule BitstylesPhoenix.Component.#{component.name}.Showcase.V#{slugify_version(version)}.L#{story.line} do
defmodule BitstylesPhoenix.Component.#{component.name}.Showcase.V#{slugify(version)}.L#{story.line} do
use BitstylesPhoenix.Helper.ComponentRendering
use BitstylesPhoenix.Component

Expand All @@ -222,7 +224,7 @@ defmodule Scripts.GenerateVersionShowcase do
end
end

BitstylesPhoenix.Component.#{component.name}.Showcase.V#{slugify_version(version)}.L#{story.line}.render_html()
BitstylesPhoenix.Component.#{component.name}.Showcase.V#{slugify(version)}.L#{story.line}.render_html()
"""

{result, _} = Code.eval_string(code)
Expand All @@ -243,10 +245,20 @@ defmodule Scripts.GenerateVersionShowcase do
""
end

file_name = "#{slugify(story.name)}.html"
relative_dir_path = "v#{slugify(version)}/c#{component.name}"
full_dir_path = Path.join(@dir_name, relative_dir_path)
full_file_path = Path.join(full_dir_path, file_name)
iframe_src = "/#{relative_dir_path}/#{file_name}"

iframe_srcdoc = ~s(<html lang="en"><head><title>#{iframe_src}</title><style>#{style}</style><link rel="stylesheet" href="#{dist}/build/bitstyles.css"></head><body>#{Enum.join([extra_html, result])}</body></html>)

File.mkdir_p(full_dir_path)
File.write!(full_file_path, iframe_srcdoc)

iframe_opts =
[
srcdoc:
~s(<html><head><style>#{style}</style><link rel="stylesheet" href="#{dist}/build/bitstyles.css"></head><body>#{Enum.join([extra_html, result]) |> String.replace("\n", "")}</body></html>),
src: iframe_src,
style: "",
allowtransparency: if(transparent, do: "true", else: "false")
]
Expand Down
Loading