🔨 Fix some bugs caused by the bluelib-react update

package-lock.json

@@ -1740,6 +1740,11 @@
         }
       }
     },
+    "@matejmazur/react-katex": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@matejmazur/react-katex/-/react-katex-3.1.3.tgz",
+      "integrity": "sha512-rBp7mJ9An7ktNoU653BWOYdO4FoR4YNwofHZi+vaytX/nWbIlmHVIF+X8VFOn6c3WYmrLT5FFBjKqCZ1sjR5uQ=="
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.4.tgz",
@@ -3530,15 +3535,16 @@
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
     },
     "bluelib": {
-      "version": "0.24.3",
+      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/bluelib/-/bluelib-0.24.3.tgz",
+      "resolved": "https://registry.npmjs.org/bluelib/-/bluelib-0.25.0.tgz",
-      "integrity": "sha512-+JcxeqPPZy32KDnWgDwkQB32f9LJa3dl/Ry6yBBFyOXhpWUFN3sfkdzIzVlvAcM7NvZoJlREznMVhSX0h/MEvA==",
+      "integrity": "sha512-x1KJEP3yTaOTEga4ut+2P2ZGnHrmFqLc1RlgYW5bdsM0ReRJZ8Mps7T47VUuryBtbjJlmh9Sa6VnsSlPP6C0wQ==",
       "requires": {
         "@babel/preset-env": "^7.12.11",
         "@babel/preset-react": "^7.12.10",
+        "@matejmazur/react-katex": "^3.1.3",
         "@reach/router": "^1.3.4",
         "classnames": "^2.2.6",
-        "mathjax-react": "^1.0.6",
+        "katex": "^0.12.0",
         "prop-types": "^15.7.2",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
@@ -5996,11 +6002,6 @@
         }
       }
     },
-    "esm": {
-      "version": "3.2.25",
-      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
-      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA=="
-    },
     "espree": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
@@ -9686,6 +9687,21 @@
         "object.assign": "^4.1.2"
       }
     },
+    "katex": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.12.0.tgz",
+      "integrity": "sha512-y+8btoc/CK70XqcHqjxiGWBOeIL8upbS0peTPXTvgrh21n1RiWWcIpSWM+4uXq+IAgNh9YYQWdc7LVDPDAEEAg==",
+      "requires": {
+        "commander": "^2.19.0"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+        }
+      }
+    },
     "killable": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -9928,24 +9944,6 @@
         "object-visit": "^1.0.0"
       }
     },
-    "mathjax-full": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/mathjax-full/-/mathjax-full-3.1.2.tgz",
-      "integrity": "sha512-jFCwRFdFwIOa8J7r6VZT0AIv9ZwbLQ9aPc9YZp695NTvv7XKU2NunJodA+zDWzElIFJ7mTsImyfe5R3QyRNZjw==",
-      "requires": {
-        "esm": "^3.2.25",
-        "mj-context-menu": "^0.6.1",
-        "speech-rule-engine": "^3.1.1"
-      }
-    },
-    "mathjax-react": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/mathjax-react/-/mathjax-react-1.0.6.tgz",
-      "integrity": "sha512-GlkPAhaY0FKc95TMdo33mxNZHb+3xRgfgc3YcnQ0cZxvnM1UaF0o8mRI5y5xIwi3JnioeYuukZJWCbIZkACIVw==",
-      "requires": {
-        "mathjax-full": "^3.0.4"
-      }
-    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -10227,11 +10225,6 @@
         }
       }
     },
-    "mj-context-menu": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/mj-context-menu/-/mj-context-menu-0.6.1.tgz",
-      "integrity": "sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA=="
-    },
     "mkdirp": {
       "version": "0.5.5",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
@@ -14082,23 +14075,6 @@
         "wbuf": "^1.7.3"
       }
     },
-    "speech-rule-engine": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/speech-rule-engine/-/speech-rule-engine-3.1.1.tgz",
-      "integrity": "sha512-FGX8B44yI3yGhmcw8nZ/by2ffUlZG6m5b/O3RULXsSiwhL/evL+jwQ6BXQxV3gGtOYptOFalTVCAFknAJgBKAg==",
-      "requires": {
-        "commander": "^6.0.0",
-        "wicked-good-xpath": "^1.3.0",
-        "xmldom-sre": "^0.1.31"
-      },
-      "dependencies": {
-        "commander": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA=="
-        }
-      }
-    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -16452,11 +16428,6 @@
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho="
     },
-    "wicked-good-xpath": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/wicked-good-xpath/-/wicked-good-xpath-1.3.0.tgz",
-      "integrity": "sha1-gbDpXoZQ5JyUsiKY//hoa1VTz2w="
-    },
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
@@ -16739,11 +16710,6 @@
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
     },
-    "xmldom-sre": {
-      "version": "0.1.31",
-      "resolved": "https://registry.npmjs.org/xmldom-sre/-/xmldom-sre-0.1.31.tgz",
-      "integrity": "sha512-f9s+fUkX04BxQf+7mMWAp5zk61pciie+fFLC9hX9UVvCeJQfNHRHXpeo5MPcR0EUf57PYLdt+ZO4f3Ipk2oZUw=="
-    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",

package.json

@@ -6,7 +6,7 @@
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/user-event": "^12.6.2",
-    "bluelib": "^0.24.3",
+    "bluelib": "^0.25.0",
     "classnames": "^2.2.6",
     "prop-types": "^15.7.2",
     "react": "^17.0.1",

src/App.js

@@ -1,13 +1,16 @@
-import React from "react";
+import React, {useState} from "react";
 import {Bluelib} from "bluelib/lib/components";
 import {Router} from "@reach/router";
 import Home from "./routes/Home";
 import Error404 from "./routes/Error404";
 import Gestinfo from "./routes/Gestinfo";
+import style from "./App.module.css";
 
 export default function App() {
+    const [skin, setSkin] = useState("rygblue");
+
     return (
-        <Bluelib skin={"rygblue"}>
+        <Bluelib skin={skin} className={style.app}>
             <Router>
                 <Home path={"/"}/>
                 <Gestinfo path={"/gestinfo"}/>

src/App.module.css

@@ -0,0 +1,5 @@
+.app {
+    padding: 4px;
+    min-width: calc(100vw - 8px);
+    min-height: calc(100vh - 8px);
+}

src/index.css

@@ -1,4 +1,8 @@
 body {
-  background-color: #0d193b;
+  margin: 0;
-  color: #a0ccff;
+}
+
+#root {
+  min-width: 100vw;
+  min-height: 100vh;
 }

src/routes/Gestinfo/abbr/API.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function API() {

src/routes/Gestinfo/abbr/Glob.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function Glob() {

src/routes/Gestinfo/abbr/IC.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function IC() {

src/routes/Gestinfo/abbr/IDF.js

@@ -1,5 +1,6 @@
 import React from "react";
-import {LatexMath, Help} from "bluelib/lib/components";
+import {Help} from "bluelib/lib/components";
+import LatexMath from "bluelib/lib/components/LatexMath";
 
 
 export default function IDF() {

src/routes/Gestinfo/abbr/IR.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function IR() {

src/routes/Gestinfo/abbr/Ononimi.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function Ononimi() {

src/routes/Gestinfo/abbr/Predicato.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function Predicato() {

src/routes/Gestinfo/abbr/RSV.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function RSV() {

src/routes/Gestinfo/abbr/Regex.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function Regex() {

src/routes/Gestinfo/abbr/TF.js

@@ -1,5 +1,6 @@
 import React from "react";
-import {LatexMath, Help} from "bluelib/lib/components";
+import {Help} from "bluelib/lib/components";
+import LatexMath from "bluelib/lib/components/LatexMath";
 
 
 export default function TF() {

src/routes/Gestinfo/abbr/TFIDF.js

@@ -1,12 +1,11 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function TFIDF() {
     return (
         <Help text={"Metodo per calcolare i pesi che moltiplica il peso tf per il peso idf."}>tf-idf</Help>
-    )
+    );
 }
 
 TFIDF.propTypes = {}

src/routes/Gestinfo/abbr/UIN.js

@@ -1,6 +1,5 @@
 import React from "react";
 import {Help} from "bluelib/lib/components";
-import PropTypes from "prop-types";
 
 
 export default function UIN() {

src/routes/Gestinfo/index.js

@@ -1,5 +1,6 @@
 import React from "react";
-import {Split, Aside, Anchor, LatexMath, Help, Blockquote, Title, Separator, Code, Color, Underline as U, BaseLink as A, Paragraph as P, Bold as B, Italic as I, ListItem as LI, Table} from "bluelib/lib/components";
+import {Split, Aside, Anchor, Help, Blockquote, Title, Separator, Code, Color, Underline as U, BaseLink as A, Paragraph as P, Bold as B, Italic as I, ListItem as LI, Table} from "bluelib/lib/components";
+import LatexMath from "bluelib/lib/components/LatexMath";
 import Page from "../../components/Page";
 import TitleSplit from "../../components/TitleSplit";
 import TitleBox from "../../components/TitleBox";