From 81d6b3453eae9bb1b831d72fce8ca78cb5187193 Mon Sep 17 00:00:00 2001
From: Hunter Perrin <hperrin@gmail.com>
Date: Sat, 14 Dec 2024 15:38:13 -0800
Subject: [PATCH] Update readme pages.

---
 src/routes/packages/client-node/+page.svelte    | 2 +-
 src/routes/packages/client/+page.svelte         | 4 ++--
 src/routes/packages/pubsub/+page.svelte         | 6 +++---
 src/routes/packages/sorter/+page.svelte         | 2 +-
 src/routes/packages/tilmeld-client/+page.svelte | 3 ++-
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/routes/packages/client-node/+page.svelte b/src/routes/packages/client-node/+page.svelte
index 2ae8719..79418fa 100644
--- a/src/routes/packages/client-node/+page.svelte
+++ b/src/routes/packages/client-node/+page.svelte
@@ -20,7 +20,7 @@
   <Highlight language={bash} code={`npm install --save @nymphjs/client-node`} />
 
   <p>
-    This package is the Nymph client for Node.js. You can find CJS in <code
+    This package is the Nymph client for Node.js. You can find ES modules in <code
       >dist</code
     >, or TS source in <code>src</code>. There is also a
     <strong><a href="{base}/packages/client">browser client</a></strong>.
diff --git a/src/routes/packages/client/+page.svelte b/src/routes/packages/client/+page.svelte
index ceee3d1..ba77c17 100644
--- a/src/routes/packages/client/+page.svelte
+++ b/src/routes/packages/client/+page.svelte
@@ -21,7 +21,7 @@
   <Highlight language={bash} code={`npm install --save @nymphjs/client`} />
 
   <p>
-    This package is the Nymph client for browsers. You can find UMD in <code
+    This package is the Nymph client for browsers. You can find ES modules in <code
       >dist</code
     >, or TS source in <code>src</code>. There is also a
     <strong><a href="{base}/packages/client-node">Node.js client</a></strong>.
@@ -36,7 +36,7 @@
   <Highlight
     language={typescript}
     code={`import { Nymph, PubSub } from '@nymphjs/client';
-import TodoClass from 'Todo';
+import TodoClass from './Todo.js';
 
 const nymphOptions = {
   restUrl: 'https://yournymphrestserver/path/to/your/endpoint',
diff --git a/src/routes/packages/pubsub/+page.svelte b/src/routes/packages/pubsub/+page.svelte
index 0636397..27af88a 100644
--- a/src/routes/packages/pubsub/+page.svelte
+++ b/src/routes/packages/pubsub/+page.svelte
@@ -89,8 +89,8 @@ const pubsub = createServer(8080, pubSubConfig, nymph);`}
 
   <Highlight
     language={typescript}
-    code={`import http from 'http';
-import { server as WebSocketServer } from 'websocket';
+    code={`import http from 'node:http';
+import ws from 'websocket';
 import SQLite3Driver from '@nymphjs/driver-sqlite3';
 import { Nymph } from '@nymphjs/nymph';
 import { PubSub } from '@nymphjs/pubsub';
@@ -125,7 +125,7 @@ const listener = server.listen(port, () => {
     \`Nymph-PubSub server started listening on port \${port}.\`,
   );
 });
-const wsServer = new WebSocketServer({
+const wsServer = new ws.server({
   httpServer: listener,
   // You should not use autoAcceptConnections for production
   // applications, as it defeats all standard cross-origin protection
diff --git a/src/routes/packages/sorter/+page.svelte b/src/routes/packages/sorter/+page.svelte
index d406321..13cf5e3 100644
--- a/src/routes/packages/sorter/+page.svelte
+++ b/src/routes/packages/sorter/+page.svelte
@@ -30,7 +30,7 @@
     code={`import { Nymph } from '@nymphjs/nymph';
 // or
 import { Nymph } from '@nymphjs/client';
-import PageClass from 'Page';
+import PageClass from './Page.js';
 
 import { Sorter } from '@nymphjs/sorter';
 
diff --git a/src/routes/packages/tilmeld-client/+page.svelte b/src/routes/packages/tilmeld-client/+page.svelte
index 0d23b61..e3e8efc 100644
--- a/src/routes/packages/tilmeld-client/+page.svelte
+++ b/src/routes/packages/tilmeld-client/+page.svelte
@@ -23,7 +23,8 @@
   />
 
   <p>
-    You can find UMD in <code>dist</code>, or TS source in <code>src</code>.
+    You can find ES modules in <code>dist</code>, or TS source in
+    <code>src</code>.
   </p>
 
   <header class="major">