Merge 86be842 into e54732a

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - 12
+  - 16
 os: linux
 dist: xenial
 cache:

docs-src/package.json

@@ -31,16 +31,16 @@
   "dependencies": {
     "isometric-css": "^2.2.3",
     "outdent": "^0.8.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^5.3.0",
-    "react-scripts": "5.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "^5.0.1",
     "react-syntax-highlighter": "^15.5.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^12.8.3",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.2.1",
     "node-sass": "^7.0.1",
     "rimraf": "^3.0.2"
   }

docs-src/src/App.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {
   BrowserRouter as Router,
-  Switch,
+  Routes,
   Route
 } from "react-router-dom";
 import { Menu } from './components/Menu';
@@ -16,23 +16,28 @@ export const App = () => {
     <Router basename={'/isometric-css'}>
       <Menu />
       <div className="page">
-        <Switch>
-        <Route path="/knowing-the-basics">
-            <KnowingTheBasicsPage />
-          </Route>
-          <Route path="/using-the-library">
-            <UsingTheLibrary />
-          </Route>
-          <Route path="/library-api">
-            <LibraryApiPage />
-          </Route>
-          <Route path="/code-example">
-            <CodeExamplePage />
-          </Route>
-          <Route path="/">
-            <DemoPage />
-          </Route>
-        </Switch>
+        <Routes>
+          <Route
+            path="/knowing-the-basics"
+            element={<KnowingTheBasicsPage/>}
+          />
+          <Route
+            path="/using-the-library"
+            element={<UsingTheLibrary />}
+          />
+          <Route
+            path="/library-api"
+            element={<LibraryApiPage />}
+          />
+          <Route
+            path="/code-example"
+            element={<CodeExamplePage />}
+          />
+          <Route
+            path="/"
+            element={<DemoPage />}
+          />
+        </Routes>
       </div>
     </Router>
   );

docs-src/src/index.js

@@ -1,11 +1,14 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { App } from './App';
 import './styles/styles.scss';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(
+  document.getElementById('root')
+);
+
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );

docs/asset-manifest.json

@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.css": "./static/css/main.b8a6c9cc.css",
-    "main.js": "./static/js/main.a0346fb6.js",
+    "main.css": "./static/css/main.8d232dca.css",
+    "main.js": "./static/js/main.94ad04ef.js",
     "static/media/planes-steps.svg": "./static/media/planes-steps.c95a26cab8e0d3d2914ea1b3976db8d5.svg",
     "static/media/planes.svg": "./static/media/planes.1e832267f9d94b10af6509c31236ff83.svg",
     "static/media/planes-rotated.svg": "./static/media/planes-rotated.e68a87d5aa6489a3c166e66171739f34.svg",
@@ -28,11 +28,11 @@
     "static/media/green_wool.png": "./static/media/green_wool.efa789af57e1aab4bcec.png",
     "static/media/gray_wool.png": "./static/media/gray_wool.bae7fb6fbe278c0ad87a.png",
     "static/media/grass_block_side.png": "./static/media/grass_block_side.f48abe152e0062160225.png",
-    "main.b8a6c9cc.css.map": "./static/css/main.b8a6c9cc.css.map",
-    "main.a0346fb6.js.map": "./static/js/main.a0346fb6.js.map"
+    "main.8d232dca.css.map": "./static/css/main.8d232dca.css.map",
+    "main.94ad04ef.js.map": "./static/js/main.94ad04ef.js.map"
   },
   "entrypoints": [
-    "static/css/main.b8a6c9cc.css",
-    "static/js/main.a0346fb6.js"
+    "static/css/main.8d232dca.css",
+    "static/js/main.94ad04ef.js"
   ]
 }

docs/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="isometric-css documentation"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>isometric-css documentation</title><script type="text/javascript">!function(n){if("/"===n.search[1]){var a=n.search.slice(1).split("&").map((function(n){return n.replace(/~and~/g,"&")})).join("?");window.history.replaceState(null,null,n.pathname.slice(0,-1)+a+n.hash)}}(window.location)</script><script defer="defer" src="./static/js/main.a0346fb6.js"></script><link href="./static/css/main.b8a6c9cc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="isometric-css documentation"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>isometric-css documentation</title><script type="text/javascript">!function(n){if("/"===n.search[1]){var a=n.search.slice(1).split("&").map((function(n){return n.replace(/~and~/g,"&")})).join("?");window.history.replaceState(null,null,n.pathname.slice(0,-1)+a+n.hash)}}(window.location)</script><script defer="defer" src="./static/js/main.94ad04ef.js"></script><link href="./static/css/main.8d232dca.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>