meridian-vue 0.5.0

package/dist/index.cjs

@@ -0,0 +1,110 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  useDoc: () => useDoc,
+  useLiveQuery: () => useLiveQuery,
+  useMutation: () => useMutation,
+  usePresence: () => usePresence,
+  useQuery: () => useQuery,
+  useSync: () => useSync
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/composables.ts
+var import_vue = require("vue");
+function useQuery(query) {
+  const data = (0, import_vue.shallowRef)(void 0);
+  (0, import_vue.onMounted)(() => {
+    const unsub = query.subscribe((result) => {
+      data.value = result;
+    });
+    (0, import_vue.onUnmounted)(unsub);
+  });
+  return data;
+}
+function useLiveQuery(collection, options = {}) {
+  const data = (0, import_vue.shallowRef)(void 0);
+  (0, import_vue.watch)(
+    () => [options.where, options.orderBy, options.limit],
+    () => {
+      const query = collection.live(options);
+      const unsub = query.subscribe((result) => {
+        data.value = result;
+      });
+      return unsub;
+    },
+    { immediate: true }
+  );
+  return data;
+}
+function useDoc(collection, docId) {
+  const doc = (0, import_vue.shallowRef)(void 0);
+  (0, import_vue.watch)(docId, (id, _oldId, onCleanup) => {
+    if (!id) {
+      doc.value = null;
+      return;
+    }
+    const unsub = collection.findOne(id).subscribe((result) => {
+      doc.value = result;
+    });
+    onCleanup(unsub);
+  }, { immediate: true });
+  return doc;
+}
+function useSync(client) {
+  const connected = (0, import_vue.ref)(false);
+  const pendingCount = (0, import_vue.ref)(0);
+  let interval;
+  (0, import_vue.onMounted)(() => {
+    interval = setInterval(async () => {
+      connected.value = client.connectionState === "connected";
+      const pending = await client.debug.getPendingOps();
+      pendingCount.value = pending.length;
+    }, 1e3);
+  });
+  (0, import_vue.onUnmounted)(() => clearInterval(interval));
+  return { connected, pendingCount };
+}
+function usePresence(client) {
+  const peers = (0, import_vue.ref)({});
+  (0, import_vue.onMounted)(() => {
+    return client.presence.subscribe((p) => {
+      peers.value = { ...p };
+    });
+  });
+  return peers;
+}
+function useMutation(collection) {
+  const put = (doc) => collection.put(doc);
+  const update = (id, fields) => collection.update(id, fields);
+  const remove = (id) => collection.delete(id);
+  return { put, update, remove };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDoc,
+  useLiveQuery,
+  useMutation,
+  usePresence,
+  useQuery,
+  useSync
+});

package/dist/index.js

@@ -0,0 +1,78 @@
+// src/composables.ts
+import { ref, watch, onMounted, onUnmounted, shallowRef } from "vue";
+function useQuery(query) {
+  const data = shallowRef(void 0);
+  onMounted(() => {
+    const unsub = query.subscribe((result) => {
+      data.value = result;
+    });
+    onUnmounted(unsub);
+  });
+  return data;
+}
+function useLiveQuery(collection, options = {}) {
+  const data = shallowRef(void 0);
+  watch(
+    () => [options.where, options.orderBy, options.limit],
+    () => {
+      const query = collection.live(options);
+      const unsub = query.subscribe((result) => {
+        data.value = result;
+      });
+      return unsub;
+    },
+    { immediate: true }
+  );
+  return data;
+}
+function useDoc(collection, docId) {
+  const doc = shallowRef(void 0);
+  watch(docId, (id, _oldId, onCleanup) => {
+    if (!id) {
+      doc.value = null;
+      return;
+    }
+    const unsub = collection.findOne(id).subscribe((result) => {
+      doc.value = result;
+    });
+    onCleanup(unsub);
+  }, { immediate: true });
+  return doc;
+}
+function useSync(client) {
+  const connected = ref(false);
+  const pendingCount = ref(0);
+  let interval;
+  onMounted(() => {
+    interval = setInterval(async () => {
+      connected.value = client.connectionState === "connected";
+      const pending = await client.debug.getPendingOps();
+      pendingCount.value = pending.length;
+    }, 1e3);
+  });
+  onUnmounted(() => clearInterval(interval));
+  return { connected, pendingCount };
+}
+function usePresence(client) {
+  const peers = ref({});
+  onMounted(() => {
+    return client.presence.subscribe((p) => {
+      peers.value = { ...p };
+    });
+  });
+  return peers;
+}
+function useMutation(collection) {
+  const put = (doc) => collection.put(doc);
+  const update = (id, fields) => collection.update(id, fields);
+  const remove = (id) => collection.delete(id);
+  return { put, update, remove };
+}
+export {
+  useDoc,
+  useLiveQuery,
+  useMutation,
+  usePresence,
+  useQuery,
+  useSync
+};

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "meridian-vue",
+  "version": "0.5.0",
+  "description": "Vue 3 composables for Meridian — useQuery, useLiveQuery, useDoc, useSync, useMutation",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --external vue",
+    "test": "vitest run --passWithNoTests",
+    "dev": "tsup src/index.ts --format esm,cjs --watch --external vue"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "meridian-client": "workspace:*",
+    "meridian-shared": "workspace:*"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0",
+    "vue": "^3.5.0"
+  },
+  "files": ["dist"],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vahapogut/MeridianDB"
+  },
+  "keywords": ["vue", "composables", "meridian", "sync", "local-first", "realtime", "crdt"],
+  "author": "Abdulvahap OGUT <info@ipeclabs.com>"
+}