@miso.ai/client-sdk-ui 1.9.10-beta.0 → 1.10.0-beta.0

package/dist/cjs/layout/text/typewriter/index.js

@@ -75,73 +75,28 @@ class TypewriterLayout extends _progressive.default {
     const context = await this._view._views._extensions.require('markdown');
     const cursorClass = (0, _utils.cursorClassName)(this.className);
     const {
-      onDebug
+      onDebug,
+      onCitationLink
     } = this.options;
     // TODO: options
     this._renderer = context.createRenderer({
-      onRefChange: (oldRef, newRef) => {
-        oldRef && oldRef.classList.remove(cursorClass);
-        newRef && newRef.classList.add(cursorClass);
-      },
-      onDone: element => {
-        element.classList.add('done');
-      },
-      onDebug,
-      onCitationLink: this._handleCitationLink.bind(this)
+      cursorClass,
+      getSource: index => this._getSource(index),
+      onCitationLink,
+      onDebug
     });
     // capture citation link click if necessary
     this._unsubscribes.push(this._view.proxyElement.on('click', e => this._handleClick(e)));
   }
-  _handleCitationLink(methods, index) {
-    const {
-      onCitationLink
-    } = this.options;
-    if (typeof onCitationLink !== 'function') {
-      return;
-    }
+  _getSource(index) {
     const {
       data = {}
     } = this._view._data;
     const {
       sources = []
     } = data;
-    const source = sources[index];
-    try {
-      onCitationLink(methods, {
-        source,
-        index
-      });
-    } catch (e) {
-      console.error(e);
-    }
+    return sources[index];
   }
-
-  /*
-  _handleCitationTooltip({ node, tooltip, index }) {
-    const { tooltip: tooltipOptions } = this.options;
-    if (!tooltipOptions || !tooltip || tooltip.properties['data-value']) {
-      return;
-    }
-    const { data = {} } = this._view._data;
-    const { sources = [] } = data;
-    const source = sources[index];
-    if (!source) {
-      return;
-    }
-    // TODO: allow HTML
-    let value;
-    try {
-      value = typeof tooltipOptions === 'function' ? tooltipOptions(source) : source.title;
-    } catch (e) {
-      console.error(e);
-    }
-    if (!value) {
-      return;
-    }
-    tooltip.properties['data-value'] = escapeHtml(value);
-  }
-  */
-
   async _setupForPlaintext() {
     this._renderer = new _plaintext.default();
   }

package/dist/cjs/styles.js

@@ -3,95 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.loadStyles = loadStyles;
 exports.loadStylesIfNecessary = loadStylesIfNecessary;
-var _version = _interopRequireDefault(require("./version.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  currentScript
-} = document;
+var _commons = require("@miso.ai/commons");
+const NAME = 'ui';
 let cssUrl;
 let stylesLoaded;
 async function loadStylesIfNecessary() {
-  return stylesLoaded || (stylesLoaded = loadStyles());
-}
-async function loadStyles() {
-  try {
-    let link = getExistedLinkElement();
-    if (!link) {
-      link = document.createElement('link');
-      link.rel = 'stylesheet';
-      link.href = getCssUrl();
-      document.head.appendChild(link);
-    }
-    return waitForStylesApplied(link);
-  } catch (e) {
-    console.error(e);
-  }
+  return stylesLoaded || (stylesLoaded = (0, _commons.loadStyles)(getCssUrl()));
 }
 
 // helpers //
 function getCssUrl() {
-  return cssUrl || (cssUrl = resolveCssUrl());
-}
-function resolveCssUrl() {
-  // TODO: refactor with getPluginScriptUrl() in core
-  if (_version.default === 'dev') {
-    const src = currentScript.src;
-    const searchIndex = src.indexOf('?');
-    const k = searchIndex < 0 ? src.length : searchIndex;
-    const i = src.lastIndexOf('/', k); // .../dist/umd/*.min.js
-    return `${src.slice(0, i - 4)}/css/ui.css`;
-  } else {
-    return `https://cdn.jsdelivr.net/npm/@miso.ai/client-sdk@${_version.default}/dist/css/ui.css`;
-  }
-}
-function getExistedLinkElement() {
-  return document.head.querySelector(`link[href="${getCssUrl()}"]`);
-}
-async function waitForStylesApplied(element) {
-  await waitForSheetAvailable(element);
-  await waitForSheetIncluded(element);
-}
-async function waitForSheetAvailable(element) {
-  if (element.sheet) {
-    return;
-  }
-  return new Promise((resolve, reject) => {
-    let intervalId;
-    element.onerror = () => {
-      intervalId && clearInterval(intervalId);
-      reject();
-    };
-    intervalId = setInterval(() => {
-      if (!element.sheet) {
-        return;
-      }
-      intervalId && clearInterval(intervalId);
-      resolve();
-    }, 100);
-  });
-}
-async function waitForSheetIncluded(element) {
-  if (isSheetIncluded(element)) {
-    return;
-  }
-  return new Promise(resolve => {
-    let intervalId;
-    intervalId = setInterval(() => {
-      if (!isSheetIncluded(element)) {
-        return;
-      }
-      intervalId && clearInterval(intervalId);
-      resolve();
-    }, 100);
-  });
-}
-function isSheetIncluded(element) {
-  for (const sheet of document.styleSheets) {
-    if (sheet.ownerNode === element) {
-      return true;
-    }
-  }
-  return false;
+  return cssUrl || (cssUrl = (0, _commons.resolveCssUrl)(NAME));
 }

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '1.9.10-beta.0';
+var _default = exports.default = '1.10.0-beta.0';

package/package.json

@@ -26,7 +26,7 @@
     "url": "https://github.com/MisoAI/miso-client-js-sdk/issues"
   },
   "dependencies": {
-    "@miso.ai/commons": "1.9.10-beta.0"
+    "@miso.ai/commons": "1.10.0-beta.0"
   },
-  "version": "1.9.10-beta.0"
+  "version": "1.10.0-beta.0"
 }

package/src/layout/text/typewriter/index.js

@@ -72,63 +72,23 @@ export default class TypewriterLayout extends ProgressiveLayout {
   async _setupForMarkdown() {
     const context = await this._view._views._extensions.require('markdown');
     const cursorClass = cursorClassName(this.className);
-    const { onDebug } = this.options;
+    const { onDebug, onCitationLink } = this.options;
     // TODO: options
     this._renderer = context.createRenderer({
-      onRefChange: (oldRef, newRef) => {
-        oldRef && oldRef.classList.remove(cursorClass);
-        newRef && newRef.classList.add(cursorClass);
-      }, 
-      onDone: (element) => {
-        element.classList.add('done');
-      },
+      cursorClass,
+      getSource: index => this._getSource(index),
+      onCitationLink,
       onDebug,
-      onCitationLink: this._handleCitationLink.bind(this),
     });
     // capture citation link click if necessary
     this._unsubscribes.push(this._view.proxyElement.on('click', (e) => this._handleClick(e)));
   }
 
-  _handleCitationLink(methods, index) {
-    const { onCitationLink } = this.options;
-    if (typeof onCitationLink !== 'function') {
-      return;
-    }
-    const { data = {} } = this._view._data;
-    const { sources = [] } = data;
-    const source = sources[index];
-    try {
-      onCitationLink(methods, { source, index });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  /*
-  _handleCitationTooltip({ node, tooltip, index }) {
-    const { tooltip: tooltipOptions } = this.options;
-    if (!tooltipOptions || !tooltip || tooltip.properties['data-value']) {
-      return;
-    }
+  _getSource(index) {
     const { data = {} } = this._view._data;
     const { sources = [] } = data;
-    const source = sources[index];
-    if (!source) {
-      return;
-    }
-    // TODO: allow HTML
-    let value;
-    try {
-      value = typeof tooltipOptions === 'function' ? tooltipOptions(source) : source.title;
-    } catch (e) {
-      console.error(e);
-    }
-    if (!value) {
-      return;
-    }
-    tooltip.properties['data-value'] = escapeHtml(value);
+    return sources[index];
   }
-  */
 
   async _setupForPlaintext() {
     this._renderer = new PlaintextRenderer();

package/src/styles.js

@@ -1,97 +1,15 @@
-import version from './version.js';
+import { loadStyles, resolveCssUrl } from '@miso.ai/commons';
 
-const { currentScript } = document;
+const NAME = 'ui';
 
 let cssUrl;
 let stylesLoaded;
 
 export async function loadStylesIfNecessary() {
-  return stylesLoaded || (stylesLoaded = loadStyles());
-}
-
-export async function loadStyles() {
-  try {
-    let link = getExistedLinkElement();
-    if (!link) {
-      link = document.createElement('link');
-      link.rel = 'stylesheet';
-      link.href = getCssUrl();
-      document.head.appendChild(link);
-    }
-    return waitForStylesApplied(link);
-  } catch(e) {
-    console.error(e);
-  }
+  return stylesLoaded || (stylesLoaded = loadStyles(getCssUrl()));
 }
 
 // helpers //
 function getCssUrl() {
-  return cssUrl || (cssUrl = resolveCssUrl());
-}
-
-function resolveCssUrl() {
-  // TODO: refactor with getPluginScriptUrl() in core
-  if (version === 'dev') {
-    const src = currentScript.src;
-    const searchIndex = src.indexOf('?');
-    const k = searchIndex < 0 ? src.length : searchIndex;
-    const i = src.lastIndexOf('/', k); // .../dist/umd/*.min.js
-    return `${src.slice(0, i - 4)}/css/ui.css`;
-  } else {
-    return `https://cdn.jsdelivr.net/npm/@miso.ai/client-sdk@${version}/dist/css/ui.css`;
-  }
-}
-
-function getExistedLinkElement() {
-  return document.head.querySelector(`link[href="${getCssUrl()}"]`);
-}
-
-async function waitForStylesApplied(element) {
-  await waitForSheetAvailable(element);
-  await waitForSheetIncluded(element);
-}
-
-async function waitForSheetAvailable(element) {
-  if (element.sheet) {
-    return;
-  }
-  return new Promise((resolve, reject) => {
-    let intervalId;
-    element.onerror = () => {
-      intervalId && clearInterval(intervalId);
-      reject();
-    };
-    intervalId = setInterval(() => {
-      if (!element.sheet) {
-        return;
-      }
-      intervalId && clearInterval(intervalId);
-      resolve();
-  }, 100);
-  });
-}
-
-async function waitForSheetIncluded(element) {
-  if (isSheetIncluded(element)) {
-    return;
-  }
-  return new Promise((resolve) => {
-    let intervalId;
-    intervalId = setInterval(() => {
-      if (!isSheetIncluded(element)) {
-        return;
-      }
-      intervalId && clearInterval(intervalId);
-      resolve();
-  }, 100);
-  });
-}
-
-function isSheetIncluded(element) {
-  for (const sheet of document.styleSheets) {
-    if (sheet.ownerNode === element) {
-      return true;
-    }
-  }
-  return false;
+  return cssUrl || (cssUrl = resolveCssUrl(NAME));
 }

package/src/version.js

@@ -1 +1 @@
-export default '1.9.10-beta.0';
+export default '1.10.0-beta.0';