performance: template optimization

content.js

@@ -17,27 +17,33 @@ var audioSample = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
 function parseCSS(cssObj) {
     var parser = new CSSParser();
     var sheet = parser.parse(cssObj, false, true);
+    var audioVars = ['loud', 'low', 'lomi', 'mid', 'mihi', 'hi', 'attack'];
+    var midiVars = ['cc', 'note'];
     chrome.runtime.sendMessage({ type: 'updateUi', data: true });
     sheet.cssRules.forEach(element => {
         let els = document.querySelectorAll(element.mSelectorText);
         element.declarations.forEach(css => {
             els.forEach(e => {
-                if (css.valueText.includes('onset') || css.valueText.includes('onset') || css.valueText.includes('low') || css.valueText.includes('hi')|| css.valueText.includes('loud')) {
+                audioVars.forEach(audioVar => {
+                    if (css.valueText.includes(audioVar)) {
                         audioEvents.push({
                             'selector': element.mSelectorText,
                             'property': css.property,
-                        'value': css.valueText
+                            'value': css.valueText,
+                            'templates': templateToDict(css.valueText)
                         })
                     }
-                if (css.valueText.includes('note') || css.valueText.includes('cc')) {
+                });
+                midiVars.forEach(midiVar => {
+                    if (css.valueText.includes(midiVar)) {
                         midiEvents.push({
                             'selector': element.mSelectorText,
                             'property': css.property,
-                        'value': css.valueText
+                            'value': css.valueText,
+                            'templates': templateToDict(css.valueText)
                         })
                     }
-                else
-                    e.style[css.property] = css.valueText;
+                });
             });
         });
     });
@@ -432,9 +438,8 @@ function audioEvent() {
     }
     audioSample.shift();
     audioSample.push(meter.volume);
-    console.log(audioEvents);
     audioEvents.forEach(event => {
-        templates = templateToDict(event['value']);
+        templates = event['templates'];
         value = event['value'];
         eventIn = false;
         templates.forEach(template => {