Refactored configuration format

src/base.html

@@ -23,7 +23,6 @@
 {% import "partials/language.html" as lang with context %}
 
 <!-- Theme options -->
-{% set feature = config.theme.feature %}
 {% set palette = config.theme.palette %}
 {% set font = config.theme.font %}
 
@@ -238,7 +237,7 @@
 
       <!-- Tabs with outline -->
       {% block tabs %}
-        {% if feature.tabs %}
+        {% if "tabs" in config.theme.features %}
           {% include "partials/tabs.html" %}
         {% endif %}
       {% endblock %}
@@ -341,6 +340,13 @@
       {% endblock %}
     </div>
 
+    <!-- Application configuration -->
+    {% block config %}
+      <script>
+        var __config = {}
+      </script>
+    {% endblock %}
+
     <!-- Theme-related JavaScript -->
     {% block scripts %}
       <script src="{{ 'assets/javascripts/vendor.js' | url }}"></script>
@@ -367,15 +373,15 @@
 
       <!-- Application initialization -->
       <script>
-        app = initialize({
+        __material = initialize(Object.assign({
-          base: "{{ base_url }}",
+          url: {
-          worker: {
+            base: "{{ base_url }}",
-            search: "{{ 'assets/javascripts/worker/search.js' | url }}"
+            worker: {
+              search: "{{ 'assets/javascripts/worker/search.js' | url }}"
+            }
           },
-          feature: {
+          features: {{ config.theme.features | tojson }}
-            instant: {{ "true" if feature and feature.instant else "false" }}
+        }, __config))
-          }
-        });
       </script>
 
       <!-- Custom JavaScript -->

src/partials/hero.html

@@ -20,12 +20,9 @@
   IN THE SOFTWARE.
 -->
 
-<!-- Theme options -->
-{% set feature = config.theme.feature %}
-
 <!-- Determine class according to level -->
 {% set class = "md-hero" %}
-{% if not feature.tabs %}
+{% if "tabs" not in config.theme.features %}
   {% set class = "md-hero md-hero--expand" %}
 {% endif %}
 

src/partials/language.html

@@ -20,10 +20,8 @@
   IN THE SOFTWARE.
 -->
 
-<!-- Import translations for given language -->
+<!-- Import translations for given language and fallback -->
 {% import "partials/language/" + config.theme.language + ".html" as lang %}
-
-<!-- Import fallback translations -->
 {% import "partials/language/en.html" as fallback %}
 
 <!-- Re-export translations -->