Merge pull request #97 from powersync-ja/fix-yjs-demo

Fix regressions in Yjs demo.

Author: rkistner

demos/yjs-react-supabase-text-collab/.env.local.template

@@ -1,3 +1,3 @@
-SUPABASE_URL=
-SUPABASE_ANON_KEY=
-POWERSYNC_URL=
+VITE_SUPABASE_URL=
+VITE_SUPABASE_ANON_KEY=
+VITE_POWERSYNC_URL=

demos/yjs-react-supabase-text-collab/package.json

@@ -19,7 +19,7 @@
     "@mui/icons-material": "^5.15.12",
     "@mui/material": "^5.15.12",
     "@mui/x-data-grid": "^6.19.6",
-    "@supabase/supabase-js": "^2.39.7",
+    "@supabase/supabase-js": "^2.39.8",
     "@tiptap/extension-collaboration": "2.2.2",
     "@tiptap/extension-collaboration-cursor": "2.2.2",
     "@tiptap/extension-highlight": "2.2.2",
@@ -50,16 +50,16 @@
     "yjs": "^13.6.14"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.202",
-    "@types/node": "^20.11.25",
-    "@types/react": "^18.2.64",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.11.26",
+    "@types/react": "^18.2.65",
     "@types/react-dom": "^18.2.21",
     "@types/uuid": "9.0.8",
     "autoprefixer": "^10.4.18",
     "postcss": "^8.4.35",
     "style-loader": "^3.3.4",
     "supabase": "1.142.2",
-    "vite": "^5.1.5",
+    "vite": "^5.1.6",
     "vite-plugin-pwa": "^0.19.2",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0"

demos/yjs-react-supabase-text-collab/src/app/editor/page.tsx

@@ -12,7 +12,7 @@ import { EditorContent, useEditor } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import * as Y from 'yjs';
 import './tiptap-styles.scss';
-import { useParams } from 'react-router';
+import { useParams } from 'react-router-dom';
 
 export default function EditorPage() {
   const powerSync = usePowerSync();

demos/yjs-react-supabase-text-collab/src/app/favicon.ico

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CircularProgress, Grid, styled } from '@mui/material';
 import { useSupabase } from '@/components/providers/SystemProvider';
-import { useNavigate } from 'react-router';
+import { useNavigate } from 'react-router-dom';
 
 export default function EntryPage() {
   const navigate = useNavigate();