@live-change/vue3-ssr 0.1.4 → 0.1.8

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__, {
@@ -13,9 +13,9 @@ function clientApi(settings = {}) {
 
     ...settings,
 
-    fastAuth: !window.hasOwnProperty('__CREDENTIALS__'),
-
     connectionSettings: {
+      fastAuth: !window.hasOwnProperty('__CREDENTIALS__'),
+
       queueRequestsWhenDisconnected: true,
       requestSendTimeout: Infinity,
       requestTimeout: Infinity,

package/index.js

@@ -1,35 +1,75 @@
-import { getCurrentInstance } from 'vue'
-import { live as d3live } from '@live-change/dao-vue3'
+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.$fetch
+  return app.appContext.config.globalProperties.$lc.fetch
 }
 
 function api(app) {
   app = app || getCurrentInstance()
-  return app.appContext.config.globalProperties.$api
+  return app.appContext.config.globalProperties.$lc
 }
 
 function view(app) {
   app = app || getCurrentInstance()
-  return app.appContext.config.globalProperties.$view
+  return app.appContext.config.globalProperties.$lc.view
 }
 
 function actions(app) {
   app = app || getCurrentInstance()
-  return app.appContext.config.globalProperties.$actions
+  return app.appContext.config.globalProperties.$lc.actions
 }
 
 function live(path) {
   const app = getCurrentInstance()
-  const api = app.appContext.config.globalProperties.$api
+  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.$client
+  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 }
+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.4",
+  "version": "0.1.8",
   "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.21",
     "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
-

package/getIp.js

@@ -1,12 +0,0 @@
-function getIp(connection) {
-  let ip =
-      connection.headers['x-real-ip'] ||
-      connection.headers['x-forwarded-for'] ||
-      connection.remoteAddress ||
-      (connection.connection && connection.connection.remoteAddress)
-  ip = ip.split(',')[0]
-  ip = ip.split(':').slice(-1)[0] //in case the ip returned in a format: "::ffff:146.xxx.xxx.xxx"
-  return ip
-}
-
-module.exports = getIp

package/serverDao.js

@@ -1,56 +0,0 @@
-const { Dao } = require("@live-change/dao")
-const DaoWebsocket = require("@live-change/dao-websocket")
-
-function reactiveObservableListConstructor(reactive) {
-  class ReactiveObservableList extends Dao.ObservableList {
-    constructor(value, what, dispose) {
-      super(value, what, dispose, (data) => {
-        if(data && typeof data == 'object') {
-          const activated = reactive(data)
-          return activated
-        }
-        return data
-      })
-    }
-  }
-  return ReactiveObservableList
-}
-
-function serverDao(credentials, ip, settings) {
-  const serverHost = settings.remoteUrl || process.env.API_SERVER || "localhost:" + (process.env.API_PORT || 8002)
-  const wsServer = `ws://${serverHost}/api/ws`
-
-  return new Dao(credentials, {
-    remoteUrl: wsServer,
-    protocols: {
-      'ws': DaoWebsocket.client
-    },
-
-    ...settings,
-
-    connectionSettings: {
-      headers: {
-        'X-real-ip': ip,
-        'X-forwarded-for': ip
-      },
-      queueRequestsWhenDisconnected: true,
-      requestSendTimeout: 2300,
-      requestTimeout: 10000,
-      queueActiveRequestsOnDisconnect: false,
-      autoReconnectDelay: 200,
-      logLevel: 1,
-      /*connectionMonitorFactory: (connection) =>
-          new ReactiveDao.ConnectionMonitorPinger(connection, {
-            pingInterval: 50,
-            pongInterval: 200
-          })*/
-      ...(settings && settings.connectionSettings)
-    },
-    defaultRoute: {
-      type: "remote",
-      generator: settings.reactive ? reactiveObservableListConstructor(settings.reactive) : Dao.ObservableList
-    }
-  })
-}
-
-module.exports = serverDao