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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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-netlify.html ADDED Viewed

@@ -0,0 +1,227 @@
+<!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-netlify.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;
+        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.netlify(db);
+            cx.ready.then(async () => {
+              const span = document.querySelector("#cxInfo");
+              span.innerText = `📡 ${cx.name}`;
+            });
+          }
+          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.taskManager.queue.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) => {
+          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);
+            },
+            Math.floor(Math.random() * 5000) + 5000,
+          );
+        };
+        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>Fireproof Todos</h1>
+    List:
+    <input title="Change list" type="text" name="list" id="list" />
+    <button onclick="changeList(event)">Change List</button>
+    <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>
+    <button onclick="openDashboard(event)">🔥 Import to Dashboard</button>
+    <button id="robot" onclick="toggleWorker(event)">🤖</button>
+    <br />
+    <span id="carLog" onclick="doCompact(event)"></span>
+    <br />
+    <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.html ADDED Viewed

@@ -0,0 +1,236 @@
+<!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-partykit.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, threshold: 50000 });
+            cx = connect.partykitRest(db);
+            cx.ready.then(async () => {
+              const span = document.querySelector("#cxInfo");
+              span.innerText = `📡 ${cx.party.id}`;
+            });
+          }
+          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().catch((e) => {
+            console.error(
+              "allDocs error",
+              e,
+              ` ⏰ ${db._crdt.clock.head.length} ${compactor} ${cx.loader.carLog.length}  📩 ${cx.loader.remoteWAL.walState.operations.length}`,
+            );
+            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 + cx.loader.remoteWAL.walState.operations.length, 2) *
+              (Math.floor(Math.random() * 1000) + 1000);
+          // 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(await db.allDocs());
+          }, 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>