Home Page and Component separation

src/App.jsx

@@ -1,8 +1,8 @@
 import React from "react";
 import {HashRouter, Route, Routes} from "react-router-dom";
-import Code from "./components/Code.jsx";
-import Home from "./components/Home.jsx";
-import Downloads from "./components/Downloads.jsx";
+import Code from "./components/code/Code.jsx";
+import Home from "./components/home/Home.jsx";
+import Downloads from "./components/downloads/Downloads.jsx";
 import "../dist/output.css";
 
 const HOME_PATH = "/";

src/components/Code.jsx → src/components/code/Code.jsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from "react";
 import RegistryView from "./RegistryView.jsx";
-import {loadWasm} from "../rust_functions.js";
+import {loadWasm} from "../../rust_functions.js";
 
 import MemoryView from "./MemoryView.jsx";
 import Console from "./Console.jsx";

src/components/Console.jsx → src/components/code/Console.jsx

@@ -1,7 +1,7 @@
 import React, {useCallback, useEffect, useReducer, useRef, useState} from "react";
 import {listen} from "@tauri-apps/api/event";
 import {CALLBACKS_TRIGGERS, CALLBACK_TYPES} from "./simulator.js";
-import {RUST} from "../rust_functions.js";
+import {RUST} from "../../rust_functions.js";
 
 const ENTER = 13;
 

src/components/MemoryView.jsx → src/components/code/MemoryView.jsx

@@ -1,5 +1,5 @@
 import React, {useCallback, useEffect, useRef, useState} from "react";
-import {RUST} from "../rust_functions.js";
+import {RUST} from "../../rust_functions.js";
 import {CALLBACK_TYPES, CALLBACKS_TRIGGERS} from "./simulator.js";
 
 const WIDTH = 4;

src/components/RegistryView.jsx → src/components/code/RegistryView.jsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from "react";
-import {RUST} from "../rust_functions.js";
+import {RUST} from "../../rust_functions.js";
 import {CALLBACK_TYPES, CALLBACKS_TRIGGERS} from "./simulator.js";
 
 function RegistryView({loaded, registerCallback}) {

src/components/simulator.js → src/components/code/simulator.js

@@ -1,5 +1,5 @@
 import {useCallback, useReducer, useRef, useState} from "react";
-import {RUST} from "../rust_functions.js";
+import {RUST} from "../../rust_functions.js";
 
 const STATE = {
     IDLE: 1,

src/components/Home.jsx → src/components/home/Home.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import {useNavigate} from "react-router-dom";
-import {CODE_PATH} from "../App.jsx";
+import {CODE_PATH} from "../../App.jsx";
 
 function Home() {
 

src/main.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "../dist/output.css";
 import App from "./App.jsx";
+import "../dist/output.css";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
     <React.StrictMode>

tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-    content: ["./src/components/*.jsx", 
+    content: ["./src/components/*/*.jsx",
         "./src/App.jsx"],
     theme: {
         extend: {},