@basthon/console-react 0.2.1 → 0.2.3

package/lib/components/app.js

@@ -15,13 +15,6 @@ const InnerApp = ({ forceTheme, compactHeader, onChangeEditor, children, }) => {
     const [state, dispatch] = stateManager.useReducer(gui.language);
     const language = stateManager.language(state);
     const theme = forceTheme != null ? forceTheme : stateManager.theme(state);
-    // apply body style from css module
-    useEffect(() => {
-        document.body.classList.add(styles.body);
-        return () => {
-            document.body.classList.remove(styles.body);
-        };
-    }, []);
     // set data-theme for basthon-loader footer
     // FIXME: remove this when basthon-loader is a plain react component
     useEffect(() => {

package/lib/components/styles.module.scss

@@ -32,31 +32,16 @@
   --term-fg-color: #272822;
 }
 
-.body {
-  margin: 0px;
-  padding: 0px;
-  /* useful for kernel-loader */
+.root {
   font-family: var(--main-font);
   font-size: var(--main-font-size);
-}
 
-.root {
   background-color: var(--bg-color);
   font-family: var(--main-font);
   font-size: var(--main-font-size);
   height: 100%;
   min-height: 100vh;
   overflow: auto;
-
-  // font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  // line-height: 1.5;
-  // font-weight: 400;
-  // color: rgba(255, 255, 255, 0.87);
-  // background-color: #242424;
-  // font-synthesis: none;
-  // text-rendering: optimizeLegibility;
-  // -webkit-font-smoothing: antialiased;
-  // -moz-osx-font-smoothing: grayscale;
 }
 
 .header {
@@ -329,6 +314,8 @@ a {
 :global {
   .basthon-loader-root.basthon-loader-foot {
     border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
+    font-family: var(--main-font);
+    font-size: var(--main-font-size);
   }
 
   .basthon-dynamic-iframe {

package/lib/components/terminal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useRef } from "react";
+import { useCallback, useRef, memo } from "react";
 import { useAsyncEffect } from "../hooks/async-effect";
 import { useGUI } from "../hooks/gui";
 import TerminalGUI from "../gui/terminal";
@@ -34,8 +34,8 @@ const useTerminal = () => {
     }, []);
     return ref;
 };
-const Terminal = (props) => {
+const Terminal = memo((props) => {
     const containerRef = useTerminal();
     return _jsx("div", { ref: containerRef, className: styles.terminal, ...props });
-};
+});
 export { Terminal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/console-react",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Basthon - Console React Component",
   "homepage": "https://basthon.fr",
   "bugs": {
@@ -15,10 +15,12 @@
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "directories": {
-    "lib": "lib/"
+    "lib": "lib/",
+    "patches": "patches/"
   },
   "files": [
-    "lib"
+    "lib",
+    "patches"
   ],
   "exports": {
     ".": {

package/patches/jquery.terminal+2.44.1.patch

@@ -0,0 +1,13 @@
+diff --git a/node_modules/jquery.terminal/js/jquery.terminal.js b/node_modules/jquery.terminal/js/jquery.terminal.js
+index 9e18a5a..c2abdef 100644
+--- a/node_modules/jquery.terminal/js/jquery.terminal.js
++++ b/node_modules/jquery.terminal/js/jquery.terminal.js
+@@ -1218,7 +1218,7 @@
+     var command_re = /((?:"[^"\\]*(?:\\[\S\s][^"\\]*)*"|'[^'\\]*(?:\\[\S\s][^'\\]*)*'|`[^`\\]*(?:\\[\S\s][^`\\]*)*`|\/[^\/\\]*(?:\\[\S\s][^\/\\]*)*\/[gimsuy]*(?=\s|$)|(?:\\\s|\S))+)(?=\s|$)/gi;
+     var extended_command_re = /^\s*((terminal|cmd)::([a-z_]+)\(([\s\S]*)\))\s*$/;
+     var format_exec_split_re = /(\[\[(?:-?[@!gbiusor])*;[^\]]+\](?:\\[[\]]|[^\]])*\]|\[\[[\s\S]+?\]\])/;
+-    var format_exec_re = /(\[\[[\s\S]+?\]\])/;
++    var format_exec_re = /(\[\[(?:[^\][]|\\\])+\]\])/;
+     var float_re = /^[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?$/;
+     var re_re = /^\/((?:\\\/|[^/]|\[[^\]]*\/[^\]]*\])+)\/([gimsuy]*)$/;
+     var string_re = /("(?:[^"\\]|\\(?:\\\\)*"|\\\\)*"|'(?:[^'\\]|\\(?:\\\\)*'|\\\\)*'|`(?:[^`\\]|\\(?:\\\\)*`|\\\\)*`)/;