npm - @fireproof/core - Versions diffs - 0.18.0 → 0.19.0-dev-use-fix - Mend

@fireproof/core 0.18.0 → 0.19.0-dev-use-fix

Files changed (85) hide show

package/README.md +29 -15
package/chunk-AZVWSRER.js +208 -0
package/chunk-AZVWSRER.js.map +1 -0
package/chunk-H3A2HMMM.js +164 -0
package/chunk-H3A2HMMM.js.map +1 -0
package/chunk-NZNG6TQT.js +370 -0
package/chunk-NZNG6TQT.js.map +1 -0
package/chunk-VZGT7ZYP.js +22 -0
package/chunk-VZGT7ZYP.js.map +1 -0
package/chunk-ZHO4NMWL.js +39 -0
package/chunk-ZHO4NMWL.js.map +1 -0
package/index.cjs +4706 -0
package/index.cjs.map +1 -0
package/index.d.cts +1012 -0
package/index.d.ts +1012 -0
package/index.js +2856 -0
package/index.js.map +1 -0
package/metafile-cjs.json +1 -0
package/metafile-esm.json +1 -0
package/node-sys-container-E7LADX2Z.js +29 -0
package/node-sys-container-E7LADX2Z.js.map +1 -0
package/package.json +23 -109
package/sqlite-data-store-3ST7XOLX.js +120 -0
package/sqlite-data-store-3ST7XOLX.js.map +1 -0
package/sqlite-meta-store-QOIMCSJ7.js +137 -0
package/sqlite-meta-store-QOIMCSJ7.js.map +1 -0
package/sqlite-wal-store-JFBQPOYT.js +123 -0
package/sqlite-wal-store-JFBQPOYT.js.map +1 -0
package/store-file-CSS5THFH.js +193 -0
package/store-file-CSS5THFH.js.map +1 -0
package/store-indexdb-DR4HELVP.js +20 -0
package/store-indexdb-DR4HELVP.js.map +1 -0
package/store-sql-BG6SMGQJ.js +344 -0
package/store-sql-BG6SMGQJ.js.map +1 -0
package/tests/blockstore/loader.test.ts +265 -0
package/tests/blockstore/store.test.ts +164 -0
package/tests/blockstore/transaction.test.ts +121 -0
package/tests/fireproof/config.test.ts +212 -0
package/tests/fireproof/crdt.test.ts +434 -0
package/tests/fireproof/database.test.ts +466 -0
package/tests/fireproof/fireproof.test.ts +602 -0
package/tests/fireproof/hello.test.ts +54 -0
package/tests/fireproof/indexer.test.ts +389 -0
package/tests/helpers.ts +81 -0
package/tests/react/useFireproof.test.tsx +19 -0
package/tests/www/gallery.html +132 -0
package/tests/www/iife.html +42 -0
package/tests/www/todo-aws.html +232 -0
package/tests/www/todo-ipfs.html +213 -0
package/tests/www/todo-local.html +214 -0
package/tests/www/todo-netlify.html +227 -0
package/tests/www/todo.html +236 -0
package/dist/browser/fireproof.cjs +0 -1172
package/dist/browser/fireproof.cjs.map +0 -1
package/dist/browser/fireproof.d.cts +0 -268
package/dist/browser/fireproof.d.ts +0 -268
package/dist/browser/fireproof.global.js +0 -24178
package/dist/browser/fireproof.global.js.map +0 -1
package/dist/browser/fireproof.js +0 -1147
package/dist/browser/fireproof.js.map +0 -1
package/dist/browser/metafile-cjs.json +0 -1
package/dist/browser/metafile-esm.json +0 -1
package/dist/browser/metafile-iife.json +0 -1
package/dist/memory/fireproof.cjs +0 -1172
package/dist/memory/fireproof.cjs.map +0 -1
package/dist/memory/fireproof.d.cts +0 -268
package/dist/memory/fireproof.d.ts +0 -268
package/dist/memory/fireproof.global.js +0 -24178
package/dist/memory/fireproof.global.js.map +0 -1
package/dist/memory/fireproof.js +0 -1147
package/dist/memory/fireproof.js.map +0 -1
package/dist/memory/metafile-cjs.json +0 -1
package/dist/memory/metafile-esm.json +0 -1
package/dist/memory/metafile-iife.json +0 -1
package/dist/node/fireproof.cjs +0 -1172
package/dist/node/fireproof.cjs.map +0 -1
package/dist/node/fireproof.d.cts +0 -268
package/dist/node/fireproof.d.ts +0 -268
package/dist/node/fireproof.global.js +0 -38540
package/dist/node/fireproof.global.js.map +0 -1
package/dist/node/fireproof.js +0 -1138
package/dist/node/fireproof.js.map +0 -1
package/dist/node/metafile-cjs.json +0 -1
package/dist/node/metafile-esm.json +0 -1
package/dist/node/metafile-iife.json +0 -1

package/tests/www/todo-aws.html ADDED Viewed

@@ -0,0 +1,232 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fireproof Test</title>
+    <script src="./fireproof.iife.js"></script>
+    <script src="./connect.iife.js"></script>
+    <script type="text/javascript">
+      function todoApp() {
+        const actorTag = Math.random().toString(36).substring(2, 7);
+        const { fireproof, index } = Fireproof;
+        const { connect } = FireproofConnect;
+        // console.log('connect', connect)
+        let dbName;
+        let db;
+        let cx;
+        let dbUnsubscribe = false;
+        function setupDb(name, newDb, newConn) {
+          const input = document.querySelector("#todo");
+          input.disabled = true;
+          if (dbUnsubscribe) {
+            dbUnsubscribe();
+          }
+          if (newDb) {
+            // console.log('new db', newDb, newConn)
+            name = newDb.name;
+            dbName = newDb.name;
+            db = newDb;
+            cx = newConn;
+            const input = document.querySelector("#list");
+            input.value = dbName;
+          } else {
+            dbName = name;
+            db = fireproof(name, { autoCompact: 100 });
+            cx = connect.awsFree(db);
+            cx.ready.then(async () => {
+              const span = document.querySelector("#cxInfo");
+              span.innerText = `📡`;
+              span.addEventListener("click", () => {
+                cx.refresh();
+              });
+            });
+          }
+          window.db = db;
+          window.cx = cx;
+          db.changes([], { limit: 1 }).then((changes) => {
+            if (changes.clock.length > 0) {
+              input.disabled = false;
+            } else {
+              cx.ready.then(async () => {
+                input.disabled = false;
+              });
+            }
+          });
+          dbUnsubscribe = db.subscribe(redraw);
+          return db;
+        }
+        let doing;
+        const redraw = async () => {
+          if (doing) {
+            return doing;
+          }
+          doing = doRedraw().finally(() => (doing = null));
+          return doing;
+        };
+        window.redraw = redraw;
+        let compactor = "🚗";
+        function drawInfo() {
+          document.querySelector("#carLog").innerText =
+            ` ⏰ ${db._crdt.clock.head.length} ${compactor} ${cx.loader.carLog.length} 📩 ${cx.loader.remoteWAL.walState.operations.length}`;
+        }
+        const doRedraw = async () => {
+          drawInfo();
+          const result = await db.allDocs();
+          drawInfo();
+          document.querySelector("ul").innerHTML = "";
+          for (const row of result.rows) {
+            // const doc = await db.get(row.id);
+            const doc = row.value;
+            const checkbox = document.createElement("input");
+            checkbox.setAttribute("type", "checkbox");
+            if (doc.completed) {
+              checkbox.setAttribute("checked", true);
+            }
+            checkbox.onchange = async (e) => {
+              e.target.indeterminate = true;
+              const clicks = doc.clicks || 0;
+              doc.clicks = clicks + 1;
+              doc.completed = !doc.completed;
+              await db.put(doc);
+            };
+            const textSpan = document.createElement("span");
+            textSpan.innerText = `${doc.actor}:${doc.clicks || 0} ${doc.task}`;
+            const li = document.createElement("li");
+            li.appendChild(checkbox);
+            li.appendChild(textSpan);
+            document.querySelector("ul").appendChild(li);
+          }
+        };
+        async function initialize() {
+          ps = new URLSearchParams(location.search);
+          const listQ = ps.get("list");
+          setupDb(listQ || "my-list");
+          const input = document.querySelector("#list");
+          input.value = dbName;
+          redraw();
+        }
+        async function openDashboard(e) {
+          db.openDashboard();
+        }
+        window.openDashboard = openDashboard;
+        async function changeList(e) {
+          e.preventDefault();
+          const input = document.querySelector("#list");
+          dbName = input.value;
+          history.pushState(null, "", location.pathname + "?list=" + encodeURIComponent(dbName));
+          setupDb(dbName);
+          redraw();
+        }
+        window.changeList = changeList;
+        async function createTodoClick(e) {
+          e.preventDefault();
+          const input = document.querySelector("#todo");
+          input.disabled = true;
+          const ok = await db.put({
+            actor: actorTag,
+            created: Date.now(),
+            task: input.value,
+            completed: false,
+          });
+          input.disabled = false;
+          input.value = "";
+        }
+        window.createTodoClick = createTodoClick;
+        let worker;
+        async function startWorker() {
+          const button = document.querySelector("#robot");
+          button.innerText = "🦾";
+          const dcs = await db.allDocs();
+          console.log("start worker", dcs.rows.length);
+          // worker = setInterval(async () => {
+          //   dcs.rows.map((r) => db.put({ ...r.value, clicks: (r.value.clicks || 0) + 1, completed: Math.random() > 0.5 }))
+          // }, 5000)
+          goWorker(dcs);
+        }
+        const goWorker = (dcs) => {
+          const timeout = 10 + db._crdt.clock.head.length * (Math.floor(Math.random() * 2000) + 2000);
+          // console.log('go worker', timeout)
+          worker = setTimeout(async () => {
+            await Promise.all(
+              dcs.rows.slice(0, 5).map((r) => {
+                r.value.clicks = r.value.clicks || 0;
+                r.value.clicks += 1;
+                r.value.completed = Math.random() > 0.5;
+                db.put({ ...r.value });
+              }),
+            );
+            goWorker(dcs);
+          }, timeout);
+        };
+        const stopWorker = () => {
+          const button = document.querySelector("#robot");
+          button.innerText = "🤖";
+          console.log("stop worker");
+          clearTimeout(worker);
+        };
+        const toggleWorker = (e) => {
+          e.preventDefault();
+          if (worker) {
+            stopWorker();
+          } else {
+            startWorker(e);
+          }
+        };
+        window.toggleWorker = toggleWorker;
+        async function doCompact(e) {
+          e.preventDefault();
+          compactor = "🚕";
+          drawInfo();
+          await db.compact();
+          drawInfo();
+          compactor = "🚗";
+        }
+        window.doCompact = doCompact;
+        window.onload = initialize;
+        window.db = db;
+      }
+      todoApp();
+    </script>
+  </head>
+  <body>
+    <h1><a href="https://use-fireproof.com/">Fireproof</a> Test App</h1>
+    Database:
+    <input title="Change list" type="text" name="list" id="list" />
+    <button onclick="changeList(event)">Switch</button>
+    <p>
+      This version of the Fireprof test app uses AWS S3 as the storage backend. Click the 📡 to refresh the latest data from other
+      clients.
+    </p>
+    <button id="robot" onclick="toggleWorker(event)">🤖</button>
+    <span id="carLog" onclick="doCompact(event)"></span>
+    <span id="cxInfo"></span>
+    <h3>Todos</h3>
+    <input title="Create a todo" type="text" name="todo" id="todo" />
+    <button onclick="createTodoClick(event)">Create Todo</button>
+    <ul></ul>
+  </body>
+</html>

package/tests/www/todo-ipfs.html ADDED Viewed

@@ -0,0 +1,213 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fireproof Test</title>
+    <script src="./fireproof.iife.js?14345"></script>
+    <script src="./ipfs.iife.js"></script>
+    <script type="text/javascript">
+      function todoApp() {
+        const actorTag = Math.random().toString(36).substring(2, 7);
+        const { fireproof, index } = Fireproof;
+        const { connect } = FireproofConnectUCAN;
+        console.log("fireproofconnect", connect);
+        let dbName;
+        let db;
+        let cx;
+        let dbUnsubscribe = false;
+        function setupDb(name, newDb, newConn) {
+          const input = document.querySelector("#todo");
+          input.disabled = true;
+          if (dbUnsubscribe) {
+            dbUnsubscribe();
+          }
+          if (newDb) {
+            // console.log('new db', newDb, newConn)
+            name = newDb.name;
+            dbName = newDb.name;
+            db = newDb;
+            cx = newConn;
+            const input = document.querySelector("#list");
+            input.value = dbName;
+          } else {
+            dbName = name;
+            db = fireproof(name);
+            cx = connect.ipfs(db, "todo-test");
+          }
+          window.db = db;
+          window.cx = cx;
+          cx.ready.then(async () => {
+            input.disabled = false;
+            console.log("ready", cx.authorized, cx);
+            if (cx.authorized) {
+              document.querySelector("#login").hidden = true;
+              document.querySelector("#authorized").hidden = false;
+              // console.log('authorized', await cx.shareToken())
+              // document.querySelector('#agent').innerText = await cx.shareToken()
+              document.querySelector("#account-email").innerText = await cx.accountEmail();
+            } else {
+              input.disabled = false;
+              document.querySelector("#login").hidden = false;
+              document.querySelector("#authorized").hidden = true;
+            }
+          });
+          dbUnsubscribe = db.subscribe(redraw);
+          return db;
+        }
+        let doing;
+        const redraw = async () => {
+          if (doing) {
+            return doing;
+          }
+          doing = doRedraw().finally(() => (doing = null));
+          return doing;
+        };
+        window.redraw = redraw;
+        const doRedraw = async () => {
+          const result = await db.query("created", { includeDocs: true });
+          document.querySelector("ul").innerHTML = "";
+          for (const row of result.rows) {
+            // const doc = await db.get(row.id);
+            const doc = row.doc;
+            const checkbox = document.createElement("input");
+            checkbox.setAttribute("type", "checkbox");
+            if (doc.completed) {
+              checkbox.setAttribute("checked", true);
+            }
+            checkbox.onchange = async (e) => {
+              e.target.indeterminate = true;
+              doc.completed = !doc.completed;
+              await db.put(doc);
+            };
+            const textSpan = document.createElement("span");
+            textSpan.innerText = doc.actor + ": " + doc.task;
+            const li = document.createElement("li");
+            li.appendChild(checkbox);
+            li.appendChild(textSpan);
+            document.querySelector("ul").appendChild(li);
+          }
+        };
+        async function initialize() {
+          ps = new URLSearchParams(location.search);
+          const listQ = ps.get("list");
+          setupDb(listQ || "my-list");
+          const input = document.querySelector("#list");
+          input.value = dbName;
+          redraw();
+        }
+        async function openDashboard(e) {
+          db.openDashboard();
+        }
+        window.openDashboard = openDashboard;
+        async function verifyEmail(e) {
+          const input = document.querySelector("#email");
+          input.disabled = true;
+          const val = input.value;
+          const area = document.querySelector("#login");
+          area.innerHTML = "Sending verification email to " + val + "...";
+          await cx.authorize(input.value);
+          // setTimeout(() => {
+          //   setupDb(dbName);
+          // }, 1100)
+        }
+        window.verifyEmail = verifyEmail;
+        async function changeList(e) {
+          e.preventDefault();
+          const input = document.querySelector("#list");
+          dbName = input.value;
+          history.pushState(null, "", location.pathname + "?list=" + encodeURIComponent(dbName));
+          setupDb(dbName);
+          redraw();
+        }
+        window.changeList = changeList;
+        async function createTodoClick(e) {
+          e.preventDefault();
+          const input = document.querySelector("#todo");
+          const ok = await db.put({ actor: actorTag, created: Date.now(), task: input.value, completed: false });
+          input.value = "";
+        }
+        window.createTodoClick = createTodoClick;
+        window.doShareWith = async (e) => {
+          e.preventDefault();
+          e.target.disabled = true;
+          const input = document.querySelector("#share");
+          const did = await cx.shareWith(input.value);
+          document.querySelector("#share-code").innerText = did;
+        };
+        window.doJoin = async (e) => {
+          e.preventDefault();
+          e.target.disabled = true;
+          const input = document.querySelector("#join");
+          const { database: newDb, connection: newConn } = await cx.joinShared(input.value);
+          setupDb(null, newDb, newConn);
+        };
+        window.onload = initialize;
+        window.db = db;
+      }
+      todoApp();
+    </script>
+  </head>
+  <body>
+    <h1>Fireproof Todos</h1>
+    List:
+    <input type="text" name="list" id="list" />
+    <button onclick="changeList(event)">Change List</button>
+    <div id="login">
+      <p>Work locally or verify your email address to sync.</p>
+      Email: <input title="email" placeholder="name@example.com" name="email" id="email" />
+      <button onclick="verifyEmail(event)">Verify email</button>
+    </div>
+    <p>
+      Fireproof stores data locally and encrypts it before sending it to the cloud. This demo uses web3.storage, but you can easily
+      run Fireproof on S3 or another provider.
+      <a href="https://use-fireproof.com/">Learn more in the Fireproof developer docs.</a>
+    </p>
+    <div id="authorized" hidden>
+      <p>Logged in as <span id="account-email">loading...</span></p>
+      <button onclick="openDashboard(event)">🔥 Import to Dashboard</button>
+      <p>
+        Share this list to someone's share id: <input title="share" placeholder="did:key:..." name="share" id="share" />
+        <button onclick="doShareWith(event)">Share</button>
+        <code id="share-code"></code>
+      </p>
+      <p>
+        Join a shared list: <input title="join" placeholder="bafy..." name="join" id="join" />
+        <button onclick="doJoin(event)">Join</button>
+      </p>
+      <p>
+        Request access to other lists by sharing your share id:<br />
+        <code id="agent"></code>
+      </p>
+    </div>
+    <h3>Todos</h3>
+    <input title="Create a todo" type="text" name="todo" id="todo" />
+    <button onclick="createTodoClick(event)">Create Todo</button>
+    <ul></ul>
+  </body>
+</html>

package/tests/www/todo-local.html ADDED Viewed

@@ -0,0 +1,214 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Fireproof Test</title>
+    <script src="./fireproof.iife.js"></script>
+    <script type="text/javascript">
+      function todoApp() {
+        const actorTag = Math.random().toString(36).substring(2, 7);
+        const { fireproof, index } = Fireproof;
+        // console.log('connect', connect)
+        let dbName;
+        let db;
+        let cx;
+        let dbUnsubscribe = false;
+        function setupDb(name, newDb) {
+          const input = document.querySelector("#todo");
+          input.disabled = true;
+          if (dbUnsubscribe) {
+            dbUnsubscribe();
+          }
+          if (newDb) {
+            // console.log('new db', newDb, newConn)
+            name = newDb.name;
+            dbName = newDb.name;
+            db = newDb;
+            const input = document.querySelector("#list");
+            input.value = dbName;
+          } else {
+            dbName = name;
+            db = fireproof(name, { autoCompact: 100 });
+          }
+          window.db = db;
+          db.changes([], { limit: 1 }).then((changes) => {
+            input.disabled = false;
+          });
+          dbUnsubscribe = db.subscribe(redraw);
+          return db;
+        }
+        let doing;
+        const redraw = async () => {
+          if (doing) {
+            return doing;
+          }
+          doing = doRedraw().finally(() => (doing = null));
+          return doing;
+        };
+        window.redraw = redraw;
+        let compactor = "🚗";
+        function drawInfo() {
+          document.querySelector("#carLog").innerText = ` ⏰ ${db._crdt.clock.head.length} ${compactor}`;
+        }
+        const doRedraw = async () => {
+          drawInfo();
+          const result = await db.allDocs().catch((e) => {
+            console.error("allDocs error", e, ` ⏰ ${db._crdt.clock.head.length} ${compactor}`);
+            return { rows: [] };
+          });
+          drawInfo();
+          document.querySelector("ul").innerHTML = "";
+          for (const row of result.rows) {
+            // const doc = await db.get(row.id);
+            const doc = row.value;
+            const checkbox = document.createElement("input");
+            checkbox.setAttribute("type", "checkbox");
+            if (doc.completed) {
+              checkbox.setAttribute("checked", true);
+            }
+            checkbox.onchange = async (e) => {
+              e.target.indeterminate = true;
+              const clicks = doc.clicks || 0;
+              doc.clicks = clicks + 1;
+              doc.completed = !doc.completed;
+              await db.put(doc);
+            };
+            const textSpan = document.createElement("span");
+            textSpan.innerText = `${doc.actor}:${doc.clicks || 0} ${doc.task}`;
+            const li = document.createElement("li");
+            li.appendChild(checkbox);
+            li.appendChild(textSpan);
+            document.querySelector("ul").appendChild(li);
+          }
+        };
+        async function initialize() {
+          ps = new URLSearchParams(location.search);
+          const listQ = ps.get("list");
+          setupDb(listQ || "my-list");
+          const input = document.querySelector("#list");
+          input.value = dbName;
+          redraw();
+        }
+        async function openDashboard(e) {
+          db.openDashboard();
+        }
+        window.openDashboard = openDashboard;
+        async function changeList(e) {
+          e.preventDefault();
+          const input = document.querySelector("#list");
+          dbName = input.value;
+          history.pushState(null, "", location.pathname + "?list=" + encodeURIComponent(dbName));
+          setupDb(dbName);
+          redraw();
+        }
+        window.changeList = changeList;
+        async function createTodoClick(e) {
+          e.preventDefault();
+          const input = document.querySelector("#todo");
+          input.disabled = true;
+          const ok = await db.put({
+            actor: actorTag,
+            created: Date.now(),
+            task: input.value,
+            completed: false,
+          });
+          input.disabled = false;
+          input.value = "";
+        }
+        window.createTodoClick = createTodoClick;
+        let worker;
+        async function startWorker() {
+          const button = document.querySelector("#robot");
+          button.innerText = "🦾";
+          const dcs = await db.allDocs();
+          console.log("start worker", dcs.rows.length);
+          // worker = setInterval(async () => {
+          //   dcs.rows.map((r) => db.put({ ...r.value, clicks: (r.value.clicks || 0) + 1, completed: Math.random() > 0.5 }))
+          // }, 5000)
+          goWorker(dcs);
+        }
+        const goWorker = (dcs) => {
+          const timeout = 10 + Math.pow(db._crdt.clock.head.length, 2) * (Math.floor(Math.random() * 50) + 50);
+          console.log("go worker", timeout / 1000);
+          worker = setTimeout(async () => {
+            await Promise.all(
+              dcs.rows.slice(0, 5).map((r) => {
+                r.value.clicks = r.value.clicks || 0;
+                r.value.clicks += 1;
+                r.value.completed = Math.random() > 0.5;
+                db.put({ ...r.value });
+              }),
+            );
+            goWorker(dcs);
+          }, timeout);
+        };
+        const stopWorker = () => {
+          const button = document.querySelector("#robot");
+          button.innerText = "🤖";
+          console.log("stop worker");
+          clearTimeout(worker);
+        };
+        const toggleWorker = (e) => {
+          e.preventDefault();
+          if (worker) {
+            stopWorker();
+          } else {
+            startWorker(e);
+          }
+        };
+        window.toggleWorker = toggleWorker;
+        async function doCompact(e) {
+          e.preventDefault();
+          compactor = "🚕";
+          drawInfo();
+          await db.compact();
+          drawInfo();
+          compactor = "🚗";
+        }
+        window.doCompact = doCompact;
+        window.onload = initialize;
+        window.db = db;
+      }
+      todoApp();
+    </script>
+  </head>
+  <body>
+    <h1><a href="https://use-fireproof.com/">Fireproof</a> Test App</h1>
+    Database:
+    <input title="Change list" type="text" name="list" id="list" />
+    <button onclick="changeList(event)">Switch</button>
+    <p>This version of the Fireprof test app uses PartyKit as the storage backend. Refresh is automatic and live.</p>
+    <button id="robot" onclick="toggleWorker(event)">🤖</button>
+    <span id="carLog" onclick="doCompact(event)"></span>
+    <span id="cxInfo"></span>
+    <h3>Todos</h3>
+    <input title="Create a todo" type="text" name="todo" id="todo" />
+    <button onclick="createTodoClick(event)">Create Todo</button>
+    <ul></ul>
+  </body>
+</html>