111 lines
2.9 KiB
Django/Jinja
111 lines
2.9 KiB
Django/Jinja
{# Renderting components recursively. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{# indent_width: indent width #}
|
|
{% macro render(component, indent_width=2) %}
|
|
{% filter indent(width=indent_width) %}
|
|
{%- if component is not mapping %}
|
|
{{- component }}
|
|
{%- elif component.iterable %}
|
|
{{- render_iterable_tag(component) }}
|
|
{%- elif component.cond %}
|
|
{{- render_condition_tag(component) }}
|
|
{%- elif component.children|length %}
|
|
{{- render_tag(component) }}
|
|
{%- else %}
|
|
{{- render_self_close_tag(component) }}
|
|
{%- endif %}
|
|
{% endfilter %}
|
|
{% endmacro %}
|
|
|
|
{# Renderting self close tag. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_self_close_tag(component) %}
|
|
{%- if component.name|length %}
|
|
<{{ component.name }} {{- render_props(component.props) }}/>
|
|
{%- else %}
|
|
{{- component.contents }}
|
|
{%- endif %}
|
|
{% endmacro %}
|
|
|
|
{# Renderting close tag with args and props. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_tag(component) %}
|
|
<{{component.name}} {{- render_props(component.props) }}>
|
|
{%- if component.args is not none -%}
|
|
{{- render_arg_content(component) }}
|
|
{%- else -%}
|
|
{{ component.contents }}
|
|
{% for child in component.children %}
|
|
{{ render(child) }}
|
|
{% endfor %}
|
|
{%- endif -%}
|
|
</{{component.name}}>
|
|
{%- endmacro %}
|
|
|
|
|
|
{# Renderting condition component. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_condition_tag(component) %}
|
|
{ {{- component.cond_state }} ? (
|
|
{{ render(component.true_value) }}
|
|
) : (
|
|
{{ render(component.false_value) }}
|
|
)}
|
|
{%- endmacro %}
|
|
|
|
|
|
{# Renderting iterable component. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_iterable_tag(component) %}
|
|
{ {{- component.iterable_state }}.map(({{ component.arg_name }}, {{ component.arg_index }}) => (
|
|
{% for child in component.children %}
|
|
{{ render(child) }}
|
|
{% endfor %}
|
|
))}
|
|
{%- endmacro %}
|
|
|
|
|
|
{# Renderting props of a component. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_props(props) %}
|
|
{% if props|length %} {{ props|join(" ") }}{% endif %}
|
|
{% endmacro %}
|
|
|
|
|
|
{# Renderting content with args. #}
|
|
{# Args: #}
|
|
{# component: component dictionary #}
|
|
{% macro render_arg_content(component) %}
|
|
{% filter indent(width=2) %}
|
|
{# no string below for a line break #}
|
|
|
|
{({ {{component.args|join(", ")}} }) => (
|
|
{% for child in component.children %}
|
|
{{ render(child) }}
|
|
{% endfor %}
|
|
)}
|
|
{% endfilter %}
|
|
{% endmacro %}
|
|
|
|
|
|
{# Get react libraries import . #}
|
|
{# Args: #}
|
|
{# module: react module dictionary #}
|
|
{% macro get_import(module)%}
|
|
{%- if module.default|length and module.rest|length -%}
|
|
import {{module.default}}, { {{module.rest|sort|join(", ")}} } from "{{module.lib}}"
|
|
{%- elif module.default|length -%}
|
|
import {{module.default}} from "{{module.lib}}"
|
|
{%- elif module.rest|length -%}
|
|
import { {{module.rest|sort|join(", ")}} } from "{{module.lib}}"
|
|
{%- else -%}
|
|
import "{{module.lib}}"
|
|
{%- endif -%}
|
|
{% endmacro %}
|