qiscus-sdk-core 2.16.0 → 2.16.1

package/lib/lib/match.js

@@ -1,63 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.match = match;
-exports.when = when;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-// Taken from https://github.com/FGRibreau/match-when/blob/master/match.js
-
-var _catchAllSymbol = String('match.pattern.catchAll');
-var _patternOR = String('match.pattern.OR');
-var _patternORStr = _patternOR.toString(); // dirty hack
-var _patternAND = String('match.pattern.AND');
-var _patternANDStr = _patternAND.toString(); // dirty hack
-var _patternRANGE = String('match.pattern.RANGE');
-var _patternRANGEStr = _patternRANGE.toString(); // dirty hack
-
-var _patternREGEXP = String('match.pattern.REGEXP');
-var _patternREGEXPStr = _patternREGEXP.toString(); // dirty hack
-var EXTRACT_PATTERN_AND_FLAGS = /\/(.*)\/(.*)/;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _catchAllSymbol = String("match.pattern.catchAll");
+const _patternOR = String("match.pattern.OR");
+const _patternORStr = _patternOR.toString();
+const _patternAND = String("match.pattern.AND");
+const _patternANDStr = _patternAND.toString();
+const _patternRANGE = String("match.pattern.RANGE");
+const _patternRANGEStr = _patternRANGE.toString();
+const _patternREGEXP = String("match.pattern.REGEXP");
+const _patternREGEXPStr = _patternREGEXP.toString();
+const EXTRACT_PATTERN_AND_FLAGS = /\/(.*)\/(.*)/;
 function MissingCatchAllPattern() {
-  Error.call(this, 'Missing when() catch-all pattern as last match argument, add [when()]: void 0');
-  if (!('stack' in this)) {
+  Error.call(this, "Missing when() catch-all pattern as last match argument, add [when()]: void 0");
+  if (!("stack" in this)) {
     this.stack = new Error().stack;
   }
 }
 MissingCatchAllPattern.prototype = Object.create(Error.prototype);
-function match() {
-  var _ref;
-  var obj = (_ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
-
-  // pre-compute matchers
-  var matchers = [];
-  for (var key in obj) {
+function match(...args) {
+  const obj = args[args.length - 1];
+  let matchers = [];
+  for (let key in obj) {
     matchers.push(when.unserialize(key, obj[key]));
   }
-
-  // since JS objects are unordered we need to reorder what for..in give us even if the order was already right
-  // because it depends on the JS engine implementation. See #2
-  matchers.sort(function (a, b) {
+  matchers.sort(function(a, b) {
     return a.position < b.position ? -1 : 1;
   });
   if (Object.getOwnPropertySymbols(obj).indexOf(_catchAllSymbol) !== -1) {
     matchers.push(when.unserialize(_catchAllSymbol, obj[_catchAllSymbol]));
   }
-  var calculateResult = function calculateResult(input) {
-    var matched = matchers.find(function (matcher) {
-      return matcher.match(input);
-    });
+  const calculateResult = function(input) {
+    const matched = matchers.find((matcher) => matcher.match(input));
     if (!matched) {
       throw new MissingCatchAllPattern();
     }
-    return typeof matched.result === 'function' ? matched.result(input) : matched.result;
+    return typeof matched.result === "function" ? matched.result(input) : matched.result;
   };
-  return arguments.length === 2 ? calculateResult(arguments.length <= 0 ? undefined : arguments[0]) : calculateResult;
+  return args.length === 2 ? calculateResult(args[0]) : calculateResult;
 }
 function when(props) {
-  if (props === undefined) {
+  if (props === void 0) {
     return _catchAllSymbol;
   }
   if (props instanceof RegExp) {
@@ -66,94 +48,69 @@ function when(props) {
   return _serialize(props);
 }
 when.__uid = 0;
-
-// Any -> String
 function _serialize(mixed) {
   return JSON.stringify([when.__uid++, mixed]);
 }
-
-// String -> [Number, Any]
 function _unserialize(str) {
   return JSON.parse(str);
 }
 function _true() {
   return true;
 }
-
-// Any -> String
 function _match(props) {
   if (Array.isArray(props)) {
     if (props[0] === _patternORStr) {
       props.shift();
-      return function (input) {
-        return props[0].some(function (prop) {
-          return _matching(prop, input);
-        });
+      return function(input) {
+        return props[0].some((prop) => _matching(prop, input));
       };
     }
     if (props[0] === _patternANDStr) {
       props.shift();
-      return function (input) {
-        return props[0].every(function (prop) {
-          return _matching(prop, input);
-        });
+      return function(input) {
+        return props[0].every((prop) => _matching(prop, input));
       };
     }
     if (props[0] === _patternRANGEStr) {
       props.shift();
-      return function (input) {
+      return function(input) {
         return props[0] <= input && input <= props[1];
       };
     }
     if (props[0] === _patternREGEXPStr) {
-      var res = EXTRACT_PATTERN_AND_FLAGS.exec(props[1]);
+      const res = EXTRACT_PATTERN_AND_FLAGS.exec(props[1]);
       return _matching.bind(null, new RegExp(res[1], res[2]));
     }
   }
-  function _matching(props, input) {
-    // implement array matching
+  function _matching(props2, input) {
     if (Array.isArray(input)) {
-      // @todo yes this is a quick and dirty way, optimize this
-      return JSON.stringify(props) === JSON.stringify(input);
+      return JSON.stringify(props2) === JSON.stringify(input);
     }
-    if (props instanceof RegExp) {
-      return props.test(input);
+    if (props2 instanceof RegExp) {
+      return props2.test(input);
     }
-    if ((0, _typeof2["default"])(input) === 'object') {
-      for (var prop in props) {
-        if (input[prop] !== props[prop]) {
+    if (typeof input === "object") {
+      for (let prop in props2) {
+        if (input[prop] !== props2[prop]) {
           return false;
         }
       }
       return true;
     }
-    return props === input;
+    return props2 === input;
   }
-  return function (input) {
-    return _matching(props, input);
-  };
+  return (input) => _matching(props, input);
 }
-
-// mixed -> String
-when.or = function () {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
+when.or = function(...args) {
   return _serialize([_patternOR.toString(), args]);
 };
-
-// mixed -> String
-// upcoming...
-when.and = function () {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
+when.and = function(...args) {
   return _serialize([_patternAND.toString(), args]);
 };
-when.range = function (start, end) {
+when.range = function(start, end) {
   return _serialize([_patternRANGE.toString(), start, end]);
 };
-when.unserialize = function (serializedKey, value) {
+when.unserialize = function(serializedKey, value) {
   if (serializedKey === _catchAllSymbol) {
     return {
       match: _true,
@@ -161,14 +118,14 @@ when.unserialize = function (serializedKey, value) {
       position: Infinity
     };
   }
-
-  // const {position, matcherConfiguration} = _unserialize(serializedKey);
-  var deserialized = _unserialize(serializedKey);
-  var matcherConfiguration = deserialized[1];
-  var position = deserialized[0];
+  const deserialized = _unserialize(serializedKey);
+  const matcherConfiguration = deserialized[1];
+  const position = deserialized[0];
   return {
     match: _match(matcherConfiguration),
     result: value,
-    position: position
+    position
   };
-};
+};
+exports.match = match;
+exports.when = when;

package/lib/lib/url-builder.js

@@ -1,27 +1,16 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = UrlBuilder;
 function UrlBuilder(basePath) {
-  var params = {};
-  var getQuery = function getQuery(key, value) {
-    return "".concat(key, "=").concat(value);
-  };
+  const params = {};
+  const getQuery = (key, value) => `${key}=${value}`;
   return {
-    param: function param(key, value) {
+    param(key, value) {
       params[key] = value;
       return this;
     },
-    build: function build() {
-      var query = Object.keys(params).filter(function (key) {
-        return params[key] != null;
-      }).map(function (key) {
+    build() {
+      const query = Object.keys(params).filter((key) => params[key] != null).map((key) => {
         if (Array.isArray(params[key])) {
-          return params[key].map(function (value) {
-            return getQuery("".concat(key, "[]"), value);
-          }).join("&");
+          return params[key].map((value) => getQuery(`${key}[]`, value)).join("&");
         }
         return getQuery(key, params[key]);
       }).join("&");
@@ -29,4 +18,4 @@ function UrlBuilder(basePath) {
     }
   };
 }
-module.exports = exports.default;
+module.exports = UrlBuilder;

package/lib/lib/util.js

@@ -1,12 +1,8 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapP = exports.tryCatch = exports.sleep = void 0;
-var tryCatch = exports.tryCatch = function tryCatch(fn, default_, onError, onSuccess) {
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tryCatch = (fn, default_, onError, onSuccess) => {
   try {
-    var resp = fn();
+    const resp = fn();
     if (onSuccess != null) onSuccess(resp);
     return resp;
   } catch (error) {
@@ -14,16 +10,6 @@ var tryCatch = exports.tryCatch = function tryCatch(fn, default_, onError, onSuc
     return default_;
   }
 };
-var wrapP = exports.wrapP = function wrapP(promise) {
-  return promise.then(function (res) {
-    return [res, null];
-  })["catch"](function (err) {
-    return [null, err];
-  });
-};
-var sleep = exports.sleep = function sleep() {
-  var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
-  return new Promise(function (r) {
-    return setTimeout(r, time);
-  });
-};
+const wrapP = (promise) => promise.then((res) => [res, null]).catch((err) => [null, err]);
+exports.tryCatch = tryCatch;
+exports.wrapP = wrapP;

package/lib/lib/utils.js

@@ -1,123 +1,78 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GroupChatBuilder = void 0;
-exports.delayed = delayed;
-exports.escapeHTML = escapeHTML;
-exports.scrollToBottom = scrollToBottom;
-exports.searchAndReplace = searchAndReplace;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-function searchAndReplace(str, find, replace) {
-  return str.split(find).join(replace);
-}
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function escapeHTML(str) {
-  return str.replace(/<[^>]*\/?>([\s\S]*)?<\/.*?>/gi, function (match) {
-    return match.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
+  return str.replace(/<[^>]*\/?>([\s\S]*)?<\/.*?>/gi, function(match) {
+    return match.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
   });
 }
-var GroupChatBuilder = exports.GroupChatBuilder = /*#__PURE__*/function () {
+class GroupChatBuilder {
   /**
    * Create a group chat room builder.
    * @constructs
    * @param {RoomAdapter} roomAdapter - Room adapter to be used to call backend
    *  API.
    */
-  function GroupChatBuilder(roomAdapter) {
-    (0, _classCallCheck2["default"])(this, GroupChatBuilder);
+  constructor(roomAdapter) {
     this.roomAdapter = roomAdapter;
     this.name = null;
     this.emails = [];
     this.options = {};
   }
-
   /**
    * Set the room name
    * @param {string} name - Room name
    * @returns {GroupChatBuilder}
    */
-  return (0, _createClass2["default"])(GroupChatBuilder, [{
-    key: "withName",
-    value: function withName(name) {
-      this.name = name;
-      return this;
-    }
-
-    /**
-     * Add an options to this room.
-     * @param {object} options - Any data that is `JSON.stringify` able
-     * @returns {GroupChatBuilder}
-     */
-  }, {
-    key: "withOptions",
-    value: function withOptions(options) {
-      this.options = options;
-      return this;
-    }
-
-    /**
-     * Add more participants to the room.
-     * This method use javascript rest operator, which mean you can add as many as
-     * you want.
-     * eg: addParticipants('email1@gg.com', 'email2@gg.com')
-     * @param {string} emails - Email of participant to be added.
-     */
-  }, {
-    key: "addParticipants",
-    value: function addParticipants() {
-      var _this$emails$filter;
-      for (var _len = arguments.length, emails = new Array(_len), _key = 0; _key < _len; _key++) {
-        emails[_key] = arguments[_key];
-      }
-      this.emails = (_this$emails$filter = this.emails.filter(function (email) {
-        return emails.indexOf(email) === -1;
-      })).concat.apply(_this$emails$filter, emails);
-      return this;
-    }
-
-    /**
-     * Real create group chat room by calling the backend API.
-     * @returns {Promise.<Room, Error>}
-     */
-  }, {
-    key: "create",
-    value: function create() {
-      var name = this.name;
-      var emails = this.emails;
-      var options = this.options;
-      return this.roomAdapter.createRoom(name, emails, {
-        avatarURL: options.avatarURL
-      }, options);
-    }
-  }]);
-}();
-function scrollToBottom(latestCommentId) {
-  requestAnimationFrame(function () {
-    if (latestCommentId > 0) {
-      var elementToScroll = document.getElementById(latestCommentId);
-      if (!elementToScroll) return false;
-      elementToScroll.scrollIntoView({
-        block: 'end',
-        behavior: 'smooth'
-      });
-    }
-    // on entering the room, wait for data processed then focus on comment form
-    document.getElementsByClassName('qcw-comment-form').item(0).getElementsByTagName('textarea').item(0).focus();
-  });
+  withName(name) {
+    this.name = name;
+    return this;
+  }
+  /**
+   * Add an options to this room.
+   * @param {object} options - Any data that is `JSON.stringify` able
+   * @returns {GroupChatBuilder}
+   */
+  withOptions(options) {
+    this.options = options;
+    return this;
+  }
+  /**
+   * Add more participants to the room.
+   * This method use javascript rest operator, which mean you can add as many as
+   * you want.
+   * eg: addParticipants('email1@gg.com', 'email2@gg.com')
+   * @param {string} emails - Email of participant to be added.
+   */
+  addParticipants(...emails) {
+    this.emails = this.emails.filter((email) => emails.indexOf(email) === -1).concat(...emails);
+    return this;
+  }
+  /**
+   * Real create group chat room by calling the backend API.
+   * @returns {Promise.<Room, Error>}
+   */
+  create() {
+    const name = this.name;
+    const emails = this.emails;
+    const options = this.options;
+    return this.roomAdapter.createRoom(
+      name,
+      emails,
+      { avatarURL: options.avatarURL },
+      options
+    );
+  }
 }
 function delayed(cb, timeout) {
-  var timer = null;
-  return function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
+  let timer = null;
+  return function(...args) {
     if (timer != null) clearTimeout(timer);
-    timer = setTimeout(function () {
-      cb.apply(void 0, args);
+    timer = setTimeout(() => {
+      cb(...args);
       timer = null;
     }, timeout);
   };
-}
+}
+exports.GroupChatBuilder = GroupChatBuilder;
+exports.delayed = delayed;
+exports.escapeHTML = escapeHTML;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qiscus-sdk-core",
-  "version": "2.16.0",
+  "version": "2.16.1",
   "description": "Qiscus Web SDK Core",
   "license": "MIT",
   "main": "lib/index.js",
@@ -10,45 +10,16 @@
     "lib",
     "dist"
   ],
-  "scripts": {
-    "build": "npm-run-all --parallel build:node build:web build:web:dev",
-    "build:dev": "npm-run-all --parallel build:node build:web:dev",
-    "build:dev:watch": "npm-run-all --parallel build:web:watch serve",
-    "build:node": "babel -d lib src",
-    "build:node:watch": "babel -w -d lib src",
-    "build:web": "webpack --env.production --env.target=web",
-    "build:web:dev": "webpack --env.development --env.target=web",
-    "build:web:watch": "webpack --env.development --env.target=web --watch",
-    "dev": "webpack --env.development --progress --colors --watch",
-    "watch": "npm-run-all build:web:watch build:node:watch",
-    "test": "mocha --require @babel/register --colors 'test/**/*test.js'",
-    "test:watch": "npm run test -- -w",
-    "clean": "rimraf dist lib",
-    "preversion": "npm-run-all clean build",
-    "prepublishOnly": "npm-run-all clean build",
-    "serve": "http-server -p 1234 -c-1 dist",
-    "dev:serve": "run-p serve watch",
-    "release:patch": "np patch --any-branch --yolo"
-  },
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.11.4",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.11.0",
-    "@babel/polyfill": "^7.10.4",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/register": "^7.10.5",
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",
     "babel-eslint": "^8.2.6",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-add-module-exports": "^1.0.2",
-    "babel-plugin-date-fns": "^0.1.0",
     "chai": "^4.2.0",
     "chai-spies": "^1.0.0",
+    "cross-env": "^7.0.3",
+    "esbuild-register": "^3.6.0",
     "eslint": "5.0.0",
     "eslint-config-standard": "^12.0.0",
-    "eslint-loader": "^2.2.1",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-node": "^8.0.1",
     "eslint-plugin-promise": "^4.2.1",
@@ -59,11 +30,10 @@
     "npm-run-all": "^4.1.5",
     "rimraf": "^2.7.1",
     "serve": "^12.0.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12"
+    "vite": "^6.0.0",
+    "vite-plugin-node-polyfills": "~0.22.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.11.2",
     "date-fns": "^1.30.1",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
@@ -71,28 +41,24 @@
     "mqtt": "~4.2.6",
     "superagent": "^3.8.3"
   },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "modules": "auto"
-        }
-      ]
-    ],
-    "plugins": [
-      "@babel/plugin-transform-runtime",
-      "@babel/plugin-proposal-class-properties",
-      "babel-plugin-add-module-exports"
-    ]
-  },
   "prettier": {
     "semi": false,
     "singleQuote": true,
     "trailingComma": "es5"
   },
-  "engines": {
-    "node": "16.15.1"
-  },
-  "packageManager": "pnpm@8.15.9"
-}
+  "scripts": {
+    "build": "npm-run-all clean --parallel build:lib build:dist",
+    "build:lib": "cross-env BUILD=lib vite build",
+    "build:dist": "npm-run-all build:dist:dev build:dist:min",
+    "build:dist:dev": "cross-env BUILD=dist MINIFY=false vite build",
+    "build:dist:min": "cross-env BUILD=dist MINIFY=true vite build",
+    "build:matrix": "bash scripts/build-matrix.sh",
+    "dev": "cross-env BUILD=dist MINIFY=false vite build --watch",
+    "test": "mocha --require esbuild-register --colors 'test/**/*test.js'",
+    "test:watch": "npm run test -- -w",
+    "clean": "rimraf dist lib",
+    "preversion": "npm-run-all clean build",
+    "serve": "http-server -p 1234 -c-1 dist",
+    "release:patch": "np patch --any-branch --yolo"
+  }
+}