Pass Algolia config to JS

app/config/config.yml

@@ -35,6 +35,10 @@ twig:
     globals:
         google_analytics: '%google_analytics%'
         packagist_host: '%packagist_host%'
+        algolia:
+          app_id: '%algolia.app_id%'
+          search_key: '%algolia.search_key%'
+          index_name: '%algolia.index_name%'
 
 # Doctrine Configuration
 doctrine:

app/config/parameters.yml.dist

@@ -54,4 +54,5 @@ parameters:
     # -- Algolia credentials --
     algolia.app_id: CHANGE_ME
     algolia.admin_key: CHANGE_ME
+    algolia.search_key: CHANGE_ME
     algolia.index_name: 'packagist'

src/Packagist/WebBundle/Resources/public/js/search.js

@@ -1,7 +1,7 @@
 var search = instantsearch({
-    appId: '6B7GQC987O',
-    apiKey: 'a4b2a9870a8575c9e5c3d2dd00d8de95',
-    indexName: 'packagist',
+    appId: algoliaConfig.app_id,
+    apiKey: algoliaConfig.search_key,
+    indexName: algoliaConfig.index_name,
     urlSync: true
 });
 

src/Packagist/WebBundle/Resources/views/layout.html.twig

@@ -186,6 +186,10 @@
             </nav>
         </footer>
 
+        <script>
+            var algoliaConfig = {{ algolia|json_encode|raw }};
+        </script>
+
         <script src="{{ asset('libs/jquery-2.1.4.min.js') }}"></script>
         <script src="{{ asset('libs/humane-3.2.2.min.js') }}"></script>
         <script src="{{ asset('libs/algolia-instantsearch-2.0.2/instantsearch.min.js') }}"></script>