@miso.ai/client-sdk-dev-tool 1.3.0-beta.2

package/dist/es/debug.js

@@ -0,0 +1,141 @@
+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);
+}; // format path
+
+
+function _path(path) {
+  return "<".concat(typeof path === 'string' ? path : path.filter(v => v).join('/'), ">");
+} // format event name
+
+
+function _name(name) {
+  return "[".concat(name, "]");
+}
+
+export default 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, { ...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;
+    }
+
+    _log(path.join('.'), name, [data]);
+  }
+
+  _handleCreateClient(eventName, data) {
+    _log('client', eventName, [data]);
+  }
+
+  _handleApiEvent(eventName, _ref2) {
+    let {
+      groupName,
+      apiName,
+      url,
+      bulk,
+      ...data
+    } = _ref2;
+    const pathname = new URL(url).pathname;
+    const args = ['api', eventName];
+    bulk && args.push("(bulk ".concat(bulk.bulkId, ")"));
+    args.push("POST ".concat(pathname));
+
+    if (groupName === 'interactions') {
+      // TODO: handle multiple interactions
+      const {
+        type
+      } = data.payload.data[0];
+      args.push(type);
+    }
+
+    args.push([{ ...data,
+      url
+    }]);
+
+    _log.apply(undefined, args);
+  }
+
+  _handlePluginsEvent(eventName, plugin) {
+    _log('plugins', eventName, "".concat(plugin.id || '(anonymous)'), [plugin]);
+  }
+
+  _handlePluginSpecificEvent(pluginId, path, name, data) {
+    _log([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();
+  }
+
+}

package/dist/es/dry-run.js

@@ -0,0 +1,42 @@
+const ID = 'std:dry-run';
+export default 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(_, context) {
+    const self = this;
+
+    context.classes.api.ApiBase.prototype._send = async function (_ref) {
+      let {
+        url
+      } = _ref;
+
+      this._events.emit('dry-run-send', {
+        url
+      });
+
+      return self._mockResponse();
+    };
+  }
+
+  _mockResponse() {
+    // TODO: take api type
+    return {
+      data: {
+        products: [],
+        attributes: [],
+        completions: {}
+      }
+    };
+  }
+
+}

package/dist/es/index.js

@@ -0,0 +1,2 @@
+export { default as DebugPlugin } from './debug';
+export { default as DryRunPlugin } from './dry-run';

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@miso.ai/client-sdk-dev-tool",
+  "description": "Dev tool plugins for Miso JavaScript client SDK.",
+  "main": "dist/es/index.js",
+  "module": "dist/es/index.js",
+  "files": [
+    "dist/*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "npx babel src --root-mode upward --out-dir dist/es --watch",
+    "test": "echo later",
+    "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"
+  },
+  "repository": "MisoAI/miso-client-js-sdk",
+  "homepage": "https://misoai.github.io/miso-client-js-sdk",
+  "license": "MIT",
+  "contributors": [
+    "simonpai <simon.pai@askmiso.com>"
+  ],
+  "bugs": {
+    "url": "https://github.com/MisoAI/miso-client-js-sdk/issues"
+  },
+  "dependencies": {
+    "@miso.ai/commons": "1.3.0-beta.2"
+  },
+  "version": "1.3.0-beta.2"
+}