@automerge/automerge-repo-react-hooks 0.1.4-alpha.1 → 0.2.0

package/README.md

@@ -7,7 +7,6 @@
 ```ts
 import React, { StrictMode } from "react"
 import ReactDOM from "react-dom/client"
-import localforage from "localforage"
 
 import { Repo, DocCollection } from "@automerge/automerge-repo"
 
@@ -31,24 +30,6 @@ async function getRepo(): Promise<DocCollection> {
   })
 }
 
-async function getRootDocument(repo: DocCollection, initFunction: any) {
-  let docId: string | null = window.location.hash.replace(/^#/, "")
-  if (!docId) {
-    docId = await localforage.getItem("root")
-  }
-  let rootHandle
-
-  if (!docId) {
-    rootHandle = repo.create()
-    rootHandle.change(initFunction)
-    await localforage.setItem("root", rootHandle.documentId)
-  } else {
-    rootHandle = await repo.find(docId)
-    window.location.hash = docId
-  }
-  return rootHandle
-}
-
 const initFunction = (d: RootDocument) => {
   d.items = []
 }
@@ -60,7 +41,7 @@ const params = new URLSearchParams(queryString)
 const hostname = params.get("host") || "automerge-storage-demo.glitch.me"
 
 getRepo().then(repo => {
-  getRootDocument(repo, initFunction).then(rootDoc => {
+  useBootstrap(repo, initFunction).then(rootDoc => {
     const rootElem = document.getElementById("root")
     if (!rootElem) {
       throw new Error("The 'root' element wasn't found in the host HTML doc.")

package/dist/useDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDocument.d.ts","sourceRoot":"","sources":["../src/useDocument.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAyB,MAAM,2BAA2B,CAAA;AAI7E,wBAAgB,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,UAAU,uBAyBL,SAAS,CAAC,CAAC,KAAK,IAAI,EACpE"}
+{"version":3,"file":"useDocument.d.ts","sourceRoot":"","sources":["../src/useDocument.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,UAAU,EAAyB,MAAM,2BAA2B,CAAA;AAI7E,wBAAgB,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,UAAU,uBAyBL,SAAS,CAAC,CAAC,KAAK,IAAI,EACpE"}

package/dist/useDocument.js

@@ -15,10 +15,10 @@ export function useDocument(documentId) {
         };
         return cleanup;
     }, [handle]);
-    const changeDoc = (changeFn) => {
+    const changeDoc = (changeFn, options) => {
         if (!handle)
             return;
-        handle.change(changeFn);
+        handle.change(changeFn, options);
     };
     return [doc, changeDoc];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automerge/automerge-repo-react-hooks",
-  "version": "0.1.4-alpha.1",
+  "version": "0.2.0",
   "description": "Hooks to access an Automerge Repo from your react app.",
   "repository": "https://github.com/automerge/automerge-repo",
   "author": "Peter van Hardenberg <pvh@pvh.ca>",
@@ -13,7 +13,7 @@
     "watch": "npm-watch"
   },
   "dependencies": {
-    "@automerge/automerge-repo": "^0.1.4-alpha.1"
+    "@automerge/automerge-repo": "^0.2.0"
   },
   "watch": {
     "build": {
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "10312fcdf52f56a4834236a45f7814886cd3cc56"
+  "gitHead": "b17ea68dce605c06e57e4fcd6e6295ef968a8b6d"
 }

package/src/useDocument.ts

@@ -1,4 +1,4 @@
-import { Doc, ChangeFn } from "@automerge/automerge"
+import { Doc, ChangeFn, ChangeOptions } from "@automerge/automerge"
 import { DocumentId, DocHandlePatchPayload } from "@automerge/automerge-repo"
 import { useEffect, useState } from "react"
 import { useRepo } from "./useRepo"
@@ -23,9 +23,9 @@ export function useDocument<T>(documentId?: DocumentId) {
     return cleanup
   }, [handle])
 
-  const changeDoc = (changeFn: ChangeFn<T>) => {
+  const changeDoc = (changeFn: ChangeFn<T>, options?: ChangeOptions<T> | undefined) => {
     if (!handle) return
-    handle.change(changeFn)
+    handle.change(changeFn, options)
   }
 
   return [doc, changeDoc] as [Doc<T>, (changeFn: ChangeFn<T>) => void]