fix(component-parser.js): fix scopedSelector being redefined on delayed callbacks like setTimeout (#44)

* fix(component-parser.js): parse scopedSelector to document.querySelector on build

* bump to 0.4.2

Author: saurabhdaware

.gitignore

@@ -105,5 +105,5 @@ out.html
 .tern-port
 
 # playground of vm module
-vm.playground.js
+playground.js
 srcold/

.npmignore

@@ -5,5 +5,5 @@ examples/
 .eslintignore
 .prettierrc
 .prettierignore
-vm.playground.js
+playground.js
 .vscode/

package.json

@@ -1,6 +1,6 @@
 {
   "name": "abell-renderer",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "JavaScript based Template Engine. Compiles .abell files to .html",
   "main": "src/index.js",
   "bin": {

src/parsers/component-parser.js

@@ -172,10 +172,10 @@ function parseComponent(
     } else if (!isCss && contentMatch[2].includes('scopedSelector')) {
       // if it is javascript then scope it by injecting scopedSelector functions
       // prettier-ignore
-      content =
-        `scopedSelector = (queryString) => document.querySelector(queryString + '[data-abell-${componentHash}]');` + // eslint-disable-line max-len
-        `scopedSelectorAll = (queryString) => document.querySelectorAll(queryString + '[data-abell-${componentHash}]');` // eslint-disable-line max-len
-         + contentMatch[2];
+      content = contentMatch[2].replace(
+        /scoped(Selector|SelectorAll)\((['"`].*?["'`])\)/g,
+        `document.query$1($2 + "[data-abell-${componentHash}]")`
+      );
     } else {
       content = contentMatch[2];
     }