fix: cdn sample

public/cdn-sample.html

@@ -26,16 +26,27 @@ <h2>Output:</h2>
         <pre id="output"></pre>
       </div>
     </div>
-    <script
-      type="module"
-      src="https://cdn.jsdelivr.net/npm/@rudderstack/json-template-engine/build/json-template.min.js"
-    ></script>
-    <script>
+
+    <script type="module">
+      import { JsonTemplateEngine } from 'https://cdn.jsdelivr.net/npm/@rudderstack/json-template-engine/build/json-template.min.js';
       const template = document.getElementById('template');
       const data = document.getElementById('data');
       const output = document.getElementById('output');
-      const result = JsonTemplateEngine.evaluateAsSync(template.value, {}, JSON.parse(data.value));
-      output.innerText = JSON.stringify(result, null, 2);
+      function updateOutput() {
+        try {
+          const result = JsonTemplateEngine.evaluateAsSync(template.value, {}, JSON.parse(data.value));
+          output.innerText = JSON.stringify(result, null, 2);
+        } catch (error) {
+          output.innerText = error.message;
+        }
+      }
+      template.addEventListener('input', () => {
+        updateOutput()
+      });
+      data.addEventListener('input', () => {
+        updateOutput()
+      });
+      updateOutput();
     </script>
   </body>
 </html>

readme.md

@@ -72,7 +72,14 @@ engine.evaluate({ name: 'World' }); // => 'Hello World'
 ```
 
 ### Use CDN directly in the browser
-URL: https://cdn.jsdelivr.net/npm/@rudderstack/json-template-engine/build/json-template.min.js 
+URL: https://cdn.jsdelivr.net/npm/@rudderstack/json-template-engine/build/json-template.min.js
+```html
+<script type="module">
+      import { JsonTemplateEngine } from 'https://cdn.jsdelivr.net/npm/@rudderstack/json-template-engine/build/json-template.min.js';
+      const engine = JsonTemplateEngine.createAsSync(`'Hello ' + .name`);
+      engine.evaluate({ name: 'World' });
+</script>
+```
 
 Refer this [example](public/cdn-sample.html) for more details.
 

src/translator.ts

@@ -96,7 +96,7 @@ export class JsonTemplateTranslator {
     const exprCode = this.translateExpr(this.expr, dest, ctx);
     const functions = Object.values(this.standardFunctions);
     if (functions.length > 0) {
-      code.push(functions.join('').replaceAll(/\s+/g, ' '));
+      code.push(functions.join('').replace(/\s+/g, ' '));
     }
     code.push(`let ${dest};`);
     code.push(this.vars.map((elm) => `let ${elm};`).join(''));