@miso.ai/client-sdk-ui 1.10.0-beta.11 → 1.10.0-beta.12

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

@@ -7,10 +7,9 @@ exports.default = void 0;
 var _commons = require("@miso.ai/commons");
 var _constants = require("../../../constants.js");
 var _progressive = _interopRequireDefault(require("../../progressive.js"));
-var _progress = _interopRequireDefault(require("./progress.js"));
 var _plaintext = _interopRequireDefault(require("./plaintext.js"));
 var _utils = require("./utils.js");
-const _excluded = ["className", "tag", "format", "tooltip"];
+const _excluded = ["className", "tag", "format", "tooltip", "speed", "acceleration", "nextCursorFn"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 const TYPE = 'typewriter';
@@ -31,7 +30,10 @@ class TypewriterLayout extends _progressive.default {
         className = DEFAULT_CLASSNAME,
         tag = 'auto',
         format = 'markdown',
-        tooltip = false
+        tooltip = false,
+        speed,
+        acceleration,
+        nextCursorFn
       } = _ref,
       options = _objectWithoutPropertiesLoose(_ref, _excluded);
     super(Object.assign({
@@ -43,7 +45,10 @@ class TypewriterLayout extends _progressive.default {
       className
     });
     this._prevState = undefined;
-    this._progress = new _progress.default(options);
+    this._getNextCursor = typeof nextCursorFn === 'function' ? nextCursorFn : (0, _commons.pacer)({
+      speed,
+      acceleration
+    });
     this._readiness = new _commons.Resolution();
 
     // kick off sooner
@@ -154,7 +159,7 @@ class TypewriterLayout extends _progressive.default {
       // new typing streak
       result = this._renderer.clear(container, rendered);
     } else {
-      const cursor = this._progress.get(rendered, state);
+      const cursor = this._getNextCursor(rendered.cursor, state.doneAt, rendered.timestamp, state.timestamp);
       result = this._renderer.update(container, rendered, Object.assign({}, state, {
         cursor
       }));

package/dist/cjs/version.js

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

package/package.json

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

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

@@ -1,7 +1,6 @@
-import { trimObj, defineValues, Resolution } from '@miso.ai/commons';
+import { trimObj, defineValues, Resolution, pacer } from '@miso.ai/commons';
 import { LAYOUT_CATEGORY, STATUS } from '../../../constants.js';
 import ProgressiveLayout from '../../progressive.js';
-import ProgressController from './progress.js';
 import PlaintextRenderer from './plaintext.js';
 import { containerElement, cursorClassName, fromSameSession } from './utils.js';
 
@@ -27,6 +26,9 @@ export default class TypewriterLayout extends ProgressiveLayout {
     tag = 'auto',
     format = 'markdown',
     tooltip = false,
+    speed,
+    acceleration,
+    nextCursorFn,
     ...options
   } = {}) {
     super({
@@ -39,7 +41,7 @@ export default class TypewriterLayout extends ProgressiveLayout {
       className,
     });
     this._prevState = undefined;
-    this._progress = new ProgressController(options);
+    this._getNextCursor = typeof nextCursorFn === 'function' ? nextCursorFn : pacer({ speed, acceleration });
     this._readiness = new Resolution();
 
     // kick off sooner
@@ -134,7 +136,7 @@ export default class TypewriterLayout extends ProgressiveLayout {
       // new typing streak
       result = this._renderer.clear(container, rendered);
     } else {
-      const cursor = this._progress.get(rendered, state);
+      const cursor = this._getNextCursor(rendered.cursor, state.doneAt, rendered.timestamp, state.timestamp);
       result = this._renderer.update(container, rendered, { ...state, cursor });
     }
     writeToState(result);

package/src/version.js

@@ -1 +1 @@
-export default '1.10.0-beta.11';
+export default '1.10.0-beta.12';

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-class ProgressController {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this._cps = normalizeSpeedFunction(options);
-  }
-  get(prevState, newState) {
-    const cps = this._cps(newState);
-    const increment = Math.floor((newState.timestamp - prevState.timestamp) * cps / 1000);
-    return prevState.cursor + increment;
-  }
-}
-exports.default = ProgressController;
-function normalizeSpeedFunction() {
-  let {
-    speed = 100,
-    acceleration = 4
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (typeof speed === 'function') {
-    return speed;
-  }
-  if (typeof speed !== 'number') {
-    throw new Error(`Invalid speed: ${speed}`);
-  }
-  if (typeof acceleration !== 'number') {
-    throw new Error(`Invalid acceleration: ${acceleration}`);
-  }
-  return _ref => {
-    let {
-      doneAt,
-      timestamp
-    } = _ref;
-    let value = speed * (Math.random() + 0.5);
-    if (acceleration > 0 && doneAt !== undefined) {
-      // speed up gradually when input is done
-      value *= 1 + (timestamp - doneAt) * acceleration / 1000;
-    }
-    return value;
-  };
-}

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

@@ -1,33 +0,0 @@
-export default class ProgressController {
-
-  constructor(options = {}) {
-    this._cps = normalizeSpeedFunction(options);
-  }
-
-  get(prevState, newState) {
-    const cps = this._cps(newState);
-    const increment = Math.floor((newState.timestamp - prevState.timestamp) * cps / 1000);
-    return prevState.cursor + increment;
-  }
-
-}
-
-function normalizeSpeedFunction({ speed = 100, acceleration = 4 } = {}) {
-  if (typeof speed === 'function') {
-    return speed;
-  }
-  if (typeof speed !== 'number') {
-    throw new Error(`Invalid speed: ${speed}`);
-  }
-  if (typeof acceleration !== 'number') {
-    throw new Error(`Invalid acceleration: ${acceleration}`);
-  }
-  return ({ doneAt, timestamp }) => {
-    let value = speed * (Math.random() + 0.5);
-    if (acceleration > 0 && doneAt !== undefined) {
-      // speed up gradually when input is done
-      value *= 1 + ((timestamp - doneAt) * acceleration / 1000);
-    }
-    return value;
-  };
-}