@interncom/diplomatic 0.0.1 → 0.0.2

package/README.md

@@ -5,7 +5,7 @@ Secure sync layer for web apps.
 ## Usage
 
 ```tsx
-import { useClient, StateManager, useStateWatcher } from '@interncom/diplomatic'
+import { StateManager, useStateWatcher, localStorageStore, DiplomaticClient } from '@interncom/diplomatic'
 
 const appState = { count: 0 };
 const stateMgr = new StateManager(async (op) => {
@@ -14,21 +14,27 @@ const stateMgr = new StateManager(async (op) => {
   }
 })
 
+const client = new DiplomaticClient({
+  seed: "0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF",
+  hostURL: "https://diplomatic-cloudflare-host.root-a00.workers.dev",
+  stateManager: stateMgr,
+  store: localStorageStore,
+});
+
 export default function App() {
-  const [client] = useClient({
-    seed: "0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF0123456789ABCDEF",
-    hostURL: "https://diplomatic-cloudflare-host.root-a00.workers.dev",
-    stateManager: stateMgr,
-  })
   const count = useStateWatcher(stateMgr, "count", () => appState.count)
   const inc = () => client.upsert("count", count + 1)
 
   return (
-    <>
+    <div style={{ width: "100vw", textAlign: "center" }}>
       <h1>COUNT</h1>
       <h2>{count}</h2>
-      <button type="button" onClick={inc}>+1</button>
-    </>
+      <button onClick={inc}>+1</button>
+    </div>
   )
 }
 ```
+
+## Development
+
+To deploy npm package: `npm publish --public`.

package/dist/index.js

@@ -8329,6 +8329,7 @@ var DiplomaticClient = class {
     };
     this.websocket.onclose = (e) => {
       console.log("DISCONNECTED");
+      this.connect(hostURL);
     };
     this.websocket.onmessage = (e) => {
       console.log(`RECEIVED: ${e.data}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interncom/diplomatic",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "description": "Secure sync layer",
   "main": "dist/index.js",