@subiz/widget-v4 4.1.123 → 4.1.125

package/compiled_src/chatbox/Events.js

@@ -87,7 +87,7 @@ class Events extends _common.Com {
   render() {
     if (this.state.error) return this.renderError();
     let events = _index.default.map(this.props.store.listEvents(this.props.cid));
-    if (!this.state.loading && _index.default.size(events) === 0) {
+    if (!this.state.loading && _index.default.size(events) === 0 && !this.props.cid) {
       return (0, _preact.h)("div", {
         ref: ref => this.refBody = ref,
         class: "widget-body--events-container"

package/compiled_src/plugin.js

@@ -60,6 +60,7 @@ function Plugin(plugin, store, $container, lib) {
   var _render = async () => {
     if (_destroy) return;
     if (!$div) return;
+    if (!this.t) return;
     if (plugin.type === 'chatbox') {
       (0, _preact.render)((0, _preact.h)(_main.default, {
         destroy: _destroy,

package/compiled_src/store/api.js

@@ -100,7 +100,6 @@ class _default {
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
     _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-    _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
     _defineProperty(this, "sendImpression", impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression));
     _defineProperty(this, "sendConversion", conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion));
     _defineProperty(this, "lookupOrder", key => ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`));

package/compiled_src/store/api_fake.js

@@ -73,7 +73,6 @@ class _default {
       }
     }));
     _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-    _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
     _defineProperty(this, "sendImpression", impression => OK200);
     _defineProperty(this, "sendConversion", conversion => OK200);
     this.FileURL = FileURL;

package/compiled_src/store/chain.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ChainMaxSize = 50;
+class Chain {
+  constructor(db, schema, inmem) {
+    this.schema = schema + '_chain';
+    this.dead = false;
+    this.db = db;
+    this.anchorCache = {};
+    this.cache = {};
+    this.init();
+  }
+  init() {
+    let inmemItemM = {};
+    let allitems = this.db.all('items');
+    allitems.map(item => {
+      inmemItemM[item.chain] = inmemItemM[item.chain] || {};
+      inmemItemM[item.chain][item.id] = {
+        id: item.id,
+        chain: item.chain,
+        full_id: item.full_id,
+        index: item.index,
+        value: item.value
+      };
+    });
+    map(inmemItemM, (itemM, chain) => {
+      if (size(itemM) < ChainMaxSize) return;
+      let items = orderBy(map(itemM), ['index'], 'desc');
+      let removekeys = [];
+      for (var i = ChainMaxSize; i < items.length; i++) {
+        removekeys.push(items[i].full_id);
+        delete itemM[items[i].id];
+      }
+      this.db.removes('items', removekeys);
+      inmemItemM[chain] = itemM;
+    });
+    this.cache = inmemItemM;
+  }
+  destroy() {
+    this.db.clear('items');
+    this.dead = true;
+    this.cache = {};
+    this.anchorCache = {};
+    this.db = undefined;
+  }
+  put(chain, id, node_index, value) {
+    if (this.dead) return;
+    let inmemItemM = this.cache[chain] || {};
+    let bottom = minIndex(inmemItemM) || {};
+    let bottomIndex = bottom.index || 'z';
+    if (size(inmemItemM) == 0) bottomIndex = '';
+    let item = {
+      id,
+      index: node_index,
+      value,
+      chain,
+      full_id: chain + ':' + id
+    };
+    delete inmemItemM[item.id];
+    if (bottomIndex > item.index + '') return;
+    inmemItemM[item.id] = item;
+    this.cache[chain] = inmemItemM;
+    this.db.put('items', item.full_id, item);
+  }
+  listM(chain) {
+    if (this.dead) return {};
+    let inmemItemM = this.cache[chain] || {};
+    let out = {};
+    map(inmemItemM, (item, id) => {
+      out[id] = item.value;
+    });
+    return out;
+  }
+  async fetchMore(chain, limit = 20, api) {
+    if (this.dead) return {
+      error: 'dead'
+    };
+    if (!api) return {
+      error: 'no api'
+    };
+    let anchor = this.anchorCache[chain] || '';
+    var [apiItems, newanchor, error] = await api(chain, anchor, limit);
+    if (error) return {
+      error
+    };
+    if (this.dead) return {
+      error: 'dead'
+    };
+    let inmemItemM = this.cache[chain] || {};
+    if (apiItems.length === 0) return {
+      end: true
+    };
+    apiItems.forEach(item => {
+      item.chain = chain;
+      item.full_id = chain + ':' + item.id;
+      inmemItemM[item.id] = item;
+      this.db.put('items', item.full_id, item);
+    });
+    this.anchorCache[chain] = newanchor;
+    this.cache[chain] = inmemItemM;
+    return {};
+  }
+  del(chain, id) {
+    if (this.dead) return;
+    let inmemItemM = this.cache[chain] || {};
+    let full_id = chain + ':' + id;
+    delete inmemItemM[id];
+    this.db.removes('items', [full_id]);
+  }
+  match(chain, id) {
+    return this.listM(chain)[id];
+  }
+  async reload(chain, api) {
+    if (this.dead) return;
+    let top = maxIndex(this.listM(chain)) || {};
+    let topindex = top.index;
+    if (!topindex) topindex = Date.now();
+    var lastanchor = '';
+    var fetchedItems = {};
+    for (;;) {
+      if (this.dead) return;
+      let [newItems, newanchor, error] = await api(chain, lastanchor, 50);
+      if (error) return;
+      if (this.dead) return;
+      newItems.map(item => {
+        fetchedItems[item.id] = Object.assign({}, item, {
+          chain,
+          full_id: chain + ':' + item.id
+        });
+      });
+      if (newItems.length === 0 || newanchor === lastanchor) break;
+      if (fetchedItems.length >= 200) {
+        let inmemItemM = this.cache[chain] || {};
+        let removeids = [];
+        map(inmemItemM, item => {
+          if (item.chain !== chain) return;
+          removeids.push(item.full_id);
+        });
+        this.db.removes('items', removeids);
+        this.cache[chain] = {};
+        break;
+      }
+      let minindexitem = minIndex(fetchedItems) || {};
+      if (minindexitem.index <= topindex) {
+        lastanchor = this.anchorCache[chain] || newanchor;
+        break;
+      }
+      lastanchor = newanchor;
+    }
+    for (var i = 0; i < Object.keys(fetchedItems).length; i++) {
+      let item = fetchedItems[Object.keys(fetchedItems)[i]];
+      this.db.put('items', item.full_id, item);
+      this.cache[item.chain] = this.cache[item.chain] || {};
+      this.cache[item.chain][item.id] = item;
+    }
+    this.anchorCache[chain] = lastanchor;
+  }
+}
+exports.default = Chain;
+function minIndex(obj) {
+  if (!obj) return;
+  let keys = Object.keys(obj);
+  if (!keys.length) return;
+  let min = Infinity;
+  let minKey = Object.keys(obj)[0];
+  for (var i = 0; i < keys.length; i++) {
+    let index = obj[keys[i]] && obj[keys[i]].index || Infinity;
+    if (index < min) {
+      min = index;
+      minKey = keys[i];
+    }
+  }
+  return obj[minKey];
+}
+function maxIndex(obj) {
+  if (!obj) return;
+  let keys = Object.keys(obj);
+  if (!keys.length) return;
+  let max = -Infinity;
+  let maxKey = Object.keys(obj)[0];
+  for (var i = 0; i < keys.length; i++) {
+    let index = obj[keys[i]] && obj[keys[i]].index || -Infinity;
+    if (index > max) {
+      max = index;
+      maxKey = keys[i];
+    }
+  }
+  return obj[keys[maxKey]];
+}
+function map(collection, predicate) {
+  if (!collection) return [];
+  if (!predicate) return collection;
+  var out = [];
+  if (Array.isArray(collection)) {
+    for (let i = 0; i < collection.length; i++) {
+      out.push(predicate(collection[i], i));
+    }
+    return out;
+  }
+  if (typeof collection === 'object') {
+    var keys = Object.keys(collection);
+    for (let i = 0; i < keys.length; i++) {
+      var k = keys[i];
+      out.push(predicate(collection[k], k));
+    }
+    return out;
+  }
+  return out;
+}
+function size(o) {
+  if (!o) return 0;
+  if (o.length !== undefined) return o.length;
+  return Object.keys(o).length;
+}
+function orderBy(a, k, d) {
+  var clone = [];
+  map(a, v => clone.push(v));
+  clone.sort((i, j) => {
+    if (i[k] === j[k]) return 0;
+    var r = i[k] < j[k] ? -1 : 1;
+    return d === 'desc' ? -r : r;
+  });
+  return clone;
+}

package/compiled_src/store/inmem_localstorage.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var localStorageMemory = {};
+var cache = {};
+localStorageMemory.length = 0;
+localStorageMemory.getItem = function (key) {
+  if (key in cache) return cache[key];
+  return null;
+};
+localStorageMemory.setItem = function (key, value) {
+  if (typeof value === 'undefined') {
+    localStorageMemory.removeItem(key);
+  } else {
+    if (!Object.prototype.hasOwnProperty.call(cache, key)) {
+      localStorageMemory.length++;
+    }
+    cache[key] = value;
+  }
+};
+localStorageMemory.removeItem = function (key) {
+  if (Object.prototype.hasOwnProperty.call(cache, key)) {
+    delete cache[key];
+    localStorageMemory.length--;
+  }
+};
+localStorageMemory.key = function (index) {
+  return Object.keys(cache)[index] || null;
+};
+localStorageMemory.clear = function () {
+  cache = {};
+  localStorageMemory.length = 0;
+};
+module.exports = localStorageMemory;

package/compiled_src/store/kv.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+let KvMaxSize = 500;
+class _default {
+  constructor(db, schema) {
+    this.name = schema;
+    schema += '_kv';
+    this.dead = false;
+    this.db = db;
+    this.cache = {};
+    this.initialized = false;
+    this.init();
+  }
+  refreshCache() {
+    if (this.dead) return;
+    let inmemItemM = {};
+    let allitems = this.db.all('items');
+    allitems.forEach(function (item) {
+      inmemItemM[item.key] = item.value;
+    });
+    this.cache = inmemItemM;
+  }
+  init() {
+    if (this.initialized) return;
+    let inmemItemM = {};
+    console.time('KV' + this.name);
+    let allitems = this.db.all('items');
+    allitems.forEach(function (item) {
+      inmemItemM[item.key] = item.value;
+    });
+    this.cache = inmemItemM;
+    let allkeys = Object.keys(this.cache);
+    if (allkeys.length > KvMaxSize) {
+      let liveChance = KvMaxSize / 2 / allkeys.lenth;
+      let removekeys = [];
+      for (var i = 0; i < KvMaxSize; i++) {
+        let live = Math.random() <= liveChance;
+        if (live) continue;
+        let key = allkeys[i];
+        delete this.cache[key];
+        removekeys.push(key);
+      }
+      this.db.removes('items', [removekeys]);
+    }
+    this.initialized = true;
+    console.timeEnd('KV' + this.name);
+  }
+  all() {
+    if (this.dead) return [];
+    if (!this.initialized) return [];
+    return this.cache;
+  }
+  match(key) {
+    if (this.dead || !this.initialized) return;
+    if (!key) return;
+    return this.cache[key];
+  }
+  put(key, value) {
+    if (!key) return;
+    if (this.dead) return [];
+    if (!this.initialized) throw new Error('uninitialized');
+    this.cache[key] = value;
+    this.db.put('items', key, {
+      key,
+      value
+    });
+  }
+  del(key) {
+    if (this.dead) return;
+    if (!this.initialized) throw new Error('uninitialized');
+    delete this.cache[key];
+    this.db.removes('items', [key]);
+  }
+  destroy() {
+    this.db.clear('items');
+    this.dead = true;
+    this.db = undefined;
+    this.cache = undefined;
+    this.initialized = false;
+  }
+}
+exports.default = _default;

package/compiled_src/store/lsdb.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(require("../util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let memlocalStorage = require('./inmem_localstorage.js');
+let requestIdleCallback = typeof window !== 'undefined' ? window.requestIdleCallback : null;
+if (!requestIdleCallback) requestIdleCallback = cb => cb();
+const LIMIT = 80;
+class _default {
+  constructor(schema, inmem) {
+    this.localStorage = memlocalStorage;
+    this.inmem = inmem;
+    this.allkeys = {};
+    if (!inmem) {
+      try {
+        window.localStorage.setItem('sbzstore1029', '?');
+        window.localStorage.removeItem('sbzstore1029');
+        this.localStorage = window.localStorage;
+      } catch (e) {}
+    }
+    this.schema = schema;
+  }
+  all(table) {
+    let items = [];
+    for (var i = 0; i < this.localStorage.length; i++) {
+      let key = this.localStorage.key(i);
+      if (!key.startsWith(this.schema + '#' + table + '#')) continue;
+      this.allkeys[key] = true;
+      if (this.inmem) items.push(this.localStorage.getItem(key));else items.push(_index.default.parseJSON(this.localStorage.getItem(key)));
+    }
+    return items;
+  }
+  removes(table, keys) {
+    for (var i = 0; i < keys.length; i++) {
+      delete this.allkeys[this.schema + '#' + table + '#' + keys[i]];
+      this.localStorage.removeItem(this.schema + '#' + table + '#' + keys[i]);
+    }
+  }
+  clear(table) {
+    for (var i = 0; i < this.localStorage.length; i++) {
+      let key = this.localStorage.key(i);
+      if (!key.startsWith(this.schema + '#' + table + '#')) continue;
+      this.localStorage.removeItem(key);
+    }
+    this.allkeys = {};
+  }
+  put(table, key, value) {
+    this.allkeys[this.schema + '#' + table + '#' + key] = true;
+    if (this.inmem) return this.localStorage.setItem(this.schema + '#' + table + '#' + key, value);
+    if (Object.keys(this.allkeys).length > LIMIT) this.clear(table);
+    requestIdleCallback(() => {
+      try {
+        this.localStorage.setItem(this.schema + '#' + table + '#' + key, toString(value));
+      } catch (e) {
+        this.clear(table);
+      }
+    });
+  }
+}
+exports.default = _default;
+function toString(obj) {
+  if (obj === undefined) return 'null';
+  return JSON.stringify(obj);
+}

package/compiled_src/store/store.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../util/index.js"));
-var _storage = _interopRequireDefault(require("@subiz/storage"));
 var _api = _interopRequireDefault(require("./api.js"));
+var _lsdb = _interopRequireDefault(require("./lsdb.js"));
+var _chain = _interopRequireDefault(require("./chain.js"));
+var _kv = _interopRequireDefault(require("./kv.js"));
 var _api_fake = _interopRequireDefault(require("./api_fake.js"));
 var _realtime_fake = _interopRequireDefault(require("./realtime_fake.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -205,9 +207,9 @@ class Store {
     }
     cleanLocalStorage();
     this.pubsub = new _index.default.Pubsub();
-    this.kv = new _storage.default.kv(new _storage.default.lsdb('sbz2023', this.inmem), 'kv');
-    this.cache = new _storage.default.kv(new _storage.default.lsdb('sbz2023', true), 'kv');
-    this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2023', true), 'ch');
+    this.kv = new _kv.default(new _lsdb.default('sbz2023', this.inmem), 'kv');
+    this.cache = new _kv.default(new _lsdb.default('sbz2023', true), 'kv');
+    this.chain = new _chain.default(new _lsdb.default('cbz2023', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
     this.last_focused = _index.default.Date.now();
@@ -306,13 +308,11 @@ class Store {
   async overrideAcc(acc) {
     this.forceAcc = _index.default.cloneDeep(acc);
     await this.readyGate.entry();
-    this.disconnect('account');
     this.reconnect();
   }
   async overrideChatbox(chatbox) {
     this.forceChatbox = chatbox;
     await this.readyGate.entry();
-    this.disconnect('account');
     await this.reconnect();
     _index.default.setTimeout(this.pubsub.publish('resetCSS'), 10);
   }
@@ -435,9 +435,14 @@ class Store {
       user_mask: mask
     }, xhrsend);
     this.realtime.onEvent(this.onWs.bind(this));
-    this.realtime.onInterrupted(() => this.reconnectWs(accid, user.id));
+    this.realtime.onInterrupted(async () => {
+      await this.reconnectWs(accid, user.id);
+      this.reconnect();
+    });
     this.seenLoop();
-    await this.reconnect();
+    await this.reconnect({
+      user: user
+    });
     this.readyGate.open();
     this.reconnectWs(accid, user.id);
     return user;
@@ -460,7 +465,10 @@ class Store {
       getAccessToken: () => this.api.token_generator()
     });
     this.realtime.onEvent(this.onWs.bind(this));
-    this.realtime.onInterrupted(() => this.reconnectWs(accid, user.id));
+    this.realtime.onInterrupted(async () => {
+      await this.reconnectWs(accid, user.id);
+      this.reconnect();
+    });
     this.seenLoop();
     await this.reconnect();
     this.readyGate.open();
@@ -518,18 +526,18 @@ class Store {
   async reconnectWs(accid, userid) {
     await this.realtime.subscribe([`conversation_state_updated.account.${accid}.user.${userid}`, `conversation_joined.account.${accid}.user.${userid}`, `conversation_typing.account.${accid}.user.${userid}`, `message_sent.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`]);
     await this.readyGate.entry();
-    this.disconnect('account');
-    return this.reconnect();
   }
-  async reconnect() {
+  async reconnect(p) {
     if (this._die) return;
     await this.reconnectGate.entry(undefined, true);
-    if (this.isInsync('account')) return this.reconnectGate.open();
     this.markSync('account');
-    let outs = await Promise.all([this.api.getUser(), this.api.getAccountSetting(), this.api.getIsOnline()]);
+    let fetchuser = p && p.user ? Promise.resolve({
+      body: p.user
+    }) : this.api.getUser();
+    let outs = await Promise.all([fetchuser, this.api.getAccountSetting()]);
     let error = _index.default.find(outs, out => out.error);
     if (error) return console.error(error);
-    let set = Object.assign(outs[1].body, outs[2].body);
+    let set = outs[1].body;
     set.user = outs[0].body;
     await this._setSetting(set);
     let convob = await this.api.listConversations();
@@ -1034,9 +1042,9 @@ class Store {
       if ((k || '').startsWith('__sb')) this.cookie.remove(k);
     });
     this.kv.destroy();
-    this.kv = new _storage.default.kv(new _storage.default.lsdb('sbz2023', this.inmem), 'kv');
+    this.kv = new _kv.default(new _lsdb.default('sbz2023', this.inmem), 'kv');
     this.chain.destroy();
-    this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2023', true), 'ch');
+    this.chain = new _chain.default(new _lsdb.default('cbz2023', true), 'ch');
   }
   destroy() {
     this._die = true;