From f924208d127dcf0d0964b5ebda0f6f982a4aa711 Mon Sep 17 00:00:00 2001
From: rexim <reximkut@gmail.com>
Date: Mon, 31 May 2021 20:33:48 +0700
Subject: [PATCH] (#27) Hide filter params under the feature flag

---
 js/index.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/js/index.js b/js/index.js
index f532fcd..63d2cd5 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,3 +1,5 @@
+let feature_params = false; 
+
 const vertexAttribs = {
     "meshPosition": 0
 };
@@ -1160,7 +1162,9 @@ function FilterSelector() {
 
     program = loadFilterProgram(gl, filterList_.selectedFilter$(), vertexAttribs);
     program.paramsPanel.addEventListener('paramsChanged', syncParams);
-    root.appendChild(program.paramsPanel);
+    if (feature_params) {
+        root.appendChild(program.paramsPanel);
+    }
     syncParams();
 
     root.updateImage$ = function(newEmoteImage) {
@@ -1175,12 +1179,16 @@ function FilterSelector() {
         if (program) {
             gl.deleteProgram(program.id);
             program.paramsPanel.removeEventListener('paramsChanged', syncParams);
-            root.removeChild(program.paramsPanel);
+            if (feature_params) {
+                root.removeChild(program.paramsPanel);
+            }
         }
 
         program = loadFilterProgram(gl, e.detail.filter, vertexAttribs);
         program.paramsPanel.addEventListener('paramsChanged', syncParams);
-        root.appendChild(program.paramsPanel);
+        if (feature_params) {
+            root.appendChild(program.paramsPanel);
+        }
         syncParams();
     });
 
@@ -1293,6 +1301,8 @@ function FilterSelector() {
 }
 
 window.onload = () => {
+    feature_params = new URLSearchParams(document.location.search).has("feature-params");
+
     const imageSelector = ImageSelector();
     const filterSelector = FilterSelector();
     imageSelector.addEventListener('imageSelected', function(e) {