@automerge/automerge-repo-svelte-store 2.0.0-alpha.20 → 2.0.0-alpha.22

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@automerge/automerge-repo-svelte-store",
-  "version": "2.0.0-alpha.20",
-  "description": "A Svelte store containing your automerge documentsj",
+  "version": "2.0.0-alpha.22",
+  "description": "A Svelte store containing your automerge documents",
   "repository": "https://github.com/automerge/automerge-repo/tree/master/packages/automerge-repo-svelte-store",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
   "scripts": {
-    "build": "tsc",
+    "build": "",
     "watch": "npm-watch build"
   },
   "peerDependencies": {
@@ -15,7 +15,7 @@
     "svelte": "^3.0.0 || ^4.0.0"
   },
   "dependencies": {
-    "@automerge/automerge-repo": "2.0.0-alpha.20"
+    "@automerge/automerge-repo": "2.0.0-alpha.22"
   },
   "watch": {
     "build": {
@@ -28,5 +28,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d53bc37be0fd923ff40f3cf7e2bd06a0496ddb73"
+  "gitHead": "b30af9827bed4615ba3c5e9ee93ca483915e4016"
 }

package/src/index.ts

@@ -87,7 +87,7 @@ export function setContextRepo(repo: Repo) {
 export function document<T>(documentId: AutomergeUrl, repo?: Repo) {
   repo = repo ?? getContextRepo()
   const handle = repo.find<T>(documentId)
-  const { set, subscribe } = writable<Doc<T>>(handle.docSync(), () => {
+  const { set, subscribe } = writable<Doc<T>>(handle.doc(), () => {
     const onChange = (h: DocHandleChangePayload<T>) => set(h.doc)
     handle.addListener("change", onChange)
     return () => handle.removeListener("change", onChange)

package/dist/index.d.ts

@@ -1,74 +0,0 @@
-/**
- * # Svelte store for Automerge Repo
- *
- * ## Example Usage
- *
- * For a working example, see the [Svelte counter demo](../automerge-repo-demo-counter-svelte/).
- *
- * @example
- *
- * ```svelte
- * // App.svelte
- * <script lang="ts">
- *   import { Repo } from "@automerge/automerge-repo"
- *   import Counter from './lib/Counter.svelte'
- *   import { setContextRepo } from "@automerge/automerge-repo-svelte-store"
- *
- *   const repo = new Repo({storage: new SomeStorage() })
- *
- *   // Make the `Repo` available to child components (via Svelte's `setContext`).
- *   setContextRepo(repo)
- *
- *   const docId = repo.create()
- * </script>
- *
- * <main>
- *   <div class="card">
- *     <Counter {docId}/>
- *   </div>
- * </main>
- * ```
- *
- *
- * ```svelte
- * // Counter.svelte`
- * <script lang="ts">
- *   import type { DocumentId } from "@automerge/automerge-repo"
- *   import { document } from "@automerge/automerge-repo-svelte-store"
- *
- *   export let docId: DocumentId
- *
- *   // `document` calls `getContextRepo` internally to access the closest `Repo`.
- *   // alternatively, you may pass in a specific repo as the second parameter
- *   const doc = document<{count?: number}>(docId)
- *   const increment = () => {
- *     doc.change((d) => d.count = (d.count || 0) + 1)
- *   }
- * </script>
- *
- * <button on:click={increment}>
- *   count is {$doc?.count || 0}
- * </button>
- * ```
- *
- * ## Contributors
- * Originally written by Dylan MacKenzie ([@ecstatic-morse](https://github.com/ecstatic-morse)).
- *  * @packageDocumentation
- **/
-import type { ChangeFn, Doc } from "@automerge/automerge/slim/next";
-import { AutomergeUrl, Repo } from "@automerge/automerge-repo/slim";
-export declare function getContextRepo(): Repo;
-export declare function setContextRepo(repo: Repo): void;
-/**
- *  A Svelte store for an Automerge document.
- *
- *  @param {AutomergeUrl} documentId - The Automerge document ID
- *  @param {Repo=} repo - (Optional) The Automerge repo to use. If not provided, the repo will be retrieved from context.
- *
- *  @returns A Svelte store for the Automerge document.
- */
-export declare function document<T>(documentId: AutomergeUrl, repo?: Repo): {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Doc<T>>, invalidate?: import("svelte/store").Invalidator<Doc<T>> | undefined) => import("svelte/store").Unsubscriber;
-    change: (fn: ChangeFn<T>) => void;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwDI;AAEJ,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EACL,YAAY,EAEZ,IAAI,EACL,MAAM,gCAAgC,CAAA;AAMvC,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,QAExC;AAED;;;;;;;GAOG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,IAAI;;iBAWhD,QAAQ,CAAC,CAAC,CAAC;EAI3B"}

package/dist/index.js

@@ -1,89 +0,0 @@
-/**
- * # Svelte store for Automerge Repo
- *
- * ## Example Usage
- *
- * For a working example, see the [Svelte counter demo](../automerge-repo-demo-counter-svelte/).
- *
- * @example
- *
- * ```svelte
- * // App.svelte
- * <script lang="ts">
- *   import { Repo } from "@automerge/automerge-repo"
- *   import Counter from './lib/Counter.svelte'
- *   import { setContextRepo } from "@automerge/automerge-repo-svelte-store"
- *
- *   const repo = new Repo({storage: new SomeStorage() })
- *
- *   // Make the `Repo` available to child components (via Svelte's `setContext`).
- *   setContextRepo(repo)
- *
- *   const docId = repo.create()
- * </script>
- *
- * <main>
- *   <div class="card">
- *     <Counter {docId}/>
- *   </div>
- * </main>
- * ```
- *
- *
- * ```svelte
- * // Counter.svelte`
- * <script lang="ts">
- *   import type { DocumentId } from "@automerge/automerge-repo"
- *   import { document } from "@automerge/automerge-repo-svelte-store"
- *
- *   export let docId: DocumentId
- *
- *   // `document` calls `getContextRepo` internally to access the closest `Repo`.
- *   // alternatively, you may pass in a specific repo as the second parameter
- *   const doc = document<{count?: number}>(docId)
- *   const increment = () => {
- *     doc.change((d) => d.count = (d.count || 0) + 1)
- *   }
- * </script>
- *
- * <button on:click={increment}>
- *   count is {$doc?.count || 0}
- * </button>
- * ```
- *
- * ## Contributors
- * Originally written by Dylan MacKenzie ([@ecstatic-morse](https://github.com/ecstatic-morse)).
- *  * @packageDocumentation
- **/
-import { getContext, setContext } from "svelte";
-import { writable } from "svelte/store";
-const ContextRepoKey = Symbol("svelte-context-automerge-repo");
-export function getContextRepo() {
-    return getContext(ContextRepoKey);
-}
-export function setContextRepo(repo) {
-    setContext(ContextRepoKey, repo);
-}
-/**
- *  A Svelte store for an Automerge document.
- *
- *  @param {AutomergeUrl} documentId - The Automerge document ID
- *  @param {Repo=} repo - (Optional) The Automerge repo to use. If not provided, the repo will be retrieved from context.
- *
- *  @returns A Svelte store for the Automerge document.
- */
-export function document(documentId, repo) {
-    repo = repo ?? getContextRepo();
-    const handle = repo.find(documentId);
-    const { set, subscribe } = writable(handle.docSync(), () => {
-        const onChange = (h) => set(h.doc);
-        handle.addListener("change", onChange);
-        return () => handle.removeListener("change", onChange);
-    });
-    return {
-        subscribe,
-        change: (fn) => {
-            handle.change(fn);
-        },
-    };
-}