Update xote from 6.2 to 7.1 in templates (#130)

* Remove package-lock files from xote templates

* Update xote from 6.2 to 7.1 in templates

Author: brnrdog

templates/rescript-template-xote-ssr/package-lock.json

@@ -14,8 +14,7 @@
     "build:ssr": "vite build --ssr src/Server.res.mjs --outDir dist/server"
   },
   "dependencies": {
-    "rescript-signals": "^3.1.0",
-    "xote": "^6.2.0"
+    "xote": "^7.1.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.0",

templates/rescript-template-xote-ssr/package.json

@@ -16,5 +16,6 @@
     "version": 4,
     "module": "XoteJSX"
   },
+  "ppx-flags": ["xote/ppx/ppx"],
   "compiler-flags": ["-open Xote"]
 }

templates/rescript-template-xote-ssr/rescript.json

@@ -1,4 +1,4 @@
-@jsx.component
+@xote.component
 let make = () => {
   let count = SSRState.signal("count", 0, SSRState.Codec.int)
 
@@ -9,15 +9,15 @@ let make = () => {
     <button
       class="px-3 py-1 rounded bg-slate-900 text-white hover:bg-slate-700" onClick={decrement}
     >
-      {View.text("-")}
+      {"-"}
     </button>
     <span class="font-mono text-xl tabular-nums">
-      {View.signalText(() => Signal.get(count)->Int.toString)}
+      {Signal.get(count)}
     </span>
     <button
       class="px-3 py-1 rounded bg-slate-900 text-white hover:bg-slate-700" onClick={increment}
     >
-      {View.text("+")}
+      {"+"}
     </button>
   </div>
 }

templates/rescript-template-xote-ssr/src/Counter.res

@@ -1,40 +1,38 @@
-@jsx.component
+@xote.component
 let make = () => {
   <main class="min-h-screen bg-slate-50 text-slate-900 flex items-center justify-center p-6">
     <div
       class="max-w-2xl w-full bg-white rounded-2xl shadow-sm border border-slate-200 p-8 space-y-8"
     >
       <header class="space-y-2">
         <p class="text-xs uppercase tracking-widest text-slate-500">
-          {View.text("xote · ssr template")}
+          {"xote · ssr template"}
         </p>
-        <h1 class="text-3xl font-semibold"> {View.text("Welcome to xote")} </h1>
+        <h1 class="text-3xl font-semibold"> {"Welcome to xote"} </h1>
         <p class="text-slate-600">
-          {View.text(
-            "A clean slate for building reactive UIs in ReScript, rendered on the server and hydrated on the client.",
-          )}
+          {"A clean slate for building reactive UIs in ReScript, rendered on the server and hydrated on the client."}
         </p>
       </header>
       <section class="space-y-2">
-        <h2 class="text-sm font-medium text-slate-700"> {View.text("Tech stack")} </h2>
+        <h2 class="text-sm font-medium text-slate-700"> {"Tech stack"} </h2>
         <ul class="text-sm text-slate-600 space-y-1 list-disc pl-5">
-          <li> {View.text("ReScript v12 — typed language compiling to clean JavaScript")} </li>
-          <li> {View.text("xote — fine-grained reactivity with SSR + hydration")} </li>
-          <li> {View.text("Vite 7 — dev server (middleware mode) and bundler")} </li>
-          <li> {View.text("Tailwind CSS v4 — utility-first, CSS-first config")} </li>
+          <li> {"ReScript v12 — typed language compiling to clean JavaScript"} </li>
+          <li> {"xote — fine-grained reactivity with SSR + hydration"} </li>
+          <li> {"Vite 7 — dev server (middleware mode) and bundler"} </li>
+          <li> {"Tailwind CSS v4 — utility-first, CSS-first config"} </li>
         </ul>
       </section>
       <section class="space-y-2">
-        <h2 class="text-sm font-medium text-slate-700"> {View.text("Reactive counter demo")} </h2>
+        <h2 class="text-sm font-medium text-slate-700"> {"Reactive counter demo"} </h2>
         <div class="border border-slate-200 rounded-lg">
           <Counter />
         </div>
         <p class="text-xs text-slate-500">
-          {View.text("State is rendered on the server and survives hydration via SSRState.")}
+          {"State is rendered on the server and survives hydration via SSRState."}
         </p>
       </section>
       <footer class="text-xs text-slate-500">
-        {View.text("Edit src/Page.res and src/Counter.res to start building.")}
+        {"Edit src/Page.res and src/Counter.res to start building."}
       </footer>
     </div>
   </main>