@arcblock/terminal 2.13.70 → 3.0.0

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

@@ -15,7 +15,7 @@ export default class Terminal extends React.Component {
   container = null;
 
   componentDidMount() {
-    const { value, options } = this.props;
+    const { value = '', options = {} } = this.props;
     this.fitAddon = new FitAddon();
 
     this.xterm = new XTerm(options);
@@ -53,12 +53,15 @@ export default class Terminal extends React.Component {
   }
 
   shouldComponentUpdate(nextProps) {
+    const { value: nextValue = '' } = nextProps;
+    const { value: currentValue = '' } = this.props;
+
     // eslint-disable-next-line no-prototype-builtins
-    if (nextProps.hasOwnProperty('value') && nextProps.value !== this.props.value) {
+    if (nextProps.hasOwnProperty('value') && nextValue !== currentValue) {
       if (this.xterm) {
         this.xterm.clear();
         setTimeout(() => {
-          this.xterm.write(nextProps.value);
+          this.xterm.write(nextValue);
         }, 0);
       }
     }
@@ -88,15 +91,13 @@ export default class Terminal extends React.Component {
   }
 
   onData = (data) => {
-    if (this.props.onData) {
-      this.props.onData(data);
-    }
+    const { onData = noop } = this.props;
+    onData(data);
   };
 
   onRender = (data) => {
-    if (this.props.onRender) {
-      this.props.onRender(data);
-    }
+    const { onRender = noop } = this.props;
+    onRender(data);
   };
 
   resize(cols, rows) {
@@ -124,10 +125,11 @@ export default class Terminal extends React.Component {
   }
 
   render() {
-    const className = ['react-xterm', this.props.className].filter(Boolean).join(' ');
+    const { className = '', style = {} } = this.props;
+    const combinedClassName = ['react-xterm', className].filter(Boolean).join(' ');
     return (
       // eslint-disable-next-line no-return-assign
-      <div ref={(ref) => (this.container = ref)} className={className} style={this.props.style} />
+      <div ref={(ref) => (this.container = ref)} className={combinedClassName} style={style} />
     );
   }
 }
@@ -140,12 +142,3 @@ Terminal.propTypes = {
   className: PropTypes.string,
   style: PropTypes.object,
 };
-
-Terminal.defaultProps = {
-  onData: noop,
-  onRender: noop,
-  options: {},
-  value: '',
-  className: '',
-  style: {},
-};

package/vite.config.mjs

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+import react from '@vitejs/plugin-react';
+import noBundlePlugin from 'vite-plugin-no-bundle';
+import fg from 'fast-glob';
+
+export default defineConfig({
+  plugins: [
+    react({ jsxRuntime: 'automatic' }),
+    svgr({
+      include: ['**/*.svg', '**/*.svg?react'],
+    }),
+    noBundlePlugin({
+      root: 'src',
+      copy: ['**/*.png', '**/*.gif', '**/*.jpg', '**/*.jpeg', '**/*.d.ts'],
+    }),
+  ],
+  build: {
+    lib: {
+      entry: fg.sync('src/**/*.{tsx,ts,jsx,js}', {
+        ignore: ['**/stories/**', '**/demo/**', '**/*.d.ts', '**/*.stories.*'],
+      }),
+      formats: ['es'],
+      fileName: (format, entryName) => `${entryName}.js`,
+    },
+    outDir: 'lib',
+    emptyOutDir: true,
+  },
+});