@arcblock/terminal 2.13.69 → 3.0.0

package/lib/Terminal.js

@@ -1,147 +1,86 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _xterm = require("xterm");
-var _xtermAddonWebLinks = require("xterm-addon-web-links");
-var _xtermAddonFit = require("xterm-addon-fit");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _noop = _interopRequireDefault(require("lodash/noop"));
-require("./xterm.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable react/no-unused-class-component-methods */
-class Terminal extends _react.default.Component {
+var a = Object.defineProperty;
+var d = (r, i, t) => i in r ? a(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
+var o = (r, i, t) => d(r, typeof i != "symbol" ? i + "" : i, t);
+import { jsx as p } from "react/jsx-runtime";
+import f from "react";
+import s from "prop-types";
+import { Terminal as x } from "xterm";
+import { WebLinksAddon as l } from "xterm-addon-web-links";
+import { FitAddon as c } from "xterm-addon-fit";
+import u from "lodash/debounce";
+import m from "lodash/noop";
+/* empty css          */
+class w extends f.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "xterm", null);
-    _defineProperty(this, "container", null);
-    _defineProperty(this, "onData", data => {
-      if (this.props.onData) {
-        this.props.onData(data);
-      }
+    o(this, "xterm", null);
+    o(this, "container", null);
+    o(this, "onData", (t) => {
+      const { onData: e = m } = this.props;
+      e(t);
     });
-    _defineProperty(this, "onRender", data => {
-      if (this.props.onRender) {
-        this.props.onRender(data);
-      }
+    o(this, "onRender", (t) => {
+      const { onRender: e = m } = this.props;
+      e(t);
     });
   }
   componentDidMount() {
-    const {
-      value,
-      options
-    } = this.props;
-    this.fitAddon = new _xtermAddonFit.FitAddon();
-    this.xterm = new _xterm.Terminal(options);
-    this.xterm.loadAddon(new _xtermAddonWebLinks.WebLinksAddon());
-    this.xterm.loadAddon(this.fitAddon);
-    this.xterm.open(this.container);
-    this.xterm.onData(this.onData.bind(this));
-    this.xterm.onRender(this.onRender.bind(this));
-    if (value) {
-      this.xterm.write(value);
-    }
-    setTimeout(() => {
-      if (this.xterm) {
-        this.fitAddon.fit();
-      }
-    }, 0);
-    this.debounceFit = (0, _debounce.default)(() => {
+    const { value: t = "", options: e = {} } = this.props;
+    this.fitAddon = new c(), this.xterm = new x(e), this.xterm.loadAddon(new l()), this.xterm.loadAddon(this.fitAddon), this.xterm.open(this.container), this.xterm.onData(this.onData.bind(this)), this.xterm.onRender(this.onRender.bind(this)), t && this.xterm.write(t), setTimeout(() => {
+      this.xterm && this.fitAddon.fit();
+    }, 0), this.debounceFit = u(() => {
       this.fitAddon.fit();
-    }, 600);
-    window.addEventListener('resize', this.debounceFit);
+    }, 600), window.addEventListener("resize", this.debounceFit);
   }
   componentWillUnmount() {
-    if (this.xterm) {
-      this.xterm.dispose();
-      this.xterm = null;
-    }
-    window.removeEventListener('resize', this.debounceFit);
+    this.xterm && (this.xterm.dispose(), this.xterm = null), window.removeEventListener("resize", this.debounceFit);
   }
-  shouldComponentUpdate(nextProps) {
-    // eslint-disable-next-line no-prototype-builtins
-    if (nextProps.hasOwnProperty('value') && nextProps.value !== this.props.value) {
-      if (this.xterm) {
-        this.xterm.clear();
-        setTimeout(() => {
-          this.xterm.write(nextProps.value);
-        }, 0);
-      }
-    }
-    return false;
+  shouldComponentUpdate(t) {
+    const { value: e = "" } = t, { value: n = "" } = this.props;
+    return t.hasOwnProperty("value") && e !== n && this.xterm && (this.xterm.clear(), setTimeout(() => {
+      this.xterm.write(e);
+    }, 0)), !1;
   }
   getXTerm() {
     return this.xterm;
   }
-  write(data, cb) {
-    if (this.xterm) {
-      this.xterm.write(data, cb);
-    }
+  write(t, e) {
+    this.xterm && this.xterm.write(t, e);
   }
   focus() {
-    if (this.xterm) {
-      this.xterm.focus();
-    }
+    this.xterm && this.xterm.focus();
   }
   reset() {
-    if (this.xterm) {
-      this.xterm.reset();
-    }
+    this.xterm && this.xterm.reset();
   }
-  resize(cols, rows) {
-    if (this.xterm) {
-      this.xterm.resize(Math.round(cols), Math.round(rows));
-    }
+  resize(t, e) {
+    this.xterm && this.xterm.resize(Math.round(t), Math.round(e));
   }
-  setOption(key, value) {
-    if (this.xterm) {
-      this.xterm.setOption(key, value);
-    }
+  setOption(t, e) {
+    this.xterm && this.xterm.setOption(t, e);
   }
-  getOption(key) {
-    if (this.xterm) {
-      this.xterm.setOption(key);
-    }
+  getOption(t) {
+    this.xterm && this.xterm.setOption(t);
   }
   refresh() {
-    if (this.xterm) {
-      this.xterm.refresh(0, this.xterm.rows - 1);
-    }
+    this.xterm && this.xterm.refresh(0, this.xterm.rows - 1);
   }
   render() {
-    const className = ['react-xterm', this.props.className].filter(Boolean).join(' ');
+    const { className: t = "", style: e = {} } = this.props, n = ["react-xterm", t].filter(Boolean).join(" ");
     return (
-      /*#__PURE__*/
       // eslint-disable-next-line no-return-assign
-      (0, _jsxRuntime.jsx)("div", {
-        ref: _ref => this.container = _ref,
-        className: className,
-        style: this.props.style
-      })
+      /* @__PURE__ */ p("div", { ref: (h) => this.container = h, className: n, style: e })
     );
   }
 }
-exports.default = Terminal;
-Terminal.propTypes = {
-  onData: _propTypes.default.func,
-  onRender: _propTypes.default.func,
-  options: _propTypes.default.object,
-  value: _propTypes.default.string,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object
+w.propTypes = {
+  onData: s.func,
+  onRender: s.func,
+  options: s.object,
+  value: s.string,
+  className: s.string,
+  style: s.object
+};
+export {
+  w as default
 };
-Terminal.defaultProps = {
-  onData: _noop.default,
-  onRender: _noop.default,
-  options: {},
-  value: '',
-  className: '',
-  style: {}
-};

package/lib/index.js

@@ -1,20 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Terminal", {
-  enumerable: true,
-  get: function get() {
-    return _Terminal.default;
-  }
-});
-Object.defineProperty(exports, "TerminalPlayer", {
-  enumerable: true,
-  get: function get() {
-    return _Player.default;
-  }
-});
-var _Terminal = _interopRequireDefault(require("./Terminal"));
-var _Player = _interopRequireDefault(require("./Player"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { default as r } from "./Terminal.js";
+import { default as f } from "./Player.js";
+export {
+  r as Terminal,
+  f as TerminalPlayer
+};

package/lib/terminal.css

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */.xterm{font-feature-settings:"liga" 0;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm{cursor:text}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:.5}.xterm-underline{text-decoration:underline}.terminal-player,.terminal{display:inline-block}.terminal .xterm .xterm-viewport{overflow-y:hidden!important}.terminal-frame{position:relative}.terminal div{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}.terminal-frame.terminal-window{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #b3b3b3;box-shadow:0 0 18px #b3b3b3;margin:18px;overflow:hidden}.terminal-frame.terminal-window .terminal-titlebar{-moz-border-top-left-radius:6px;-moz-border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;background:#e8e8e8;border-bottom:1px solid #b1aeb1;border-top-left-radius:6px;border-top-right-radius:6px;border-top:1px solid #f3f1f3;color:#3b4247;font-family:Arial,sans-serif;font-size:14px;height:22px;line-height:22px;position:relative;text-align:center;width:100%}.terminal-frame.terminal-window .terminal-titlebar .buttons{left:8px;line-height:0px;position:absolute;top:3.5px}.terminal-frame.terminal-window .terminal-titlebar .close-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#ff5c5c;border-radius:50%;border:1px solid #e33e41;display:inline-block;height:12px;width:12px}.terminal-frame.terminal-window .terminal-titlebar .minimize-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#ffbd4c;border-radius:50%;border:1px solid #e09e3e;display:inline-block;height:12px;margin-left:4px;width:12px}.terminal-frame.terminal-window .terminal-titlebar .maximize-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#00ca56;border-radius:50%;border:1px solid #14ae46;display:inline-block;height:12px;margin-left:4px;width:12px}.terminal-frame.terminal-window .terminal-body{background-color:#1d1d1d;padding:10px}.terminal-frame.terminal-floating{-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#1d1d1d;border-radius:6px;box-shadow:0 0 18px #b3b3b3;margin:18px;overflow:hidden}.terminal-frame.terminal-floating .terminal-titlebar{color:#fff;font-family:Arial,sans-serif;font-size:14px;height:34px;line-height:34px;position:relative;text-align:center;width:100%}.terminal-frame.terminal-floating .terminal-titlebar .buttons{left:13px;line-height:0px;position:absolute;top:9px}.terminal-frame.terminal-floating .terminal-titlebar .close-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#ff5c5c;border-radius:50%;display:inline-block;height:15px;width:15px}.terminal-frame.terminal-floating .terminal-titlebar .minimize-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#ffbd4c;border-radius:50%;display:inline-block;height:15px;line-height:10px;margin-left:4px;width:15px}.terminal-frame.terminal-floating .terminal-titlebar .maximize-button{-moz-border-radius:50%;-webkit-border-radius:50%;background:#00ca56;border-radius:50%;display:inline-block;height:15px;line-height:10px;margin-left:4px;width:15px}.terminal-frame.terminal-floating .terminal-body{padding:20px}.terminal-frame.terminal-solid{-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#1d1d1d;border-radius:6px;box-shadow:0 0 18px #b3b3b3;margin:18px;overflow:hidden}.terminal-frame.terminal-solid .terminal-titlebar{color:#fff;font-family:Arial,sans-serif;font-size:14px;position:relative;text-align:center;width:100%}.terminal-frame.terminal-solid .terminal-titlebar .title{margin:15px}.terminal-frame.terminal-solid .terminal-titlebar .title:empty{display:none}.terminal-frame.terminal-solid .terminal-titlebar .buttons{display:none}.terminal-frame.terminal-solid .terminal-body{padding:20px}.terminal-player{position:relative;font-size:0}.terminal-player .controller{background:#45484d;bottom:0;display:none;font-family:Helvetica,Arial,sans-serif;font-size:12px;height:40px;position:absolute;width:100%;z-index:20;background:#222;transition:height ease .2s;-webkit-transition:height ease .2s;-moz-transition:height ease .2s;-o-transition:height ease .2s}.terminal-player.controls .controller{display:block}.terminal-player.playing .controller{height:0px;overflow:hidden}.terminal-player.playing:hover .controller{height:40px;overflow:hidden}.terminal-player .play,.terminal-player .pause{fill:#cacaca;float:left;height:40px;line-height:40px;text-align:center;width:40px}.terminal-player .play .icon,.terminal-player .pause .icon{border-color:transparent transparent transparent #cacaca;box-sizing:border-box;cursor:pointer;display:inline-block;height:15px}.terminal-player .pause .icon{border-style:double;border-width:0px 0px 0px 12px;margin-top:11px}.terminal-player .play .icon{border-style:solid;border-width:8px 0px 8px 13px;margin-top:10px}.terminal-player .pause,.terminal-player.playing .play{display:none}.terminal-player.playing .pause{display:inline-block}.terminal-player .timer{color:#cacaca;float:right;line-height:40px;padding:0 10px}.terminal-player .progressbar-wrapper{height:40px;line-height:38px;overflow:hidden}.terminal-player .progressbar{background-color:#424242;display:inline-block;height:7px;overflow:hidden;width:100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.terminal-player.started .progressbar{cursor:pointer}.terminal-player .progress{background-color:#cacaca;height:7px;position:relative;width:0%}.terminal-player .cover{cursor:pointer;height:100%;position:absolute;width:100%;z-index:10}.terminal-player .start svg{cursor:pointer;fill:#eaeaea;height:130px;left:50%;margin-left:-65px;margin-top:-65px;position:absolute;top:50%;width:130px;z-index:20;filter:drop-shadow(10px 10px 15px rgba(0,0,0,.4));-webkit-filter:drop-shadow(10px 10px 15px rgba(0,0,0,.4))}.terminal-player.small .start svg{height:60px;margin-left:-30px;margin-top:-30px;width:60px}.terminal-player.framed .start svg{transform:translateY(8px);-webkit-transform:translate(0px,8px);-moz-transform:translate(0px,8px);-o-transform:translate(0px,8px);-ms-transform:translate(0px,8px)}.terminal-player .cover:hover+.start svg,.terminal-player .start:hover svg{fill:#fff}.terminal-player.started .cover,.terminal-player.started .start{display:none}.terminal-player .terminal-watermark{z-index:99999}

package/lib/util.js

@@ -1,166 +1,59 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isFrameAt = exports.getPlayerClass = exports.getFrameClass = exports.formatTime = exports.formatFrames = exports.findFrameAt = exports.defaultState = exports.defaultOptions = void 0;
-/**
- * Adjust the delays of the frames, considering to the options
- *
- * - frameDelay
- *   - Delay between frames in ms
- *   - If the value is `auto` use the actual recording delays
- *
- * - maxIdleTime
- *   - Maximum delay between frames in ms
- *   - Ignored if the `frameDelay` isn't set to `auto`
- *   - Set to `auto` to prevnt limiting the max idle time
- *
- * - speedFactor
- *   - Multiply the frames delays by this factor
- */
-const formatFrames = (frames, options) => {
-  frames.forEach(x => {
-    let {
-      delay
-    } = x;
-
-    // Adjust the delay according to the options
-    if (options.frameDelay !== 'auto') {
-      delay = options.frameDelay;
-    } else if (options.maxIdleTime !== 'auto' && delay > options.maxIdleTime) {
-      delay = options.maxIdleTime;
-    }
-
-    // Apply speedFactor
-    delay *= options.speedFactor;
-
-    // Set the adjusted delay
-    x.delay = delay;
+const f = (t, e) => {
+  t.forEach((n) => {
+    let { delay: l } = n;
+    e.frameDelay !== "auto" ? l = e.frameDelay : e.maxIdleTime !== "auto" && l > e.maxIdleTime && (l = e.maxIdleTime), l *= e.speedFactor, n.delay = l;
   });
-
-  // Calculate and set the duration, startTime, and endTime for each frame
-  let currentTime = 0;
-  const framesCount = frames.length;
-  frames.forEach((x, index) => {
-    // Set the duration (the delay of the next frame)
-    // The % is used to take the delay of the first frame
-    // as the duration of the last frame
-    const duration = frames[(index + 1) % framesCount].delay;
-
-    // Set timing values for the current frame
-    x.duration = duration;
-    x.startTime = currentTime;
-    x.endTime = currentTime + duration;
-    currentTime += duration;
+  let r = 0;
+  const a = t.length;
+  t.forEach((n, l) => {
+    const i = t[(l + 1) % a].delay;
+    n.duration = i, n.startTime = r, n.endTime = r + i, r += i;
   });
-
-  // Total duration
-  const totalDuration = frames.reduce((sum, x) => sum + x.delay, 0);
-  return {
-    frames,
-    totalDuration
-  };
-};
-
-/**
- * Get the frame's index at a specific time
- */
-exports.formatFrames = formatFrames;
-const findFrameAt = (frames, time, fromIndex) => {
-  let frame = null;
-  if (typeof fromIndex === 'undefined') {
-    // eslint-disable-next-line no-param-reassign
-    fromIndex = 0;
-  }
-  for (let i = fromIndex; i < frames.length; i++) {
-    frame = frames[i];
-    if (frame.startTime <= time && time < frame.endTime) {
-      return i;
-    }
-  }
-
-  // The endTime of the final frame belongs to it
-  if (frame.startTime <= time && time <= frame.endTime) {
-    return frames.length - 1;
-  }
-  return -1;
-};
-
-/**
- * Check if the time belongs to the frame's duration
- *
- * @param  {Number} time
- * @param  {Number} frameIndex
- * @return {Number}
- */
-exports.findFrameAt = findFrameAt;
-const isFrameAt = (frames, time, frameIndex) => {
-  const frame = frames[frameIndex];
-  if (typeof frame === 'undefined') {
-    return false;
-  }
-  if (frame.startTime <= time && time < frame.endTime) {
-    return true;
-  }
-  return false;
-};
-exports.isFrameAt = isFrameAt;
-const formatTime = time => {
-  let minutes = Math.floor(time / 60000);
-  let seconds = parseInt((time - minutes * 60000) / 1000, 10);
-  if (minutes < 10) {
-    minutes = "0".concat(minutes);
-  }
-  if (seconds < 10) {
-    seconds = "0".concat(seconds);
-  }
-  return "".concat(minutes, ":").concat(seconds);
-};
-exports.formatTime = formatTime;
-const getPlayerClass = (options, state) => {
-  const playerClass = ['terminal-player'];
-  if (options.controls) {
-    playerClass.push('controls');
-  }
-  if (options.frameBox.type) {
-    playerClass.push('framed');
-  }
-  if (options.rows < 10) {
-    playerClass.push('small');
-  }
-  if (state.isStarted) {
-    playerClass.push('started');
-  }
-  if (state.isPlaying) {
-    playerClass.push('playing');
-  }
-  return playerClass.filter(Boolean).join(' ');
-};
-exports.getPlayerClass = getPlayerClass;
-const getFrameClass = options => {
-  const frameClass = ['terminal-frame'];
-  if (options.frameBox.type) {
-    frameClass.push("terminal-".concat(options.frameBox.type));
-  }
-  return frameClass.join(' ');
-};
-exports.getFrameClass = getFrameClass;
-const defaultState = exports.defaultState = {
-  isPlaying: false,
-  isStarted: false,
-  isRendering: false,
-  requireReset: false,
+  const s = t.reduce((n, l) => n + l.delay, 0);
+  return { frames: t, totalDuration: s };
+}, u = (t, e, r) => {
+  let a = null;
+  typeof r > "u" && (r = 0);
+  for (let s = r; s < t.length; s++)
+    if (a = t[s], a.startTime <= e && e < a.endTime)
+      return s;
+  return a.startTime <= e && e <= a.endTime ? t.length - 1 : -1;
+}, o = (t, e, r) => {
+  const a = t[r];
+  return typeof a > "u" ? !1 : a.startTime <= e && e < a.endTime;
+}, m = (t) => {
+  let e = Math.floor(t / 6e4), r = parseInt((t - e * 6e4) / 1e3, 10);
+  return e < 10 && (e = `0${e}`), r < 10 && (r = `0${r}`), `${e}:${r}`;
+}, c = (t, e) => {
+  const r = ["terminal-player"];
+  return t.controls && r.push("controls"), t.frameBox.type && r.push("framed"), t.rows < 10 && r.push("small"), e.isStarted && r.push("started"), e.isPlaying && r.push("playing"), r.filter(Boolean).join(" ");
+}, d = (t) => {
+  const e = ["terminal-frame"];
+  return t.frameBox.type && e.push(`terminal-${t.frameBox.type}`), e.join(" ");
+}, y = {
+  isPlaying: !1,
+  isStarted: !1,
+  isRendering: !1,
+  requireReset: !1,
   currentFrame: -1,
   currentTime: 0,
   lastTickTime: null
-};
-const defaultOptions = exports.defaultOptions = {
-  realTiming: false,
-  speedFactor: 1.0,
-  controls: true,
-  repeat: false,
-  autoplay: false,
+}, T = {
+  realTiming: !1,
+  speedFactor: 1,
+  controls: !0,
+  repeat: !1,
+  autoplay: !1,
   thumbnailTime: 999999,
   frameBox: {}
-};
+};
+export {
+  T as defaultOptions,
+  y as defaultState,
+  u as findFrameAt,
+  f as formatFrames,
+  m as formatTime,
+  d as getFrameClass,
+  c as getPlayerClass,
+  o as isFrameAt
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/terminal",
-  "version": "2.13.69",
+  "version": "3.0.0",
   "description": "A react wrapper for xterm allowing you to easily render a terminal in the browser",
   "keywords": [
     "react",
@@ -19,8 +19,8 @@
   },
   "scripts": {
     "lint": "eslint src tests --ext js --ext jsx",
-    "build": "babel src --out-dir lib --copy-files --no-copy-ignored",
-    "watch": "babel src --out-dir lib -w --copy-files --no-copy-ignored",
+    "build": "vite build",
+    "watch": "vite build --watch",
     "precommit": "CI=1 npm run lint",
     "prepush": "CI=1 npm run lint",
     "prepublish": "npm run build",
@@ -34,26 +34,19 @@
     "access": "public"
   },
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.3",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "^7.19.3",
-    "@babel/preset-react": "^7.18.6",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "jest": "^29.7.0"
   },
   "peerDependencies": {
-    "react": ">=18.2.0"
+    "react": "^19.0.0"
   },
-  "gitHead": "d8a03a6d869bf5f7be34b448463a07c435b21cea",
+  "gitHead": "b001c32ca85d40d8a0784ca581bfd54d90550b24",
   "dependencies": {
-    "@arcblock/react-hooks": "^2.13.69",
-    "@arcblock/ux": "^2.13.69",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "ahooks": "^3.7.10",
-    "core-js": "^3.25.5",
+    "@arcblock/react-hooks": "3.0.0",
+    "@arcblock/ux": "3.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "ahooks": "^3.8.5",
     "lodash": "^4.17.21",
     "xterm": "4.19.0",
     "xterm-addon-fit": "^0.2.1",

package/src/{Player.js → Player.jsx}

@@ -3,6 +3,7 @@ import { useReducer, useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import useInterval from '@arcblock/react-hooks/lib/useInterval';
 import { useSize } from 'ahooks';
+import isUndefined from 'lodash/isUndefined';
 import noop from 'lodash/noop';
 
 import Terminal from './Terminal';
@@ -20,7 +21,27 @@ import {
   defaultState,
 } from './util';
 
-export default function Player(props) {
+export default function Player(rawProps) {
+  const props = Object.assign({}, rawProps);
+  if (isUndefined(props.onComplete)) {
+    props.onComplete = noop;
+  }
+  if (isUndefined(props.onStart)) {
+    props.onStart = noop;
+  }
+  if (isUndefined(props.onStop)) {
+    props.onStop = noop;
+  }
+  if (isUndefined(props.onPause)) {
+    props.onPause = noop;
+  }
+  if (isUndefined(props.onTick)) {
+    props.onTick = noop;
+  }
+  if (isUndefined(props.onJump)) {
+    props.onJump = noop;
+  }
+
   const options = Object.assign({}, defaultOptions, props.options);
   const { frames, totalDuration } = formatFrames(props.frames, options);
 
@@ -353,12 +374,3 @@ Player.propTypes = {
   onTick: PropTypes.func,
   onJump: PropTypes.func,
 };
-
-Player.defaultProps = {
-  onComplete: noop,
-  onStart: noop,
-  onStop: noop,
-  onPause: noop,
-  onTick: noop,
-  onJump: noop,
-};

package/src/Player.stories.jsx

@@ -0,0 +1,14 @@
+export { default as Player } from './demo/player';
+
+export default {
+  title: 'Data Display/Terminal/Player',
+
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'Terminal Player is a react wrapper for `xterm` allowing you to easily render a terminal in the browser.',
+      },
+    },
+  },
+};