websocket-text-relay 1.1.9 → 1.1.10

package/README.md

@@ -15,18 +15,18 @@ WTR currently has plugins for Neovim and VSCode.
 ### 2. Verify the webserver is running with the status UI
 
 The websocket server hosts its own status UI on the same port as the websocket server. You can view
-the status UI and verify everything is running by first starting up your text editor and then opening your browser to [http://localhost:38378](http://localhost:38378)
+the status UI and verify everything is running by first starting up your text editor, enabling the server, and then opening your browser to [http://localhost:38378](http://localhost:38378)
 
 ### 3. Connect to the websocket server from the front end application
 
+If you want to use this as a learning tool to play around with UI concepts using simple projects involving 1 html, css, and javascript file,
+then check out [live-demo-vanillajs](https://github.com/niels4/live-demo-vanillajs). This is a great setup for following along with any short and focused web development tutorials.
+
 To use this on a professional level project that gives you the option to use modules, typescript, and react, I recommend using vite along with
 the plugin [vite-plugin-websocket-text-relay](https://github.com/niels4/vite-plugin-websocket-text-relay). This plugin gives you all the power of vite when developing while also hooking
 the live text updates into Vite's hot module reload system. See [live-demo-vite](https://github.com/niels4/live-demo-vite) for a complete project setup with Typescript, React, Vite, ViTest, and a simple router.
 
-If you want to use this as a learning tool to play around with UI concepts using simple projects involving 1 html, css, and javascript file,
-then check out [live-demo-vanillajs](https://github.com/niels4/live-demo-vanillajs). This is a great setup for following along with any short and focused web development tutorials.
-
-And finally, the status UI for this project was also created using live updates from websocket-text-relay.
+The status UI for this project was also created using live updates from websocket-text-relay.
 In addition to giving you live feedback on the status and activity of the application, it is also meant to serve as a
 reference UI project that doesn't use any external dependencies.
 

package/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.13/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

package/changelog.md

@@ -1,3 +1,9 @@
+## 1.1.10 - 2026/04/28
+
+### Bug Fixes:
+
+- Fixed a dependency resolution issue that would sometimes cause the UI to not load.
+
 ## 1.1.9 - 2026/03/22
 
 ### Dependencies Update

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "websocket-text-relay",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "An LSP server for sending live file updates from your text editor to the front end via websockets.",
   "bin": {
     "websocket-text-relay": "./start.js"
@@ -37,11 +37,11 @@
   },
   "homepage": "https://github.com/niels4/websocket-text-relay#readme",
   "dependencies": {
-    "ws": "8.18.3"
+    "ws": "8.20.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.8",
-    "@types/node": "25.5.0",
-    "typescript": "5.9.3"
+    "@biomejs/biome": "2.4.13",
+    "@types/node": "25.6.0",
+    "typescript": "6.0.3"
   }
 }

package/src/ui/js/components/headers.js

@@ -3,6 +3,8 @@ const { drawText, drawSvgElement } = __WTR__
 const parentGroup = document.getElementById("headers_group")
 parentGroup.innerHTML = ""
 
+const leftHeaderText = "editors"
+const rightHeaderText = "clients"
 const legendCircleRadius = 0.014
 
 const baseLineY = -0.73
@@ -10,7 +12,7 @@ const xOffset = 0.86
 const legendY = baseLineY + 0.05
 
 // left header
-drawText({ x: -xOffset, y: baseLineY, text: "editors", className: "header", parent: parentGroup })
+drawText({ x: -xOffset, y: baseLineY, text: leftHeaderText, className: "header", parent: parentGroup })
 
 // left legend
 let circleStart = -xOffset + 0.093
@@ -55,7 +57,7 @@ drawText({
 drawText({
   x: xOffset,
   y: baseLineY,
-  text: "clients",
+  text: rightHeaderText,
   className: ["header", "right_header"],
   parent: parentGroup,
 })

package/src/ui/js/util/constants.js

@@ -1,3 +1,4 @@
+import "../setup/evalOnChange.js"
 const { exportDeps, evalOnChange } = window.__WTR__
 
 evalOnChange(["js/components/statusRing.js", "js/components/sessionWedges.js"])

package/src/websocket-interface/websocketApi.js

@@ -95,7 +95,7 @@ function unwatchEditorActiveFiles(wtrSession) {
 }
 
 function relayText(wtrSession, data) {
-  if (!data || !data.file) {
+  if (!data?.file) {
     return
   }
   const { file, contents } = data