From c6685702504ddadc69f2328f09666944dd960a3e Mon Sep 17 00:00:00 2001
From: Ibrahim BinAlshikh <usernane@users.noreply.github.com>
Date: Sun, 10 Sep 2023 21:52:51 +0300
Subject: [PATCH] Added Support for Inline JS

---
 tests/webfiori/test/ui/LoadTemplateTest.php | 41 +++++++++++++++++++++
 tests/webfiori/test/ui/template.html        | 12 ++++++
 tests/webfiori/test/ui/template2.php        | 14 +++++++
 webfiori/ui/TemplateCompiler.php            | 19 ++++++++--
 4 files changed, 83 insertions(+), 3 deletions(-)
 create mode 100644 tests/webfiori/test/ui/template.html
 create mode 100644 tests/webfiori/test/ui/template2.php

diff --git a/tests/webfiori/test/ui/LoadTemplateTest.php b/tests/webfiori/test/ui/LoadTemplateTest.php
index 8f3fa15..d750414 100644
--- a/tests/webfiori/test/ui/LoadTemplateTest.php
+++ b/tests/webfiori/test/ui/LoadTemplateTest.php
@@ -113,6 +113,7 @@ public function test07() {
         $node = $compiler->getCompiled();
         $this->assertEquals("<div>\n    No posts.\n</div>", $node->toHTML());
     }
+    
     /**
      * @test
      */
@@ -135,6 +136,46 @@ public function test08() {
                 . "</div>"
                 . "</div>", $compiler->getCompiled()->toHTML());
     }
+    /**
+     * @test
+     */
+    public function test09() {
+        $compiler = new TemplateCompiler('template.html');
+        $this->assertEquals("<div v-if=\"someVar <= 6 || someVar >= 8 || someVar === 6\">\r\n"
+                . "    <script>\r\n"
+                . "        \r\n"
+                . "        function allIsGood() {\r\n"
+                . "            if (a > 6) {\r\n"
+                . "                alert(\"Oh. A is > 6 but probably < 100.\");\r\n"
+                . "            }\r\n"
+                . "            if (a < 100) {\r\n"
+                . "                alert('Oh. A is < 100.');\r\n"
+                . "            }\r\n"
+                . "        }\r\n"
+                . "    \r\n"
+                . "    </script>\r\n"
+                . "</div>\r\n", $compiler->getCompiled()->toHTML(true));
+    }
+    /**
+     * @test
+     */
+    public function test10() {
+        $compiler = new TemplateCompiler('template2.php');
+        $this->assertEquals("<div v-if=\"someVar <= 6 || someVar >= 8 || someVar === 6\">\r\n"
+                . "    <script>\r\n"
+                . "        \r\n"
+                . "        function allIsGood() {\r\n"
+                . "            if (a > 6) {\r\n"
+                . "                alert(\"Oh. A is > 6 but probably < 100.\");\r\n"
+                . "            }\r\n"
+                . "            if (a < 100) {\r\n"
+                . "                alert('Oh. A is < 100.');\r\n"
+                . "            }\r\n"
+                . "        }\r\n"
+                . "    \r\n"
+                . "    </script>\r\n"
+                . "</div>\r\n", $compiler->getCompiled()->toHTML(true));
+    }
     /**
      * @test
      */
diff --git a/tests/webfiori/test/ui/template.html b/tests/webfiori/test/ui/template.html
new file mode 100644
index 0000000..4aebd1f
--- /dev/null
+++ b/tests/webfiori/test/ui/template.html
@@ -0,0 +1,12 @@
+<div v-if="someVar <= 6 || someVar >= 8 || someVar === 6">
+    <script>
+        function allIsGood() {
+            if (a > 6) {
+                alert("Oh. A is > 6 but probably < 100.");
+            }
+            if (a < 100) {
+                alert('Oh. A is < 100.');
+            }
+        }
+    </script>
+</div>
\ No newline at end of file
diff --git a/tests/webfiori/test/ui/template2.php b/tests/webfiori/test/ui/template2.php
new file mode 100644
index 0000000..896362d
--- /dev/null
+++ b/tests/webfiori/test/ui/template2.php
@@ -0,0 +1,14 @@
+<?php
+?>
+<div v-if="someVar <= 6 || someVar >= 8 || someVar === 6">
+    <script>
+        function allIsGood() {
+            if (a > 6) {
+                alert("Oh. A is > 6 but probably < 100.");
+            }
+            if (a < 100) {
+                alert('Oh. A is < 100.');
+            }
+        }
+    </script>
+</div>
\ No newline at end of file
diff --git a/webfiori/ui/TemplateCompiler.php b/webfiori/ui/TemplateCompiler.php
index 9fcc1e1..bddbc7d 100644
--- a/webfiori/ui/TemplateCompiler.php
+++ b/webfiori/ui/TemplateCompiler.php
@@ -762,10 +762,12 @@ private static function parseAttributesHelper(Queue $queue, bool $isEqualFound,
      * with the hashes.
      */
     private static function replaceAttrsValues(string $htmlStr) : array {
+        $scripts = [];
+        preg_match_all("/(?<=<script>)(.*?)(?=<\/script>)/s", $htmlStr, $scripts);
+        
         //For double quotation
         $attrsArr = [];
-        //After every attribute value, there must be a space if more than one 
-        //attribute.
+        //After every attribute value, there must be a space if more than one attribute.
         preg_match_all('/"[\t-!#-~]+" |"[\t-!#-~]+">|""/', $htmlStr, $attrsArr);
         $tempValuesArr = [];
 
@@ -778,6 +780,17 @@ private static function replaceAttrsValues(string $htmlStr) : array {
             $tempValuesArr[$key] = $trimmed;
             $htmlStr = str_replace($value, '"'.$key.'"', $htmlStr);
         }
+        
+        $tempScriptsArr = [];
+        
+        foreach ($scripts[0] as $scriptArr) {
+            //Used to always generate a unique key based on time.
+            $now = date('H:i:s.').gettimeofday()["usec"];
+            $scriptTxt = $scriptArr;
+            $key = hash('sha256', $scriptTxt.$now).'-'.$now;
+            $tempScriptsArr[$key] = $scriptTxt;
+            $htmlStr = str_replace($scriptTxt, $key, $htmlStr);
+        }
 
         //For single quotes
         $attrsArr2 = [];
@@ -794,7 +807,7 @@ private static function replaceAttrsValues(string $htmlStr) : array {
         }
 
         return [
-            'replacements' => $tempValuesArr,
+            'replacements' => array_merge($tempValuesArr, $tempScriptsArr),
             'html-string' => $htmlStr
         ];
     }