From f64a53f0459007419916919d3ab67a2decdc0c02 Mon Sep 17 00:00:00 2001
From: Christoph Knittel <ck@cca.io>
Date: Sat, 29 Aug 2026 07:14:50 +0200
Subject: [PATCH] Upgrade Xote to 7.1.0

Signed-off-by: Christoph Knittel <ck@cca.io>
---
 packages/dev-playground/package.json          |  2 +-
 packages/dev-playground/src/Main.res          | 64 +++++++++----------
 .../dev-playground/src/SourceHighlight.res    |  2 +-
 .../dev-playground/src/SourceHighlight.resi   |  2 +-
 yarn.lock                                     | 10 +--
 5 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/packages/dev-playground/package.json b/packages/dev-playground/package.json
index 4c86f136c7f..2c0cd72a293 100644
--- a/packages/dev-playground/package.json
+++ b/packages/dev-playground/package.json
@@ -17,6 +17,6 @@
     "@rescript/runtime": "12.3.0",
     "rescript": "12.3.0",
     "vite": "^8.0.14",
-    "xote": "6.4.0"
+    "xote": "7.1.0"
   }
 }
diff --git a/packages/dev-playground/src/Main.res b/packages/dev-playground/src/Main.res
index 91ffae6b5bd..53e3c8597a3 100644
--- a/packages/dev-playground/src/Main.res
+++ b/packages/dev-playground/src/Main.res
@@ -175,7 +175,7 @@ module TabButton = {
       class={() => Signal.get(activeTab) === tab ? "tab-button tab-button-active" : "tab-button"}
       onClick={_ => onSelect(tab)}
     >
-      {Node.text(tabLabel(tab))}
+      {View.text(tabLabel(tab))}
     </button>
   }
 }
@@ -184,9 +184,9 @@ module Problems = {
   @jsx.component
   let make = (~compileResult: Signal.t<option<CompilerApi.compileResult>>) => {
     <div class="problems">
-      <div class="problems-title"> {Node.text("Problems")} </div>
+      <div class="problems-title"> {View.text("Problems")} </div>
       <pre class="problems-output">
-        {Node.signalText(() =>
+        {View.signalText(() =>
           switch Signal.get(compileResult) {
           | Some(Ok({warnings})) if warnings->Array.length > 0 => warnings->Array.join("\n")
           | Some(Error({warnings})) if warnings->Array.length > 0 => warnings->Array.join("\n")
@@ -219,7 +219,7 @@ module SettingsPanel = {
     >
       <section class="settings-section">
         <label class="setting-label" for_="compiler-version">
-          {Node.text("Compiler Version")}
+          {View.text("Compiler Version")}
         </label>
         <select
           id="compiler-version"
@@ -230,17 +230,17 @@ module SettingsPanel = {
             switchCompiler(nextVersion)
           }}
         >
-          {Node.fragment(
+          {View.fragment(
             CompilerApi.selectableCompilerVersions(
               Signal.get(config).compilerVersion,
-            )->Array.map(version => <option value=version.id> {Node.text(version.label)} </option>),
+            )->Array.map(version => <option value=version.id> {View.text(version.label)} </option>),
           )}
         </select>
       </section>
       <section class="settings-section">
-        <label class="setting-label"> {Node.text("Loaded Compiler")} </label>
+        <label class="setting-label"> {View.text("Loaded Compiler")} </label>
         <div class="setting-value">
-          {Node.signalText(() =>
+          {View.signalText(() =>
             switch Signal.get(compilerInfo) {
             | Some(info) => `${info.version} / API ${info.apiVersion} / ${info.bundleId}`
             | None => "loading"
@@ -249,7 +249,7 @@ module SettingsPanel = {
         </div>
       </section>
       <section class="settings-section">
-        <label class="setting-label" for_="module-system"> {Node.text("Module System")} </label>
+        <label class="setting-label" for_="module-system"> {View.text("Module System")} </label>
         <select
           id="module-system"
           value={() => (Signal.get(config).moduleSystem :> string)}
@@ -263,16 +263,16 @@ module SettingsPanel = {
             }
           }}
         >
-          {Node.fragment(
+          {View.fragment(
             moduleSystems->Array.map(moduleSystem => {
               let value = (moduleSystem :> string)
-              <option value> {Node.text(value)} </option>
+              <option value> {View.text(value)} </option>
             }),
           )}
         </select>
       </section>
       <section class="settings-section">
-        <label class="setting-label" for_="warning-flags"> {Node.text("Warning Flags")} </label>
+        <label class="setting-label" for_="warning-flags"> {View.text("Warning Flags")} </label>
         <input
           id="warning-flags"
           value={() => Signal.get(config).warnFlags}
@@ -291,7 +291,7 @@ module SettingsPanel = {
             compileNow()
           }}
         >
-          {Node.text("Reset")}
+          {View.text("Reset")}
         </button>
       </section>
       <section class="settings-section setting-row">
@@ -305,7 +305,7 @@ module SettingsPanel = {
             compileNow()
           }}
         />
-        <label for_="jsx-preserve"> {Node.text("Preserve JSX output")} </label>
+        <label for_="jsx-preserve"> {View.text("Preserve JSX output")} </label>
       </section>
       <section class="settings-section setting-row">
         <input
@@ -321,12 +321,12 @@ module SettingsPanel = {
             compileNow()
           }}
         />
-        <label for_="feature-let-unwrap"> {Node.text("Experimental: let?")} </label>
+        <label for_="feature-let-unwrap"> {View.text("Experimental: let?")} </label>
       </section>
       <section class="settings-section">
-        <label class="setting-label"> {Node.text("Loaded Libraries")} </label>
+        <label class="setting-label"> {View.text("Loaded Libraries")} </label>
         <div class="setting-value">
-          {Node.signalText(() =>
+          {View.signalText(() =>
             switch Signal.get(compilerInfo) {
             | Some(info) => info.libraries->Array.join(", ")
             | None => "loading"
@@ -349,7 +349,7 @@ module StatusBadge = {
         | Ready => "status"
         }}
     >
-      {Node.signalText(() =>
+      {View.signalText(() =>
         switch Signal.get(status) {
         | Failed(message) => message
         | other => statusLabel(other)
@@ -371,7 +371,7 @@ module App = {
     let activeLine = Signal.make(1)
     let editorScrollTop = Signal.make(0)
     let editorScrollLeft = Signal.make(0)
-    let highlightedSource: Signal.t<array<Node.node>> = Obj.magic(
+    let highlightedSource: Signal.t<array<View.node>> = Obj.magic(
       Computed.make(() => SourceHighlight.render(Signal.get(source))),
     )
     let timerId: ref<option<int>> = ref(None)
@@ -596,17 +596,17 @@ module App = {
     <main class="app-shell">
       <header class="topbar">
         <div>
-          <h1> {Node.text("ReScript Developer Playground")} </h1>
+          <h1> {View.text("ReScript Developer Playground")} </h1>
         </div>
         <StatusBadge status />
       </header>
       <section class="workspace">
         <div class="source-column">
           <div class="column-header">
-            <h2> {Node.text("Source")} </h2>
+            <h2> {View.text("Source")} </h2>
             <div class="actions">
               <button class="secondary-action" onClick={_ => formatSource()}>
-                {Node.text("Format")}
+                {View.text("Format")}
               </button>
               <button
                 class="secondary-action"
@@ -619,10 +619,10 @@ module App = {
                   scheduleCompile()
                 }}
               >
-                {Node.text("Reset")}
+                {View.text("Reset")}
               </button>
               <button class="secondary-action" onClick={_ => shareCurrentUrl()}>
-                {Node.text("Share")}
+                {View.text("Share")}
               </button>
             </div>
           </div>
@@ -638,16 +638,16 @@ module App = {
             <div class="active-line" ariaHidden=true />
             <div class="line-number-gutter" ariaHidden=true>
               <pre class="line-numbers">
-                {Node.signalText(() => lineNumbersText(Signal.get(source)))}
+                {View.signalText(() => lineNumbersText(Signal.get(source)))}
               </pre>
             </div>
             <pre class="syntax-layer" ariaHidden=true>
-              {Node.signalFragment(highlightedSource)}
+              {View.signalFragment(highlightedSource)}
             </pre>
             <textarea
               id="source-editor"
               class="editor"
-              value={ReactiveProp.reactive(source)}
+              value={MaybeSignal.reactive(source)}
               spellcheck=false
               onInput={event => {
                 Signal.set(source, Event.value(event))
@@ -673,7 +673,7 @@ module App = {
         </div>
         <div class="result-column">
           <div class="tabs">
-            {Node.fragment(
+            {View.fragment(
               tabs->Array.map(tab =>
                 <TabButton tab activeTab onSelect={tab => Signal.set(activeTab, tab)} />
               ),
@@ -684,11 +684,11 @@ module App = {
               Signal.get(activeTab) === Settings ? "output-panel hidden-panel" : "output-panel"}
           >
             <div class="result-meta">
-              {Node.signalText(() => resultSummary(Signal.get(compileResult)))}
+              {View.signalText(() => resultSummary(Signal.get(compileResult)))}
             </div>
             <div class="output-shell">
               <pre class="output">
-                {Node.signalText(() =>
+                {View.signalText(() =>
                   selectedOutput(Signal.get(compileResult), Signal.get(activeTab))
                 )}
               </pre>
@@ -707,7 +707,7 @@ module App = {
           | None => "toast"
           }}
       >
-        {Node.signalText(() =>
+        {View.signalText(() =>
           switch Signal.get(shareToast) {
           | Some(message) => message
           | None => ""
@@ -718,4 +718,4 @@ module App = {
   }
 }
 
-Node.mountById(<App />, "app")
+View.mountById(<App />, "app")
diff --git a/packages/dev-playground/src/SourceHighlight.res b/packages/dev-playground/src/SourceHighlight.res
index 649f95db3e9..39f38870ccc 100644
--- a/packages/dev-playground/src/SourceHighlight.res
+++ b/packages/dev-playground/src/SourceHighlight.res
@@ -227,5 +227,5 @@ let tokenClass = kind =>
 
 let render = source =>
   tokenize(source)->Array.map(token =>
-    <span class={tokenClass(token.kind)}> {Node.text(token.text)} </span>
+    <span class={tokenClass(token.kind)}> {View.text(token.text)} </span>
   )
diff --git a/packages/dev-playground/src/SourceHighlight.resi b/packages/dev-playground/src/SourceHighlight.resi
index 2287df70023..e189e8c982e 100644
--- a/packages/dev-playground/src/SourceHighlight.resi
+++ b/packages/dev-playground/src/SourceHighlight.resi
@@ -1 +1 @@
-let render: string => array<Node.node>
+let render: string => array<View.node>
diff --git a/yarn.lock b/yarn.lock
index e8f0072c125..f0777c68a95 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1423,7 +1423,7 @@ __metadata:
     "@rescript/runtime": "npm:12.3.0"
     rescript: "npm:12.3.0"
     vite: "npm:^8.0.14"
-    xote: "npm:6.4.0"
+    xote: "npm:7.1.0"
   languageName: unknown
   linkType: soft
 
@@ -3559,12 +3559,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xote@npm:6.4.0":
-  version: 6.4.0
-  resolution: "xote@npm:6.4.0"
+"xote@npm:7.1.0":
+  version: 7.1.0
+  resolution: "xote@npm:7.1.0"
   dependencies:
     rescript-signals: "npm:^3.1.0"
-  checksum: 10c0/80a580e283b9894223d719c9ab2eae97402097d8b5b49b5a2540de5f0f4d40f990e4c858aa387e9b5fc208bcd00b2b5d363511e582d64e09c47404ae521dad5f
+  checksum: 10c0/cf3e95269c5132aa9f03ef8d77365e583ae482ff90e1251c8c20063ee7ec8995e85b6869751db3c3a5df98e8fef60b15537a88f1e0a168ca0e24bed608e84c40
   languageName: node
   linkType: hard