docs: add try it online link

README.md

@@ -3,6 +3,7 @@
 - Sync document state with Loro
 - Sync cursors with Loro's Awareness and [Cursor](https://loro.dev/docs/tutorial/cursor)
 - Undo/Redo in collaborative editing
+- [🎨 Try it online](https://6661e86e215da40180d90507-ansgznbrmy.chromatic.com)
 
 ```ts
 import {
@@ -22,9 +23,9 @@ const plugins = [
   LoroSyncPlugin({ doc }),
   LoroUndoPlugin({ doc }),
   keymap({
-    "Mod-z": state => undo(state, () => {}),
-    "Mod-y": state => redo(state, () => {}),
-    "Mod-Shift-z": state => redo(state, () => {}),
+    "Mod-z": (state) => undo(state, () => {}),
+    "Mod-y": (state) => redo(state, () => {}),
+    "Mod-Shift-z": (state) => redo(state, () => {}),
   }),
   LoroCursorPlugin(awareness, {}),
 ];
@@ -34,6 +35,3 @@ const editor = new EditorView(editorDom, {
 ```
 
 https://github.com/loro-dev/prosemirror/assets/18425020/d0f01760-b76c-43b5-b7f7-b0b224130d9d
-
-
-

examples/stories/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "loro-crdt": "^0.16.3",
-    "loro-prosemirror": "link:../..",
+    "loro-prosemirror": "0.0.3",
     "prosemirror-commands": "^1.5.2",
     "prosemirror-example-setup": "^1.2.2",
     "prosemirror-keymap": "^1.2.2",

package.json

@@ -32,6 +32,7 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@typescript-eslint/parser": "^7.4.0",
     "@vitest/coverage-v8": "^1.4.0",
+    "chromatic": "^11.5.3",
     "eslint": "^8.57.0",
     "lib0": "^0.2.93",
     "prettier": "^3.2.5",