@miso.ai/client-sdk-dev-tool 1.4.6-beta.0 → 1.5.0-beta.1

package/dist/cjs/debug.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const _excluded = ["groupName", "apiName", "url", "bulk"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const TAG = '%cMiso';
+const STYLE = 'color: #fff; background-color: #334cbb; padding: 2px 2px 1px 4px;';
+const ID = 'std:debug';
+
+const _log = function (path, name) {
+  for (var _len = arguments.length, data = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    data[_key - 2] = arguments[_key];
+  }
+
+  return console.log(TAG, STYLE, _path(path), _name(name), ...data);
+};
+
+function _logw(path, name, data) {
+  if (data === undefined) {
+    _log(path, name);
+  } else if (Array.isArray(data)) {
+    _log(path, name, ...data.map(_wrapObj));
+  } else {
+    _log(path, name, _wrapObj(data));
+  }
+} // format path
+
+
+function _path(path) {
+  return `<${typeof path === 'string' ? path : path.filter(v => v).join('/')}>`;
+} // format event name
+
+
+function _name(name) {
+  return `[${name}]`;
+}
+
+function _wrapObj(value) {
+  const type = typeof value;
+  return type === 'function' || type === 'object' && !Array.isArray(value) ? [value] : value;
+}
+
+class DebugPlugin {
+  constructor() {
+    this._log = console.log.bind(console, TAG, STYLE);
+  }
+
+  static get id() {
+    return ID;
+  } // TODO: config({ active })
+
+
+  install(MisoClient) {
+    this._injectComponents(MisoClient);
+  }
+
+  _injectComponents(component) {
+    let treePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    component.on('child', c => this._injectComponents(c, treePath));
+    component.on('subtree', c => this._injectComponents(c, treePath.concat(component.meta.path)));
+    component.on('*', (data, meta) => this._handleEvent(component, meta, data, treePath));
+  }
+
+  _handleEvent(component, _ref, data) {
+    let {
+      name
+    } = _ref;
+    let treePath = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+
+    if (name === 'child' || name === 'subtree') {
+      return;
+    }
+
+    const path = treePath.concat(component.meta.path);
+
+    if (!path.length) {
+      switch (name) {
+        case 'create':
+          this._handleCreateClient(name, data);
+
+          return;
+      }
+    }
+
+    switch (path[0]) {
+      case 'client':
+        switch (path[1]) {
+          case 'api':
+            this._handleApiEvent(name, Object.assign({}, data, {
+              groupName: path[2]
+            }));
+
+            return;
+        }
+
+        break;
+
+      case 'plugins':
+        if (path.length === 1) {
+          this._handlePluginsEvent(name, data);
+        } else {
+          this._handlePluginSpecificEvent(path[1], path.slice(2), name, data);
+        }
+
+        return;
+    }
+
+    _logw(path.join('.'), name, data);
+  }
+
+  _handleCreateClient(eventName, data) {
+    _logw('client', eventName, data);
+  }
+
+  _handleApiEvent(eventName, _ref2) {
+    let {
+      groupName,
+      url,
+      bulk
+    } = _ref2,
+        data = _objectWithoutPropertiesLoose(_ref2, _excluded);
+
+    const pathname = new URL(url).pathname;
+    const args = ['api', eventName];
+    bulk && args.push(`(bulk ${bulk.bulkId})`);
+    args.push(`POST ${pathname}`);
+
+    if (groupName === 'interactions') {
+      // TODO: handle multiple interactions
+      const {
+        type
+      } = data.payload.data[0];
+      args.push(type);
+    }
+
+    args.push([Object.assign({}, data, {
+      url
+    })]);
+
+    _log.apply(undefined, args);
+  }
+
+  _handlePluginsEvent(eventName, plugin) {
+    _log('plugins', eventName, `${plugin.id || '(anonymous)'}`, [plugin]);
+  }
+
+  _handlePluginSpecificEvent(pluginId, path, name, data) {
+    _logw([pluginId, path.join('.')], name, data);
+  }
+
+  _getPath(component) {
+    const path = [];
+
+    for (let c = component; c; c = c.meta.parent) {
+      c.meta.name && path.push(c.meta.name);
+    }
+
+    return path.reverse();
+  }
+
+}
+
+exports.default = DebugPlugin;

package/dist/cjs/dry-run.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _commons = require("@miso.ai/commons");
+
+const ID = 'std:dry-run';
+
+class DryRunPlugin {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this._options = options;
+    this.id = 'std:dry-run';
+    this.name = 'dry-run';
+  }
+
+  static get id() {
+    return ID;
+  } // TODO: config({ active })
+
+
+  install(_, _ref) {
+    let {
+      addUrlPass
+    } = _ref;
+    addUrlPass(this._modifyUrl.bind(this));
+  }
+
+  _modifyUrl(_ref2) {
+    let {
+      apiGroup,
+      apiName,
+      url
+    } = _ref2;
+    return apiGroup === 'interactions' && apiName === 'upload' ? (0, _commons.addUrlParameter)(url, 'dry_run', '1') : url;
+  }
+
+}
+
+exports.default = DryRunPlugin;

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DebugPlugin", {
+  enumerable: true,
+  get: function () {
+    return _debug.default;
+  }
+});
+Object.defineProperty(exports, "DryRunPlugin", {
+  enumerable: true,
+  get: function () {
+    return _dryRun.default;
+  }
+});
+
+var _debug = _interopRequireDefault(require("./debug"));
+
+var _dryRun = _interopRequireDefault(require("./dry-run"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/es/debug.js

@@ -1,3 +1,7 @@
+const _excluded = ["groupName", "apiName", "url", "bulk"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const TAG = '%cMiso';
 const STYLE = 'color: #fff; background-color: #334cbb; padding: 2px 2px 1px 4px;';
 const ID = 'std:debug';
@@ -22,12 +26,12 @@ function _logw(path, name, data) {
 
 
 function _path(path) {
-  return "<".concat(typeof path === 'string' ? path : path.filter(v => v).join('/'), ">");
+  return `<${typeof path === 'string' ? path : path.filter(v => v).join('/')}>`;
 } // format event name
 
 
 function _name(name) {
-  return "[".concat(name, "]");
+  return `[${name}]`;
 }
 
 function _wrapObj(value) {
@@ -81,9 +85,9 @@ export default class DebugPlugin {
       case 'client':
         switch (path[1]) {
           case 'api':
-            this._handleApiEvent(name, { ...data,
+            this._handleApiEvent(name, Object.assign({}, data, {
               groupName: path[2]
-            });
+            }));
 
             return;
         }
@@ -110,15 +114,15 @@ export default class DebugPlugin {
   _handleApiEvent(eventName, _ref2) {
     let {
       groupName,
-      apiName,
       url,
-      bulk,
-      ...data
-    } = _ref2;
+      bulk
+    } = _ref2,
+        data = _objectWithoutPropertiesLoose(_ref2, _excluded);
+
     const pathname = new URL(url).pathname;
     const args = ['api', eventName];
-    bulk && args.push("(bulk ".concat(bulk.bulkId, ")"));
-    args.push("POST ".concat(pathname));
+    bulk && args.push(`(bulk ${bulk.bulkId})`);
+    args.push(`POST ${pathname}`);
 
     if (groupName === 'interactions') {
       // TODO: handle multiple interactions
@@ -128,15 +132,15 @@ export default class DebugPlugin {
       args.push(type);
     }
 
-    args.push([{ ...data,
+    args.push([Object.assign({}, data, {
       url
-    }]);
+    })]);
 
     _log.apply(undefined, args);
   }
 
   _handlePluginsEvent(eventName, plugin) {
-    _log('plugins', eventName, "".concat(plugin.id || '(anonymous)'), [plugin]);
+    _log('plugins', eventName, `${plugin.id || '(anonymous)'}`, [plugin]);
   }
 
   _handlePluginSpecificEvent(pluginId, path, name, data) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@miso.ai/client-sdk-dev-tool",
   "description": "Dev tool plugins for Miso JavaScript client SDK.",
-  "main": "dist/es/index.js",
+  "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
   "files": [
     "dist/*"
@@ -13,7 +13,8 @@
     "start": "npx babel src --root-mode upward --out-dir dist/es --watch",
     "build:clean": "npx rimraf dist",
     "build:esm": "npx babel src --root-mode upward --out-dir dist/es",
-    "build": "npm run build:clean && npm run build:esm"
+    "build:cjs": "BABEL_ENV=cjs npx babel src --root-mode upward --out-dir dist/cjs",
+    "build": "npm run build:clean && npm run build:esm && npm run build:cjs"
   },
   "repository": "MisoAI/miso-client-js-sdk",
   "homepage": "https://misoai.github.io/miso-client-js-sdk",
@@ -25,7 +26,7 @@
     "url": "https://github.com/MisoAI/miso-client-js-sdk/issues"
   },
   "dependencies": {
-    "@miso.ai/commons": "1.4.6-beta.0"
+    "@miso.ai/commons": "1.5.0-beta.1"
   },
-  "version": "1.4.6-beta.0"
+  "version": "1.5.0-beta.1"
 }