@arcblock/terminal 2.10.1 → 2.10.2

package/lib/Player.js

@@ -138,6 +138,62 @@ function Player(props) {
       });
     }
   };
+  const doJump = time => {
+    terminal.current.reset();
+    const toFrameIndex = (0, _util.findFrameAt)(frames, time);
+    for (let i = 0; i < toFrameIndex; i++) {
+      renderFrame(i);
+    }
+  };
+  const onJump = e => {
+    if (!progress.current || !terminal.current || !state.isStarted) {
+      return false;
+    }
+    const length = progress.current.getBoundingClientRect().width;
+    const position = e.nativeEvent.offsetX;
+    // console.log('onJump', { length, position, e });
+
+    const currentTime = Math.floor(totalDuration * position / length);
+    dispatch({
+      type: 'jump',
+      payload: {
+        currentTime
+      }
+    });
+    doJump(currentTime);
+    emitEvent('onJump');
+    return false;
+  };
+  const onStart = () => {
+    if (state.isStarted === false) {
+      dispatch({
+        type: 'start'
+      });
+      terminal.current.reset();
+    }
+    dispatch({
+      type: 'play'
+    });
+    emitEvent('onStart');
+    return false;
+  };
+  const onPause = () => {
+    dispatch({
+      type: 'pause'
+    });
+    emitEvent('onPause');
+    return false;
+  };
+  const onPlay = () => {
+    if (state.currentFrame === frames.length - 1 && state.currentTime === totalDuration) {
+      dispatch({
+        type: 'reset'
+      });
+      terminal.current.reset();
+    }
+    emitEvent('onPlay');
+    return onStart();
+  };
 
   // Render thumbnailTime
   (0, _react.useEffect)(() => {
@@ -239,62 +295,6 @@ function Player(props) {
     options.frameBox.style.padding = '10px';
     options.frameBox.style.paddingBottom = '40px';
   }
-  const doJump = time => {
-    terminal.current.reset();
-    const toFrameIndex = (0, _util.findFrameAt)(frames, time);
-    for (let i = 0; i < toFrameIndex; i++) {
-      renderFrame(i);
-    }
-  };
-  const onJump = e => {
-    if (!progress.current || !terminal.current || !state.isStarted) {
-      return false;
-    }
-    const length = progress.current.getBoundingClientRect().width;
-    const position = e.nativeEvent.offsetX;
-    // console.log('onJump', { length, position, e });
-
-    const currentTime = Math.floor(totalDuration * position / length);
-    dispatch({
-      type: 'jump',
-      payload: {
-        currentTime
-      }
-    });
-    doJump(currentTime);
-    emitEvent('onJump');
-    return false;
-  };
-  const onStart = () => {
-    if (state.isStarted === false) {
-      dispatch({
-        type: 'start'
-      });
-      terminal.current.reset();
-    }
-    dispatch({
-      type: 'play'
-    });
-    emitEvent('onStart');
-    return false;
-  };
-  const onPause = () => {
-    dispatch({
-      type: 'pause'
-    });
-    emitEvent('onPause');
-    return false;
-  };
-  const onPlay = () => {
-    if (state.currentFrame === frames.length - 1 && state.currentTime === totalDuration) {
-      dispatch({
-        type: 'reset'
-      });
-      terminal.current.reset();
-    }
-    emitEvent('onPlay');
-    return onStart();
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _util.getPlayerClass)(options, state),
     ref: container,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/terminal",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "description": "A react wrapper for xterm allowing you to easily render a terminal in the browser",
   "keywords": [
     "react",
@@ -46,10 +46,10 @@
   "peerDependencies": {
     "react": ">=18.2.0"
   },
-  "gitHead": "703447a831eaf4118ad467e83b07d23920e9221c",
+  "gitHead": "01c29cd905a2baf029d7be25d41c79a261ebd959",
   "dependencies": {
-    "@arcblock/react-hooks": "^2.10.1",
-    "@arcblock/ux": "^2.10.1",
+    "@arcblock/react-hooks": "^2.10.2",
+    "@arcblock/ux": "^2.10.2",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "ahooks": "^3.7.10",

package/src/Player.js

@@ -140,6 +140,60 @@ export default function Player(props) {
     }
   };
 
+  const doJump = (time) => {
+    terminal.current.reset();
+
+    const toFrameIndex = findFrameAt(frames, time);
+    for (let i = 0; i < toFrameIndex; i++) {
+      renderFrame(i);
+    }
+  };
+
+  const onJump = (e) => {
+    if (!progress.current || !terminal.current || !state.isStarted) {
+      return false;
+    }
+
+    const length = progress.current.getBoundingClientRect().width;
+    const position = e.nativeEvent.offsetX;
+    // console.log('onJump', { length, position, e });
+
+    const currentTime = Math.floor((totalDuration * position) / length);
+    dispatch({ type: 'jump', payload: { currentTime } });
+    doJump(currentTime);
+    emitEvent('onJump');
+
+    return false;
+  };
+
+  const onStart = () => {
+    if (state.isStarted === false) {
+      dispatch({ type: 'start' });
+      terminal.current.reset();
+    }
+
+    dispatch({ type: 'play' });
+    emitEvent('onStart');
+
+    return false;
+  };
+
+  const onPause = () => {
+    dispatch({ type: 'pause' });
+    emitEvent('onPause');
+    return false;
+  };
+
+  const onPlay = () => {
+    if (state.currentFrame === frames.length - 1 && state.currentTime === totalDuration) {
+      dispatch({ type: 'reset' });
+      terminal.current.reset();
+    }
+
+    emitEvent('onPlay');
+    return onStart();
+  };
+
   // Render thumbnailTime
   useEffect(() => {
     if (!terminal.current) {
@@ -235,60 +289,6 @@ export default function Player(props) {
     options.frameBox.style.paddingBottom = '40px';
   }
 
-  const doJump = (time) => {
-    terminal.current.reset();
-
-    const toFrameIndex = findFrameAt(frames, time);
-    for (let i = 0; i < toFrameIndex; i++) {
-      renderFrame(i);
-    }
-  };
-
-  const onJump = (e) => {
-    if (!progress.current || !terminal.current || !state.isStarted) {
-      return false;
-    }
-
-    const length = progress.current.getBoundingClientRect().width;
-    const position = e.nativeEvent.offsetX;
-    // console.log('onJump', { length, position, e });
-
-    const currentTime = Math.floor((totalDuration * position) / length);
-    dispatch({ type: 'jump', payload: { currentTime } });
-    doJump(currentTime);
-    emitEvent('onJump');
-
-    return false;
-  };
-
-  const onStart = () => {
-    if (state.isStarted === false) {
-      dispatch({ type: 'start' });
-      terminal.current.reset();
-    }
-
-    dispatch({ type: 'play' });
-    emitEvent('onStart');
-
-    return false;
-  };
-
-  const onPause = () => {
-    dispatch({ type: 'pause' });
-    emitEvent('onPause');
-    return false;
-  };
-
-  const onPlay = () => {
-    if (state.currentFrame === frames.length - 1 && state.currentTime === totalDuration) {
-      dispatch({ type: 'reset' });
-      terminal.current.reset();
-    }
-
-    emitEvent('onPlay');
-    return onStart();
-  };
-
   return (
     <div className={getPlayerClass(options, state)} ref={container}>
       <div className="cover" onClick={onStart} />