diff --git a/functions/vendors/templates.js b/functions/vendors/templates.js
index 85dbce5f2..bdd0caf05 100644
--- a/functions/vendors/templates.js
+++ b/functions/vendors/templates.js
@@ -1,18 +1,6 @@
 var getTemplateName = (_, templateName) => templateName;
-var d = {
-  name: 'angular',
-  title: getTemplateName('templates.starter.angular', 'Angular Starter'),
-  thumbnail: 'assets/templates/angular.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<app>Loading...</app>
-`,
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'typescript',
-    content: `
+var d={name:"angular",title:getTemplateName("templates.starter.angular","Angular Starter"),thumbnail:"assets/templates/angular.svg",activeEditor:"script",markup:{language:"html",content:`<app>Loading...</app>
+`},style:{language:"css",content:""},script:{language:"typescript",content:`
 import { Component, Input, NgModule, enableProdMode } from '@angular/core@12.2.13';
 import { CommonModule } from '@angular/common@12.2.13';
 import { BrowserModule } from '@angular/platform-browser@12.2.13';
@@ -82,18 +70,7 @@ class AppModule {}
 platformBrowserDynamic()
   .bootstrapModule(AppModule)
   .catch((err: Error) => console.error(err));
-`.trimStart(),
-  },
-  customSettings: { typescript: { experimentalDecorators: !0 } },
-};
-var u = {
-  name: 'assemblyscript',
-  title: getTemplateName('templates.starter.assemblyscript', 'AssemblyScript Starter'),
-  thumbnail: 'assets/templates/assemblyscript.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},customSettings:{typescript:{experimentalDecorators:!0}}};var u={name:"assemblyscript",title:getTemplateName("templates.starter.assemblyscript","AssemblyScript Starter"),thumbnail:"assets/templates/assemblyscript.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/assemblyscript.svg" />
@@ -126,11 +103,7 @@ var u = {
 
   })();
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -139,33 +112,14 @@ var u = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'assemblyscript',
-    content: `
+`.trimStart()},script:{language:"assemblyscript",content:`
 export function getTitle(): string {
   return "AssemblyScript";
 }
 export function increment(num: i32): i32 {
   return num + 1;
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var g = {
-  name: 'astro',
-  title: getTemplateName('templates.starter.astro', 'Astro Starter'),
-  thumbnail: 'assets/templates/astro.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'astro',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var g={name:"astro",title:getTemplateName("templates.starter.astro","Astro Starter"),thumbnail:"assets/templates/astro.svg",activeEditor:"markup",markup:{language:"astro",content:`
 ---
 import {format} from 'date-fns';
 
@@ -222,35 +176,14 @@ const builtAtFormatted = format(builtAt, 'MMMM dd, yyyy -- H:mm:ss.SSS');
 </body>
 
 </html>
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: { language: 'javascript', content: '' },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var h = {
-  name: 'backbone',
-  title: getTemplateName('templates.starter.backbone', 'Backbone Starter'),
-  thumbnail: 'assets/templates/backbone.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"javascript",content:""},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var h={name:"backbone",title:getTemplateName("templates.starter.backbone","Backbone Starter"),thumbnail:"assets/templates/backbone.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/backbone.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -259,11 +192,7 @@ var h = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 var Counter = Backbone.Model.extend({
   defaults: {
     value: 0,
@@ -294,40 +223,7 @@ var AppView = Backbone.View.extend({
   }
 });
 var view = new AppView({ model: counter });
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [
-    'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js',
-    'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js',
-    'https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js',
-  ],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var b = {
-  name: 'blank',
-  title: getTemplateName('templates.starter.blank', 'Blank Project'),
-  thumbnail: 'assets/templates/blank.svg',
-  activeEditor: 'markup',
-  markup: { language: 'html', content: '' },
-  style: { language: 'css', content: '' },
-  script: { language: 'javascript', content: '' },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var f = {
-  name: 'blockly',
-  title: getTemplateName('templates.starter.blockly', 'Blockly Starter'),
-  thumbnail: 'assets/templates/blockly.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:["https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js","https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js","https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"],cssPreset:"",imports:{},types:{}};var b={name:"blank",title:getTemplateName("templates.starter.blank","Blank Project"),thumbnail:"assets/templates/blank.svg",activeEditor:"markup",markup:{language:"html",content:""},style:{language:"css",content:""},script:{language:"javascript",content:""},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var f={name:"blockly",title:getTemplateName("templates.starter.blockly","Blockly Starter"),thumbnail:"assets/templates/blockly.svg",activeEditor:"script",markup:{language:"html",content:`
 <xml
   data-src="{{ __CDN_URL__ }}@live-codes/blockly-utils@0.2.0/src/dom-blocks.xml"
   data-type="blockly/xml"
@@ -344,11 +240,7 @@ var f = {
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -357,11 +249,7 @@ var f = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'blockly',
-    content: `
+`.trimStart()},script:{language:"blockly",content:`
 <xml xmlns="https://developers.google.com/blockly/xml">
   <variables>
     <variable id="?\`Dl!ysD-zLY64Lpe)c(">count</variable>
@@ -470,22 +358,7 @@ var f = {
     </statement>
   </block>
 </xml>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var v = {
-  name: 'bootstrap',
-  title: getTemplateName('templates.starter.bootstrap', 'Bootstrap Starter'),
-  thumbnail: 'assets/templates/bootstrap.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var v={name:"bootstrap",title:getTemplateName("templates.starter.bootstrap","Bootstrap Starter"),thumbnail:"assets/templates/bootstrap.svg",activeEditor:"markup",markup:{language:"html",content:`
 <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
   <div class="container-fluid">
     <a class="navbar-brand" href="#">Navbar</a>
@@ -556,11 +429,7 @@ var v = {
     </p>
   </div>
 </main>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 body {
   padding-top: 5rem;
 }
@@ -578,34 +447,14 @@ body {
     font-size: 3.5rem;
   }
 }
-`.trimStart(),
-  },
-  script: { language: 'javascript', content: '' },
-  stylesheets: ['{{ __CDN_URL__ }}bootstrap@5.3.0/dist/css/bootstrap.min.css'],
-  scripts: ['{{ __CDN_URL__ }}bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js'],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var y = {
-  name: 'civet',
-  title: getTemplateName('templates.starter.civet', 'Civet Starter'),
-  thumbnail: 'assets/templates/civet.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},script:{language:"javascript",content:""},stylesheets:["{{ __CDN_URL__ }}bootstrap@5.3.0/dist/css/bootstrap.min.css"],scripts:["{{ __CDN_URL__ }}bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"],cssPreset:"",imports:{},types:{}};var y={name:"civet",title:getTemplateName("templates.starter.civet","Civet Starter"),thumbnail:"assets/templates/civet.png",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/civet.png" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -614,11 +463,7 @@ var y = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'civet',
-    content: `
+`.trimStart()},script:{language:"civet",content:`
 titleElement := document.getElementById 'title'
 counterElement := document.getElementById 'counter'
 button := document.getElementById 'counter-button'
@@ -631,33 +476,14 @@ increment := counter 0
 function handleClick: void counterElement.innerText = increment()
 
 button.addEventListener 'click', handleClick
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var x = {
-  name: 'clio',
-  title: getTemplateName('templates.starter.clio', 'Clio Starter'),
-  thumbnail: 'assets/templates/clio.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var x={name:"clio",title:getTemplateName("templates.starter.clio","Clio Starter"),thumbnail:"assets/templates/clio.png",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1 id="title">Hello, World!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/clio.png" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button" disabled>Loading...</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -666,11 +492,7 @@ var x = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'clio',
-    content: `
+`.trimStart()},script:{language:"clio",content:`
 fn capitalize str:
   (str.charAt 0 -> .toUpperCase) + (str.slice 1 -> .toLowerCase)
 
@@ -698,28 +520,9 @@ export fn main argv:
   document.querySelector "#counter-button"
     -> activateBtn
     -> .addEventListener "click" onBtnClick
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var w = {
-  name: 'clojurescript',
-  title: getTemplateName('templates.starter.clojurescript', 'ClojureScript Starter'),
-  thumbnail: 'assets/templates/cljs.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var w={name:"clojurescript",title:getTemplateName("templates.starter.clojurescript","ClojureScript Starter"),thumbnail:"assets/templates/cljs.svg",activeEditor:"script",markup:{language:"html",content:`
 <div id="app">Loading...</div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -728,11 +531,7 @@ var w = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'clojurescript',
-    content: `
+`.trimStart()},script:{language:"clojurescript",content:`
 (ns react.component
   (:require
     ;; you may use npm packages
@@ -761,28 +560,14 @@ var w = {
 (print (str "Hello, " title "!"))
 (defonce root (createRoot (js/document.querySelector "#app")))
 (.render root #jsx [Counter #js {:name title}])
-`.trimStart(),
-  },
-};
-var S = {
-  name: 'coffeescript',
-  title: getTemplateName('templates.starter.coffeescript', 'CoffeeScript Starter'),
-  thumbnail: 'assets/templates/coffeescript.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var S={name:"coffeescript",title:getTemplateName("templates.starter.coffeescript","CoffeeScript Starter"),thumbnail:"assets/templates/coffeescript.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/coffeescript.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -791,11 +576,7 @@ var S = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'coffeescript',
-    content: `
+`.trimStart()},script:{language:"coffeescript",content:`
 titleElement = document.getElementById 'title'
 counterElement = document.getElementById 'counter'
 button = document.getElementById 'counter-button'
@@ -808,33 +589,14 @@ increment = counter 0
 
 button.addEventListener('click',
   -> counterElement.innerText = increment())
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var k = {
-  name: 'commonlisp',
-  title: getTemplateName('templates.starter.commonlisp', 'Common Lisp Starter'),
-  thumbnail: 'assets/templates/commonlisp.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var k={name:"commonlisp",title:getTemplateName("templates.starter.commonlisp","Common Lisp Starter"),thumbnail:"assets/templates/commonlisp.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1 id="title">Hello, World!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/commonlisp.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -843,11 +605,7 @@ var k = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'commonlisp',
-    content: `
+`.trimStart()},script:{language:"commonlisp",content:`
 (defun set-attribute (&key selector attribute value)
   (let ((node
          (#j:document:querySelector selector)))
@@ -867,22 +625,7 @@ var k = {
 
 (#j:console:clear)
 (write "Hello, Common Lisp!")
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var _ = {
-  name: 'cpp',
-  title: getTemplateName('templates.starter.cpp', 'C++ Starter'),
-  thumbnail: 'assets/templates/cpp.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var _={name:"cpp",title:getTemplateName("templates.starter.cpp","C++ Starter"),thumbnail:"assets/templates/cpp.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/cpp.svg" />
@@ -926,11 +669,7 @@ var _ = {
     }
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -939,11 +678,7 @@ var _ = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'cpp',
-    content: `
+`.trimStart()},script:{language:"cpp",content:`
 #include <iostream>
 using namespace std;
 
@@ -958,23 +693,7 @@ int main() {
 
     return 0;
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var j = {
-  name: 'cpp-wasm',
-  aliases: ['clang'],
-  title: getTemplateName('templates.starter.cpp-wasm', 'C++ (Wasm) Starter'),
-  thumbnail: 'assets/templates/cpp.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var j={name:"cpp-wasm",aliases:["clang"],title:getTemplateName("templates.starter.cpp-wasm","C++ (Wasm) Starter"),thumbnail:"assets/templates/cpp.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/cpp.svg" />
@@ -1021,11 +740,7 @@ var j = {
     }
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -1034,11 +749,7 @@ var j = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'cpp-wasm',
-    content: `
+`.trimStart()},script:{language:"cpp-wasm",content:`
 #include <iostream>
 using namespace std;
 
@@ -1053,17 +764,7 @@ int main() {
 
     return 0;
 }
-`.trimStart(),
-  },
-};
-var T = {
-  name: 'csharp-wasm',
-  title: 'C# (Wasm) Starter',
-  thumbnail: 'assets/templates/csharp.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var T={name:"csharp-wasm",title:"C# (Wasm) Starter",thumbnail:"assets/templates/csharp.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/csharp.svg" />
@@ -1110,11 +811,7 @@ var T = {
     }
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -1123,11 +820,7 @@ var T = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'csharp-wasm',
-    content: `
+`.trimStart()},script:{language:"csharp-wasm",content:`
 using System;
 
 class Program
@@ -1143,22 +836,8 @@ class Program
         Console.WriteLine(count);
     }
 }
-`.trimStart(),
-  },
-};
-var C = {
-  name: 'd3',
-  title: 'D3 Starter',
-  thumbnail: 'assets/templates/d3.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<div id="chart">Loading...</div>
-`,
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()}};var C={name:"d3",title:"D3 Starter",thumbnail:"assets/templates/d3.svg",activeEditor:"script",markup:{language:"html",content:`<div id="chart">Loading...</div>
+`},style:{language:"css",content:`
 .bar {
   fill: steelblue;
 }
@@ -1166,11 +845,7 @@ var C = {
 .bar:hover {
   fill: orange;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 import * as d3 from "d3";
 
 const data = [150, 230, 180, 90];
@@ -1192,17 +867,7 @@ svg
   .attr("height", 40)
   .attr("y", (d, i) => i * 50 + 10)
   .attr("x", 10);
-`.trimStart(),
-  },
-};
-var U = {
-  name: 'daisyui',
-  title: getTemplateName('templates.starter.daisyui', 'daisyUI Starter'),
-  thumbnail: 'assets/templates/daisyui.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var U={name:"daisyui",title:getTemplateName("templates.starter.daisyui","daisyUI Starter"),thumbnail:"assets/templates/daisyui.svg",activeEditor:"markup",markup:{language:"html",content:`
 <!-- based on https://daisyui.com/tailwindplay/ -->
 
 <!-- buttons -->
@@ -1298,11 +963,7 @@ var U = {
   </div>
   <div class="chat-bubble">see all components <a class="link" target="_blank" href="https://daisyui.com/components">Here</a></div>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 @import "tailwindcss";
 @plugin "daisyui"{
   themes: light --default, dark --prefersdark, abyss;
@@ -1348,23 +1009,7 @@ var U = {
   --depth: 1;
   --noise: 1;
 }
-`.trimStart(),
-  },
-  script: { language: 'javascript', content: '' },
-  processors: ['tailwindcss'],
-};
-var E = {
-  name: 'diagrams',
-  title: getTemplateName('templates.starter.diagrams', 'Diagrams Starter'),
-  thumbnail: 'assets/templates/diagrams.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'diagrams',
-    contentUrl: '{{ __livecodes_baseUrl__ }}assets/templates/diagrams-starter.html',
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},script:{language:"javascript",content:""},processors:["tailwindcss"]};var E={name:"diagrams",title:getTemplateName("templates.starter.diagrams","Diagrams Starter"),thumbnail:"assets/templates/diagrams.svg",activeEditor:"markup",markup:{language:"diagrams",contentUrl:"{{ __livecodes_baseUrl__ }}assets/templates/diagrams-starter.html"},style:{language:"css",content:`
 .container {
   display: flex;
   flex-direction: column;
@@ -1384,34 +1029,14 @@ var E = {
 .container h3:not(:nth-child(1)) {
   margin-top: 3em;
 }
-`.trimStart(),
-  },
-  script: { language: 'javascript', content: '' },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var q = {
-  name: 'fennel',
-  title: getTemplateName('templates.starter.fennel', 'Fennel Starter'),
-  thumbnail: 'assets/templates/fennel.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},script:{language:"javascript",content:""},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var L={name:"fennel",title:getTemplateName("templates.starter.fennel","Fennel Starter"),thumbnail:"assets/templates/fennel.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/fennel.svg" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -1420,11 +1045,7 @@ var q = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'fennel',
-    content: `
+`.trimStart()},script:{language:"fennel",content:`
 (global js (require :js))
 (global window js.global)
 (global document window.document)
@@ -1442,161 +1063,7 @@ var q = {
 (global counter (Counter:new nil))
 (global button (document:querySelector "#counter-button"))
 (button:addEventListener :click (fn [] (counter:increment) (counter:show)))
-`.trimStart(),
-  },
-};
-var L = [
-    'esm.sh',
-    'skypack',
-    'esm.run',
-    'jsdelivr.esm',
-    'fastly.jsdelivr.esm',
-    'gcore.jsdelivr.esm',
-    'testingcf.jsdelivr.esm',
-    'jsdelivr.b-cdn.esm',
-    'jspm',
-  ],
-  B = [
-    'jsdelivr',
-    'fastly.jsdelivr',
-    'unpkg',
-    'gcore.jsdelivr',
-    'testingcf.jsdelivr',
-    'jsdelivr.b-cdn',
-    'npmcdn',
-  ],
-  M = [
-    'jsdelivr.gh',
-    'fastly.jsdelivr.gh',
-    'statically',
-    'gcore.jsdelivr.gh',
-    'testingcf.jsdelivr.gh',
-    'jsdelivr.b-cdn.gh',
-  ],
-  r = {
-    getModuleUrl: (e, { isModule: s = !0, defaultCDN: i = 'esm.sh', external: o } = {}) => {
-      e = e.replace(/#nobundle/g, '');
-      let a = (n) =>
-          !o || !n.includes('https://esm.sh')
-            ? n
-            : n.includes('?')
-              ? `${n}&external=${o}`
-              : `${n}?external=${o}`,
-        l = $(e, s, i);
-      return l ? a(l) : s ? a('https://esm.sh/' + e) : 'https://cdn.jsdelivr.net/npm/' + e;
-    },
-    getUrl: (e, s) =>
-      e.startsWith('http') || e.startsWith('data:') ? e : $(e, !1, s || qt()) || e,
-    cdnLists: { npm: B, module: L, gh: M },
-    checkCDNs: async (e, s) => {
-      let i = [s, ...r.cdnLists.npm].filter(Boolean);
-      for (let o of i)
-        try {
-          if ((await fetch(r.getUrl(e, o), { method: 'HEAD' })).ok) return o;
-        } catch {}
-      return r.cdnLists.npm[0];
-    },
-  },
-  qt = () => {
-    if (globalThis.appCDN) return globalThis.appCDN;
-    try {
-      return new URL(location.href).searchParams.get('appCDN') || r.cdnLists.npm[0];
-    } catch {
-      return r.cdnLists.npm[0];
-    }
-  },
-  $ = (e, s, i) => {
-    let o = s && e.startsWith('unpkg:') ? '?module' : '';
-    e.startsWith('gh:')
-      ? (e = e.replace('gh', M[0]))
-      : e.includes(':') || (e = (i || (s ? L[0] : B[0])) + ':' + e);
-    for (let a of $t) {
-      let [l, n] = a;
-      if (l.test(e)) return e.replace(l, n) + o;
-    }
-    return null;
-  },
-  $t = [
-    [/^(esm\.sh:)(.+)/i, 'https://esm.sh/$2'],
-    [/^(npm:)(.+)/i, 'https://esm.sh/$2'],
-    [/^(node:)(.+)/i, 'https://esm.sh/$2'],
-    [/^(jsr:)(.+)/i, 'https://esm.sh/jsr/$2'],
-    [/^(pr:)(.+)/i, 'https://esm.sh/pr/$2'],
-    [/^(pkg\.pr\.new:)(.+)/i, 'https://esm.sh/pkg.pr.new/$2'],
-    [/^(skypack:)(.+)/i, 'https://cdn.skypack.dev/$2'],
-    [/^(jsdelivr:)(.+)/i, 'https://cdn.jsdelivr.net/npm/$2'],
-    [/^(fastly\.jsdelivr:)(.+)/i, 'https://fastly.jsdelivr.net/npm/$2'],
-    [/^(gcore\.jsdelivr:)(.+)/i, 'https://gcore.jsdelivr.net/npm/$2'],
-    [/^(testingcf\.jsdelivr:)(.+)/i, 'https://testingcf.jsdelivr.net/npm/$2'],
-    [/^(jsdelivr\.b-cdn:)(.+)/i, 'https://jsdelivr.b-cdn.net/npm/$2'],
-    [/^(jsdelivr\.gh:)(.+)/i, 'https://cdn.jsdelivr.net/gh/$2'],
-    [/^(fastly\.jsdelivr\.gh:)(.+)/i, 'https://fastly.jsdelivr.net/gh/$2'],
-    [/^(gcore\.jsdelivr\.gh:)(.+)/i, 'https://gcore.jsdelivr.net/gh/$2'],
-    [/^(testingcf\.jsdelivr\.gh:)(.+)/i, 'https://testingcf.jsdelivr.net/gh/$2'],
-    [/^(jsdelivr\.b-cdn\.gh:)(.+)/i, 'https://jsdelivr.b-cdn.net/gh/$2'],
-    [/^(statically:)(.+)/i, 'https://cdn.statically.io/gh/$2'],
-    [/^(esm\.run:)(.+)/i, 'https://esm.run/$2'],
-    [/^(jsdelivr\.esm:)(.+)/i, 'https://cdn.jsdelivr.net/npm/$2/+esm'],
-    [/^(fastly\.jsdelivr\.esm:)(.+)/i, 'https://fastly.jsdelivr.net/npm/$2/+esm'],
-    [/^(gcore\.jsdelivr\.esm:)(.+)/i, 'https://gcore.jsdelivr.net/npm/$2/+esm'],
-    [/^(testingcf\.jsdelivr\.esm:)(.+)/i, 'https://testingcf.jsdelivr.net/npm/$2/+esm'],
-    [/^(jsdelivr\.b-cdn\.esm:)(.+)/i, 'https://jsdelivr.b-cdn.net/npm/$2/+esm'],
-    [/^(jspm:)(.+)/i, 'https://jspm.dev/$2'],
-    [/^(esbuild:)(.+)/i, 'https://esbuild.vercel.app/$2'],
-    [/^(bundle\.run:)(.+)/i, 'https://bundle.run/$2'],
-    [/^(unpkg:)(.+)/i, 'https://unpkg.com/$2'],
-    [/^(npmcdn:)(.+)/i, 'https://npmcdn.com/$2'],
-    [/^(bundlejs:)(.+)/i, 'https://deno.bundlejs.com/?file&q=$2'],
-    [/^(bundle:)(.+)/i, 'https://deno.bundlejs.com/?file&q=$2'],
-    [/^(deno:)(.+)/i, 'https://deno.bundlejs.com/?file&q=https://deno.land/x/$2/mod.ts'],
-    [/^(https:\/\/deno\.land\/.+)/i, 'https://deno.bundlejs.com/?file&q=$1'],
-    [
-      /^(github:|https:\/\/github\.com\/)(.[^\/]+?)\/(.[^\/]+?)\/(?!releases\/)(?:(?:blob|raw)\/)?(.+?\/.+)/i,
-      'https://deno.bundlejs.com/?file&q=https://cdn.jsdelivr.net/gh/$2/$3@$4',
-    ],
-    [/^(gist\.github:)(.+?\/[0-9a-f]+\/raw\/(?:[0-9a-f]+\/)?.+)$/i, 'https://gist.githack.com/$2'],
-    [
-      /^(gitlab:|https:\/\/gitlab\.com\/)([^\/]+.*\/[^\/]+)\/(?:raw|blob)\/(.+?)(?:\?.*)?$/i,
-      'https://deno.bundlejs.com/?file&q=https://gl.githack.com/$2/raw/$3',
-    ],
-    [
-      /^(bitbucket:|https:\/\/bitbucket\.org\/)([^\/]+\/[^\/]+)\/(?:raw|src)\/(.+?)(?:\?.*)?$/i,
-      'https://deno.bundlejs.com/?file&q=https://bb.githack.com/$2/raw/$3',
-    ],
-    [
-      /^(bitbucket:)snippets\/([^\/]+\/[^\/]+)\/revisions\/([^\/\#\?]+)(?:\?[^#]*)?(?:\#file-(.+?))$/i,
-      'https://bb.githack.com/!api/2.0/snippets/$2/$3/files/$4',
-    ],
-    [
-      /^(bitbucket:)snippets\/([^\/]+\/[^\/\#\?]+)(?:\?[^#]*)?(?:\#file-(.+?))$/i,
-      'https://bb.githack.com/!api/2.0/snippets/$2/HEAD/files/$3',
-    ],
-    [
-      /^(bitbucket:)\!api\/2.0\/snippets\/([^\/]+\/[^\/]+\/[^\/]+)\/files\/(.+?)(?:\?.*)?$/i,
-      'https://bb.githack.com/!api/2.0/snippets/$2/files/$3',
-    ],
-    [
-      /^(api\.bitbucket:)2.0\/snippets\/([^\/]+\/[^\/]+\/[^\/]+)\/files\/(.+?)(?:\?.*)?$/i,
-      'https://bb.githack.com/!api/2.0/snippets/$2/files/$3',
-    ],
-    [/^(rawgit:)(.+?\/[0-9a-f]+\/raw\/(?:[0-9a-f]+\/)?.+)$/i, 'https://gist.githack.com/$2'],
-    [
-      /^(rawgit:|https:\/\/raw\.githubusercontent\.com)(\/[^\/]+\/[^\/]+|[0-9A-Za-z-]+\/[0-9a-f]+\/raw)\/(.+)/i,
-      'https://deno.bundlejs.com/?file&q=https://raw.githack.com/$2/$3',
-    ],
-  ];
-var { getUrl: Lt, getModuleUrl: te } = r;
-var c = Lt('gh:live-codes/gleam-precompiled@v0.5.0/');
-var p = c + 'build/packages/plinth/src/plinth/',
-  m = c + 'build/dev/javascript/plinth/plinth/',
-  P = {
-    name: 'gleam',
-    title: getTemplateName('templates.starter.gleam', 'Gleam Starter'),
-    thumbnail: 'assets/templates/gleam.svg',
-    activeEditor: 'script',
-    markup: {
-      language: 'html',
-      content: `
+`.trimStart()}};var $=["esm.sh","skypack","esm.run","jsdelivr.esm","fastly.jsdelivr.esm","gcore.jsdelivr.esm","testingcf.jsdelivr.esm","jsdelivr.b-cdn.esm","jspm"],B=["jsdelivr","fastly.jsdelivr","unpkg","gcore.jsdelivr","testingcf.jsdelivr","jsdelivr.b-cdn","npmcdn"],M=["jsdelivr.gh","fastly.jsdelivr.gh","statically","gcore.jsdelivr.gh","testingcf.jsdelivr.gh","jsdelivr.b-cdn.gh"],r={getModuleUrl:(e,{isModule:s=!0,defaultCDN:i="esm.sh",external:o}={})=>{e=e.replace(/#nobundle/g,"");let a=n=>!o||!n.includes("https://esm.sh")?n:n.includes("?")?`${n}&external=${o}`:`${n}?external=${o}`,l=q(e,s,i);return l?a(l):s?a("https://esm.sh/"+e):"https://cdn.jsdelivr.net/npm/"+e},getUrl:(e,s)=>e.startsWith("http")||e.startsWith("data:")?e:q(e,!1,s||qt())||e,cdnLists:{npm:B,module:$,gh:M},checkCDNs:async(e,s)=>{let i=[s,...r.cdnLists.npm].filter(Boolean);for(let o of i)try{if((await fetch(r.getUrl(e,o),{method:"HEAD"})).ok)return o}catch{}return r.cdnLists.npm[0]}},qt=()=>{if(globalThis.appCDN)return globalThis.appCDN;try{return new URL(location.href).searchParams.get("appCDN")||r.cdnLists.npm[0]}catch{return r.cdnLists.npm[0]}},q=(e,s,i)=>{let o=s&&e.startsWith("unpkg:")?"?module":"";e.startsWith("gh:")?e=e.replace("gh",M[0]):e.includes(":")||(e=(i||(s?$[0]:B[0]))+":"+e);for(let a of $t){let[l,n]=a;if(l.test(e))return e.replace(l,n)+o}return null},$t=[[/^(esm\.sh:)(.+)/i,"https://esm.sh/$2"],[/^(npm:)(.+)/i,"https://esm.sh/$2"],[/^(node:)(.+)/i,"https://esm.sh/$2"],[/^(jsr:)(.+)/i,"https://esm.sh/jsr/$2"],[/^(pr:)(.+)/i,"https://esm.sh/pr/$2"],[/^(pkg\.pr\.new:)(.+)/i,"https://esm.sh/pkg.pr.new/$2"],[/^(skypack:)(.+)/i,"https://cdn.skypack.dev/$2"],[/^(jsdelivr:)(.+)/i,"https://cdn.jsdelivr.net/npm/$2"],[/^(fastly\.jsdelivr:)(.+)/i,"https://fastly.jsdelivr.net/npm/$2"],[/^(gcore\.jsdelivr:)(.+)/i,"https://gcore.jsdelivr.net/npm/$2"],[/^(testingcf\.jsdelivr:)(.+)/i,"https://testingcf.jsdelivr.net/npm/$2"],[/^(jsdelivr\.b-cdn:)(.+)/i,"https://jsdelivr.b-cdn.net/npm/$2"],[/^(jsdelivr\.gh:)(.+)/i,"https://cdn.jsdelivr.net/gh/$2"],[/^(fastly\.jsdelivr\.gh:)(.+)/i,"https://fastly.jsdelivr.net/gh/$2"],[/^(gcore\.jsdelivr\.gh:)(.+)/i,"https://gcore.jsdelivr.net/gh/$2"],[/^(testingcf\.jsdelivr\.gh:)(.+)/i,"https://testingcf.jsdelivr.net/gh/$2"],[/^(jsdelivr\.b-cdn\.gh:)(.+)/i,"https://jsdelivr.b-cdn.net/gh/$2"],[/^(statically:)(.+)/i,"https://cdn.statically.io/gh/$2"],[/^(esm\.run:)(.+)/i,"https://esm.run/$2"],[/^(jsdelivr\.esm:)(.+)/i,"https://cdn.jsdelivr.net/npm/$2/+esm"],[/^(fastly\.jsdelivr\.esm:)(.+)/i,"https://fastly.jsdelivr.net/npm/$2/+esm"],[/^(gcore\.jsdelivr\.esm:)(.+)/i,"https://gcore.jsdelivr.net/npm/$2/+esm"],[/^(testingcf\.jsdelivr\.esm:)(.+)/i,"https://testingcf.jsdelivr.net/npm/$2/+esm"],[/^(jsdelivr\.b-cdn\.esm:)(.+)/i,"https://jsdelivr.b-cdn.net/npm/$2/+esm"],[/^(jspm:)(.+)/i,"https://jspm.dev/$2"],[/^(esbuild:)(.+)/i,"https://esbuild.vercel.app/$2"],[/^(bundle\.run:)(.+)/i,"https://bundle.run/$2"],[/^(unpkg:)(.+)/i,"https://unpkg.com/$2"],[/^(npmcdn:)(.+)/i,"https://npmcdn.com/$2"],[/^(bundlejs:)(.+)/i,"https://deno.bundlejs.com/?file&q=$2"],[/^(bundle:)(.+)/i,"https://deno.bundlejs.com/?file&q=$2"],[/^(deno:)(.+)/i,"https://deno.bundlejs.com/?file&q=https://deno.land/x/$2/mod.ts"],[/^(https:\/\/deno\.land\/.+)/i,"https://deno.bundlejs.com/?file&q=$1"],[/^(github:|https:\/\/github\.com\/)(.[^\/]+?)\/(.[^\/]+?)\/(?!releases\/)(?:(?:blob|raw)\/)?(.+?\/.+)/i,"https://deno.bundlejs.com/?file&q=https://cdn.jsdelivr.net/gh/$2/$3@$4"],[/^(gist\.github:)(.+?\/[0-9a-f]+\/raw\/(?:[0-9a-f]+\/)?.+)$/i,"https://gist.githack.com/$2"],[/^(gitlab:|https:\/\/gitlab\.com\/)([^\/]+.*\/[^\/]+)\/(?:raw|blob)\/(.+?)(?:\?.*)?$/i,"https://deno.bundlejs.com/?file&q=https://gl.githack.com/$2/raw/$3"],[/^(bitbucket:|https:\/\/bitbucket\.org\/)([^\/]+\/[^\/]+)\/(?:raw|src)\/(.+?)(?:\?.*)?$/i,"https://deno.bundlejs.com/?file&q=https://bb.githack.com/$2/raw/$3"],[/^(bitbucket:)snippets\/([^\/]+\/[^\/]+)\/revisions\/([^\/\#\?]+)(?:\?[^#]*)?(?:\#file-(.+?))$/i,"https://bb.githack.com/!api/2.0/snippets/$2/$3/files/$4"],[/^(bitbucket:)snippets\/([^\/]+\/[^\/\#\?]+)(?:\?[^#]*)?(?:\#file-(.+?))$/i,"https://bb.githack.com/!api/2.0/snippets/$2/HEAD/files/$3"],[/^(bitbucket:)\!api\/2.0\/snippets\/([^\/]+\/[^\/]+\/[^\/]+)\/files\/(.+?)(?:\?.*)?$/i,"https://bb.githack.com/!api/2.0/snippets/$2/files/$3"],[/^(api\.bitbucket:)2.0\/snippets\/([^\/]+\/[^\/]+\/[^\/]+)\/files\/(.+?)(?:\?.*)?$/i,"https://bb.githack.com/!api/2.0/snippets/$2/files/$3"],[/^(rawgit:)(.+?\/[0-9a-f]+\/raw\/(?:[0-9a-f]+\/)?.+)$/i,"https://gist.githack.com/$2"],[/^(rawgit:|https:\/\/raw\.githubusercontent\.com)(\/[^\/]+\/[^\/]+|[0-9A-Za-z-]+\/[0-9a-f]+\/raw)\/(.+)/i,"https://deno.bundlejs.com/?file&q=https://raw.githack.com/$2/$3"]];var{getUrl:Bt,getModuleUrl:ee}=r;var c=Bt("gh:live-codes/gleam-precompiled@v0.5.0/");var m=c+"build/packages/plinth/src/plinth/",p=c+"build/dev/javascript/plinth/plinth/",P={name:"gleam",title:getTemplateName("templates.starter.gleam","Gleam Starter"),thumbnail:"assets/templates/gleam.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1 id="title">Hello, World!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/gleam.svg" />
@@ -1604,11 +1071,7 @@ var p = c + 'build/packages/plinth/src/plinth/',
   <button id="counter-button">Click me</button>
 </div>
 
-`.trimStart(),
-    },
-    style: {
-      language: 'css',
-      content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -1617,11 +1080,7 @@ var p = c + 'build/packages/plinth/src/plinth/',
 .logo {
   width: 150px;
 }
-`.trimStart(),
-    },
-    script: {
-      language: 'gleam',
-      content: `
+`.trimStart()},script:{language:"gleam",content:`
 import gleam/int
 import gleam/io
 import gleam/result
@@ -1672,47 +1131,14 @@ pub fn hello(str: String) -> String
 // npm module
 @external(javascript, "npm:cowsay2", "say")
 pub fn cowsay(str: String) -> String
-`.trimStart(),
-    },
-    customSettings: {
-      imports: { 'my_pkg/greet.js': c + 'demo/greet.js' },
-      gleam: {
-        modules: {
-          'plinth/browser/document': {
-            srcUrl: p + 'browser/document.gleam',
-            compiledUrl: m + 'browser/document.mjs',
-          },
-          'plinth/browser/element': {
-            srcUrl: p + 'browser/element.gleam',
-            compiledUrl: m + 'browser/element.mjs',
-          },
-          'plinth/browser/event': {
-            srcUrl: p + 'browser/event.gleam',
-            compiledUrl: m + 'browser/event.mjs',
-          },
-        },
-      },
-    },
-  };
-var R = {
-  name: 'go',
-  title: getTemplateName('templates.starter.go', 'Go Starter'),
-  thumbnail: 'assets/templates/go.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},customSettings:{imports:{"my_pkg/greet.js":c+"demo/greet.js"},gleam:{modules:{"plinth/browser/document":{srcUrl:m+"browser/document.gleam",compiledUrl:p+"browser/document.mjs"},"plinth/browser/element":{srcUrl:m+"browser/element.gleam",compiledUrl:p+"browser/element.mjs"},"plinth/browser/event":{srcUrl:m+"browser/event.gleam",compiledUrl:p+"browser/event.mjs"}}}}};var R={name:"go",title:getTemplateName("templates.starter.go","Go Starter"),thumbnail:"assets/templates/go.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/go.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -1721,11 +1147,7 @@ var R = {
 .logo {
   width: 250px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'go',
-    content: `
+`.trimStart()},script:{language:"go",content:`
 package main
 
 import (
@@ -1772,22 +1194,7 @@ func greet() {
 		fmt.Println("Good evening")
 	}
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var N = {
-  name: 'go-wasm',
-  title: getTemplateName('templates.starter.go-wasm', 'Go (Wasm) Starter'),
-  thumbnail: 'assets/templates/go.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var N={name:"go-wasm",title:getTemplateName("templates.starter.go-wasm","Go (Wasm) Starter"),thumbnail:"assets/templates/go.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Go (Wasm)</h1>
   <img class="logo" alt="Go logo" src="{{ __livecodes_baseUrl__ }}assets/templates/go.svg" />
@@ -1848,11 +1255,7 @@ var N = {
 
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container {
   max-width: 800px;
   margin: 0 auto;
@@ -1919,11 +1322,7 @@ input[type="text"], input[type="number"] {
   color: #333;
   margin-top: 10px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'go-wasm',
-    content: `
+`.trimStart()},script:{language:"go-wasm",content:`
 package main
 
 import (
@@ -1952,19 +1351,7 @@ func main() {
 		fmt.Println("Hello from Go WebAssembly!")
 	}
 }
-`.trimStart(),
-  },
-};
-var H = {
-  name: 'imba',
-  title: getTemplateName('templates.starter.imba', 'Imba Starter'),
-  thumbnail: 'assets/templates/imba.svg',
-  activeEditor: 'script',
-  markup: { language: 'html', content: '' },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'imba',
-    content: `
+`.trimStart()}};var H={name:"imba",title:getTemplateName("templates.starter.imba","Imba Starter"),thumbnail:"assets/templates/imba.svg",activeEditor:"script",markup:{language:"html",content:""},style:{language:"css",content:""},script:{language:"imba",content:`
 tag app-counter
 	prop name = "Imba"
 	prop count = 0
@@ -1982,22 +1369,7 @@ tag app-counter
 		<button.btn @click=count++> "Click me"
 
 imba.mount <app-counter>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var W = {
-  name: 'java',
-  title: getTemplateName('templates.starter.java', 'Java Starter'),
-  thumbnail: 'assets/templates/java.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var W={name:"java",title:getTemplateName("templates.starter.java","Java Starter"),thumbnail:"assets/templates/java.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/java.svg" />
@@ -2043,11 +1415,7 @@ var W = {
     }
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2056,11 +1424,7 @@ var W = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'java',
-    content: `
+`.trimStart()},script:{language:"java",content:`
 import java.io.BufferedReader;
 import java.io.IOException;
 import java.io.InputStreamReader;
@@ -2079,28 +1443,14 @@ public class Main {
     System.out.println(count);
   }
 }
-`.trimStart(),
-  },
-};
-var I = {
-  name: 'javascript',
-  title: getTemplateName('templates.starter.javascript', 'JavaScript Starter'),
-  thumbnail: 'assets/templates/javascript.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var I={name:"javascript",title:getTemplateName("templates.starter.javascript","JavaScript Starter"),thumbnail:"assets/templates/javascript.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/javascript.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2109,11 +1459,7 @@ var I = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 const title = document.querySelector("#title");
 const counter = document.querySelector("#counter");
 const button = document.querySelector("#counter-button");
@@ -2125,24 +1471,7 @@ button.addEventListener("click", () => {
   count++;
   counter.innerText = count;
 });
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var O = {
-  name: 'jest-react',
-  title: getTemplateName('templates.starter.jest-react', 'Jest/React Starter'),
-  thumbnail: 'assets/templates/jest.svg',
-  activeEditor: 'script',
-  autotest: !0,
-  markup: { language: 'html', content: '' },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var O={name:"jest-react",title:getTemplateName("templates.starter.jest-react","Jest/React Starter"),thumbnail:"assets/templates/jest.svg",activeEditor:"script",autotest:!0,markup:{language:"html",content:""},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2156,11 +1485,7 @@ var O = {
   font-size: 0.9em;
   margin: 2em;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'jsx',
-    content: `
+`.trimStart()},script:{language:"jsx",content:`
 import { useState } from "react";
 
 export const increment = (count) => (count ?? 0) + 1;
@@ -2181,11 +1506,7 @@ function Counter(props) {
 export default function App() {
   return <Counter name="Jest with React" />;
 }
-`.trimStart(),
-  },
-  tests: {
-    language: 'tsx',
-    content: `
+`.trimStart()},tests:{language:"tsx",content:`
 import { render, fireEvent, screen, cleanup } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import { assert } from "chai";
@@ -2232,19 +1553,7 @@ describe("Page", () => {
     );
   });
 });
-`.trimStart(),
-  },
-  tools: { enabled: 'all', active: 'tests', status: 'open' },
-};
-var D = {
-  name: 'jest',
-  title: getTemplateName('templates.starter.jest', 'Jest Starter'),
-  thumbnail: 'assets/templates/jest.svg',
-  autotest: !0,
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},tools:{enabled:"all",active:"tests",status:"open"}};var A={name:"jest",title:getTemplateName("templates.starter.jest","Jest Starter"),thumbnail:"assets/templates/jest.svg",autotest:!0,activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/jest.svg" />
@@ -2252,11 +1561,7 @@ var D = {
   <button id="counter-button">Click me</button>
   <p class="info">Run tests in the "Tests" panel below.</p>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2270,11 +1575,7 @@ var D = {
   font-size: 0.9em;
   margin: 2em;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 export class Counter {
   count;
   constructor() {
@@ -2302,11 +1603,7 @@ button.addEventListener(
   },
   false
 );
-`.trimStart(),
-  },
-  tests: {
-    language: 'tsx',
-    content: `
+`.trimStart()},tests:{language:"tsx",content:`
 import { fireEvent, screen } from "@testing-library/dom";
 import "@testing-library/jest-dom";
 import { assert } from "chai";
@@ -2346,29 +1643,14 @@ describe("Page", () => {
     );
   });
 });
-`.trimStart(),
-  },
-  tools: { enabled: 'all', active: 'tests', status: 'open' },
-};
-var Y = {
-  name: 'jquery',
-  title: getTemplateName('templates.starter.jquery', 'jQuery Starter'),
-  thumbnail: 'assets/templates/jquery.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},tools:{enabled:"all",active:"tests",status:"open"}};var D={name:"jquery",title:getTemplateName("templates.starter.jquery","jQuery Starter"),thumbnail:"assets/templates/jquery.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/jquery.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2377,11 +1659,7 @@ var Y = {
 .logo {
   width: 300px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 import $ from "jquery";
 
 $("#title").text('jQuery');
@@ -2391,22 +1669,7 @@ $("#counter-button").click(() => {
   count += 1;
   $("#counter").text(count);
 });
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var A = {
-  name: 'julia',
-  title: getTemplateName('templates.starter.julia', 'Julia Starter'),
-  thumbnail: 'assets/templates/julia.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var Y={name:"julia",title:getTemplateName("templates.starter.julia","Julia Starter"),thumbnail:"assets/templates/julia.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/julia.svg" />
@@ -2456,11 +1719,7 @@ var A = {
     }
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2469,11 +1728,7 @@ var A = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'julia',
-    content: `
+`.trimStart()},script:{language:"julia",content:`
 function increment(x)
     if x == ""
         return 0
@@ -2492,33 +1747,14 @@ function formatOutput(args...)
 end
 
 formatOutput(getTitle(), increment(livecodesInput))
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var z = {
-  name: 'knockout',
-  title: getTemplateName('templates.starter.knockout', 'Knockout Starter'),
-  thumbnail: 'assets/templates/knockout.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var z={name:"knockout",title:getTemplateName("templates.starter.knockout","Knockout Starter"),thumbnail:"assets/templates/knockout.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span data-bind="text: title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/knockout.svg" />
   <p>You clicked <span data-bind="text: numberOfClicks">0</span> times.</p>
   <button data-bind="click: registerClick">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2527,11 +1763,7 @@ var z = {
 .logo {
   width: 250px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 import ko from "knockout";
 
 class ClickCounterViewModel {
@@ -2546,29 +1778,9 @@ class ClickCounterViewModel {
 }
 
 ko.applyBindings(new ClickCounterViewModel());
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var G = {
-  name: 'lit',
-  title: getTemplateName('templates.starter.lit', 'Lit Starter'),
-  thumbnail: 'assets/templates/lit.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var G={name:"lit",title:getTemplateName("templates.starter.lit","Lit Starter"),thumbnail:"assets/templates/lit.svg",activeEditor:"script",markup:{language:"html",content:`
 <my-counter name="Lit"></my-counter>
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'typescript',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"typescript",content:`
 import { LitElement, html, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { SignalWatcher, signal } from "@lit-labs/preact-signals";
@@ -2607,29 +1819,14 @@ export class SignalExample extends SignalWatcher(LitElement) {
     }
   \`;
 }
-`.trimStart(),
-  },
-  customSettings: { typescript: { experimentalDecorators: !0, useDefineForClassFields: !1 } },
-};
-var V = {
-  name: 'livescript',
-  title: getTemplateName('templates.starter.livescript', 'LiveScript Starter'),
-  thumbnail: 'assets/templates/livescript.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},customSettings:{typescript:{experimentalDecorators:!0,useDefineForClassFields:!1}}};var V={name:"livescript",title:getTemplateName("templates.starter.livescript","LiveScript Starter"),thumbnail:"assets/templates/livescript.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/livescript.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2638,11 +1835,7 @@ var V = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'livescript',
-    content: `
+`.trimStart()},script:{language:"livescript",content:`
 { capitalize, join, map, words } = require 'prelude-ls'
 
 title = 'live script'
@@ -2660,33 +1853,14 @@ button = document.getElementById \\counter-button
 
 button.addEventListener \\click,
   -> counter-element.innerText = counter!
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var X = {
-  name: 'lua',
-  title: getTemplateName('templates.starter.lua', 'Lua Starter'),
-  thumbnail: 'assets/templates/lua.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var X={name:"lua",title:getTemplateName("templates.starter.lua","Lua Starter"),thumbnail:"assets/templates/lua.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/lua.svg" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2695,11 +1869,7 @@ var X = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'lua',
-    content: `
+`.trimStart()},script:{language:"lua",content:`
 js = require "js"
 window = js.global
 document = window.document
@@ -2737,28 +1907,14 @@ elseif time >= 12 and time < 18 then
 else
   print ("Good evening")
 end
-`.trimStart(),
-  },
-};
-var F = {
-  name: 'lua-wasm',
-  title: getTemplateName('templates.starter.lua-wasm', 'Lua (Wasm) Starter'),
-  thumbnail: 'assets/templates/lua.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var F={name:"lua-wasm",title:getTemplateName("templates.starter.lua-wasm","Lua (Wasm) Starter"),thumbnail:"assets/templates/lua.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/lua.svg" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -2767,11 +1923,7 @@ var F = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'lua-wasm',
-    content: `
+`.trimStart()},script:{language:"lua-wasm",content:`
 document = window.document
 document:getElementById("title").innerHTML = "Lua"
 
@@ -2806,19 +1958,7 @@ elseif time >= 12 and time < 18 then
 else
   print ("Good evening")
 end
-`.trimStart(),
-  },
-};
-var J = {
-  name: 'malina',
-  title: getTemplateName('templates.starter.malina', 'Malina.js Starter'),
-  thumbnail: 'assets/templates/malina.svg',
-  activeEditor: 'script',
-  markup: { language: 'html', content: '' },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'malina',
-    content: `
+`.trimStart()}};var J={name:"malina",title:getTemplateName("templates.starter.malina","Malina.js Starter"),thumbnail:"assets/templates/malina.svg",activeEditor:"script",markup:{language:"html",content:""},style:{language:"css",content:""},script:{language:"malina",content:`
 <script>
   let title = "Malina.js";
   let counter = 0;
@@ -2844,22 +1984,7 @@ var J = {
   <p>You clicked {counter} times.</p>
   <button @click={increment}>Click me</button>
 </div>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var Z = {
-  name: 'markdown',
-  title: getTemplateName('templates.starter.markdown', 'Markdown Starter'),
-  thumbnail: 'assets/templates/markdown.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'markdown',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var Z={name:"markdown",title:getTemplateName("templates.starter.markdown","Markdown Starter"),thumbnail:"assets/templates/markdown.svg",activeEditor:"markup",markup:{language:"markdown",content:`
 # Project Title
 
 One Paragraph of project description goes here
@@ -2950,11 +2075,7 @@ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md
 
 
 Source: https://gist.github.com/PurpleBooth/109311bb0361f32d87a2
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 @import "github-markdown-css";
 
 body {
@@ -2963,27 +2084,8 @@ body {
   padding: 20px;
   margin: 20px !important;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `document.body.classList.add('markdown-body');
-`,
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var K = {
-  name: 'mdx',
-  title: getTemplateName('templates.starter.mdx', 'MDX Starter'),
-  thumbnail: 'assets/templates/mdx.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'mdx',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`document.body.classList.add('markdown-body');
+`},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var K={name:"mdx",title:getTemplateName("templates.starter.mdx","MDX Starter"),thumbnail:"assets/templates/mdx.svg",activeEditor:"markup",markup:{language:"mdx",content:`
 import { Greeting, Counter } from './script';
 
 <Greeting name="MDX" />
@@ -2991,11 +2093,7 @@ import { Greeting, Counter } from './script';
 ![MDX Logo]({{ __livecodes_baseUrl__ }}assets/templates/mdx.svg)
 
 <Counter />
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 body,
 body button {
   text-align: center;
@@ -3004,11 +2102,7 @@ body button {
 img {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'jsx',
-    content: `
+`.trimStart()},script:{language:"jsx",content:`
 import { useState } from "react";
 
 export const Greeting = (props) => <h1>Hello, {props.name || "World"}!</h1>;
@@ -3024,22 +2118,190 @@ export function Counter() {
     </div>
   );
 }
-`.trimStart(),
-  },
-};
-var Q = {
-  name: 'ocaml',
-  title: getTemplateName('templates.starter.ocaml', 'Ocaml Starter'),
-  thumbnail: 'assets/templates/ocaml.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<div id="app">Loading...</div>
-`,
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()}};var Q={name:"minizinc",title:getTemplateName("templates.starter.minizinc","MiniZinc Starter"),thumbnail:"assets/templates/minizinc.png",activeEditor:"script",markup:{language:"html",content:`
+<div class="container">
+  <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/minizinc.png" title="MiniZinc" />
+  <button id="button" onclick="run()">Run</button>
+  <div class="solver">
+    <label for="solver" class="label">Solver:</label>
+    <select id="solvers" hidden></select>
+  </div>
+  <label for="data" class="label">Data:</label>
+  <textarea id="data">flour = 8000;
+banana = 11;
+sugar = 3000;
+butter = 1500;
+cocoa = 500;
+</textarea>
+  <div class="label">Output:</div>
+  <pre id="output"></pre>
+</div>
+
+<script>
+  const btn = document.getElementById('button');
+  const menu = document.getElementById('solvers');
+  const data = document.getElementById('data');
+  const output = document.getElementById('output');
+
+  const defaultSolver = 'Gecode';
+  livecodes.minizinc.getSolvers().then((solvers) => {
+    solvers.forEach((solver) => {
+      const option = document.createElement('option');
+      option.innerText = solver.name;
+      if (solver.name === defaultSolver) {
+        option.selected = true;
+      }
+      menu.append(option);
+    })
+    menu.hidden = false;
+  });
+
+  async function run() {
+
+    btn.disabled = true;
+    btn.innerText = 'Running...';
+    output.innerHTML = 'Loading...';
+    output.classList.remove('error');
+
+    const config = {
+      jsonOutput: false,
+      options: { solver: menu.value || defaultSolver },
+    };
+
+    const result = await livecodes.minizinc.run({ dzn: data.value, config });
+
+    if (result.status === 'ERROR') {
+      output.classList.add('error');
+      output.innerHTML = result.errors.map((err) => err.message).join('<br>');
+    } else {
+      output.innerHTML =
+        result.solution?.output?.default ??
+        result.solution?.output?.dzn ??
+        JSON.stringify(
+          result.solution?.output?.json ?? result.solution?.output ?? '',
+          null,
+          2,
+        );
+    }
+
+    btn.disabled = false;
+    btn.innerText = 'Run';
+  }
+
+  run();
+<\/script>
+`.trimStart()},style:{language:"css",content:`
+* {
+  box-sizing: border-box;
+}
+
+.container {
+  text-align: center;
+  font: 1em sans-serif;
+  max-width: 900px;
+  margin: 1em auto;
+  padding: 0 2em;
+}
+
+.logo {
+  width: 100px;
+}
+
+.label {
+  display: block;
+  text-align: left;
+  margin: 0.5em 0;
+  font-weight: bold;
+}
+
+#button {
+  display: block;
+  margin: 1em auto;
+  width: 10em;
+  height: 2em;
+  background-color: #1491EB;
+  border: 0;
+  border-radius: 3px;
+  color: #fff;
+  font-size: 1em;
+  cursor: pointer;
+}
+
+#button:hover {
+  background-color: #1180cf;
+}
+
+#button:disabled {
+  background-color: #6a9bbe;
+}
+
+.solver {
+  display: flex;
+  gap: 1em;
+}
+
+#data {
+  height: 9em;
+  resize: vertical;
+}
+
+#data, #output {
+  background-color: #fafafa;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  color: #3d3d3d;
+  margin: 1em auto;
+  padding: 0.8em;
+  text-align: left;
+  width: 100%;
+}
+
+#output.error {
+  color: red;
+}
+`.trimStart()},script:{language:"minizinc",content:String.raw`
+% from https://docs.minizinc.dev/en/stable/part_2_tutorial.html
+% Baking cakes for the school fete (with data file)
+
+int: flour;  % no. grams of flour available
+int: banana;  % no. of bananas available
+int: sugar;  % no. grams of sugar available
+int: butter;  % no. grams of butter available
+int: cocoa;  % no. grams of cocoa available
+
+constraint assert(flour >= 0,
+  "Invalid datafile: " ++ "Amount of flour should be non-negative");
+constraint assert(banana >= 0,
+  "Invalid datafile: " ++ "Amount of banana should be non-negative");
+constraint assert(sugar >= 0,
+  "Invalid datafile: " ++ "Amount of sugar should be non-negative");
+constraint assert(butter >= 0,
+  "Invalid datafile: " ++ "Amount of butter should be non-negative");
+constraint assert(cocoa >= 0,
+  "Invalid datafile: " ++ "Amount of cocoa should be non-negative");
+
+var 0..100: b;  % no. of banana cakes
+var 0..100: c;  % no. of chocolate cakes
+
+% flour
+constraint 250 * b + 200 * c <= flour;
+% bananas
+constraint 2 * b <= banana;
+% sugar
+constraint 75 * b + 150 * c <= sugar;
+% butter
+constraint 100 * b + 150 * c <= butter;
+% cocoa
+constraint 75 * c <= cocoa;
+
+% maximize our profit
+solve maximize 400 * b + 450 * c;
+
+output [
+  "no. of banana cakes = \(b)\n",
+  "no. of chocolate cakes = \(c)\n"];
+`.trimStart()}};var tt={name:"ocaml",title:getTemplateName("templates.starter.ocaml","Ocaml Starter"),thumbnail:"assets/templates/ocaml.svg",activeEditor:"script",markup:{language:"html",content:`<div id="app">Loading...</div>
+`},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3048,11 +2310,7 @@ var Q = {
 .logo {
   width: 250px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'ocaml',
-    content: `
+`.trimStart()},script:{language:"ocaml",content:`
 module App =
   struct
     let make ~name  =
@@ -3091,35 +2349,14 @@ let _ =
   | None  -> ()
 
 let _ = print_endline "Hello, OCaml!"
-`.trimStart(),
-  },
-  customSettings: {
-    imports: {
-      react: 'https://esm.sh/react@18.3.1',
-      'react/': 'https://esm.sh/react@18.3.1/',
-      'react-dom': 'https://esm.sh/react-dom@18.3.1',
-    },
-  },
-};
-var tt = {
-  name: 'perl',
-  title: getTemplateName('templates.starter.perl', 'Perl Starter'),
-  thumbnail: 'assets/templates/perl.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},customSettings:{imports:{react:"https://esm.sh/react@18.3.1","react/":"https://esm.sh/react@18.3.1/","react-dom":"https://esm.sh/react-dom@18.3.1"}}};var et={name:"perl",title:getTemplateName("templates.starter.perl","Perl Starter"),thumbnail:"assets/templates/perl.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/perl.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3128,11 +2365,7 @@ var tt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'perl',
-    content: `
+`.trimStart()},script:{language:"perl",content:`
 use strict;
 
 my $title = 'Perl';
@@ -3174,30 +2407,11 @@ if ($hour < 12) {
 } else {
   print "Good evening";
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var et = {
-  name: 'phaser',
-  title: 'Phaser Starter',
-  thumbnail: 'assets/templates/phaser.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var st={name:"phaser",title:"Phaser Starter",thumbnail:"assets/templates/phaser.png",activeEditor:"script",markup:{language:"html",content:`
 <div id="app">
   <div id="game-container"></div>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 body {
   margin: 0;
   padding: 0;
@@ -3213,11 +2427,7 @@ body {
   justify-content: center;
   align-items: center;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 // based on https://github.com/phaserjs/template-vite
 // and https://phaser.io/sandbox/XyqPcjNr
 
@@ -3391,28 +2601,14 @@ const config = {
 };
 
 export default new Phaser.Game(config);
-`.trimStart(),
-  },
-};
-var st = {
-  name: 'php',
-  title: getTemplateName('templates.starter.php', 'PHP Starter'),
-  thumbnail: 'assets/templates/php.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var ot={name:"php",title:getTemplateName("templates.starter.php","PHP Starter"),thumbnail:"assets/templates/php.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">world</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/php.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3421,11 +2617,7 @@ var st = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'php',
-    content: `
+`.trimStart()},script:{language:"php",content:`
 <?php
 $title = 'PHP';
 $document->getElementById('title')->innerText = $title;
@@ -3439,26 +2631,12 @@ $document
     $document->getElementById('counter')->innerText = $count;
     echo "count: $count";
   });
-`.trimStart(),
-  },
-};
-var ot = {
-  name: 'php-wasm',
-  title: getTemplateName('templates.starter.php-wasm', 'PHP (Wasm) Starter'),
-  thumbnail: 'assets/templates/php.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var nt={name:"php-wasm",title:getTemplateName("templates.starter.php-wasm","PHP (Wasm) Starter"),thumbnail:"assets/templates/php.svg",activeEditor:"script",markup:{language:"html",content:`
 <p>
   <h1>Hello, <span id="title">world</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/php.svg" />
 </p>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 body {
   text-align: center;
   font: 1em sans-serif;
@@ -3466,11 +2644,7 @@ body {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'php-wasm',
-    content: `
+`.trimStart()},script:{language:"php-wasm",content:`
 <?php
 $title = "PHP";
 vrzno_eval('document.getElementById("title").innerText = "' . $title . '"');
@@ -3489,17 +2663,7 @@ if ($time < 12) {
 $date = date("l jS \\of F, Y");
 
 echo $greeting . "<br>Today is:<br>" . $date;
-`.trimStart(),
-  },
-};
-var nt = {
-  name: 'postgresql',
-  title: getTemplateName('templates.starter.postgresql', 'PostgreSQL Starter'),
-  thumbnail: 'assets/templates/postgresql.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var rt={name:"postgresql",title:getTemplateName("templates.starter.postgresql","PostgreSQL Starter"),thumbnail:"assets/templates/postgresql.svg",activeEditor:"script",markup:{language:"html",content:`
 <div id="output">
   <details open>
     <summary>Tables</summary>
@@ -3529,11 +2693,7 @@ var nt = {
     document.querySelector('#obj-result').innerHTML = JSON.stringify(results, null, 2);
   }).catch(console.error);
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 #output {
   color: #3d3d3d;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -3572,11 +2732,7 @@ var nt = {
   min-width: 95%;
   padding: 1em;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'postgresql',
-    content: `
+`.trimStart()},script:{language:"postgresql",content:`
 -- based on https://stackoverflow.com/q/7745609
 
 CREATE TABLE IF NOT EXISTS quotes (
@@ -3611,22 +2767,8 @@ SELECT a.id, a.rev, a.quote
                ROW_NUMBER() OVER (PARTITION BY id ORDER BY rev DESC) rank
           FROM quotes) a
   WHERE a.rank = 1;
-`.trimStart(),
-  },
-};
-var rt = {
-  name: 'preact',
-  title: getTemplateName('templates.starter.preact', 'Preact Starter'),
-  thumbnail: 'assets/templates/preact.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<div id="app"></div>
-`,
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()}};var at={name:"preact",title:getTemplateName("templates.starter.preact","Preact Starter"),thumbnail:"assets/templates/preact.svg",activeEditor:"script",markup:{language:"html",content:`<div id="app"></div>
+`},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3635,11 +2777,7 @@ var rt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'jsx',
-    content: `
+`.trimStart()},script:{language:"jsx",content:`
 /** @jsx h */
 import { h, render } from 'preact';
 import { useSignal } from "@preact/signals";
@@ -3657,17 +2795,7 @@ function App(props) {
 }
 
 render(<App name="Preact" />, document.body);
-`.trimStart(),
-  },
-};
-var at = {
-  name: 'prolog',
-  title: getTemplateName('templates.starter.prolog', 'Prolog Starter'),
-  thumbnail: 'assets/templates/tau-prolog.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var it={name:"prolog",title:getTemplateName("templates.starter.prolog","Prolog Starter"),thumbnail:"assets/templates/tau-prolog.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/tau-prolog.svg" title="Tau Prolog" />
@@ -3713,11 +2841,7 @@ var at = {
   getTitle();
   runQuery();
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3741,11 +2865,7 @@ var at = {
 }
 #result.error {
   color: red;
-}`.trimStart(),
-  },
-  script: {
-    language: 'prolog',
-    content: `
+}`.trimStart()},script:{language:"prolog",content:`
 title('Prolog').
 
 male(john).
@@ -3811,33 +2931,14 @@ aunt(X, Y):- parent(Z, Y),
 ancestor(X, Y):- parent(X, Y).
 ancestor(X, Y):- parent(X, Z),
     ancestor(Z, Y).
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var it = {
-  name: 'python',
-  title: getTemplateName('templates.starter.python', 'Python Starter'),
-  thumbnail: 'assets/templates/python.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var lt={name:"python",title:getTemplateName("templates.starter.python","Python Starter"),thumbnail:"assets/templates/python.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1 id="header">Hello, World!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/python.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -3846,11 +2947,7 @@ var it = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'python',
-    content: `
+`.trimStart()},script:{language:"python",content:`
 from browser import document
 import time
 
@@ -3874,38 +2971,14 @@ elif 12 <= current_time < 18:
       print('Good afternoon')
 else:
       print('Good evening')
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var lt = {
-  name: 'python-wasm',
-  aliases: ['pyodide'],
-  title: 'Python (Wasm) Starter',
-  thumbnail: 'assets/templates/python.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var ct={name:"python-wasm",aliases:["pyodide"],title:"Python (Wasm) Starter",thumbnail:"assets/templates/python.svg",activeEditor:"script",markup:{language:"html",content:`
 <h1 id="title">Hello, World!</h1>
 <div id="loading">Loading...</div>
 <div id="plots"></div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `h1 {
+`.trimStart()},style:{language:"css",content:`h1 {
   text-align: center;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'python-wasm',
-    content: `
+`.trimStart()},script:{language:"python-wasm",content:`
 from js import document, XMLHttpRequest
 import pandas as pd
 import matplotlib.pyplot as plt
@@ -3961,17 +3034,7 @@ loading.innerHTML = ""
 
 # avoid leaving figures open
 plt.close("all")
-`.trimStart(),
-  },
-};
-var ct = {
-  name: 'r',
-  title: getTemplateName('templates.starter.r', 'R Starter'),
-  thumbnail: 'assets/templates/r.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var mt={name:"r",title:getTemplateName("templates.starter.r","R Starter"),thumbnail:"assets/templates/r.svg",activeEditor:"script",markup:{language:"html",content:`
 <div id="output">Loading...</div>
 
 <script>
@@ -3983,12 +3046,7 @@ var ct = {
   //   canvasBackground: 'transparent',
   // };
 <\/script>
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'r',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"r",content:`
 head(iris)
 
 PW <- iris$Petal.Width
@@ -4024,24 +3082,7 @@ legend("topleft",
 #   summarize(mean_price = mean(price)) %>%
 #   ggplot(aes(x = cut, y = mean_price, fill = cut)) +
 #       geom_bar(stat = "identity")
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var pt = {
-  name: 'react-native',
-  title: getTemplateName('templates.starter.react-native', 'React Native Starter'),
-  thumbnail: 'assets/templates/react.svg',
-  activeEditor: 'script',
-  markup: { language: 'html', content: '' },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'react-native',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var pt={name:"react-native",title:getTemplateName("templates.starter.react-native","React Native Starter"),thumbnail:"assets/templates/react.svg",activeEditor:"script",markup:{language:"html",content:""},style:{language:"css",content:""},script:{language:"react-native",content:`
 import { useState } from "react";
 import { Button, Image, StyleSheet, Text, View } from "react-native";
 
@@ -4118,18 +3159,7 @@ const styles = StyleSheet.create({
     color: "#1B95E0",
   },
 });
-`.trimStart(),
-  },
-};
-var mt = {
-  name: 'react',
-  title: getTemplateName('templates.starter.react', 'React Starter'),
-  thumbnail: 'assets/templates/react.svg',
-  activeEditor: 'script',
-  markup: { language: 'html', content: '' },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()}};var dt={name:"react",title:getTemplateName("templates.starter.react","React Starter"),thumbnail:"assets/templates/react.svg",activeEditor:"script",markup:{language:"html",content:""},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4138,11 +3168,7 @@ var mt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'react',
-    content: `
+`.trimStart()},script:{language:"react",content:`
 import { useState } from "react";
 
 function Counter(props) {
@@ -4160,27 +3186,8 @@ function Counter(props) {
 export default function App() {
   return <Counter name="React" />;
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var dt = {
-  name: 'reason',
-  title: getTemplateName('templates.starter.reason', 'Reason Starter'),
-  thumbnail: 'assets/templates/reason.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<div id="app">Loading...</div>
-`,
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var ut={name:"reason",title:getTemplateName("templates.starter.reason","Reason Starter"),thumbnail:"assets/templates/reason.svg",activeEditor:"script",markup:{language:"html",content:`<div id="app">Loading...</div>
+`},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4189,11 +3196,7 @@ var dt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'reason',
-    content: `
+`.trimStart()},script:{language:"reason",content:`
 module App = {
   [@react.component]
   let make = (~name) => {
@@ -4224,29 +3227,8 @@ switch (ReactDOM.querySelector("#app")) {
 }
 
 Js.log("Hello, Reason!");
-`.trimStart(),
-  },
-  customSettings: {
-    imports: {
-      react: 'https://esm.sh/react@18.3.1',
-      'react/': 'https://esm.sh/react@18.3.1/',
-      'react-dom': 'https://esm.sh/react-dom@18.3.1',
-    },
-  },
-};
-var ut = {
-  name: 'rescript',
-  title: getTemplateName('templates.starter.rescript', 'ReScript Starter'),
-  thumbnail: 'assets/templates/rescript.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<div id="app">Loading...</div>
-`,
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},customSettings:{imports:{react:"https://esm.sh/react@18.3.1","react/":"https://esm.sh/react@18.3.1/","react-dom":"https://esm.sh/react-dom@18.3.1"}}};var gt={name:"rescript",title:getTemplateName("templates.starter.rescript","ReScript Starter"),thumbnail:"assets/templates/rescript.png",activeEditor:"script",markup:{language:"html",content:`<div id="app">Loading...</div>
+`},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4255,11 +3237,7 @@ var ut = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'rescript',
-    content: `
+`.trimStart()},script:{language:"rescript",content:`
 // import npm modules
 @module("canvas-confetti") external confetti: () => unit = "default"
 
@@ -4302,22 +3280,7 @@ switch ReactDOM.querySelector("#app") {
 }
 
 Console.log("Hello, ReScript!")
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var gt = {
-  name: 'riot',
-  title: getTemplateName('templates.starter.riot', 'Riot.js Starter'),
-  thumbnail: 'assets/templates/riot.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var ht={name:"riot",title:getTemplateName("templates.starter.riot","Riot.js Starter"),thumbnail:"assets/templates/riot.svg",activeEditor:"script",markup:{language:"html",content:`
 <counter title="Riot.js"></counter>
 
 <script>
@@ -4325,12 +3288,7 @@ var gt = {
     url: 'https://riot.js.org/'
   }
 <\/script>
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'riot',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"riot",content:`
 <counter>
   <div class="container">
     <h1>Hello, { props.title }!</h1>
@@ -4373,33 +3331,14 @@ var gt = {
     };
   <\/script>
 </counter>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var ht = {
-  name: 'ruby',
-  title: getTemplateName('templates.starter.ruby', 'Ruby Starter'),
-  thumbnail: 'assets/templates/ruby.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var bt={name:"ruby",title:getTemplateName("templates.starter.ruby","Ruby Starter"),thumbnail:"assets/templates/ruby.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/ruby.svg" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4408,11 +3347,7 @@ var ht = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'ruby',
-    content: `
+`.trimStart()},script:{language:"ruby",content:`
 require "date"
 require "native"
 
@@ -4440,33 +3375,14 @@ elsif current_time < 18
 else
     puts "Good evening, " + msg
 end
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var bt = {
-  name: 'ruby-wasm',
-  title: getTemplateName('templates.starter.ruby-wasm', 'Ruby (Wasm) Starter'),
-  thumbnail: 'assets/templates/ruby.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var ft={name:"ruby-wasm",title:getTemplateName("templates.starter.ruby-wasm","Ruby (Wasm) Starter"),thumbnail:"assets/templates/ruby.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/ruby.svg" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4475,11 +3391,7 @@ var bt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'ruby-wasm',
-    content: `
+`.trimStart()},script:{language:"ruby-wasm",content:`
 require "js"
 require "date"
 
@@ -4507,28 +3419,14 @@ elsif current_time < 18
 else
     puts "Good evening, " + msg
 end
-`.trimStart(),
-  },
-};
-var ft = {
-  name: 'scheme',
-  title: getTemplateName('templates.starter.scheme', 'Scheme Starter'),
-  thumbnail: 'assets/templates/scheme.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var vt={name:"scheme",title:getTemplateName("templates.starter.scheme","Scheme Starter"),thumbnail:"assets/templates/scheme.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/scheme.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4537,11 +3435,7 @@ var ft = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'scheme',
-    content: `
+`.trimStart()},script:{language:"scheme",content:`
 (let ((title "Scheme"))
   (set-content! "#title" title))
 
@@ -4557,30 +3451,10 @@ var ft = {
     (cond ((< time-now 12) "Good morning")
           ((< time-now 18) "Good afternoon")
           (else "Good evening"))))
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var t = 'https://cdn.jsdelivr.net/npm/@hatemhosny/shadcdn@0.0.14/build/',
-  vt = {
-    name: 'shadcn-ui',
-    title: getTemplateName('templates.starter.shadcnui', 'shadcn/ui Starter'),
-    thumbnail: 'assets/templates/shadcn-ui.svg',
-    activeEditor: 'script',
-    markup: {
-      language: 'html',
-      content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var t="https://cdn.jsdelivr.net/npm/@hatemhosny/shadcdn@0.0.14/build/",yt={name:"shadcn-ui",title:getTemplateName("templates.starter.shadcnui","shadcn/ui Starter"),thumbnail:"assets/templates/shadcn-ui.svg",activeEditor:"script",markup:{language:"html",content:`
 <link rel="stylesheet" href="${t}shadcdn.css">
 <link rel="stylesheet" href="${t}themes.css">
-`.trimStart(),
-    },
-    style: {
-      language: 'css',
-      content: `
+`.trimStart()},style:{language:"css",content:`
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -4591,11 +3465,7 @@ var t = 'https://cdn.jsdelivr.net/npm/@hatemhosny/shadcdn@0.0.14/build/',
     --radius: 0.5rem;
   }
 }
-`.trimStart(),
-    },
-    script: {
-      language: 'react-tsx',
-      content: `
+`.trimStart()},script:{language:"react-tsx",content:`
 // from https://ui.shadcn.com/blocks/login#login-03
 import { GalleryVerticalEnd } from 'lucide-react';
 import { Button } from '@/components/ui/button';
@@ -4708,81 +3578,7 @@ function LoginForm({
     </div>
   );
 }
-`.trimStart(),
-    },
-    processors: ['tailwindcss'],
-    imports: {},
-    types: {},
-    customSettings: {
-      imports: {
-        react: 'https://esm.sh/react',
-        'react/': 'https://esm.sh/react/',
-        'react-dom': 'https://esm.sh/react-dom',
-        'react-dom/': 'https://esm.sh/react-dom/',
-        '@': `${t}shadcdn.js`,
-        '@/lib/utils': `${t}shadcdn.js`,
-        '@/components/ui/accordion': `${t}shadcdn.js`,
-        '@/components/ui/alert-dialog': `${t}shadcdn.js`,
-        '@/components/ui/alert': `${t}shadcdn.js`,
-        '@/components/ui/aspect-ratio': `${t}shadcdn.js`,
-        '@/components/ui/avatar': `${t}shadcdn.js`,
-        '@/components/ui/badge': `${t}shadcdn.js`,
-        '@/components/ui/button': `${t}shadcdn.js`,
-        '@/components/ui/calendar': `${t}shadcdn.js`,
-        '@/components/ui/card': `${t}shadcdn.js`,
-        '@/components/ui/checkbox': `${t}shadcdn.js`,
-        '@/components/ui/collapsible': `${t}shadcdn.js`,
-        '@/components/ui/command': `${t}shadcdn.js`,
-        '@/components/ui/context-menu': `${t}shadcdn.js`,
-        '@/components/ui/dialog': `${t}shadcdn.js`,
-        '@/components/ui/dropdown-menu': `${t}shadcdn.js`,
-        '@/components/ui/form': `${t}shadcdn.js`,
-        '@/components/ui/hover-card': `${t}shadcdn.js`,
-        '@/components/ui/input': `${t}shadcdn.js`,
-        '@/components/ui/label': `${t}shadcdn.js`,
-        '@/components/ui/menubar': `${t}shadcdn.js`,
-        '@/components/ui/navigation-menu': `${t}shadcdn.js`,
-        '@/components/ui/popover': `${t}shadcdn.js`,
-        '@/components/ui/progress': `${t}shadcdn.js`,
-        '@/components/ui/radio-group': `${t}shadcdn.js`,
-        '@/components/ui/scroll-area': `${t}shadcdn.js`,
-        '@/components/ui/select': `${t}shadcdn.js`,
-        '@/components/ui/separator': `${t}shadcdn.js`,
-        '@/components/ui/sheet': `${t}shadcdn.js`,
-        '@/components/ui/skeleton': `${t}shadcdn.js`,
-        '@/components/ui/slider': `${t}shadcdn.js`,
-        '@/components/ui/switch': `${t}shadcdn.js`,
-        '@/components/ui/table': `${t}shadcdn.js`,
-        '@/components/ui/tabs': `${t}shadcdn.js`,
-        '@/components/ui/textarea': `${t}shadcdn.js`,
-        '@/components/ui/toast': `${t}shadcdn.js`,
-        '@/components/ui/toaster': `${t}shadcdn.js`,
-        '@/components/ui/toggle': `${t}shadcdn.js`,
-        '@/components/ui/tooltip': `${t}shadcdn.js`,
-        '@/components/ui/use-toast': `${t}shadcdn.js`,
-        '@/components/ui/resizable': `${t}shadcdn.js`,
-        '@/components/ui/input-otp': `${t}shadcdn.js`,
-        '@/components/ui/breadcrumb': `${t}shadcdn.js`,
-        '@/components/ui/toggle-group': `${t}shadcdn.js`,
-        '@/components/ui/sonner': `${t}shadcdn.js`,
-        '@/components/ui/pagination': `${t}shadcdn.js`,
-        '@/components/ui/drawer': `${t}shadcdn.js`,
-        '@/components/ui/carousel': `${t}shadcdn.js`,
-        '@/components/ui/sidebar': `${t}shadcdn.js`,
-        '@/components/ui/chart': `${t}shadcdn.js`,
-      },
-      types: { '@/components': `${t}shadcdn.d.ts`, '@/utils': `${t}shadcdn.d.ts` },
-    },
-  };
-var yt = {
-  name: 'solid',
-  title: getTemplateName('templates.starter.solid', 'Solid Starter'),
-  thumbnail: 'assets/templates/solid.svg',
-  activeEditor: 'script',
-  markup: { language: 'html', content: '' },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},processors:["tailwindcss"],imports:{},types:{},customSettings:{imports:{react:"https://esm.sh/react","react/":"https://esm.sh/react/","react-dom":"https://esm.sh/react-dom","react-dom/":"https://esm.sh/react-dom/","@":`${t}shadcdn.js`,"@/lib/utils":`${t}shadcdn.js`,"@/components/ui/accordion":`${t}shadcdn.js`,"@/components/ui/alert-dialog":`${t}shadcdn.js`,"@/components/ui/alert":`${t}shadcdn.js`,"@/components/ui/aspect-ratio":`${t}shadcdn.js`,"@/components/ui/avatar":`${t}shadcdn.js`,"@/components/ui/badge":`${t}shadcdn.js`,"@/components/ui/button":`${t}shadcdn.js`,"@/components/ui/calendar":`${t}shadcdn.js`,"@/components/ui/card":`${t}shadcdn.js`,"@/components/ui/checkbox":`${t}shadcdn.js`,"@/components/ui/collapsible":`${t}shadcdn.js`,"@/components/ui/command":`${t}shadcdn.js`,"@/components/ui/context-menu":`${t}shadcdn.js`,"@/components/ui/dialog":`${t}shadcdn.js`,"@/components/ui/dropdown-menu":`${t}shadcdn.js`,"@/components/ui/form":`${t}shadcdn.js`,"@/components/ui/hover-card":`${t}shadcdn.js`,"@/components/ui/input":`${t}shadcdn.js`,"@/components/ui/label":`${t}shadcdn.js`,"@/components/ui/menubar":`${t}shadcdn.js`,"@/components/ui/navigation-menu":`${t}shadcdn.js`,"@/components/ui/popover":`${t}shadcdn.js`,"@/components/ui/progress":`${t}shadcdn.js`,"@/components/ui/radio-group":`${t}shadcdn.js`,"@/components/ui/scroll-area":`${t}shadcdn.js`,"@/components/ui/select":`${t}shadcdn.js`,"@/components/ui/separator":`${t}shadcdn.js`,"@/components/ui/sheet":`${t}shadcdn.js`,"@/components/ui/skeleton":`${t}shadcdn.js`,"@/components/ui/slider":`${t}shadcdn.js`,"@/components/ui/switch":`${t}shadcdn.js`,"@/components/ui/table":`${t}shadcdn.js`,"@/components/ui/tabs":`${t}shadcdn.js`,"@/components/ui/textarea":`${t}shadcdn.js`,"@/components/ui/toast":`${t}shadcdn.js`,"@/components/ui/toaster":`${t}shadcdn.js`,"@/components/ui/toggle":`${t}shadcdn.js`,"@/components/ui/tooltip":`${t}shadcdn.js`,"@/components/ui/use-toast":`${t}shadcdn.js`,"@/components/ui/resizable":`${t}shadcdn.js`,"@/components/ui/input-otp":`${t}shadcdn.js`,"@/components/ui/breadcrumb":`${t}shadcdn.js`,"@/components/ui/toggle-group":`${t}shadcdn.js`,"@/components/ui/sonner":`${t}shadcdn.js`,"@/components/ui/pagination":`${t}shadcdn.js`,"@/components/ui/drawer":`${t}shadcdn.js`,"@/components/ui/carousel":`${t}shadcdn.js`,"@/components/ui/sidebar":`${t}shadcdn.js`,"@/components/ui/chart":`${t}shadcdn.js`},types:{"@/components":`${t}shadcdn.d.ts`,"@/utils":`${t}shadcdn.d.ts`}}};var xt={name:"solid",title:getTemplateName("templates.starter.solid","Solid Starter"),thumbnail:"assets/templates/solid.svg",activeEditor:"script",markup:{language:"html",content:""},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -4791,11 +3587,7 @@ var yt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'solid.tsx',
-    content: `
+`.trimStart()},script:{language:"solid.tsx",content:`
 import { createSignal } from "solid-js";
 
 function Counter(props: { name: string }) {
@@ -4814,22 +3606,7 @@ function Counter(props: { name: string }) {
 export default function App() {
   return <Counter name="Solid" />;
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var xt = {
-  name: 'sql',
-  title: getTemplateName('templates.starter.sql', 'SQL Starter'),
-  thumbnail: 'assets/templates/sqlite.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var wt={name:"sql",title:getTemplateName("templates.starter.sql","SQL Starter"),thumbnail:"assets/templates/sqlite.svg",activeEditor:"script",markup:{language:"html",content:`
 <div id="output">
   <details open>
     <summary>Tables</summary>
@@ -4859,11 +3636,7 @@ var xt = {
     document.querySelector('#obj-result').innerHTML = JSON.stringify(results, null, 2);
   }).catch(console.error);
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 #output {
   color: #3d3d3d;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -4902,11 +3675,7 @@ var xt = {
   min-width: 95%;
   padding: 1em;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'sql',
-    content: `
+`.trimStart()},script:{language:"sql",content:`
 -- based on https://stackoverflow.com/q/7745609
 
 CREATE TABLE IF NOT EXISTS quotes (
@@ -4941,23 +3710,8 @@ SELECT a.id, a.rev, a.quote
                ROW_NUMBER() OVER (PARTITION BY id ORDER BY rev DESC) rank
           FROM quotes) a
   WHERE a.rank = 1;
-`.trimStart(),
-  },
-};
-var wt = {
-  name: 'stencil',
-  title: getTemplateName('templates.starter.stencil', 'Stencil Starter'),
-  thumbnail: 'assets/templates/stencil.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `<my-app title="Stencil"></my-app>
-`,
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'stencil',
-    content: `
+`.trimStart()}};var St={name:"stencil",title:getTemplateName("templates.starter.stencil","Stencil Starter"),thumbnail:"assets/templates/stencil.png",activeEditor:"script",markup:{language:"html",content:`<my-app title="Stencil"></my-app>
+`},style:{language:"css",content:""},script:{language:"stencil",content:`
 import { Component, Prop, h, State } from "@stencil/core";
 
 @Component({
@@ -4992,33 +3746,13 @@ export class App {
     );
   }
 }
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var St = {
-  name: 'svelte',
-  title: getTemplateName('templates.starter.svelte', 'Svelte Starter'),
-  thumbnail: 'assets/templates/svelte.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'svelte',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var kt={name:"svelte",title:getTemplateName("templates.starter.svelte","Svelte Starter"),thumbnail:"assets/templates/svelte.svg",activeEditor:"script",markup:{language:"svelte",content:`
 <script>
 import Counter from "./Component.svelte";
 <\/script>
 
 <Counter title="Svelte" />
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'svelte',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"svelte",content:`
 <script>
   let { title = "World" } = $props();
   let counter = $state(0);
@@ -5044,22 +3778,7 @@ import Counter from "./Component.svelte";
   <p>You clicked {counter} times.</p>
   <button on:click={increment}>Click me</button>
 </div>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var kt = {
-  name: 'tailwindcss',
-  title: getTemplateName('templates.starter.tailwindcss', 'Tailwind CSS Starter'),
-  thumbnail: 'assets/templates/tailwindcss.svg',
-  activeEditor: 'markup',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var _t={name:"tailwindcss",title:getTemplateName("templates.starter.tailwindcss","Tailwind CSS Starter"),thumbnail:"assets/templates/tailwindcss.svg",activeEditor:"markup",markup:{language:"html",content:`
 <div class="relative grid min-h-screen grid-cols-[1fr_2.5rem_auto_2.5rem_1fr] grid-rows-[1fr_1px_auto_1px_1fr] bg-white [--pattern-fg:var(--color-gray-950)]/5 dark:bg-gray-950 dark:[--pattern-fg:var(--color-white)]/10">
   <div class="col-start-3 row-start-3 flex max-w-lg flex-col bg-gray-100 p-2 dark:bg-white/10">
     <div class="rounded-xl bg-white p-10 text-sm/7 text-gray-700 dark:bg-gray-950 dark:text-gray-300">
@@ -5132,29 +3851,13 @@ var kt = {
   <div class="relative -bottom-px col-span-full col-start-1 row-start-2 h-px bg-(--pattern-fg)"></div>
   <div class="relative -top-px col-span-full col-start-1 row-start-4 h-px bg-(--pattern-fg)"></div>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 @import "tailwindcss";
 
 @theme {
   /* ... */
 }
-`.trimStart(),
-  },
-  script: { language: 'javascript', content: '' },
-  processors: ['tailwindcss'],
-};
-var _t = {
-  name: 'tcl',
-  title: getTemplateName('templates.starter.tcl', 'Tcl Starter'),
-  thumbnail: 'assets/templates/tcl.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},script:{language:"javascript",content:""},processors:["tailwindcss"]};var jt={name:"tcl",title:getTemplateName("templates.starter.tcl","Tcl Starter"),thumbnail:"assets/templates/tcl.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="name">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/tcl.svg" />
@@ -5178,11 +3881,7 @@ var _t = {
     };
   });
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -5191,11 +3890,7 @@ var _t = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'tcl',
-    content: `
+`.trimStart()},script:{language:"tcl",content:`
 set title "Tcl"
 ::wacl::dom attr "#name" innerText $title
 
@@ -5207,33 +3902,14 @@ if {[info exists count]} {
 }
 ::wacl::dom attr "#counter" innerText $count
 puts $count
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var jt = {
-  name: 'teal',
-  title: getTemplateName('templates.starter.teal', 'Teal Starter'),
-  thumbnail: 'assets/templates/teal.png',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var Tt={name:"teal",title:getTemplateName("templates.starter.teal","Teal Starter"),thumbnail:"assets/templates/teal.png",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/teal.png" />
   <p id="counter">You clicked 0 times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -5242,11 +3918,7 @@ var jt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'teal',
-    content: `
+`.trimStart()},script:{language:"teal",content:`
 global record Js
   record global
     record document
@@ -5279,28 +3951,14 @@ button:addEventListener("click", function()
   count = increment(count)
   counter_el.innerHTML = ("You clicked %d times."):format(count)
 end)
-`.trimStart(),
-  },
-};
-var Tt = {
-  name: 'typescript',
-  title: getTemplateName('templates.starter.typescript', 'TypeScript Starter'),
-  thumbnail: 'assets/templates/typescript.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()}};var Ct={name:"typescript",title:getTemplateName("templates.starter.typescript","TypeScript Starter"),thumbnail:"assets/templates/typescript.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/typescript.svg" />
   <p>You clicked <span id="counter">0</span> times.</p>
   <button id="counter-button">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -5309,11 +3967,7 @@ var Tt = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'typescript',
-    content: `
+`.trimStart()},script:{language:"typescript",content:`
 class Counter {
   private count: number;
   constructor() {
@@ -5341,22 +3995,7 @@ button.addEventListener(
   },
   false
 );
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var Ct = {
-  name: 'vue',
-  title: getTemplateName('templates.starter.vue', 'Vue SFC Starter'),
-  thumbnail: 'assets/templates/vue.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'vue',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var Ut={name:"vue",title:getTemplateName("templates.starter.vue","Vue SFC Starter"),thumbnail:"assets/templates/vue.svg",activeEditor:"script",markup:{language:"vue",content:`
 <script setup lang="tsx">
 import Counter from './Component.vue';
 <\/script>
@@ -5364,12 +4003,7 @@ import Counter from './Component.vue';
 <template>
   <Counter name="Vue" />
 </template>
-`.trimStart(),
-  },
-  style: { language: 'css', content: '' },
-  script: {
-    language: 'vue',
-    content: `
+`.trimStart()},style:{language:"css",content:""},script:{language:"vue",content:`
 <script setup lang="tsx">
   import { ref } from 'vue';
 
@@ -5405,33 +4039,14 @@ import Counter from './Component.vue';
     width: 150px;
   }
 </style>
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var Ut = {
-  name: 'vue2',
-  title: getTemplateName('templates.starter.vue2', 'Vue 2 Starter'),
-  thumbnail: 'assets/templates/vue.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var Et={name:"vue2",title:getTemplateName("templates.starter.vue2","Vue 2 Starter"),thumbnail:"assets/templates/vue.svg",activeEditor:"script",markup:{language:"html",content:`
 <div id="app">
   <h1>Hello, Vue!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/vue.svg" />
   <p>You clicked {{ counter }} times.</p>
   <button @click="increment()">Click me</button>
 </div>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 #app,
 #app button {
   text-align: center;
@@ -5440,11 +4055,7 @@ var Ut = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'javascript',
-    content: `
+`.trimStart()},script:{language:"javascript",content:`
 new Vue({
   el: "#app",
   data: {
@@ -5456,22 +4067,7 @@ new Vue({
     },
   },
 });
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: ['{{ __CDN_URL__ }}vue@2'],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var Et = {
-  name: 'wat',
-  title: getTemplateName('templates.starter.wat', 'WebAssembly Text Starter'),
-  thumbnail: 'assets/templates/webassembly.svg',
-  activeEditor: 'script',
-  markup: {
-    language: 'html',
-    content: `
+`.trimStart()},stylesheets:[],scripts:["{{ __CDN_URL__ }}vue@2"],cssPreset:"",imports:{},types:{}};var Lt={name:"wat",title:getTemplateName("templates.starter.wat","WebAssembly Text Starter"),thumbnail:"assets/templates/webassembly.svg",activeEditor:"script",markup:{language:"html",content:`
 <div class="container">
   <h1>Hello, <span id="title">World</span>!</h1>
   <img class="logo" alt="logo" src="{{ __livecodes_baseUrl__ }}assets/templates/webassembly.svg" />
@@ -5515,11 +4111,7 @@ var Et = {
     );
   })();
 <\/script>
-`.trimStart(),
-  },
-  style: {
-    language: 'css',
-    content: `
+`.trimStart()},style:{language:"css",content:`
 .container,
 .container button {
   text-align: center;
@@ -5528,11 +4120,7 @@ var Et = {
 .logo {
   width: 150px;
 }
-`.trimStart(),
-  },
-  script: {
-    language: 'wat',
-    content: `
+`.trimStart()},script:{language:"wat",content:`
 (module
   (import "title" "change" (func $changeTitle (param i32) (param i32)))
   (export "memory" (memory $0))
@@ -5547,82 +4135,4 @@ var Et = {
     (i32.add (local.get $0) (i32.const 1))
   )
 )
-`.trimStart(),
-  },
-  stylesheets: [],
-  scripts: [],
-  cssPreset: '',
-  imports: {},
-  types: {},
-};
-var uo = [
-  b,
-  I,
-  Tt,
-  mt,
-  pt,
-  Ct,
-  d,
-  rt,
-  St,
-  yt,
-  G,
-  wt,
-  K,
-  kt,
-  vt,
-  U,
-  v,
-  g,
-  gt,
-  J,
-  Y,
-  h,
-  z,
-  D,
-  O,
-  C,
-  et,
-  Ut,
-  S,
-  V,
-  y,
-  x,
-  H,
-  ut,
-  dt,
-  Q,
-  it,
-  lt,
-  ct,
-  ht,
-  bt,
-  R,
-  N,
-  st,
-  ot,
-  _,
-  j,
-  W,
-  T,
-  tt,
-  X,
-  F,
-  jt,
-  q,
-  A,
-  ft,
-  k,
-  w,
-  P,
-  _t,
-  Z,
-  u,
-  Et,
-  xt,
-  nt,
-  at,
-  f,
-  E,
-];
-export { uo as starterTemplates };
+`.trimStart()},stylesheets:[],scripts:[],cssPreset:"",imports:{},types:{}};var bo=[b,I,Ct,dt,pt,Ut,d,at,kt,xt,G,St,K,_t,yt,U,v,g,ht,J,D,h,z,A,O,C,st,Et,S,V,y,x,H,gt,ut,tt,lt,ct,mt,bt,ft,R,N,ot,nt,_,j,W,T,et,X,F,Tt,L,Y,vt,k,w,P,jt,Z,u,Lt,wt,rt,it,Q,f,E];export{bo as starterTemplates};
diff --git a/package-lock.json b/package-lock.json
index 74f1dc6be..e65da8ea3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -140,6 +140,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
       "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.24.2",
@@ -726,7 +727,6 @@
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
       "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "0.3.9"
       },
@@ -739,7 +739,6 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
       "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.0.3",
         "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -1350,6 +1349,7 @@
       "version": "0.7.16",
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.7.16.tgz",
       "integrity": "sha512-xToEi8f7uvadhtgNsPmuUS9eVHteMjWoa5I7i/+5TBeGgGkm1g9SROJl+8wSrcdT5Xd6OA7eUGZLxr4RQvL7Tw==",
+      "peer": true,
       "dependencies": {
         "@firebase/component": "0.5.10",
         "@firebase/logger": "0.3.2",
@@ -1395,6 +1395,7 @@
       "version": "0.1.17",
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.1.17.tgz",
       "integrity": "sha512-84AO0SAxdEaXl8fHnVnqWUufZJatCbZwwsxMtyj6UYYTPxv3VTCDusFF6nmoWgaCIs35PCBnLWAdzNxx7facCg==",
+      "peer": true,
       "dependencies": {
         "@firebase/app": "0.7.16",
         "@firebase/component": "0.5.10",
@@ -1406,7 +1407,8 @@
     "node_modules/@firebase/app-types": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.7.0.tgz",
-      "integrity": "sha512-6fbHQwDv2jp/v6bXhBw2eSRbNBpxHcd1NBF864UksSMVIqIyri9qpJB1Mn6sGZE+bnDsSQBC5j2TbMxYsJQkQg=="
+      "integrity": "sha512-6fbHQwDv2jp/v6bXhBw2eSRbNBpxHcd1NBF864UksSMVIqIyri9qpJB1Mn6sGZE+bnDsSQBC5j2TbMxYsJQkQg==",
+      "peer": true
     },
     "node_modules/@firebase/auth": {
       "version": "0.19.8",
@@ -1791,6 +1793,7 @@
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.4.3.tgz",
       "integrity": "sha512-gQJl6r0a+MElLQEyU8Dx0kkC2coPj67f/zKZrGR7z7WpLgVanhaCUqEsptwpwoxi9RMFIaebleG+C9xxoARq+Q==",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -3907,29 +3910,25 @@
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
       "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@tsconfig/node12": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
       "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@tsconfig/node14": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
       "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@tsconfig/node16": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
       "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -4113,7 +4112,8 @@
     "node_modules/@types/node": {
       "version": "18.11.9",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
-      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg=="
+      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
+      "peer": true
     },
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.1",
@@ -4180,6 +4180,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.24.1.tgz",
       "integrity": "sha512-ll1StnKtBigWIGqvYDVuDmXJHVH4zLVot1yQ4fJtLpL7qacwkxJc1T0bptqw+miBQ/QfUbhl1TcQ4accW5KUyA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
         "@typescript-eslint/scope-manager": "8.24.1",
@@ -4209,6 +4210,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.24.1.tgz",
       "integrity": "sha512-Tqoa05bu+t5s8CTZFaGpCH2ub3QeT9YDkXbPd3uQ4SfsLoh1/vv2GEYAioPoxCWJJNsenXlC88tRjwoHNts1oQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.24.1",
         "@typescript-eslint/types": "8.24.1",
@@ -4467,6 +4469,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
       "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "devOptional": true,
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4525,7 +4528,6 @@
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
       "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "clean-stack": "^2.0.0",
         "indent-string": "^4.0.0"
@@ -4772,7 +4774,6 @@
       "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-2.0.0.tgz",
       "integrity": "sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "default-require-extensions": "^3.0.0"
       },
@@ -4784,8 +4785,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
       "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/are-docs-informative": {
       "version": "0.0.2",
@@ -4800,8 +4800,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
       "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/argparse": {
       "version": "1.0.10",
@@ -5460,6 +5459,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001587",
         "electron-to-chromium": "^1.4.668",
@@ -5775,7 +5775,6 @@
       "resolved": "https://registry.npmjs.org/caching-transform/-/caching-transform-4.0.0.tgz",
       "integrity": "sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "hasha": "^5.0.0",
         "make-dir": "^3.0.0",
@@ -5791,7 +5790,6 @@
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
       "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "is-typedarray": "^1.0.0",
@@ -6109,7 +6107,6 @@
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -6680,7 +6677,6 @@
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
       "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "safe-buffer": "~5.1.1"
       }
@@ -6807,8 +6803,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
       "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/cross-env": {
       "version": "7.0.3",
@@ -7185,7 +7180,6 @@
       "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz",
       "integrity": "sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "strip-bom": "^4.0.0"
       },
@@ -7201,7 +7195,6 @@
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
       "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -7369,7 +7362,6 @@
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=0.3.1"
       }
@@ -7698,8 +7690,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/esbuild": {
       "version": "0.20.2",
@@ -7804,6 +7795,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.20.1.tgz",
       "integrity": "sha512-m1mM33o6dBUjxl2qb6wv6nGNwCAsns1eKtaQ4l/NPHeTvhiUPbtdfMyktxN4B3fgHIgsYh1VT3V9txblpQHq+g==",
       "devOptional": true,
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -9180,7 +9172,6 @@
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
       "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^3.0.2"
@@ -9194,7 +9185,6 @@
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -9209,7 +9199,6 @@
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -9219,7 +9208,6 @@
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -9232,7 +9220,6 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -9242,7 +9229,6 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -9325,8 +9311,7 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "peer": true
+      ]
     },
     "node_modules/fs-extra": {
       "version": "7.0.1",
@@ -10012,7 +9997,6 @@
       "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
       "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "is-stream": "^2.0.0",
         "type-fest": "^0.8.0"
@@ -10029,7 +10013,6 @@
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -10755,8 +10738,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/is-weakref": {
       "version": "1.0.2",
@@ -10830,7 +10812,6 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz",
       "integrity": "sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "append-transform": "^2.0.0"
       },
@@ -10868,7 +10849,6 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz",
       "integrity": "sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "archy": "^1.0.0",
         "cross-spawn": "^7.0.3",
@@ -10886,7 +10866,6 @@
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -10901,7 +10880,6 @@
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -10911,7 +10889,6 @@
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -10927,7 +10904,6 @@
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -10940,7 +10916,6 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -10950,7 +10925,6 @@
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
       "dev": true,
-      "peer": true,
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -10960,7 +10934,6 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -11038,6 +11011,7 @@
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -13616,8 +13590,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
       "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/lodash.ismatch": {
       "version": "4.4.0",
@@ -13676,6 +13649,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/luna-data-grid/-/luna-data-grid-1.4.1.tgz",
       "integrity": "sha512-Blo7PP+86LBaiCie5hNeXxQgpodMQGD2ReczFvn2NXZhV6FVKLQC3TL2avSqCsFmIXon09w1zzJVhdh+fVhpCQ==",
+      "peer": true,
       "dependencies": {
         "licia": "^1.46.0"
       }
@@ -13684,6 +13658,7 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/luna-dom-viewer/-/luna-dom-viewer-1.8.2.tgz",
       "integrity": "sha512-37yiSYLBeu2TyHp1iQMVrYsAkH4X5Hkn0UYIaTlvTTEc6uSdu5aBI67zHnuXV2FVmOoa0kJhFK/GsUKsFibaCQ==",
+      "peer": true,
       "dependencies": {
         "licia": "^1.46.0"
       }
@@ -13692,6 +13667,7 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/luna-object-viewer/-/luna-object-viewer-0.3.2.tgz",
       "integrity": "sha512-m5zB+Wg3q23jLLijMFLHLuigp4rB9gPVI+MPop9yqAPGOSIdUo7uFRPZDt/Pbkbj34UNaHckdv1OUhWElxZzdQ==",
+      "peer": true,
       "dependencies": {
         "licia": "^1.46.0"
       }
@@ -14412,7 +14388,6 @@
       "resolved": "https://registry.npmjs.org/node-preload/-/node-preload-0.2.1.tgz",
       "integrity": "sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "process-on-spawn": "^1.0.0"
       },
@@ -14629,7 +14604,6 @@
       "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz",
       "integrity": "sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@istanbuljs/load-nyc-config": "^1.0.0",
         "@istanbuljs/schema": "^0.1.2",
@@ -14671,7 +14645,6 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -14687,7 +14660,6 @@
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
       "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.0",
@@ -14699,7 +14671,6 @@
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -14711,15 +14682,13 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/nyc/node_modules/find-up": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -14733,7 +14702,6 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
       "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@babel/core": "^7.7.5",
         "@istanbuljs/schema": "^0.1.2",
@@ -14749,7 +14717,6 @@
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -14762,7 +14729,6 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -14778,7 +14744,6 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -14791,7 +14756,6 @@
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -14801,7 +14765,6 @@
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -14811,7 +14774,6 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -14821,7 +14783,6 @@
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -14837,7 +14798,6 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -14847,7 +14807,6 @@
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
       "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -14861,15 +14820,13 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
       "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/nyc/node_modules/yargs": {
       "version": "15.4.1",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
       "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "cliui": "^6.0.0",
         "decamelize": "^1.2.0",
@@ -14892,7 +14849,6 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
       "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "camelcase": "^5.0.0",
         "decamelize": "^1.2.0"
@@ -15181,7 +15137,6 @@
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
       "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "aggregate-error": "^3.0.0"
       },
@@ -15203,7 +15158,6 @@
       "resolved": "https://registry.npmjs.org/package-hash/-/package-hash-4.0.0.tgz",
       "integrity": "sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "graceful-fs": "^4.1.15",
         "hasha": "^5.0.0",
@@ -15735,6 +15689,7 @@
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.6.tgz",
       "integrity": "sha512-OovjwIzs9Te46vlEx7+uXB0PLijpwjXGKXjVGGPIGubGpq7uh5Xgf6D6FiJ/SzJMBosHDp6a2hiXOS97iBXcaA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.2.0",
         "picocolors": "^1.0.0",
@@ -16068,6 +16023,7 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
       "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
       "dev": true,
+      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -16228,7 +16184,6 @@
       "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
       "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "fromentries": "^1.2.0"
       },
@@ -16667,7 +16622,6 @@
       "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
       "integrity": "sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "es6-error": "^4.0.1"
       },
@@ -16720,8 +16674,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/requires-port": {
       "version": "1.0.0",
@@ -17129,8 +17082,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/set-function-length": {
       "version": "1.2.2",
@@ -17587,7 +17539,6 @@
       "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
       "integrity": "sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "foreground-child": "^2.0.0",
         "is-windows": "^1.0.2",
@@ -17605,7 +17556,6 @@
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -17621,7 +17571,6 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -17986,6 +17935,7 @@
       "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.5.0.tgz",
       "integrity": "sha512-4dvQjrhAz2njLoE1OvUEZpryNWcmx2w5Lq5jlibxFv6b5W6O8/vob12M2ZzhX3Ndzs5f67F+BEYmhnQXOwfVYQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "balanced-match": "^2.0.0",
         "colord": "^2.9.2",
@@ -19086,7 +19036,6 @@
       "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
       "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "is-typedarray": "^1.0.0"
       }
@@ -19165,6 +19114,7 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
       "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
       "dev": true,
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -19412,8 +19362,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/v8-to-istanbul": {
       "version": "9.2.0",
@@ -19600,8 +19549,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
       "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/which-typed-array": {
       "version": "1.1.15",
@@ -19809,7 +19757,6 @@
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -19865,6 +19812,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
       "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.24.2",
@@ -20301,7 +20249,6 @@
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
       "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@jridgewell/trace-mapping": "0.3.9"
       },
@@ -20311,7 +20258,6 @@
           "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
           "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "@jridgewell/resolve-uri": "^3.0.3",
             "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -20654,6 +20600,7 @@
       "version": "0.7.16",
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.7.16.tgz",
       "integrity": "sha512-xToEi8f7uvadhtgNsPmuUS9eVHteMjWoa5I7i/+5TBeGgGkm1g9SROJl+8wSrcdT5Xd6OA7eUGZLxr4RQvL7Tw==",
+      "peer": true,
       "requires": {
         "@firebase/component": "0.5.10",
         "@firebase/logger": "0.3.2",
@@ -20693,6 +20640,7 @@
       "version": "0.1.17",
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.1.17.tgz",
       "integrity": "sha512-84AO0SAxdEaXl8fHnVnqWUufZJatCbZwwsxMtyj6UYYTPxv3VTCDusFF6nmoWgaCIs35PCBnLWAdzNxx7facCg==",
+      "peer": true,
       "requires": {
         "@firebase/app": "0.7.16",
         "@firebase/component": "0.5.10",
@@ -20704,7 +20652,8 @@
     "@firebase/app-types": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.7.0.tgz",
-      "integrity": "sha512-6fbHQwDv2jp/v6bXhBw2eSRbNBpxHcd1NBF864UksSMVIqIyri9qpJB1Mn6sGZE+bnDsSQBC5j2TbMxYsJQkQg=="
+      "integrity": "sha512-6fbHQwDv2jp/v6bXhBw2eSRbNBpxHcd1NBF864UksSMVIqIyri9qpJB1Mn6sGZE+bnDsSQBC5j2TbMxYsJQkQg==",
+      "peer": true
     },
     "@firebase/auth": {
       "version": "0.19.8",
@@ -21021,6 +20970,7 @@
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.4.3.tgz",
       "integrity": "sha512-gQJl6r0a+MElLQEyU8Dx0kkC2coPj67f/zKZrGR7z7WpLgVanhaCUqEsptwpwoxi9RMFIaebleG+C9xxoARq+Q==",
+      "peer": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -22617,29 +22567,25 @@
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
       "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@tsconfig/node12": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
       "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@tsconfig/node14": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
       "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@tsconfig/node16": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
       "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "@types/babel__core": {
       "version": "7.20.5",
@@ -22822,7 +22768,8 @@
     "@types/node": {
       "version": "18.11.9",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
-      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg=="
+      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
+      "peer": true
     },
     "@types/normalize-package-data": {
       "version": "2.4.1",
@@ -22889,6 +22836,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.24.1.tgz",
       "integrity": "sha512-ll1StnKtBigWIGqvYDVuDmXJHVH4zLVot1yQ4fJtLpL7qacwkxJc1T0bptqw+miBQ/QfUbhl1TcQ4accW5KUyA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@eslint-community/regexpp": "^4.10.0",
         "@typescript-eslint/scope-manager": "8.24.1",
@@ -22906,6 +22854,7 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.24.1.tgz",
       "integrity": "sha512-Tqoa05bu+t5s8CTZFaGpCH2ub3QeT9YDkXbPd3uQ4SfsLoh1/vv2GEYAioPoxCWJJNsenXlC88tRjwoHNts1oQ==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@typescript-eslint/scope-manager": "8.24.1",
         "@typescript-eslint/types": "8.24.1",
@@ -23079,7 +23028,8 @@
       "version": "8.14.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
       "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
-      "devOptional": true
+      "devOptional": true,
+      "peer": true
     },
     "acorn-globals": {
       "version": "7.0.1",
@@ -23124,7 +23074,6 @@
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
       "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "clean-stack": "^2.0.0",
         "indent-string": "^4.0.0"
@@ -23323,7 +23272,6 @@
       "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-2.0.0.tgz",
       "integrity": "sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==",
       "dev": true,
-      "peer": true,
       "requires": {
         "default-require-extensions": "^3.0.0"
       }
@@ -23332,8 +23280,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
       "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "are-docs-informative": {
       "version": "0.0.2",
@@ -23345,8 +23292,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
       "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "argparse": {
       "version": "1.0.10",
@@ -23836,6 +23782,7 @@
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
       "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
       "dev": true,
+      "peer": true,
       "requires": {
         "caniuse-lite": "^1.0.30001587",
         "electron-to-chromium": "^1.4.668",
@@ -24068,7 +24015,6 @@
       "resolved": "https://registry.npmjs.org/caching-transform/-/caching-transform-4.0.0.tgz",
       "integrity": "sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "hasha": "^5.0.0",
         "make-dir": "^3.0.0",
@@ -24081,7 +24027,6 @@
           "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
           "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
           "dev": true,
-          "peer": true,
           "requires": {
             "imurmurhash": "^0.1.4",
             "is-typedarray": "^1.0.0",
@@ -24321,8 +24266,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "cli-spinners": {
       "version": "2.9.0",
@@ -24785,7 +24729,6 @@
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
       "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "safe-buffer": "~5.1.1"
       }
@@ -24881,8 +24824,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
       "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "cross-env": {
       "version": "7.0.3",
@@ -25157,7 +25099,6 @@
       "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz",
       "integrity": "sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==",
       "dev": true,
-      "peer": true,
       "requires": {
         "strip-bom": "^4.0.0"
       },
@@ -25166,8 +25107,7 @@
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
           "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -25292,8 +25232,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "diff-sequences": {
       "version": "25.2.6",
@@ -25557,8 +25496,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "esbuild": {
       "version": "0.20.2",
@@ -25641,6 +25579,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.20.1.tgz",
       "integrity": "sha512-m1mM33o6dBUjxl2qb6wv6nGNwCAsns1eKtaQ4l/NPHeTvhiUPbtdfMyktxN4B3fgHIgsYh1VT3V9txblpQHq+g==",
       "devOptional": true,
+      "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -26681,7 +26620,6 @@
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
       "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^3.0.2"
@@ -26692,7 +26630,6 @@
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
           "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
           "dev": true,
-          "peer": true,
           "requires": {
             "path-key": "^3.1.0",
             "shebang-command": "^2.0.0",
@@ -26703,15 +26640,13 @@
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
           "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "shebang-command": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
           "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "shebang-regex": "^3.0.0"
           }
@@ -26720,15 +26655,13 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
           "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "which": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
           "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "isexe": "^2.0.0"
           }
@@ -26777,8 +26710,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fromentries/-/fromentries-1.3.2.tgz",
       "integrity": "sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "fs-extra": {
       "version": "7.0.1",
@@ -27271,7 +27203,6 @@
       "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
       "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "is-stream": "^2.0.0",
         "type-fest": "^0.8.0"
@@ -27281,8 +27212,7 @@
           "version": "0.8.1",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
           "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-          "dev": true,
-          "peer": true
+          "dev": true
         }
       }
     },
@@ -27791,8 +27721,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "is-weakref": {
       "version": "1.0.2",
@@ -27847,7 +27776,6 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz",
       "integrity": "sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "append-transform": "^2.0.0"
       }
@@ -27878,7 +27806,6 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz",
       "integrity": "sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==",
       "dev": true,
-      "peer": true,
       "requires": {
         "archy": "^1.0.0",
         "cross-spawn": "^7.0.3",
@@ -27893,7 +27820,6 @@
           "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
           "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
           "dev": true,
-          "peer": true,
           "requires": {
             "path-key": "^3.1.0",
             "shebang-command": "^2.0.0",
@@ -27904,15 +27830,13 @@
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
           "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "rimraf": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
           "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "glob": "^7.1.3"
           }
@@ -27922,7 +27846,6 @@
           "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
           "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "shebang-regex": "^3.0.0"
           }
@@ -27931,22 +27854,19 @@
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
           "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "uuid": {
           "version": "8.3.2",
           "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
           "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "which": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
           "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "isexe": "^2.0.0"
           }
@@ -28007,6 +27927,7 @@
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -29974,8 +29895,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
       "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "lodash.ismatch": {
       "version": "4.4.0",
@@ -30026,6 +29946,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/luna-data-grid/-/luna-data-grid-1.4.1.tgz",
       "integrity": "sha512-Blo7PP+86LBaiCie5hNeXxQgpodMQGD2ReczFvn2NXZhV6FVKLQC3TL2avSqCsFmIXon09w1zzJVhdh+fVhpCQ==",
+      "peer": true,
       "requires": {
         "licia": "^1.46.0"
       }
@@ -30034,6 +29955,7 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/luna-dom-viewer/-/luna-dom-viewer-1.8.2.tgz",
       "integrity": "sha512-37yiSYLBeu2TyHp1iQMVrYsAkH4X5Hkn0UYIaTlvTTEc6uSdu5aBI67zHnuXV2FVmOoa0kJhFK/GsUKsFibaCQ==",
+      "peer": true,
       "requires": {
         "licia": "^1.46.0"
       }
@@ -30042,6 +29964,7 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/luna-object-viewer/-/luna-object-viewer-0.3.2.tgz",
       "integrity": "sha512-m5zB+Wg3q23jLLijMFLHLuigp4rB9gPVI+MPop9yqAPGOSIdUo7uFRPZDt/Pbkbj34UNaHckdv1OUhWElxZzdQ==",
+      "peer": true,
       "requires": {
         "licia": "^1.46.0"
       }
@@ -30584,7 +30507,6 @@
       "resolved": "https://registry.npmjs.org/node-preload/-/node-preload-0.2.1.tgz",
       "integrity": "sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "process-on-spawn": "^1.0.0"
       }
@@ -30749,7 +30671,6 @@
       "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz",
       "integrity": "sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==",
       "dev": true,
-      "peer": true,
       "requires": {
         "@istanbuljs/load-nyc-config": "^1.0.0",
         "@istanbuljs/schema": "^0.1.2",
@@ -30785,7 +30706,6 @@
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
           "dev": true,
-          "peer": true,
           "requires": {
             "color-convert": "^2.0.1"
           }
@@ -30795,7 +30715,6 @@
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
           "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "string-width": "^4.2.0",
             "strip-ansi": "^6.0.0",
@@ -30807,7 +30726,6 @@
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "color-name": "~1.1.4"
           }
@@ -30816,15 +30734,13 @@
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "find-up": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
           "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
           "dev": true,
-          "peer": true,
           "requires": {
             "locate-path": "^5.0.0",
             "path-exists": "^4.0.0"
@@ -30835,7 +30751,6 @@
           "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
           "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "@babel/core": "^7.7.5",
             "@istanbuljs/schema": "^0.1.2",
@@ -30848,7 +30763,6 @@
           "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
           "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
           "dev": true,
-          "peer": true,
           "requires": {
             "p-locate": "^4.1.0"
           }
@@ -30858,7 +30772,6 @@
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
           "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
           "dev": true,
-          "peer": true,
           "requires": {
             "p-try": "^2.0.0"
           }
@@ -30868,7 +30781,6 @@
           "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
           "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
           "dev": true,
-          "peer": true,
           "requires": {
             "p-limit": "^2.2.0"
           }
@@ -30877,29 +30789,25 @@
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
           "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "path-exists": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
           "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "resolve-from": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
           "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "rimraf": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
           "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "glob": "^7.1.3"
           }
@@ -30908,15 +30816,13 @@
           "version": "6.3.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
           "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "wrap-ansi": {
           "version": "6.2.0",
           "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
           "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "ansi-styles": "^4.0.0",
             "string-width": "^4.1.0",
@@ -30927,15 +30833,13 @@
           "version": "4.0.3",
           "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
           "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-          "dev": true,
-          "peer": true
+          "dev": true
         },
         "yargs": {
           "version": "15.4.1",
           "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
           "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
           "dev": true,
-          "peer": true,
           "requires": {
             "cliui": "^6.0.0",
             "decamelize": "^1.2.0",
@@ -30955,7 +30859,6 @@
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
           "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
           "dev": true,
-          "peer": true,
           "requires": {
             "camelcase": "^5.0.0",
             "decamelize": "^1.2.0"
@@ -31169,7 +31072,6 @@
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
       "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "aggregate-error": "^3.0.0"
       }
@@ -31185,7 +31087,6 @@
       "resolved": "https://registry.npmjs.org/package-hash/-/package-hash-4.0.0.tgz",
       "integrity": "sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==",
       "dev": true,
-      "peer": true,
       "requires": {
         "graceful-fs": "^4.1.15",
         "hasha": "^5.0.0",
@@ -31562,6 +31463,7 @@
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.6.tgz",
       "integrity": "sha512-OovjwIzs9Te46vlEx7+uXB0PLijpwjXGKXjVGGPIGubGpq7uh5Xgf6D6FiJ/SzJMBosHDp6a2hiXOS97iBXcaA==",
       "dev": true,
+      "peer": true,
       "requires": {
         "nanoid": "^3.2.0",
         "picocolors": "^1.0.0",
@@ -31777,7 +31679,8 @@
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
       "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "prettier-plugin-organize-imports": {
       "version": "4.1.0",
@@ -31892,7 +31795,6 @@
       "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
       "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
       "dev": true,
-      "peer": true,
       "requires": {
         "fromentries": "^1.2.0"
       }
@@ -32229,7 +32131,6 @@
       "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
       "integrity": "sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==",
       "dev": true,
-      "peer": true,
       "requires": {
         "es6-error": "^4.0.1"
       }
@@ -32267,8 +32168,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "requires-port": {
       "version": "1.0.0",
@@ -32575,8 +32475,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "set-function-length": {
       "version": "1.2.2",
@@ -32947,7 +32846,6 @@
       "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
       "integrity": "sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==",
       "dev": true,
-      "peer": true,
       "requires": {
         "foreground-child": "^2.0.0",
         "is-windows": "^1.0.2",
@@ -32962,7 +32860,6 @@
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
           "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "glob": "^7.1.3"
           }
@@ -32972,7 +32869,6 @@
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
           "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
           "dev": true,
-          "peer": true,
           "requires": {
             "isexe": "^2.0.0"
           }
@@ -33264,6 +33160,7 @@
       "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.5.0.tgz",
       "integrity": "sha512-4dvQjrhAz2njLoE1OvUEZpryNWcmx2w5Lq5jlibxFv6b5W6O8/vob12M2ZzhX3Ndzs5f67F+BEYmhnQXOwfVYQ==",
       "dev": true,
+      "peer": true,
       "requires": {
         "balanced-match": "^2.0.0",
         "colord": "^2.9.2",
@@ -34077,7 +33974,6 @@
       "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
       "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
       "dev": true,
-      "peer": true,
       "requires": {
         "is-typedarray": "^1.0.0"
       }
@@ -34137,7 +34033,8 @@
       "version": "5.4.5",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
       "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "uglify-js": {
       "version": "3.13.6",
@@ -34317,8 +34214,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "v8-to-istanbul": {
       "version": "9.2.0",
@@ -34473,8 +34369,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
       "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "which-typed-array": {
       "version": "1.1.15",
@@ -34620,8 +34515,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "yocto-queue": {
       "version": "0.1.0",
diff --git a/src/livecodes/UI/templates.ts b/src/livecodes/UI/templates.ts
index 258b845e8..d9262c9bf 100644
--- a/src/livecodes/UI/templates.ts
+++ b/src/livecodes/UI/templates.ts
@@ -1,5 +1,6 @@
 import { templatesScreen } from '../html';
 import type { EventsManager, Template } from '../models';
+import { debounce } from '../utils/utils';
 
 export const createTemplatesContainer = (
   eventsManager: EventsManager,
@@ -27,6 +28,7 @@ export const createTemplatesContainer = (
       }
     });
   });
+  setupTemplatesSearch(templatesContainer);
   return templatesContainer;
 };
 
@@ -52,12 +54,37 @@ export const noUserTemplates = () => `
   <div class="description alert">${window.deps.translateString('templates.noUserTemplates.heading', 'You have no saved templates.')}</div>
   <div class="description help">
     ${window.deps.translateString(
-      'templates.noUserTemplates.desc',
-      'You can save a project as a template from <wbr />(App&nbsp;menu&nbsp;&gt;&nbsp;Save&nbsp;as&nbsp;&gt; Template).',
-      {
-        isHTML: true,
-      },
-    )}
+  'templates.noUserTemplates.desc',
+  'You can save a project as a template from <wbr />(App&nbsp;menu&nbsp;&gt;&nbsp;Save&nbsp;as&nbsp;&gt; Template).',
+  {
+    isHTML: true,
+  },
+)}
   </div>
 </div>
 `;
+
+export const setupTemplatesSearch = (container: HTMLElement) => {
+  const input = container.querySelector('#templates-search-input');
+  if (!input) return;
+
+  const filterTemplates = (query: string) => {
+    const mainItems = container.querySelectorAll('#templates-starter li');
+    const userItems = container.querySelectorAll('#templates-user li');
+    const items = Array.from(mainItems).concat(Array.from(userItems));
+    items.forEach((item) => {
+      const text = item.textContent?.toLowerCase() || '';
+      const matches = text.includes(query.toLowerCase());
+      (item as HTMLElement).style.display = matches ? '' : 'none';
+    });
+  };
+
+  const debouncedFilter = debounce((val: string) => {
+    filterTemplates(val.trim());
+  }, 150);
+
+  input.addEventListener('input', (e: Event) => {
+    const val = (e.target as HTMLInputElement).value || '';
+    debouncedFilter(val);
+  });
+};
diff --git a/src/livecodes/html/templates.html b/src/livecodes/html/templates.html
index 1e2eab56e..4a56746a2 100644
--- a/src/livecodes/html/templates.html
+++ b/src/livecodes/html/templates.html
@@ -11,6 +11,17 @@
         <a href="#" data-target="templates-user" data-i18n="templates.user.heading">My Templates</a>
       </li>
     </ul>
+    <div class="templates-search-container">
+      <label for="templates-search-input" class="visually-hidden" data-i18n="templates.search.label"
+        >Search templates</label
+      >
+      <input
+        id="templates-search-input"
+        type="search"
+        placeholder="Search templates..."
+        aria-label="Search templates by language"
+      />
+    </div>
 
     <div id="templates-starter" class="tab-content active">
       <div class="modal-screen">
diff --git a/src/livecodes/i18n/locales/en/translation.lokalise.json b/src/livecodes/i18n/locales/en/translation.lokalise.json
index 0939b9081..102ec783f 100644
--- a/src/livecodes/i18n/locales/en/translation.lokalise.json
+++ b/src/livecodes/i18n/locales/en/translation.lokalise.json
@@ -2548,6 +2548,10 @@
     "notes": "",
     "translation": "You have no saved templates."
   },
+  "templates.search.label": {
+    "notes": "",
+    "translation": "Search templates"
+  },
   "templates.starter.angular": {
     "notes": "",
     "translation": "Angular Starter"
diff --git a/src/livecodes/i18n/locales/en/translation.ts b/src/livecodes/i18n/locales/en/translation.ts
index a7fb0726d..9f5ac1e5b 100644
--- a/src/livecodes/i18n/locales/en/translation.ts
+++ b/src/livecodes/i18n/locales/en/translation.ts
@@ -982,6 +982,9 @@ const translation = {
       desc: 'You can save a project as a template from <1></1>(App&nbsp;menu&nbsp;&gt;&nbsp;Save&nbsp;as&nbsp;&gt; Template).',
       heading: 'You have no saved templates.',
     },
+    search: {
+      label: 'Search templates',
+    },
     starter: {
       angular: 'Angular Starter',
       assemblyscript: 'AssemblyScript Starter',