Manually loading freeform resources - could we have a function to generate an array of JS and CSS URLs ?

[croxton]

What is your idea?

Currently there are a couple handy functions we can use to manually output <script>s and stylesheet <link>s used by a particular form. These are great but it would be even better if we could manipulate the lists of URLs these generate as arrays directly in the template.

{{ freeform.loadFreeformPlugin }}
{{ freeform.loadFormSpecificScripts(form) }}

This is my current workaround for a page loaded via ajax where <script> parsing is deliberately disabled and we want to pass a list of URLs to a custom JS and CSS loader:

{% set resources %}{{ freeform.loadFreeformPlugin }}{{ freeform.loadFormSpecificScripts(form) }}{% endset %}
{% set resources = resources | split('"') %}
{% set js = [] %}
{% set css = [] %}
{% for resource in resources %}
    {% if '.js' in resource  %}{% set js = js | merge([resource]) %}{% endif %}
    {% if '.css' in resource  %}{% set css = css | merge([resource]) %}{% endif %}
{% endfor %}

<div id="form-container"
     data-component="forms"
     data-css='{{ css|json_encode() }}'
     data-js='{{ js|json_encode() }}'
>
    {{ form.render() }}
</div>

It would be great to be able to do something like this:

{{ freeform.loadFreeformPluginResourceUrls(form, 'css') | json_encode() }}
{{ freeform.loadFreeformPluginResourceUrls(form, 'js' ) | json_encode()  }}

(optional second param to limit to resource type, if not set it outputs all resources)

Freeform Version

5.x

Craft Version

5.x