@arcblock/terminal 2.1.61

package/lib/util.js

@@ -0,0 +1,193 @@
+"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;
+  }); // 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;
+  }); // 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 = {
+  isPlaying: false,
+  isStarted: false,
+  isRendering: false,
+  requireReset: false,
+  currentFrame: -1,
+  currentTime: 0,
+  lastTickTime: null
+};
+exports.defaultState = defaultState;
+const defaultOptions = {
+  realTiming: false,
+  speedFactor: 1.0,
+  controls: true,
+  repeat: false,
+  autoplay: false,
+  thumbnailTime: 999999,
+  frameBox: {}
+};
+exports.defaultOptions = defaultOptions;

package/lib/xterm.css

@@ -0,0 +1,171 @@
+/**
+ * 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.
+ */
+
+/**
+ *  Default styles for xterm.js
+ */
+
+.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;
+  /**
+     * The z-index of the helpers must be higher than the canvases in order for
+     * IMEs to appear on top.
+     */
+  z-index: 5;
+}
+
+.xterm .xterm-helper-textarea {
+  /*
+     * HACK: to fix IE's blinking cursor
+     * Move textarea out of the screen to the far left, so that the cursor is not visible.
+     */
+  position: absolute;
+  opacity: 0;
+  left: -9999em;
+  top: 0;
+  width: 0;
+  height: 0;
+  z-index: -5;
+  /** Prevent wrapping so the IME appears against the textarea at the correct position */
+  white-space: nowrap;
+  overflow: hidden;
+  resize: none;
+}
+
+.xterm .composition-view {
+  /* TODO: Composition position got messed up somewhere */
+  background: #000;
+  color: #fff;
+  display: none;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.xterm .composition-view.active {
+  display: block;
+}
+
+.xterm .xterm-viewport {
+  /* On OS X this is required in order for the scroll bar to appear fully opaque */
+  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 {
+  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+  cursor: default;
+}
+
+.xterm.xterm-cursor-pointer {
+  cursor: pointer;
+}
+
+.xterm.column-select.focus {
+  /* Column selection mode */
+  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: 0.5;
+}
+
+.xterm-underline {
+  text-decoration: underline;
+}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@arcblock/terminal",
+  "version": "2.1.61",
+  "description": "A react wrapper for xterm allowing you to easily render a terminal in the browser",
+  "keywords": [
+    "react",
+    "arcblock",
+    "component",
+    "terminal",
+    "xterm"
+  ],
+  "author": "wangshijun<wangshijun2010@gmail.com>",
+  "homepage": "https://github.com/ArcBlock/ux#readme",
+  "license": "Apache-2.0",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "src"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ArcBlock/ux.git"
+  },
+  "scripts": {
+    "lint": "eslint src stories tests",
+    "build": "babel src --out-dir lib --copy-files",
+    "watch": "babel src --out-dir lib -w --copy-files",
+    "precommit": "CI=1 yarn test",
+    "prepush": "CI=1 yarn test",
+    "prepublish": "npm run build",
+    "test": "npm run lint && node tools/jest.js",
+    "coverage": "npm run lint && yarn test -- --coverage"
+  },
+  "bugs": {
+    "url": "https://github.com/ArcBlock/ux/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.8.4",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/preset-env": "^7.8.4",
+    "@babel/preset-react": "^7.8.3",
+    "babel-plugin-styled-components": "^1.10.7",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "jest": "^24.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.1.0"
+  },
+  "gitHead": "4859674457581033b59d02723c976fffd3a9c3b3",
+  "dependencies": {
+    "@arcblock/react-hooks": "^2.1.61",
+    "@arcblock/ux": "^2.1.61",
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "core-js": "^3.6.4",
+    "lodash": "^4.17.21",
+    "react-use": "^17.2.4",
+    "styled-components": "^5.0.0",
+    "xterm": "4.1.0",
+    "xterm-addon-fit": "^0.2.1",
+    "xterm-addon-web-links": "^0.2.1"
+  }
+}