Labyricorn/liquid
1
0
Fork 0
mirror of https://github.com/Shopify/liquid.git synced 2026-09-16 09:20:42 -07:00
Code Issues Packages Projects Releases Wiki Activity

context-1

Browse Source
This commit is contained in:
Guilherme Carreiro
2025-02-05 15:31:48 +01:00
parent bfe29e11be
commit 432c171be9
5 changed files with 191 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/server/example_servlet.rb
+9
View File
@@ -27,6 +27,15 @@ class Servlet < LiquidServlet
{ 'products' => products_list, 'more_products' => more_products_list, 'description' => description, 'section' => 'Snowboards', 'cool_products' => true }
end
def settings
{
'settings' => {
'text' => 'Liquid',
'font' => 'Arial'
}
}
end
private
def products_list
example/server/templates/ico.liquid
View File
example/server/templates/settings.liquid
+121
View File
@@ -0,0 +1,121 @@
<style>
* {
zoom: 1.1;
font-family: Menlo;
color: rgb(13, 13, 13);
}
.preview {
display: flex;
gap: 2rem;
margin: 1rem 0;
}
.preview > div {
flex: 1;
}
code, pre {
background: #f5f5f5;
padding: 0.5rem;
border-radius: 4px;
display: block;
}
.label {
font-weight: bold;
margin-bottom: 0.5rem;
}
</style>
<h1>let</h1>
<hr>
<div class="preview">
<div>
<div class="label">Liquid source</div>
<pre>
{%- raw -%}
{% assign text = "My text" %}
{{ settings }}
{{ text }}
{%- endraw -%}
</pre>
</div>
<div>
<div class="label">HTML output</div>
<pre>
{% assign text = "My text" %}
{{ settings }}
{{ text -}}
</pre>
</div>
</div>
<div class="preview">
<div>
<div class="label">Liquid source</div>
<pre>
{%- raw -%}
{% let (text, font): settings %}
text: {{ text }},
font: {{ font }}
{% endlet %}
{%- endraw -%}
</pre>
</div>
<div>
<div class="label">HTML output</div>
<pre>
{%- let (text, font): settings %}
text: {{ text }},
font: {{ font }}
{% endlet -%}
</pre>
</div>
</div>
<div class="preview">
<div>
<div class="label">Liquid source</div>
<pre>
{%- raw -%}
{% let font: settings.font %}
text: {{ text }},
font: {{ font }}
{% endlet %}
{%- endraw -%}
</pre>
</div>
<div>
<div class="label">HTML output</div>
<pre>
{%- let font: settings.font %}
text: {{ text }},
font: {{ font }}
{% endlet -%}
</pre>
</div>
</div>
<div class="preview">
<div>
<div class="label">Liquid source</div>
<pre>
{%- raw -%}
Global is not impacted:
- text: {{ text }},
- font: {{ font }}
{%- endraw -%}
</pre>
</div>
<div>
<div class="label">HTML output</div>
<pre>
Global is not impacted:
- text: {{ text }},
- font: {{ font }}
</pre>
</div>
</div>