How to dynamically export inline javascript with assetic in twig templates?

Question

Yes, you need to use template inheritance and have a parent javascript/jquery block. Jquery is the same as javascript so you can include that in one block or have a seperate one. If you are using a variable, then pass that variable to the base jquery section. For your different pages, you need to extend the base twig file and either add to the javascript block by including the parent or overriding it entirely.

base twig file has basic html layout with js and css blocks:

<!DOCTYPE html>
<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
            <title>{% block title %}{% endblock %} - My Webpage</title>
        {% endblock %}
        {% block js %}
            <script src="{{ asset('js/main.js') }}"></script>
        {% endblock %}

    </head>
    <body>
        <div id="content">{% block content %}{% endblock %}</div>
        <div id="footer">
            {% block footer %}
                &copy; Copyright 2011 by <a href="http://domain.invalid/">you</a>.
            {% endblock %}
        </div>
    </body>
</html>

This is inherited by the child page

{% extends "base.html" %}

{% block title %}Index{% endblock %}
{% block js%}
    {{ parent() }}
    <script src="jquery.plugin.js"></script>
{% endblock %}
{% block content %}
    <h1>Index</h1>
    <p class="important">
        Welcome on my awesome homepage.
    </p>
{% endblock %}