create-prisma-php-app 1.15.6 → 1.15.8

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

package/dist/src/Lib/StateManager.php

@@ -8,51 +8,59 @@ namespace Lib;
 class StateManager
 {
     private const APP_STATE = 'app_state_F989A';
-    private $state;
-    private $listeners;
+    private array $state = [];
+    private array $listeners = [];
 
     /**
      * Initializes a new instance of the StateManager class.
-     *
-     * @param array $initialState The initial state of the application.
      */
-    public function __construct(array $initialState = [])
+    public function __construct()
     {
         global $isWire;
 
-        $this->state = $initialState;
-        $this->listeners = [];
         $this->loadState();
 
-        if (!$isWire) $this->resetState();
+        if (!$isWire) {
+            $this->resetState();
+        }
     }
 
     /**
-     * Retrieves the current state of the application.
+     * Gets the state value for the specified key.
      *
-     * @param string|null $key The key of the state value to retrieve. If null, returns the entire state.
-     * @return mixed|null The state value corresponding to the given key, or null if the key is not found.
+     * @param string|null $key The key of the state value to get.
+     * @param mixed $initialValue The initial value to set if the key does not exist.
+     * @return mixed The state value for the specified key.
      */
-    public function getState($key = null): mixed
+    public function getState(string $key = null, mixed $initialValue = null): mixed
     {
         if ($key === null) {
             return new \ArrayObject($this->state, \ArrayObject::ARRAY_AS_PROPS);
         }
 
-        $value = $this->state[$key] ?? null;
+        if (!array_key_exists($key, $this->state)) {
+            if ($initialValue !== null) {
+                $this->setState($key, $initialValue);
+            }
+        } elseif ($initialValue !== null && $this->state[$key] !== $initialValue) {
+            $this->setState($key, $this->state[$key]);
+        }
+
+        $value = $this->state[$key] ?? $initialValue;
+
         return is_array($value) ? new \ArrayObject($value, \ArrayObject::ARRAY_AS_PROPS) : $value;
     }
 
     /**
-     * Updates the application state with the given update.
+     * Sets the state value for the specified key.
      *
-     * @param string|array $key The key of the state value to update, or an array of key-value pairs to update multiple values.
-     * @param mixed|null $value The value to update the state with, ignored if $key is an array.
+     * @param string $key The key of the state value to set.
+     * @param mixed $value The value to set.
      */
-    public function setState($key, $value = null): void
+    public function setState(string $key, mixed $value = null): void
     {
-        $update = is_array($key) ? $key : [$key => $value];
-        $this->state = array_merge($this->state, $update);
+        $this->state[$key] = $value;
+
         $this->notifyListeners();
         $this->saveState();
     }
@@ -66,10 +74,8 @@ class StateManager
     public function subscribe(callable $listener): callable
     {
         $this->listeners[] = $listener;
-        $listener($this->state); // Immediate call with current state
-        return function () use ($listener) {
-            $this->listeners = array_filter($this->listeners, fn ($l) => $l !== $listener);
-        };
+        $listener($this->state);
+        return fn () => $this->listeners = array_filter($this->listeners, fn ($l) => $l !== $listener);
     }
 
     /**
@@ -77,7 +83,7 @@ class StateManager
      */
     private function saveState(): void
     {
-        $_SESSION[self::APP_STATE] = json_encode($this->state);
+        $_SESSION[self::APP_STATE] = json_encode($this->state, JSON_THROW_ON_ERROR);
     }
 
     /**
@@ -86,8 +92,8 @@ class StateManager
     private function loadState(): void
     {
         if (isset($_SESSION[self::APP_STATE])) {
-            $loadedState = json_decode($_SESSION[self::APP_STATE], true);
-            if ($loadedState !== null) {
+            $loadedState = json_decode($_SESSION[self::APP_STATE], true, 512, JSON_THROW_ON_ERROR);
+            if (is_array($loadedState)) {
                 $this->state = $loadedState;
                 $this->notifyListeners();
             }

package/dist/src/app/js/index.js

@@ -1 +1 @@
-"use strict";var eventAttributes=["onclick","ondblclick","onmousedown","onmouseup","onmouseover","onmousemove","onmouseout","onwheel","onkeypress","onkeydown","onkeyup","onfocus","onblur","onchange","oninput","onselect","onsubmit","onreset","onresize","onscroll","onload","onunload","onabort","onerror","onbeforeunload","oncopy","oncut","onpaste","ondrag","ondragstart","ondragend","ondragover","ondragenter","ondragleave","ondrop","oncontextmenu","ontouchstart","ontouchmove","ontouchend","ontouchcancel","onpointerdown","onpointerup","onpointermove","onpointerover","onpointerout","onpointerenter","onpointerleave","onpointercancel"];document.addEventListener("DOMContentLoaded",attachWireFunctionEvents);const optimisticUpdates=new Map,state={checkedElements:new Set};function attachWireFunctionEvents(){document.querySelectorAll("button, input, select, textarea, a, form, label, div, span").forEach((t=>{if(t instanceof HTMLAnchorElement&&t.addEventListener("click",handleAnchorTag),eventAttributes.forEach((e=>{const n=t.getAttribute(e),o=e.slice(2);n&&(t.removeAttribute(e),handleDebounce(t,o,n))})),t instanceof HTMLFormElement){const e=t.getAttribute("onsubmit");e&&(t.removeAttribute("onsubmit"),handleDebounce(t,"submit",e))}}))}async function handleDebounce(t,e,n){const o=t.getAttribute("pp-debounce"),a=t.getAttribute("pp-trigger"),s=async e=>{e.preventDefault();const o=saveOptimisticState(t);optimisticUpdates.set(t,o);try{a&&await invokeHandler(t,a),await invokeHandler(t,n)}catch(e){const n=optimisticUpdates.get(t);n&&revertOptimisticUpdate(t,n)}};if(o){const n=debounce(s,parseInt(o,10));t instanceof HTMLFormElement&&"submit"===e?t.addEventListener(e,(t=>{t.preventDefault(),n(t)})):t.addEventListener(e,n)}else t.addEventListener(e,s)}async function invokeHandler(t,e){const{funcName:n,data:o}=parseCallback(t,e);if(n){const t=window[n];if("function"==typeof t)try{const e=Array.isArray(o.args)?o.args:[];await t(...e,o)}catch(t){}else await handleUndefinedFunction(n,o)}}function extractStyles(t){const e={};for(let n=0;n<t.length;n++){const o=t[n];e[o]=t.getPropertyValue(o)}return e}function applyOptimisticUpdate(t,e){Object.entries(e.attributes).forEach((([e,n])=>{n?t.setAttribute(e,n):t.removeAttribute(e)})),Object.assign(t.style,e.styles),t.innerHTML=e.innerHTML||""}function revertOptimisticUpdate(t,e){"value"in e&&("checkbox"===t.type||"radio"===t.type?t.checked=!!e.value:t.value=e.value),"innerHTML"in e&&(t.innerHTML=e.innerHTML)}async function handleAnchorTag(t){const e=t.currentTarget,n=e.getAttribute("href"),o=e.getAttribute("target");if(!n||"_blank"===o||t.metaKey||t.ctrlKey)return;t.preventDefault();if(/^(https?:)?\/\//i.test(n)&&!n.startsWith(window.location.origin))window.location.href=n;else try{history.pushState(null,"",n),window.dispatchEvent(new PopStateEvent("popstate",{state:null}))}catch(t){}}function updateDocumentContent(t){if(t.includes("<!DOCTYPE html>")){const e=(new DOMParser).parseFromString(t,"text/html");document.replaceChild(document.adoptNode(e.documentElement),document.documentElement)}else{saveState();const e=saveScrollPositions(),n=(new DOMParser).parseFromString(t,"text/html"),o=Array.from(n.body.querySelectorAll("script")),a=n.body;diffAndPatch(document.body,a),restoreState(),restoreScrollPositions(e),o.forEach((t=>{if(t.src)loadScript(t.src);else{const e=document.createElement("script");e.textContent=t.textContent,document.body.appendChild(e),document.body.removeChild(e)}}))}attachWireFunctionEvents()}function diffAndPatch(t,e){t.nodeType===e.nodeType?t.nodeType!==Node.TEXT_NODE||e.nodeType!==Node.TEXT_NODE?t instanceof HTMLElement&&e instanceof HTMLElement&&t.replaceWith(e):t.textContent!==e.textContent&&(t.textContent=e.textContent):t.parentNode?.replaceChild(e,t)}function updateAttributes(t,e){Array.from(e.attributes).forEach((e=>{t.getAttribute(e.name)!==e.value&&t.setAttribute(e.name,e.value)})),Array.from(t.attributes).forEach((n=>{e.hasAttribute(n.name)||t.removeAttribute(n.name)}))}function updateChildren(t,e){const n=t.childNodes,o=e.childNodes,a=Math.max(n.length,o.length);for(let e=0;e<a;e++){const a=n[e],s=o[e];a?s?diffAndPatch(a,s):t.removeChild(a):t.appendChild(s)}}function loadScript(t){const e=document.createElement("script");e.src=t,document.head.appendChild(e)}function saveState(){const t=document.activeElement;state.focusId=t?.id||t?.name,state.focusValue=t?.value,state.focusSelectionStart=t?.selectionStart,state.focusSelectionEnd=t?.selectionEnd,state.checkedElements.clear(),document.querySelectorAll('input[type="checkbox"]:checked').forEach((t=>{state.checkedElements.add(t.id||t.name)}))}function restoreState(){if(state.focusId){const t=document.getElementById(state.focusId)||document.querySelector(`[name="${state.focusId}"]`);t instanceof HTMLInputElement&&(t.focus(),"search"===t.type&&(t.value=state.focusValue||""),void 0!==state.focusSelectionStart&&null!==state.focusSelectionEnd&&t.setSelectionRange(state.focusSelectionStart||null,state.focusSelectionEnd||null))}state.checkedElements.forEach((t=>{const e=document.getElementById(t);e&&(e.checked=!0)}))}function saveScrollPositions(){const t={};return document.querySelectorAll("*").forEach((e=>{(e.scrollTop||e.scrollLeft)&&(t[getElementKey(e)]={scrollTop:e.scrollTop,scrollLeft:e.scrollLeft})})),t}function restoreScrollPositions(t){document.querySelectorAll("*").forEach((e=>{const n=getElementKey(e);t[n]&&(e.scrollTop=t[n].scrollTop,e.scrollLeft=t[n].scrollLeft)}))}function getElementKey(t){return t.id||t.className||t.tagName}function parseCallback(t,e){let n={};const o=t.closest("form");if(o){new FormData(o).forEach(((t,e)=>{n[e]?Array.isArray(n[e])?n[e].push(t):n[e]=[n[e],t]:n[e]=t}))}else t instanceof HTMLInputElement?n=handleInputElement(t):(t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement)&&(n[t.name]=t.value);const a=e.match(/(\w+)\((.*)\)/);if(a){const t=a[1];let e=a[2].trim();if(e.startsWith("{")&&e.endsWith("}")){const t=e.replace(/'/g,'"');try{const e=JSON.parse(t);"object"==typeof e&&null!==e&&(n={...n,...e})}catch(t){}}else{const t=e.split(/,(?=(?:[^'"]*['"][^'"]*['"])*[^'"]*$)/).map((t=>t.trim().replace(/^['"]|['"]$/g,"")));n.args=t}return{funcName:t,data:n}}return{funcName:e,data:n}}function handleInputElement(t){let e={};return t.name?"checkbox"===t.type||"radio"===t.type?e[t.name]=t.checked:e[t.name]=t.value:"checkbox"===t.type||"radio"===t.type?e.value=t.checked:e.value=t.value,e}function captureState(t){const e={};for(const n of t.attributes)e[n.name]=n.value;return{attributes:e,styles:extractStyles(window.getComputedStyle(t)),innerHTML:t.innerHTML||""}}async function handleUndefinedFunction(t,e){const n={callback:t,...e},o={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"},body:JSON.stringify(n)},a={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"},body:JSON.stringify({secondRequest:!0})},s=async t=>{const e=await fetch(window.location.pathname,t);return await e.text()};try{const t=await s(o),e=await s(a);if(t.includes("redirect_7F834=")){const e=t.split("=")[1];await handleRedirect(e)}else{updateDocumentContent(t+e)}}catch(t){revertOptimisticUpdate(document.body,captureState(document.body))}}function saveOptimisticState(t){return{value:t.value||t.checked||"",attributes:Array.from(t.attributes).reduce(((t,e)=>(t[e.name]=e.value,t)),{}),styles:extractStyles(window.getComputedStyle(t)),innerHTML:t.innerHTML}}async function handleRedirect(t){if(t){history.pushState(null,"",t),window.dispatchEvent(new PopStateEvent("popstate",{state:null}));try{const e=await fetch(t,{headers:{"X-Requested-With":"XMLHttpRequest"}});updateDocumentContent(await e.text())}catch(t){}}}function debounce(t,e=300,n=!1){let o;return function(...a){const s=this;o&&clearTimeout(o),o=setTimeout((()=>{o=null,n||t.apply(s,a)}),e),n&&!o&&t.apply(s,a)}}function copyCode(t,e,n,o,a=2e3){const s=t.closest(`.${e}`)?.querySelector("pre code"),c=s?.textContent?.trim()||"";c?navigator.clipboard.writeText(c).then((()=>{const e=t.querySelector("i");e&&(e.className=o),setTimeout((()=>{e&&(e.className=n)}),a)}),(()=>{alert("Failed to copy command to clipboard")})):alert("Failed to find the code block to copy")}window.addEventListener("popstate",(async()=>{try{const t=await fetch(window.location.href,{headers:{"X-Requested-With":"XMLHttpRequest"}});updateDocumentContent(await t.text())}catch(t){}}));let api=null;if(void 0===api){class t{static instance=null;baseURL;constructor(t=window.location.origin){this.baseURL=t}static getInstance(e=window.location.origin){return t.instance||(t.instance=new t(e)),t.instance}async request(t,e,n=null,o={}){let a=`${this.baseURL}${e}`;const s={method:t,headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",...o}};if(n)if("GET"===t){a+=`?${new URLSearchParams(n).toString()}`}else"HEAD"!==t&&"OPTIONS"!==t&&(s.body=JSON.stringify(n));try{const e=await fetch(a,s);if("HEAD"===t)return e.headers;const n=e.headers.get("content-type");return n&&n.includes("application/json")?await e.json():await e.text()}catch(t){throw t}}get(t,e,n){return this.request("GET",t,e,n)}post(t,e,n){return this.request("POST",t,e,n)}put(t,e,n){return this.request("PUT",t,e,n)}delete(t,e,n){return this.request("DELETE",t,e,n)}patch(t,e,n){return this.request("PATCH",t,e,n)}head(t,e){return this.request("HEAD",t,null,e)}options(t,e){return this.request("OPTIONS",t,null,e)}}api=t.getInstance()}let store=null;if(void 0===store){class t{static instance=null;state;listeners;constructor(t={}){this.state=t,this.listeners=[]}static getInstance(e={}){return t.instance||(t.instance=new t(e),t.instance.loadState()),t.instance}setState(t,e=!1){this.state={...this.state,...t},this.listeners.forEach((t=>t(this.state))),e&&this.saveState()}subscribe(t){return this.listeners.push(t),t(this.state),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}saveState(){localStorage.setItem("appState",JSON.stringify(this.state))}loadState(){const t=localStorage.getItem("appState");t&&(this.state=JSON.parse(t),this.listeners.forEach((t=>t(this.state))))}resetState(t=!1){this.state={},this.listeners.forEach((t=>t(this.state))),t&&localStorage.removeItem("appState")}}store=t.getInstance()}
+"use strict";var eventAttributes=["onclick","ondblclick","onmousedown","onmouseup","onmouseover","onmousemove","onmouseout","onwheel","onkeypress","onkeydown","onkeyup","onfocus","onblur","onchange","oninput","onselect","onsubmit","onreset","onresize","onscroll","onload","onunload","onabort","onerror","onbeforeunload","oncopy","oncut","onpaste","ondrag","ondragstart","ondragend","ondragover","ondragenter","ondragleave","ondrop","oncontextmenu","ontouchstart","ontouchmove","ontouchend","ontouchcancel","onpointerdown","onpointerup","onpointermove","onpointerover","onpointerout","onpointerenter","onpointerleave","onpointercancel"];document.addEventListener("DOMContentLoaded",attachWireFunctionEvents);const optimisticUpdates=new Map,state={checkedElements:new Set};function attachWireFunctionEvents(){document.querySelectorAll("button, input, select, textarea, a, form, label, div, span").forEach((t=>{if(t instanceof HTMLAnchorElement&&t.addEventListener("click",handleAnchorTag),eventAttributes.forEach((e=>{const n=t.getAttribute(e),o=e.slice(2);n&&(t.removeAttribute(e),handleDebounce(t,o,n))})),t instanceof HTMLFormElement){const e=t.getAttribute("onsubmit");e&&(t.removeAttribute("onsubmit"),handleDebounce(t,"submit",e))}}))}async function handleDebounce(t,e,n){const o=t.getAttribute("pp-debounce"),a=t.getAttribute("pp-trigger"),s=async e=>{e.preventDefault();const o=saveOptimisticState(t);optimisticUpdates.set(t,o);try{a&&await invokeHandler(t,a),await invokeHandler(t,n)}catch(e){const n=optimisticUpdates.get(t);n&&revertOptimisticUpdate(t,n)}};if(o){const n=debounce(s,parseInt(o,10));t instanceof HTMLFormElement&&"submit"===e?t.addEventListener(e,(t=>{t.preventDefault(),n(t)})):t.addEventListener(e,n)}else t.addEventListener(e,s)}async function invokeHandler(t,e){try{const n=e.match(/^(\w+(\.\w+)*)\((.*)\)$/);if(n){const o=n[1],a=n[3],s=o.split("."),{context:c,methodName:r}=resolveContext(s);if("function"==typeof c[r]){const t=parseArguments(a);await c[r](...t)}else await handleParsedCallback(t,e)}else await handleParsedCallback(t,e)}catch(t){}}function resolveContext(t){let e=window;for(let n=0;n<t.length-1;n++)if(e=e[t[n]],!e)throw new Error(`Cannot find object ${t[n]} in the context.`);return{context:e,methodName:t[t.length-1]}}function parseArguments(t){return t?JSON.parse(`[${t}]`):[]}async function handleParsedCallback(t,e){const{funcName:n,data:o}=parseCallback(t,e);if(!n)return;const a=window[n];if("function"==typeof a){const t=Array.isArray(o.args)?o.args:[];await a(...t,o)}else await handleUndefinedFunction(n,o)}function extractStyles(t){const e={};for(let n=0;n<t.length;n++){const o=t[n];e[o]=t.getPropertyValue(o)}return e}function applyOptimisticUpdate(t,e){Object.entries(e.attributes).forEach((([e,n])=>{n?t.setAttribute(e,n):t.removeAttribute(e)})),Object.assign(t.style,e.styles),t.innerHTML=e.innerHTML||""}function revertOptimisticUpdate(t,e){"value"in e&&("checkbox"===t.type||"radio"===t.type?t.checked=!!e.value:t.value=e.value),"innerHTML"in e&&(t.innerHTML=e.innerHTML)}async function handleAnchorTag(t){const e=t.currentTarget,n=e.getAttribute("href"),o=e.getAttribute("target");if(!n||"_blank"===o||t.metaKey||t.ctrlKey)return;t.preventDefault();if(/^(https?:)?\/\//i.test(n)&&!n.startsWith(window.location.origin))window.location.href=n;else try{history.pushState(null,"",n),window.dispatchEvent(new PopStateEvent("popstate",{state:null}))}catch(t){}}function updateDocumentContent(t){if(t.includes("<!DOCTYPE html>")){const e=(new DOMParser).parseFromString(t,"text/html");document.replaceChild(document.adoptNode(e.documentElement),document.documentElement)}else{saveState();const e=saveScrollPositions(),n=(new DOMParser).parseFromString(t,"text/html"),o=Array.from(n.body.querySelectorAll("script")),a=n.body;diffAndPatch(document.body,a),restoreState(),restoreScrollPositions(e),o.forEach((t=>{if(t.src)loadScript(t.src);else{const e=document.createElement("script");e.textContent=t.textContent,document.body.appendChild(e),document.body.removeChild(e)}}))}attachWireFunctionEvents()}function diffAndPatch(t,e){t.nodeType===e.nodeType?t.nodeType!==Node.TEXT_NODE||e.nodeType!==Node.TEXT_NODE?t instanceof HTMLElement&&e instanceof HTMLElement&&t.replaceWith(e):t.textContent!==e.textContent&&(t.textContent=e.textContent):t.parentNode?.replaceChild(e,t)}function updateAttributes(t,e){Array.from(e.attributes).forEach((e=>{t.getAttribute(e.name)!==e.value&&t.setAttribute(e.name,e.value)})),Array.from(t.attributes).forEach((n=>{e.hasAttribute(n.name)||t.removeAttribute(n.name)}))}function updateChildren(t,e){const n=t.childNodes,o=e.childNodes,a=Math.max(n.length,o.length);for(let e=0;e<a;e++){const a=n[e],s=o[e];a?s?diffAndPatch(a,s):t.removeChild(a):t.appendChild(s)}}function loadScript(t){const e=document.createElement("script");e.src=t,document.head.appendChild(e)}function saveState(){const t=document.activeElement;state.focusId=t?.id||t?.name,state.focusValue=t?.value,state.focusSelectionStart=t?.selectionStart,state.focusSelectionEnd=t?.selectionEnd,state.checkedElements.clear(),document.querySelectorAll('input[type="checkbox"]:checked').forEach((t=>{state.checkedElements.add(t.id||t.name)}))}function restoreState(){if(state.focusId){const t=document.getElementById(state.focusId)||document.querySelector(`[name="${state.focusId}"]`);t instanceof HTMLInputElement&&(t.focus(),"search"===t.type&&(t.value=state.focusValue||""),void 0!==state.focusSelectionStart&&null!==state.focusSelectionEnd&&t.setSelectionRange(state.focusSelectionStart||null,state.focusSelectionEnd||null))}state.checkedElements.forEach((t=>{const e=document.getElementById(t);e&&(e.checked=!0)}))}function saveScrollPositions(){const t={};return document.querySelectorAll("*").forEach((e=>{(e.scrollTop||e.scrollLeft)&&(t[getElementKey(e)]={scrollTop:e.scrollTop,scrollLeft:e.scrollLeft})})),t}function restoreScrollPositions(t){document.querySelectorAll("*").forEach((e=>{const n=getElementKey(e);t[n]&&(e.scrollTop=t[n].scrollTop,e.scrollLeft=t[n].scrollLeft)}))}function getElementKey(t){return t.id||t.className||t.tagName}function parseCallback(t,e){let n={};const o=t.closest("form");if(o){new FormData(o).forEach(((t,e)=>{n[e]?Array.isArray(n[e])?n[e].push(t):n[e]=[n[e],t]:n[e]=t}))}else t instanceof HTMLInputElement?n=handleInputElement(t):(t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement)&&(n[t.name]=t.value);const a=e.match(/(\w+)\((.*)\)/);if(a){const t=a[1];let e=a[2].trim();if(e.startsWith("{")&&e.endsWith("}")){const t=e.replace(/'/g,'"');try{const e=JSON.parse(t);"object"==typeof e&&null!==e&&(n={...n,...e})}catch(t){}}else{const t=e.split(/,(?=(?:[^'"]*['"][^'"]*['"])*[^'"]*$)/).map((t=>t.trim().replace(/^['"]|['"]$/g,"")));n.args=t}return{funcName:t,data:n}}return{funcName:e,data:n}}function handleInputElement(t){let e={};return t.name?"checkbox"===t.type||"radio"===t.type?e[t.name]=t.checked:e[t.name]=t.value:"checkbox"===t.type||"radio"===t.type?e.value=t.checked:e.value=t.value,e}function captureState(t){const e={};for(const n of t.attributes)e[n.name]=n.value;return{attributes:e,styles:extractStyles(window.getComputedStyle(t)),innerHTML:t.innerHTML||""}}async function handleUndefinedFunction(t,e){const n={callback:t,...e},o={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"},body:JSON.stringify(n)},a={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"},body:JSON.stringify({secondRequest:!0})},s=async t=>{const e=await fetch(window.location.pathname,t);return await e.text()};try{const t=await s(o),e=await s(a);if(t.includes("redirect_7F834=")){const e=t.split("=")[1];await handleRedirect(e)}else{updateDocumentContent(t+e)}}catch(t){revertOptimisticUpdate(document.body,captureState(document.body))}}function saveOptimisticState(t){return{value:t.value||t.checked||"",attributes:Array.from(t.attributes).reduce(((t,e)=>(t[e.name]=e.value,t)),{}),styles:extractStyles(window.getComputedStyle(t)),innerHTML:t.innerHTML}}async function handleRedirect(t){if(t){history.pushState(null,"",t),window.dispatchEvent(new PopStateEvent("popstate",{state:null}));try{const e=await fetch(t,{headers:{"X-Requested-With":"XMLHttpRequest"}});updateDocumentContent(await e.text())}catch(t){}}}function debounce(t,e=300,n=!1){let o;return function(...a){const s=this;o&&clearTimeout(o),o=setTimeout((()=>{o=null,n||t.apply(s,a)}),e),n&&!o&&t.apply(s,a)}}function copyCode(t,e,n,o,a=2e3){const s=t.closest(`.${e}`)?.querySelector("pre code"),c=s?.textContent?.trim()||"";c?navigator.clipboard.writeText(c).then((()=>{const e=t.querySelector("i");e&&(e.className=o),setTimeout((()=>{e&&(e.className=n)}),a)}),(()=>{alert("Failed to copy command to clipboard")})):alert("Failed to find the code block to copy")}window.addEventListener("popstate",(async()=>{try{const t=await fetch(window.location.href,{headers:{"X-Requested-With":"XMLHttpRequest"}});updateDocumentContent(await t.text())}catch(t){}}));let api=null;if(void 0===api){class t{static instance=null;baseURL;constructor(t=window.location.origin){this.baseURL=t}static getInstance(e=window.location.origin){return t.instance||(t.instance=new t(e)),t.instance}async request(t,e,n=null,o={}){let a=`${this.baseURL}${e}`;const s={method:t,headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",...o}};if(n)if("GET"===t){a+=`?${new URLSearchParams(n).toString()}`}else"HEAD"!==t&&"OPTIONS"!==t&&(s.body=JSON.stringify(n));try{const e=await fetch(a,s);if("HEAD"===t)return e.headers;const n=e.headers.get("content-type");return n&&n.includes("application/json")?await e.json():await e.text()}catch(t){throw t}}get(t,e,n){return this.request("GET",t,e,n)}post(t,e,n){return this.request("POST",t,e,n)}put(t,e,n){return this.request("PUT",t,e,n)}delete(t,e,n){return this.request("DELETE",t,e,n)}patch(t,e,n){return this.request("PATCH",t,e,n)}head(t,e){return this.request("HEAD",t,null,e)}options(t,e){return this.request("OPTIONS",t,null,e)}}api=t.getInstance()}let store=null;if(void 0===store){class t{static instance=null;state;listeners;constructor(t={}){this.state=t,this.listeners=[]}static getInstance(e={}){return t.instance||(t.instance=new t(e),t.instance.loadState()),t.instance}setState(t,e=!1){this.state={...this.state,...t},this.listeners.forEach((t=>t(this.state))),e&&this.saveState()}subscribe(t){return this.listeners.push(t),t(this.state),()=>{this.listeners=this.listeners.filter((e=>e!==t))}}saveState(){localStorage.setItem("appState",JSON.stringify(this.state))}loadState(){const t=localStorage.getItem("appState");t&&(this.state=JSON.parse(t),this.listeners.forEach((t=>t(this.state))))}resetState(t=!1){this.state={},this.listeners.forEach((t=>t(this.state))),t&&localStorage.removeItem("appState")}}store=t.getInstance()}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-prisma-php-app",
-  "version": "1.15.6",
+  "version": "1.15.8",
   "description": "Prisma-PHP: A Revolutionary Library Bridging PHP with Prisma ORM",
   "main": "dist/index.js",
   "type": "module",

package/dist/src/Lib/FormHandler.php

@@ -1,604 +0,0 @@
-<?php
-
-namespace Lib;
-
-use Lib\StateManager;
-use Lib\Validator;
-
-class FormHandler
-{
-    private $data;
-    private $errors;
-    private $validated;
-    private $isPost;
-    private $pathname;
-    private StateManager $stateManager;
-    private const FORM_STATE = 'pphp_form_state_977A9';
-    private const FORM_INPUT_REGISTER = 'pphp_form_input_register_7A16F';
-    private const FORM_INPUT_ERRORS = 'pphp_form_input_errors_CBF6C';
-
-    public function __construct($formData = [])
-    {
-        global $isPost, $pathname;
-
-        $this->isPost = $isPost;
-        $this->pathname = $pathname;
-        $this->data = $formData;
-        $this->errors = [];
-        $this->validated = false;
-
-        $this->stateManager = new StateManager();
-
-        if ($this->stateManager->getState(self::FORM_INPUT_REGISTER)) {
-            $this->getData();
-        }
-    }
-
-    /**
-     * Validates the form data.
-     * 
-     * @return bool True if the form data is valid, false otherwise.
-     */
-    public function validate(): bool
-    {
-        return empty($this->errors) && $this->validated;
-    }
-
-    public function addError($field, $message)
-    {
-        $this->errors[$field] = $message;
-    }
-
-    /**
-     * Retrieves the form data and performs validation if the form was submitted.
-     *
-     * @return mixed An object containing the form data.
-     */
-    public function getData(): mixed
-    {
-        if ($this->isPost) {
-            if ($inputField = $this->stateManager->getState(self::FORM_INPUT_REGISTER)) {
-                foreach ($inputField as $field => $fieldData) {
-                    $this->data[$field] = Validator::string($this->data[$field] ?? '');
-                    $this->validateField($field, $fieldData['rules']);
-                }
-            }
-
-            $formDataInfo = [
-                'data' => $this->data,
-                'errors' => $this->errors,
-                'validated' => true
-            ];
-
-            $this->stateManager->resetState(self::FORM_INPUT_ERRORS, true);
-            $this->stateManager->setState([self::FORM_INPUT_ERRORS => $formDataInfo], true);
-            $this->stateManager->setState([self::FORM_STATE => $formDataInfo], true);
-
-            redirect($this->pathname);
-        } else {
-            if ($state = $this->stateManager->getState(self::FORM_STATE)) {
-                $this->data = $state['data'] ?? [];
-                $this->errors = $state['errors'] ?? [];
-                $this->validated = $state['validated'] ?? false;
-
-                $this->stateManager->resetState([self::FORM_STATE, self::FORM_INPUT_REGISTER], true);
-            }
-        }
-
-        return new \ArrayObject($this->data, \ArrayObject::ARRAY_AS_PROPS);
-    }
-
-    /**
-     * Retrieves the validation errors from the form state.
-     *
-     * This function provides error messages for individual fields or returns all form errors if no specific field is requested.
-     * Error messages are wrapped in HTML `<span>` tags with unique IDs to facilitate identification and styling.
-     *
-     * - If a field name is provided:
-     *     - Returns the error message for the specific field as a span element with a unique `id` attribute.
-     *     - If no error message is available for the field, returns an empty span element.
-     * - If no field name is provided:
-     *     - Returns an associative array of all error messages, each wrapped in a span element with a unique `id` attribute.
-     *     - If no errors are found, returns an empty array.
-     * - If the form has not been validated yet:
-     *     - Returns an empty string if a specific field name is provided.
-     *     - Returns an empty array if no field name is provided.
-     *
-     * @param string|null $field The name of the field to retrieve errors for. If null, returns all errors.
-     * - Must be a valid string or `null`.
-     * - If provided, the resulting span element will have a unique `id` attribute prefixed with "fh-error-".
-     * 
-     * @param string $class (optional) Additional classes to assign to the error `<span>` element.
-     * - Defaults to an empty string.
-     * 
-     * @return mixed If a field name is provided, returns the error message wrapped in a span or an empty string if no error.
-     *               If no field name is provided, returns an associative array of all errors or an empty array if no errors.
-     *               If the form has not been validated yet, returns an empty string.
-     * 
-     * @example
-     * Example usage to get a specific field's error message with a custom class:
-     * echo $form->getErrors('email', 'form-error');
-     * This will generate: "<span class='form-error' id='fh-error-email'>Error message here</span>"
-     * 
-     * Example usage to get all error messages:
-     * print_r($form->getErrors());
-     * This will generate an associative array like:
-     * [
-     *   'email' => "<span class='form-error' id='fh-error-email'>Invalid email</span>",
-     *   'username' => "<span class='form-error' id='fh-error-username'>Username too short</span>"
-     * ]
-     */
-    public function getErrors(string $field = null): mixed
-    {
-        $wrapError = function (string $field, string $message) {
-            return "id='fh-error-$field' data-error-message='$message'";
-        };
-
-        $field = Validator::string($field);
-        $state = $this->stateManager->getState(self::FORM_INPUT_ERRORS);
-
-        if ($this->validated && $state) {
-            if ($field) {
-                $errorState = $state['errors'] ?? [];
-                return $wrapError($field, $errorState[$field] ?? '');
-            }
-
-            $errors = $state['errors'] ?? [];
-            foreach ($errors as $fieldName => $message) {
-                $errors[$fieldName] = $wrapError($fieldName, $message);
-            }
-
-            return $errors;
-        }
-
-        if ($field) {
-            $fieldData = $this->data[$field] ?? '';
-            return $wrapError($field, $fieldData);
-        }
-
-        return [];
-    }
-
-    public function clearErrors()
-    {
-        $this->stateManager->resetState(self::FORM_INPUT_ERRORS, true);
-    }
-
-    /**
-     * Validates a form field based on the provided rules.
-     *
-     * @param string $field The name of the field to validate.
-     * @param array $rules An associative array of rules to apply. Each key is the rule name, and the value is the rule options.
-     * The options can be a scalar value or an array with 'value' and 'message' keys.
-     * The 'value' key is the value to compare with, and the 'message' key is the custom error message.
-     * 
-     * Supported rules:
-     * - text, search, email, password, number, date, color, range, tel, url, time, datetime-local, month, week, file
-     * - required, min, max, minLength, maxLength, pattern, autocomplete, readonly, disabled, placeholder, autofocus, multiple, accept, size, step, list
-     * 
-     * Custom error messages can be provided for each rule. If not provided, a default message is used.
-     *  
-     * @example
-     * $form->validateField('email', [
-     *   'required' => ['value' => true, 'message' => 'Email is required.'],   
-     *   'email' => ['value' => true, 'message' => 'Please enter a valid email address.']
-     * ]);
-     *
-     * @return void
-     */
-    public function validateField($field, $rules)
-    {
-        $value = Validator::string($this->data[$field] ?? null);
-
-        if (!isset($rules['required']) && empty($value)) {
-            return;
-        }
-
-        foreach ($rules as $rule => $options) {
-            $ruleValue = $options;
-            $customMessage = null;
-
-            if (is_array($options)) {
-                $ruleValue = $options['value'];
-                $customMessage = $options['message'] ?? null;
-            }
-
-            switch ($rule) {
-                case 'text':
-                case 'search':
-                    if (!is_string($value)) $this->addError($field, $customMessage ?? 'Must be a string.');
-                    break;
-                case 'email':
-                    if (!filter_var($value, FILTER_VALIDATE_EMAIL)) $this->addError($field, $customMessage ?? 'Invalid email format.');
-                    break;
-                case 'number':
-                    if (!is_numeric($value)) $this->addError($field, $customMessage ?? 'Must be a number.');
-                    break;
-                case 'date':
-                    if (!\DateTime::createFromFormat('Y-m-d', $value)) $this->addError($field, $customMessage ?? 'Invalid date format.');
-                    break;
-                case 'range':
-                    if (!is_numeric($value) || $value < $ruleValue[0] || $value > $ruleValue[1]) $this->addError($field, $customMessage ?? "Must be between $ruleValue[0] and $ruleValue[1].");
-                    break;
-                case 'url':
-                    if (!filter_var($value, FILTER_VALIDATE_URL)) $this->addError($field, $customMessage ?? 'Invalid URL format.');
-                    break;
-                case 'datetime-local':
-                    if (!\DateTime::createFromFormat('Y-m-d\TH:i', $value)) $this->addError($field, $customMessage ?? 'Invalid datetime-local format.');
-                    break;
-                case 'file':
-                    if (!is_uploaded_file($value)) $this->addError($field, $customMessage ?? 'Invalid file format.');
-                    break;
-                case 'required':
-                    if (empty($value)) $this->addError($field, $customMessage ?? 'This field is required.');
-                    break;
-                case 'min':
-                    if ($value < $ruleValue) $this->addError($field, $customMessage ?? "Must be at least $ruleValue.");
-                    break;
-                case 'max':
-                    if ($value > $ruleValue) $this->addError($field, $customMessage ?? "Must be at most $ruleValue.");
-                    break;
-                case 'minLength':
-                    if (strlen($value) < $ruleValue) $this->addError($field, $customMessage ?? "Must be at least $ruleValue characters.");
-                    break;
-                case 'maxLength':
-                    if (strlen($value) > $ruleValue) $this->addError($field, $customMessage ?? "Must be at most $ruleValue characters.");
-                    break;
-                case 'pattern':
-                    if (!preg_match("/$ruleValue/", $value)) $this->addError($field, $customMessage ?? 'Invalid format.');
-                    break;
-                case 'accept':
-                    if (!in_array($value, explode(',', $ruleValue))) $this->addError($field, $customMessage ?? 'Invalid file format.');
-                    break;
-                case 'autocomplete':
-                    if (!in_array($value, ['on', 'off'])) $this->addError($field, $customMessage ?? 'Invalid autocomplete value.');
-                    break;
-                default:
-                    // Optionally handle unknown rules or log them
-                    break;
-            }
-        }
-    }
-
-    /**
-     * Registers a form field and its validation rules, and updates the form state.
-     *
-     * @param string $fieldName The name of the form field.
-     * @param array $rules Validation rules for the field.
-     * @return string HTML attributes for the field.
-     */
-    public function register($fieldName, $rules = []): string
-    {
-        $value = Validator::string($this->data[$fieldName] ?? '');
-
-        $isTypeButton = array_key_exists('button', $rules);
-        $attributes = "";
-        if ($isTypeButton) {
-            $attributes = "id='fh-$fieldName' name='$fieldName' data-rules='" . json_encode($rules) . "'";
-        } else {
-            $attributes = "id='fh-$fieldName' name='$fieldName' value='$value' data-rules='" . json_encode($rules) . "'";
-        }
-
-        if (!array_intersect(array_keys($rules), ['text', 'email', 'password', 'number', 'date', 'color', 'range', 'tel', 'url', 'search', 'time', 'datetime-local', 'month', 'week', 'file', 'submit', 'checkbox', 'radio', 'hidden', 'button', 'reset'])) {
-            $rules['text'] = ['value' => true];
-        }
-
-        foreach ($rules as $rule => $ruleValue) {
-            $attributes .= $this->parseRule($rule, $ruleValue);
-        }
-
-        $inputField = $this->stateManager->getState(self::FORM_INPUT_REGISTER) ?? [];
-        $inputField[$fieldName] = [
-            'value' => $value,
-            'attributes' => $attributes,
-            'rules' => $rules,
-        ];
-        $this->stateManager->setState([self::FORM_INPUT_REGISTER => $inputField], true);
-
-        return $attributes;
-    }
-
-    /**
-     * Retrieves the registered form fields.
-     * 
-     * @return array An associative array of registered form fields.
-     * 
-     * @example
-     * $form->getRegisteredFields();
-     * This will return an array of registered form fields.
-     */
-    public function getRegisteredFields(): array
-    {
-        return $this->stateManager->getState(self::FORM_INPUT_REGISTER) ?? [];
-    }
-
-    private function parseRule($rule, $ruleValue)
-    {
-        $attribute = '';
-        $ruleParam = $ruleValue;
-        $ruleParam = is_array($ruleValue) ? $ruleValue['value'] : $ruleValue;
-
-        switch ($rule) {
-            case 'text':
-            case 'search':
-            case 'email':
-            case 'password':
-            case 'number':
-            case 'date':
-            case 'color':
-            case 'range':
-            case 'tel':
-            case 'url':
-            case 'time':
-            case 'datetime-local':
-            case 'month':
-            case 'week':
-            case 'file':
-            case 'submit':
-            case "checkbox":
-            case "radio":
-            case "hidden":
-            case "button":
-            case "reset":
-                $attribute .= " type='$rule'";
-                break;
-            case 'required':
-                $attribute .= " required";
-                break;
-            case 'min':
-            case 'max':
-                $attribute .= " $rule='$ruleParam'";
-                break;
-            case 'minLength':
-            case 'maxLength':
-                $attribute .= " $rule='$ruleParam'";
-                break;
-            case 'pattern':
-                $attribute .= " pattern='$ruleParam'";
-                break;
-            case 'autocomplete':
-                $attribute .= " autocomplete='$ruleParam'";
-                break;
-            case 'readonly':
-                $attribute .= " readonly";
-                break;
-            case 'disabled':
-                $attribute .= " disabled";
-                break;
-            case 'placeholder':
-                $attribute .= " placeholder='$ruleParam'";
-                break;
-            case 'autofocus':
-                $attribute .= " autofocus";
-                break;
-            case 'multiple':
-                $attribute .= " multiple";
-                break;
-            case 'accept':
-                $attribute .= " accept='$ruleParam'";
-                break;
-            case 'size':
-                $attribute .= " size='$ruleParam'";
-                break;
-            case 'step':
-                $attribute .= " step='$ruleParam'";
-                break;
-            case 'list':
-                $attribute .= " list='$ruleParam'";
-                break;
-            default:
-                // Optionally handle unknown rules or log them
-                break;
-        }
-        return $attribute;
-    }
-
-    /**
-     * Creates a watch element for a form field.
-     * 
-     * This function returns an HTML string for a watch element with a unique `id` attribute,
-     * useful for monitoring changes in the value of a form field.
-     * 
-     * @param string $field The name of the field to create a watch element for.
-     * 
-     * @return string An HTML string representing the watch element. The element will have a unique `id` attribute prefixed with "fh-watch-" and suffixed by the field name, and it will include `data-watch-value` and `data-type` attributes.
-     * 
-     * @example
-     * Example usage to create a watch element for a "username" field:
-     * 
-     * echo $form->watch('username');
-     * Output: "<div id='fh-watch-username' data-watch-value='{value}' data-type='watch'></div>"
-     */
-    public function watch(string $field)
-    {
-        $field = Validator::string($field);
-        $fieldData = $this->data[$field] ?? '';
-        return "id='fh-watch-$field' data-watch-value='$fieldData' data-type='watch'";
-    }
-}
-
-?>
-
-<script>
-    if (typeof FormHandler === 'undefined') {
-        class FormHandler {
-            constructor() {
-                this.errors = [];
-                this.dataRulesElements = document.querySelectorAll('[data-rules]');
-                this.init();
-            }
-
-            init() {
-                this.dataRulesElements.forEach(fieldElement => {
-                    this.initializeFieldFromDOM(fieldElement);
-                });
-            }
-
-            initializeFieldFromDOM(fieldElement) {
-                if (!fieldElement) return;
-
-                const fieldName = fieldElement.name;
-                const rules = JSON.parse(fieldElement.getAttribute('data-rules') || '{}');
-
-                const errors = this.validateField(fieldElement, fieldElement.value, rules);
-                const errorContainer = document.getElementById(`fh-error-${fieldElement.name}`);
-                if (errorContainer) {
-                    if (errorContainer.dataset.errorMessage) {
-                        errorContainer.textContent = errors.join(', ');
-                    }
-                }
-
-                const immediateObserver = (e) => {
-                    const target = e.target;
-                    this.watch(target);
-
-                    const errors = this.validateField(target, target.value, rules);
-                    const errorContainer = document.getElementById(`fh-error-${target.name}`);
-                    if (errorContainer) {
-                        errorContainer.textContent = errors.join(', ');
-                    }
-                };
-
-                fieldElement.addEventListener('input', immediateObserver);
-            }
-
-            updateElementDisplay(displayElement, field) {
-                const tagName = field.tagName.toUpperCase();
-                if (tagName === 'INPUT' || tagName === 'TEXTAREA') {
-                    if (displayElement.tagName === 'INPUT' || displayElement.tagName === 'TEXTAREA') {
-                        displayElement.value = field.value;
-                    } else {
-                        displayElement.dataset.watchValue = field.value;
-                        displayElement.textContent = field.value;
-                    }
-                } else {
-                    displayElement.textContent = field.textContent;
-                }
-            }
-
-            watch(field) {
-                if (!field) return;
-
-                const watchElement = document.getElementById(`fh-watch-${field.name}`);
-                if (watchElement) {
-                    this.updateElementDisplay(watchElement, field);
-                }
-            }
-
-            clearErrors() {
-                const errorElements = document.querySelectorAll('[id^="fh-error-"]');
-                errorElements.forEach(element => {
-                    element.textContent = '';
-                });
-
-                this.errors = [];
-            }
-
-            getErrors(field) {
-                if (field) {
-                    return document.getElementById(`fh-error-${field}`).textContent;
-                } else {
-                    return this.errors;
-                }
-            }
-
-            validateField(field, value, rules) {
-                if (!rules) return [];
-                this.errors = [];
-
-                for (const [rule, options] of Object.entries(rules)) {
-                    let ruleValue = options;
-                    let customMessage = null;
-
-                    if (typeof options === 'object') {
-                        ruleValue = options.value;
-                        customMessage = options.message || null;
-                    }
-
-                    switch (rule) {
-                        case 'text':
-                        case 'search':
-                            if (typeof value !== 'string') {
-                                this.errors.push(customMessage || 'Must be a string.');
-                            }
-                            break;
-                        case 'email':
-                            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
-                                this.errors.push(customMessage || 'Invalid email format.');
-                            }
-                            break;
-                        case 'number':
-                            if (isNaN(value)) {
-                                this.errors.push(customMessage || 'Must be a number.');
-                            }
-                            break;
-                        case 'date':
-                            if (isNaN(Date.parse(value))) {
-                                this.errors.push(customMessage || 'Invalid date format.');
-                            }
-                            break;
-                        case 'range':
-                            const [min, max] = ruleValue;
-                            if (isNaN(value) || value < min || value > max) {
-                                this.errors.push(customMessage || `Must be between ${min} and ${max}.`);
-                            }
-                            break;
-                        case 'url':
-                            try {
-                                new URL(value);
-                            } catch (e) {
-                                this.errors.push(customMessage || 'Invalid URL format.');
-                            }
-                            break;
-                        case 'required':
-                            if (!value) {
-                                this.errors.push(customMessage || 'This field is required.');
-                            }
-                            break;
-                        case 'min':
-                            if (Number(value) < ruleValue) {
-                                this.errors.push(customMessage || `Must be at least ${ruleValue}.`);
-                            }
-                            break;
-                        case 'max':
-                            if (Number(value) > ruleValue) {
-                                this.errors.push(customMessage || `Must be at most ${ruleValue}.`);
-                            }
-                            break;
-                        case 'minLength':
-                            if (value.length < ruleValue) {
-                                this.errors.push(customMessage || `Must be at least ${ruleValue} characters.`);
-                            }
-                            break;
-                        case 'maxLength':
-                            if (value.length > ruleValue) {
-                                this.errors.push(customMessage || `Must be at most ${ruleValue} characters.`);
-                            }
-                            break;
-                        case 'pattern':
-                            if (!new RegExp(ruleValue).test(value)) {
-                                this.errors.push(customMessage || 'Invalid format.');
-                            }
-                            break;
-                        case 'accept':
-                            if (!ruleValue.split(',').includes(value)) {
-                                this.errors.push(customMessage || 'Invalid file format.');
-                            }
-                            break;
-                        default:
-                            // Optionally handle unknown rules or log them
-                            break;
-                    }
-                }
-
-                return this.errors;
-            }
-        }
-
-        let formHandler = FormHandler ? new FormHandler() : null;
-        // Initialize FormHandler on initial page load
-        document.addEventListener('DOMContentLoaded', function() {
-            formHandler = new FormHandler();
-        });
-    }
-</script>