Spruce codemirror example

rocicorp · Dec 6, 2023 · 78e4ae0 · 78e4ae0
1 parent 3a524ac
commit 78e4ae0
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 21 deletions.
diff --git a/examples/codemirror/index.html b/examples/codemirror/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Reflect + YJS Example</title>
+    <title>Reflect + YJS + CodeMirror Example</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/examples/codemirror/package.json b/examples/codemirror/package.json
@@ -13,26 +13,23 @@
     "preview": "vite preview",
     "watch": "concurrently --kill-others 'npx reflect dev --silence-startup-message' 'VITE_REFLECT_URL=http://127.0.0.1:8080/ npm run dev'"
   },
-  "dependencies": {
-    "@codemirror/lang-javascript": "^6.2.1",
-    "@rocicorp/reflect-yjs": "0.0.1",
-    "react-codemirror2": "^7.3.0",
-    "y-codemirror": "^3.0.1",
-    "@rocicorp/reflect": "^0.38.202311200859"
-  },
   "devDependencies": {
+    "@codemirror/lang-javascript": "^6.2.1",
     "@rocicorp/eslint-config": "^0.5.1",
     "@rocicorp/prettier-config": "^0.2.0",
+    "@rocicorp/reflect-yjs": "0.0.1",
     "@rocicorp/reflect": "^0.38.202311200859",
-    "@types/react": "^18.2.38",
     "@types/react-dom": "^18.2.17",
+    "@types/react": "^18.2.38",
     "@vitejs/plugin-react": "^4.2.0",
     "concurrently": "^8.2.2",
     "nanoid": "^5.0.3",
-    "react": "^18.2.0",
+    "react-codemirror2": "^7.3.0",
     "react-dom": "^18.2.0",
+    "react": "^18.2.0",
     "typescript": "^5.3.2",
-    "vite": "^5.0.2"
+    "vite": "^5.0.2",
+    "y-codemirror": "^3.0.1"
   },
   "eslintConfig": {
     "extends": "@rocicorp/eslint-config"

diff --git a/examples/codemirror/src/index.tsx b/examples/codemirror/src/index.tsx
@@ -10,8 +10,8 @@ import './index.css';
 import styles from './index.module.css';
 import {
   Provider,
+  mutators,
   mutators as yjsMutators,
-  Mutators,
 } from '@rocicorp/reflect-yjs';
 import {UserInfo, randUserInfo} from './user-info.js';
 
@@ -32,7 +32,7 @@ const reflect = new Reflect({
 });
 
 type ReflectCodeMirrorProps = {
-  reflect: Reflect<Mutators>;
+  reflect: Reflect<typeof mutators>;
   name: string;
   userInfo: UserInfo;
 };

diff --git a/package-lock.json b/package-lock.json