new libs

Author: le0pard

.eslintrc.cjs

@@ -8,7 +8,7 @@ module.exports = {
   },
   env: {
     browser: true,
-    es2017: true,
+    es2020: true,
     node: true
   }
 };

package.json

@@ -13,26 +13,26 @@
   "devDependencies": {
     "@picocss/pico": "^2.0.6",
     "@sveltejs/adapter-static": "^3.0.6",
-    "@sveltejs/kit": "^2.8.1",
-    "@sveltejs/vite-plugin-svelte": "^4.0.1",
+    "@sveltejs/kit": "^2.12.1",
+    "@sveltejs/vite-plugin-svelte": "^5.0.2",
     "@types/cookie": "^1.0.0",
     "@yarnpkg/pnpify": "^4.1.3",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.46.0",
+    "eslint-plugin-svelte": "^2.46.1",
     "lodash": "^4.17.21",
     "postcss": "^8.4.49",
     "postcss-import": "^16.1.0",
     "postcss-load-config": "^6.0.1",
-    "postcss-preset-env": "^10.1.1",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.8",
+    "postcss-preset-env": "^10.1.2",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.2",
     "re2js": "^0.4.3",
-    "svelte": "^5.2.4",
-    "svelte-check": "^4.0.9",
+    "svelte": "^5.14.1",
+    "svelte-check": "^4.1.1",
     "svelte-preprocess": "^6.0.3",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11"
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3"
   },
   "type": "module",
   "packageManager": "yarn@4.5.1"

src/routes/+page.svelte

@@ -45,13 +45,7 @@
 
   const execRE2JSDebounce = debounce(execRE2JS, 300)
 
-  const {
-    CASE_INSENSITIVE,
-    DOTALL,
-    MULTILINE,
-    DISABLE_UNICODE_GROUPS,
-    LONGEST_MATCH
-  } = RE2JS
+  const { CASE_INSENSITIVE, DOTALL, MULTILINE, DISABLE_UNICODE_GROUPS, LONGEST_MATCH } = RE2JS
 
   $effect(() => {
     let flags = 0
@@ -76,10 +70,13 @@
 
   onMount(() => {
     globalThis.RE2JS = RE2JS // expose RE2JS to global scope
-    console.log('%c Feel free to try RE2JS here 😎', `color: light-dark(
+    console.log(
+      '%c Feel free to try RE2JS here 😎',
+      `color: light-dark(
       oklch(50% 0.15 100),
       oklch(90% 0.15 100)
-    )`)
+    )`
+    )
   })
 </script>
 
@@ -96,8 +93,8 @@
       id="regex"
       name="regex"
       placeholder="Insert your regular expression here"
-      bind:value="{regex}"
-      aria-invalid="{results && !results.success}"
+      bind:value={regex}
+      aria-invalid={results && !results.success}
     />
 
     <label for="string">Test string</label>
@@ -106,7 +103,7 @@
       id="string"
       name="string"
       placeholder="Insert your test string here"
-      bind:value="{string}"
+      bind:value={string}
     ></textarea>
   </div>
 
@@ -118,20 +115,20 @@
           type="checkbox"
           id="case_insensitive_flag"
           name="case_insensitive_flag"
-          bind:checked="{case_insensitive_flag}"
+          bind:checked={case_insensitive_flag}
         />
         Case insensitive matching
       </label>
       <label for="dotall_flag">
-        <input type="checkbox" id="dotall_flag" name="dotall_flag" bind:checked="{dotall_flag}" />
+        <input type="checkbox" id="dotall_flag" name="dotall_flag" bind:checked={dotall_flag} />
         "." matches all characters
       </label>
       <label for="multiline_flag">
         <input
           type="checkbox"
           id="multiline_flag"
           name="multiline_flag"
-          bind:checked="{multiline_flag}"
+          bind:checked={multiline_flag}
         />
         Multiline matching
       </label>
@@ -140,7 +137,7 @@
           type="checkbox"
           id="disable_unicode_groups_flag"
           name="disable_unicode_groups_flag"
-          bind:checked="{disable_unicode_groups_flag}"
+          bind:checked={disable_unicode_groups_flag}
         />
         Disable unicode groups
       </label>
@@ -149,7 +146,7 @@
           type="checkbox"
           id="longest_match_flag"
           name="longest_match_flag"
-          bind:checked="{longest_match_flag}"
+          bind:checked={longest_match_flag}
         />
         Matches longest possible string
       </label>
@@ -181,8 +178,8 @@
             <td class="val-cell">
               <span
                 class="status-tag"
-                class:status-tag__yes="{results.matches}"
-                class:status-tag__no="{!results.matches}">{results.matches ? 'yes' : 'no'}</span
+                class:status-tag__yes={results.matches}
+                class:status-tag__no={!results.matches}>{results.matches ? 'yes' : 'no'}</span
               >
             </td>
           </tr>
@@ -191,8 +188,8 @@
             <td class="val-cell">
               <span
                 class="status-tag"
-                class:status-tag__yes="{results.contains}"
-                class:status-tag__no="{!results.contains}">{results.contains ? 'yes' : 'no'}</span
+                class:status-tag__yes={results.contains}
+                class:status-tag__no={!results.contains}>{results.contains ? 'yes' : 'no'}</span
               >
             </td>
           </tr>
@@ -201,8 +198,8 @@
             <td class="val-cell">
               <span
                 class="status-tag"
-                class:status-tag__yes="{results.startWith}"
-                class:status-tag__no="{!results.startWith}">{results.startWith ? 'yes' : 'no'}</span
+                class:status-tag__yes={results.startWith}
+                class:status-tag__no={!results.startWith}>{results.startWith ? 'yes' : 'no'}</span
               >
             </td>
           </tr>