@selfcommunity/react-core 0.1.4 → 0.1.5-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfcommunity/react-core",
-  "version": "0.1.4",
+  "version": "0.1.5-alpha.0",
   "description": "React Core Components useful for integrating UI Community components (react-ui).",
   "author": "SelfCommunity <https://www.selfcommunity.com>",
   "homepage": "https://www.selfcommunity.com",
@@ -57,9 +57,10 @@
     "react-intl": "^5.25.0"
   },
   "dependencies": {
-    "@selfcommunity/api-services": "^0.1.4",
-    "@selfcommunity/react-i18n": "^0.1.4",
-    "@selfcommunity/types": "^0.1.4",
+    "@selfcommunity/api-services": "^0.1.5-alpha.0",
+    "@selfcommunity/react-i18n": "^0.1.5-alpha.0",
+    "@selfcommunity/types": "^0.1.5-alpha.0",
+    "@selfcommunity/utils": "^0.1.5-alpha.0",
     "pubsub-js": "^1.9.4",
     "react-singleton-hook": "^3.2.3",
     "use-deep-compare-effect": "^1.8.1",
@@ -124,5 +125,5 @@
   "bugs": {
     "url": "https://github.com/selfcommunity/community-js/issues"
   },
-  "gitHead": "054ebdf2fe6993fa65a81e204cd34c678958e047"
+  "gitHead": "ce47fd80ccb32a7129728396883790828a3722cd"
 }

package/lib/cjs/scss/styles.scss

@@ -1 +0,0 @@
-

package/lib/cjs/utils/logger.js

@@ -1,32 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Logger = void 0;
-
-/**
- * Emit styled message
- */
-class Logger {
-  static info(scope, message) {
-    console.info(`%c[${scope}]`, 'color:#008080', ` ${message}`);
-  }
-
-  static warn(scope, message) {
-    console.warn(`%c[${scope}]`, 'color:#008080', ` ${message}`);
-  }
-
-  static error(scope, message) {
-    console.error(`%c[${scope}]`, 'color:#008080', ` ${message}`);
-  }
-
-  static log(scope, message) {
-    console.log(`%c[${scope}]`, 'color:#008080', ` ${message}`);
-  }
-
-  static debug(scope, message) {
-    console.debug(`%c[${scope}]`, 'color:#008080', ` ${message}`);
-  }
-
-}
-
-exports.Logger = Logger;

package/lib/cjs/utils/object.js

@@ -1,44 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.isObject = isObject;
-exports.mergeDeep = mergeDeep;
-
-/**
- * Check if v is an object
- * @param v
- */
-function isObject(v) {
-  return typeof v === 'object' && !Array.isArray(v) && v !== null;
-}
-/**
- * Perfrom deep merge of two objects (not a shallow merge)
- * @param target
- * @param source
- * @return {*}
- */
-
-
-function mergeDeep(target, source) {
-  let output = Object.assign({}, target);
-
-  if (isObject(target) && isObject(source)) {
-    Object.keys(source).forEach(key => {
-      if (isObject(source[key])) {
-        if (!(key in target)) {
-          Object.assign(output, {
-            [key]: source[key]
-          });
-        } else {
-          output[key] = mergeDeep(target[key], source[key]);
-        }
-      } else {
-        Object.assign(output, {
-          [key]: source[key]
-        });
-      }
-    });
-  }
-
-  return output;
-}

package/lib/cjs/utils/session.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.parseJwt = parseJwt;
-
-/**
- * Extract from a jwt token payload
- * @param token
- */
-function parseJwt(token) {
-  let base64Url = token.split('.')[1];
-  let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-  let jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {
-    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-  }).join(''));
-  return JSON.parse(jsonPayload);
-}

package/lib/cjs/utils/string.js

@@ -1,57 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.camelCase = camelCase;
-exports.capitalize = capitalize;
-exports.isString = isString;
-exports.stripHtml = stripHtml;
-
-/**
- * Check if v is a string
- * @param v
- */
-function isString(v) {
-  return typeof v === 'string' || v instanceof String;
-}
-/**
- * Capitalize a string
- * @param str
- */
-
-
-function capitalize(str) {
-  let strVal = '';
-  let strArr = str.split(' ');
-
-  for (let chr = 0; chr < strArr.length; chr++) {
-    strVal += strArr[chr].substring(0, 1).toUpperCase() + strArr[chr].substring(1, strArr[chr].length);
-  }
-
-  return strVal;
-}
-/**
- * CamelCase a string
- * @param str
- */
-
-
-function camelCase(str) {
-  // Lower cases the string
-  return str.toLowerCase() // Replaces any - or _ characters with a space
-  .replace(/[-_]+/g, ' ') // Removes any non alphanumeric characters
-  .replace(/[^\w\s]/g, '') // Uppercases the first character in each group immediately following a space
-  // (delimited by spaces)
-  .replace(/ (.)/g, $1 => {
-    return $1.toUpperCase();
-  }) // Removes spaces
-  .replace(/ /g, '');
-}
-/**
- * Stripe html tags from a string
- * @param str
- */
-
-
-function stripHtml(str) {
-  return str.replace(/<[^>]*>?/gm, '').trim();
-}

package/lib/cjs/utils/url.js

@@ -1,70 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.urlReplacer = exports.isValidUrls = exports.isValidUrl = exports.getDomain = void 0;
-
-/**
- * Utility Url Replacer
- * @param path
- */
-const urlReplacer = path => {
-  const replacer = function replacer(tpl, data) {
-    const re = /\$\(([^)]+)?\)/g;
-    let match = re.exec(tpl);
-
-    while (match) {
-      tpl = tpl.replace(match[0], data[match[1]]);
-      re.lastIndex = 0;
-      match = re.exec(tpl);
-    }
-
-    return tpl;
-  };
-
-  return params => replacer(path, params);
-};
-/**
- * Get domain
- * @param url
- */
-
-
-exports.urlReplacer = urlReplacer;
-
-const getDomain = url => {
-  // eslint-disable-next-line no-useless-escape,@typescript-eslint/prefer-regexp-exec
-  const matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i);
-
-  if (matches && matches[1]) {
-    return matches[1];
-  }
-
-  return '';
-};
-/**
- * Check a str is a valid url pattern
- * @param url
- */
-
-
-exports.getDomain = getDomain;
-
-const isValidUrl = url => {
-  const regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-/]))?/;
-  return regexp.test(url);
-};
-/**
- * Check a str is a valid list of urls separated by delimiter
- * @param value
- * @param delimiter
- */
-
-
-exports.isValidUrl = isValidUrl;
-
-const isValidUrls = (value, delimiter) => {
-  const urls = value.trim().split(delimiter);
-  return urls.every(isValidUrl);
-};
-
-exports.isValidUrls = isValidUrls;

package/lib/cjs/utils/webPushMessaging.js

@@ -1,110 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.urlB64ToUint8Array = exports.loadVersionBrowser = void 0;
-
-/**
- * Take the application server's public key, which is Base64 URL-safe encoded,
- * and convert it to a UInt8Array, because this is the expected input of the subscribe()
- */
-const urlB64ToUint8Array = base64String => {
-  const padding = '='.repeat((4 - base64String.length % 4) % 4);
-  const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
-  const rawData = window.atob(base64);
-  const outputArray = new Uint8Array(rawData.length);
-
-  for (let i = 0; i < rawData.length; ++i) {
-    outputArray[i] = rawData.charCodeAt(i);
-  }
-
-  return outputArray;
-};
-/**
- * Get browser version to track on backend
- * @return {{name: string, version: null}|{name: string, version: string}|{name: *, version: *}|{name: string, version}}
- */
-
-
-exports.urlB64ToUint8Array = urlB64ToUint8Array;
-
-const loadVersionBrowser = () => {
-  if ('userAgentData' in navigator) {
-    // navigator.userAgentData is not available in
-    // Firefox and Safari
-    const uaData = navigator['userAgentData']; // Outputs of navigator.userAgentData.brands[n].brand are e.g.
-    // Chrome: 'Google Chrome'
-    // Edge: 'Microsoft Edge'
-    // Opera: 'Opera'
-
-    let browsername;
-    let browserversion;
-    let chromeVersion = null;
-
-    for (let i = 0; i < uaData['brands'].length; i++) {
-      const brand = uaData['brands'][i].brand;
-      browserversion = uaData['brands'][i].version;
-
-      if (brand.match(/opera|chrome|edge|safari|firefox|msie|trident/i) !== null) {
-        // If we have a chrome match, save the match, but try to find another match
-        // E.g. Edge can also produce a false Chrome match.
-        if (brand.match(/chrome/i) !== null) {
-          chromeVersion = browserversion;
-        } // If this is not a chrome match return immediately
-        else {
-          browsername = brand.substr(brand.indexOf(' ') + 1);
-          return {
-            name: browsername,
-            version: browserversion
-          };
-        }
-      }
-    } // No non-Chrome match was found. If we have a chrome match, return it.
-
-
-    if (chromeVersion !== null) {
-      return {
-        name: 'chrome',
-        version: chromeVersion
-      };
-    }
-  } // If no userAgentData is not present, or if no match via userAgentData was found,
-  // try to extract the browser name and version from userAgent
-
-
-  const userAgent = navigator.userAgent;
-  let ua = userAgent;
-  let tem;
-  let M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
-
-  if (/trident/i.test(M[1])) {
-    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
-    return {
-      name: 'IE',
-      version: tem[1] || ''
-    };
-  }
-
-  if (M[1] === 'Chrome') {
-    tem = ua.match(/\bOPR\/(\d+)/);
-
-    if (tem != null) {
-      return {
-        name: 'Opera',
-        version: tem[1]
-      };
-    }
-  }
-
-  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?']; // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec
-
-  if ((tem = ua.match(/version\/(\d+)/i)) != null) {
-    M.splice(1, 1, tem[1]);
-  }
-
-  return {
-    name: M[0],
-    version: M[1]
-  };
-};
-
-exports.loadVersionBrowser = loadVersionBrowser;

package/lib/cjs/utils/websocket.js

@@ -1,307 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-/**
- * WSClientPropTypes interface
- */
-
-/**
- * WSClient: manage socket connection
- * @param options
- * @constructor
- */
-class WSClient {
-  /**
-   * Constructor
-   * @param cfg
-   */
-  constructor(cfg) {
-    this._attempts = 1;
-    this._heartbeatInterval = null;
-    this._missedHeartbeats = 0;
-
-    if (!this.isValidOptions(cfg)) {
-      return;
-    }
-
-    this._cfg = Object.assign({}, {
-      heartbeatMsg: null,
-      debug: false,
-      mustReconnect: true
-    }, cfg);
-    this.connect();
-  }
-  /**
-   * Get instance
-   */
-
-
-  static getInstance(cfg) {
-    this._instance = this._instance || new WSClient(cfg);
-    return this._instance;
-  }
-  /**
-   * Connect
-   */
-
-
-  connect() {
-    try {
-      if (this._ws && (this.isConnecting() || this.isConnected())) {
-        // There is already a connection
-        this._cfg.debug && console.info('Websocket is connecting or already connected.');
-        return;
-      } // Callback 'connecting' if exist
-
-
-      typeof this._cfg.connecting === 'function' && this._cfg.connecting();
-      this._cfg.debug && console.info(`Connecting to ${this._cfg.uri} ...`); // Open the connection
-
-      this._ws = new WebSocket(this._cfg.uri, this._cfg.protocols);
-      this._ws.onopen = this.onOpen.bind(this);
-      this._ws.onmessage = this.onMessage.bind(this);
-      this._ws.onerror = this.onError.bind(this);
-      this._ws.onclose = this.onClose.bind(this);
-      this._timer = null;
-    } catch (err) {
-      console.error(err);
-      this.tryToReconnect();
-    }
-  }
-  /**
-   * Validate options
-   * @param cfg
-   */
-
-
-  isValidOptions(cfg) {
-    let _error = false;
-
-    if (!cfg) {
-      console.error('Invalid WSClient options.');
-      return _error;
-    }
-
-    if (!cfg.uri) {
-      console.error('Invalid WSClient Uri options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.connecting && !(typeof cfg.connecting === 'function')) {
-      console.error('Invalid WSClient connecting options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.connected && !(typeof cfg.connected === 'function')) {
-      console.error('Invalid WSClient connected options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.receiveMessage && !(typeof cfg.receiveMessage === 'function')) {
-      console.error('Invalid WSClient receiveMessage options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.disconnected && !(typeof cfg.disconnected === 'function')) {
-      console.error('Invalid WSClient connecting options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.heartbeatMsg && !(typeof cfg.heartbeatMsg === 'string')) {
-      console.error('Invalid WSClient heartbeatMsg options.');
-      _error = true;
-    }
-
-    if (cfg && cfg.debug && !(typeof cfg.debug === 'boolean')) {
-      console.error('Invalid WSClient debug options.');
-      _error = true;
-    }
-
-    return !_error;
-  }
-  /**
-   * Try to reconnect if previous connection failed
-   * Generate an interval, after that try to reconnect
-   */
-
-
-  tryToReconnect() {
-    if (this._cfg.mustReconnect && !this._timer) {
-      this._cfg.debug && console.info(`Reconnecting...`);
-      let interval = this.generateInteval(this._attempts);
-      this._timer = setTimeout(this.reconnect.bind(this), interval);
-    }
-  }
-  /**
-   * Reestablish the connection
-   * Increase the number of attempts
-   */
-
-
-  reconnect() {
-    this._attempts++;
-    this.connect();
-  }
-  /**
-   * Send heartbeat every 5 seconds
-   * If missing more than 3 heartbeats close connection
-   */
-
-
-  sendHeartbeat() {
-    try {
-      this._missedHeartbeats++;
-      if (this._missedHeartbeats > 3) throw new Error('Too many missed heartbeats.');
-
-      this._ws.send(this._cfg.heartbeatMsg);
-    } catch (e) {
-      clearInterval(this._heartbeatInterval);
-      this._heartbeatInterval = null;
-      this._cfg.debug && console.warn(`Closing connection. Reason: ${e.message}`);
-
-      if (!this.isClosing() && !this.isClosed()) {
-        this.close();
-      }
-    }
-  }
-  /**
-   * Established the new connection
-   * Reset this._attempts counter
-   */
-
-
-  onOpen() {
-    this._cfg.debug && console.info('Connected!');
-    this._attempts = 1;
-
-    if (this._cfg.heartbeatMsg && this._heartbeatInterval === null) {
-      this._missedHeartbeats = 0;
-      this._heartbeatInterval = setInterval(this.sendHeartbeat.bind(this), 5000);
-    }
-
-    typeof this._cfg.connected === 'function' && this._cfg.connected();
-  }
-  /**
-   * Connection closed. Try to reconnect.
-   * @param evt
-   */
-
-
-  onClose(evt) {
-    this._cfg.debug && console.info('Connection closed!');
-    typeof this._cfg.disconnected === 'function' && this._cfg.disconnected(evt);
-    this.tryToReconnect();
-  }
-  /**
-   * An error occured
-   * @param evt
-   */
-
-
-  onError(evt) {
-    this._cfg.debug && console.error('Websocket connection is broken!');
-    this._cfg.debug && console.error(evt);
-  }
-  /**
-   * A message has arrived.
-   * If it is the heartbeat -> reset this._missedHeartbeats
-   * If it is data pass data to the callback
-   * @param evt
-   */
-
-
-  onMessage(evt) {
-    if (this._cfg.heartbeatMsg && evt.data === this._cfg.heartbeatMsg) {
-      // reset the counter for missed heartbeats
-      this._missedHeartbeats = 0;
-    } else if (typeof this._cfg.receiveMessage === 'function') {
-      return this._cfg.receiveMessage(evt.data);
-    }
-  }
-  /**
-   * Generate an interval that is randomly between 0 and 2^k - 1, where k is
-   * the number of connection attmpts, with a maximum interval of 30 seconds,
-   * so it starts at 0 - 1 seconds and maxes out at 0 - 30 seconds
-   */
-
-
-  generateInteval(k) {
-    let maxInterval = (Math.pow(2, k) - 1) * 1000; // If the generated interval is more than 30 seconds, truncate it down to 30 seconds.
-
-    if (maxInterval > 30 * 1000) {
-      maxInterval = 30 * 1000;
-    } // generate the interval to a random number between 0 and the maxInterval determined from above
-
-
-    return Math.random() * maxInterval;
-  }
-  /**
-   * Send message
-   * @param message
-   */
-
-
-  sendMessage(message) {
-    this._ws && this._ws.send(message);
-  }
-  /**
-   * Get the ws state
-   */
-
-
-  getState() {
-    return this._ws && this._ws.readyState;
-  }
-  /**
-   * Check if ws is in connecting state
-   */
-
-
-  isConnecting() {
-    return this._ws && this._ws.readyState === 0;
-  }
-  /**
-   * Check if ws is connected
-   */
-
-
-  isConnected() {
-    return this._ws && this._ws.readyState === 1;
-  }
-  /**
-   * Check if ws is in closing state
-   */
-
-
-  isClosing() {
-    return this._ws && this._ws.readyState === 2;
-  }
-  /**
-   * Check if ws is closed
-   */
-
-
-  isClosed() {
-    return this._ws && this._ws.readyState === 3;
-  }
-  /**
-   * Close the connection
-   */
-
-
-  close() {
-    clearInterval(this._heartbeatInterval);
-    this._cfg.mustReconnect = false;
-
-    if (!this.isClosing() || !this.isClosed()) {
-      this._ws.close();
-
-      this._cfg.debug && console.error('Websocket closed.');
-    }
-  }
-
-}
-
-exports.default = WSClient;

package/lib/esm/react-core/src/utils/logger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,MAAM;IACjB,MAAM,CAAC,IAAI,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA;IAI1B,MAAM,CAAC,IAAI,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA;IAI1B,MAAM,CAAC,KAAK,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA;IAI3B,MAAM,CAAC,GAAG,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA;IAIzB,MAAM,CAAC,KAAK,CAAC,KAAK,KAAA,EAAE,OAAO,KAAA;CAG5B"}

package/lib/esm/react-core/src/utils/object.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../../../src/utils/object.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,KAAA,WAEzB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAgBhE"}

package/lib/esm/react-core/src/utils/session.d.ts

@@ -1,6 +0,0 @@
-/**
- * Extract from a jwt token payload
- * @param token
- */
-export declare function parseJwt(token: any): any;
-//# sourceMappingURL=session.d.ts.map

package/lib/esm/react-core/src/utils/session.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../../../../src/utils/session.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,KAAA,OAY7B"}