Skip to content

Upgrade Xote to 7.1.0 in the development playground #8595

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
cknitt merged 1 commit into from
Aug 29, 2026
Merged

Upgrade Xote to 7.1.0 in the development playground #8595

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/dev-playground/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
}
}
64 changes: 32 additions & 32 deletions packages/dev-playground/src/Main.res
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
}
}
Expand All @@ -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")
Expand Down Expand Up @@ -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"
Expand All @@ -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"
Expand All @@ -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)}
Expand All @@ -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}
Expand All @@ -291,7 +291,7 @@ module SettingsPanel = {
compileNow()
}}
>
{Node.text("Reset")}
{View.text("Reset")}
</button>
</section>
<section class="settings-section setting-row">
Expand All @@ -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
Expand All @@ -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"
Expand All @@ -349,7 +349,7 @@ module StatusBadge = {
| Ready => "status"
}}
>
{Node.signalText(() =>
{View.signalText(() =>
switch Signal.get(status) {
| Failed(message) => message
| other => statusLabel(other)
Expand All @@ -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)
Expand Down Expand Up @@ -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"
Expand All @@ -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>
Expand All @@ -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))
Expand All @@ -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)} />
),
Expand All @@ -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>
Expand All @@ -707,7 +707,7 @@ module App = {
| None => "toast"
}}
>
{Node.signalText(() =>
{View.signalText(() =>
switch Signal.get(shareToast) {
| Some(message) => message
| None => ""
Expand All @@ -718,4 +718,4 @@ module App = {
}
}

Node.mountById(<App />, "app")
View.mountById(<App />, "app")
2 changes: 1 addition & 1 deletion packages/dev-playground/src/SourceHighlight.res
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
)
2 changes: 1 addition & 1 deletion packages/dev-playground/src/SourceHighlight.resi
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
let render: string => array<Node.node>
let render: string => array<View.node>
10 changes: 5 additions & 5 deletions yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down Expand Up @@ -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

Expand Down
Loading