@live-change/vue3-ssr 0.1.3 → 0.1.7

package/clientApi.js

@@ -2,7 +2,7 @@ import { createReactiveObject } from '@live-change/vue3-components'
 import * as lcapi from '@live-change/vue-api'
 import * as lcdao from '@live-change/dao'
 import { reactiveMixin, reactivePrefetchMixin, ReactiveObservableList } from '@live-change/dao-vue3'
-import { SockJsConnection } from '@live-change/dao-sockjs'
+import SockJsConnection from '@live-change/dao-sockjs'
 
 function clientApi(settings = {}) {
   const dao = new lcdao.Dao(window.__CREDENTIALS__, {

package/index.js

@@ -0,0 +1,75 @@
+import { getCurrentInstance, onUnmounted } from 'vue'
+import { live as d3live, RangeBuckets } from '@live-change/dao-vue3'
+
+function path(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc.fetch
+}
+
+function api(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc
+}
+
+function view(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc.view
+}
+
+function actions(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc.actions
+}
+
+function live(path) {
+  const app = getCurrentInstance()
+  const api = app.appContext.config.globalProperties.$lc
+  return d3live(api, path)
+}
+
+async function rangeBuckets(pathFunction, options, app) {
+  app = app || getCurrentInstance()
+  const api = app.appContext.config.globalProperties.$lc
+  const extendedPathFunction = (range) => pathFunction(range, api.fetch)
+  const buckets = new RangeBuckets(api, extendedPathFunction, options)
+  if(app) {
+    onUnmounted(() => {
+      buckets.dispose()
+    })
+  } else {
+    console.error("live fetch outside component instance - possible memory leak")
+  }
+  await buckets.wait()
+  return {
+    buckets: buckets.buckets,
+    loadTop: () => buckets.loadTop(),
+    loadBottom: () => buckets.loadBottom(),
+    dropTop: () => buckets.dropTop(),
+    dropBottom: () => buckets.dropBottom(),
+    canLoadTop: () => buckets.isTopLoadPossible(),
+    canLoadBottom: () => buckets.isBottomLoadPossible(),
+  }
+}
+
+function reverseRange(range) {
+  return {
+    gt: range.lt,
+    gte: range.lte,
+    lt: range.gt == '' ? '\xFF\xFF\xFF\xFF' : range.gt,
+    lte: range.gte,
+    limit: range.limit,
+    reverse: !range.reverse
+  }
+}
+
+function client(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc.client
+}
+
+function uid(app) {
+  app = app || getCurrentInstance()
+  return app.appContext.config.globalProperties.$lc.uid
+}
+
+export { path, api, view, actions, live, client, uid, rangeBuckets, reverseRange }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-ssr",
-  "version": "0.1.3",
+  "version": "0.1.7",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,8 +21,9 @@
   },
   "homepage": "https://github.com/live-change/vue3-ssr",
   "dependencies": {
-    "@vue/server-renderer": "^3.2.6",
     "debug": "^4.3.2",
-    "vue": "^3.2.6"
+    "vue": "^3.2.21",
+    "@live-change/vue-api": "^0.1.10",
+    "@live-change/uid": "^0.1.3"
   }
 }

package/generateUuid.js

@@ -1,21 +0,0 @@
-const crypto = require('crypto')
-function uuidFromBytes(rnd) {
-  rnd[6] = (rnd[6] & 0x0f) | 0x40
-  rnd[8] = (rnd[8] & 0x3f) | 0x80
-  rnd = rnd.toString('hex').match(/(.{8})(.{4})(.{4})(.{4})(.{12})/)
-  rnd.shift()
-  return rnd.join('-')
-}
-
-function genUuid(callback) {
-  if (typeof(callback) !== 'function') {
-    return uuidFromBytes(crypto.randomBytes(16))
-  }
-  crypto.randomBytes(16, function(err, rnd) {
-    if (err) return callback(err)
-    callback(null, uuidFromBytes(rnd))
-  })
-}
-
-module.exports = genUuid
-