Interface restructuring (#19)

README.md

@@ -5,17 +5,17 @@
 ## Features
 
 -   💻 Monitor CPU/RAM/GPU usage like clock speed, voltage, memory usage and load
--   📡 You can monitor your system from any device with a web browser
+-   📡 Remote monitoring, you can monitor your system from any device with a web browser
 -   🌡️ CPU/GPU/Drive temperatures
--   📈 See beautiful CPU/RAM/GPU graphs
+-   📈 See historical charts 
 -   💾 Keep an eye on your SSD health and usage
 -   ❄️ Fan speed and RPM information
 -   🛜 Network speed and usage stats
--   🖥️ See detailed info about your computer
+-   🔋 Battery health, cycles and capacity
 
 ## Screenshot
 
-<img src="https://raw.githubusercontent.com/Levminer/cores/dev/screenshots/home.png?raw=true">
+<img src="https://raw.githubusercontent.com/Levminer/cores/dev/.github/screenshots/home.png?raw=true">
 
 ## Download
 

package.json

@@ -7,8 +7,7 @@
 	"private": true,
 	"type": "module",
 	"workspaces": [
-		"apps/*",
-		"packages/*"
+		"platforms/interface/*"
 	],
 	"scripts": {
 		"dev:core": "tauri dev",

apps/app/layout/app.svelte → platforms/interface/app/layout/app.svelte

@@ -76,7 +76,7 @@
 	import { setHardwareInfo, hardwareInfo } from "ui/stores/hardwareInfo"
 	import Loading from "ui/navigation/loading.svelte"
 	import { generateMinutesData, generateSecondsData } from "ui/utils/stats"
-	import build from "../../../build.json"
+	import build from "../../../../build.json"
 	import DesktopNavigation from "ui/navigation/desktopNavigation.svelte"
 	import { invoke } from "@tauri-apps/api/core"
 	import { check } from "@tauri-apps/plugin-updater"

platforms/interface/app/tailwind.config.cjs

@@ -0,0 +1,49 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ["./src/**/*.{html,js,svelte,ts}", "./layout/**/*.{html,js,svelte,ts}", , "../ui/**/*.{html,js,svelte,ts}"],
+	theme: {
+		extend: {
+			colors: {
+				gray: {
+					100: "#ffffff",
+					200: "#d3cfcf",
+					500: "#282828",
+					600: "#1E1E1E",
+					700: "#141414",
+					800: "#0a0a0a",
+					900: "#000000",
+				},
+				popup: {
+					red: "#CC001B",
+					green: "#28A443",
+					blue: "#16A3DF",
+					yellow: "#F5AB00",
+					magenta: "#9B5094",
+				},
+				cores: {
+					min: "#35cbfd",
+					current: "#ff5380",
+					max: "#9d0cfd",
+					alternative: "#d800ef",
+				},
+				html: {
+					gray: "#808080",
+				},
+			},
+
+			borderRadius: {
+				xl: "15px",
+				"2xl": "30px",
+			},
+
+			screens: {
+				sm: { max: "1200px" },
+			},
+		},
+	},
+	plugins: [
+		require("@tailwindcss/forms")({
+			strategy: "class",
+		}),
+	],
+}

apps/app/vite.config.ts → platforms/interface/app/vite.config.ts

@@ -18,6 +18,6 @@ export default defineConfig({
 			},
 		},
 		emptyOutDir: true,
-		outDir: "../../dist",
+		outDir: "../../../dist",
 	},
 })

packages/ui/navigation/buildNumber.svelte → platforms/interface/ui/navigation/buildNumber.svelte

@@ -3,5 +3,5 @@
 </div>
 
 <script lang="ts">
-	import build from "../../../build.json"
+	import build from "../../../../build.json"
 </script>

packages/ui/pages/onboarding.svelte → platforms/interface/ui/pages/onboarding.svelte

@@ -123,7 +123,7 @@
 	import { settings } from "../stores/settings.ts"
 	import { Popover } from "bits-ui"
 	import { flyAndScale } from "../utils/transitions.ts"
-	import build from "../../../build.json"
+	import build from "../../../../build.json"
 
 	let trialOver = false
 

packages/ui/pages/settings.svelte → platforms/interface/ui/pages/settings.svelte

@@ -116,7 +116,7 @@
 <script lang="ts">
 	import { hardwareInfo } from "ui/stores/hardwareInfo.ts"
 	import { settings } from "ui/stores/settings.ts"
-	import build from "../../../build.json"
+	import build from "../../../../build.json"
 	import Select from "ui/components/select.svelte"
 	import Toggle from "ui/components/toggle.svelte"
 	import { Minimize2, RefreshCcw, Bug, Megaphone, Info, Cable, Github, FileCog } from "lucide-svelte"

packages/config/tailwind.config.js → platforms/interface/ui/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ["./src/**/*.{html,js,svelte,ts}", "./layout/**/*.{html,js,svelte,ts}", , "../../packages/**/*.{html,js,svelte,ts}"],
+	content: ["./src/**/*.{html,js,svelte,ts}", "./layout/**/*.{html,js,svelte,ts}", , "../ui/**/*.{html,js,svelte,ts}"],
 	theme: {
 		extend: {
 			colors: {

apps/web/src/routes/(app)/settings/+page.svelte → platforms/interface/web/src/routes/(app)/settings/+page.svelte

@@ -126,7 +126,7 @@
 	import { settings } from "ui/stores/settings.ts"
 	import Dialog from "ui/components/dialog.svelte"
 	import { Trash2, MonitorSmartphone, Info, Pencil } from "lucide-svelte"
-	import { version, number, date } from "../../../../../../build.json"
+	import { version, number, date } from "../../../../../../../build.json"
 	import { onMount } from "svelte"
 
 	$: dialogOpen = false

apps/web/src/routes/+page.svelte → platforms/interface/web/src/routes/(marketing)/+page.svelte

@@ -392,10 +392,10 @@
 	import { onDestroy, onMount } from "svelte"
 	import { GpuCard, Memory, PcDisplay, Microsoft } from "svelte-bootstrap-icons"
 	import { slide } from "svelte/transition"
-	import Footer from "../components/footer.svelte"
-	import Header from "../components/header.svelte"
-	import GetStarted from "../components/getStarted.svelte"
-	import OSSelector from "../components/OSSelector.svelte"
+	import Footer from "../../components/footer.svelte"
+	import Header from "../../components/header.svelte"
+	import GetStarted from "../../components/getStarted.svelte"
+	import OSSelector from "../../components/OSSelector.svelte"
 
 	// prettier-ignore
 	const features=["CPU Temperature","CPU Clock Speed","CPU Load","CPU Voltage","CPU Power Usage","RAM Usage","RAM Speed","Virtual RAM Usage","GPU Load","GPU Temperature","GPU Power Usage","GPU Clock Speed","GPU Fan Speed","GPU Driver Date","Network Speed","Network Usage","Drive Temperature","Drive Health","Drive Usage","BIOS Date", "Fan Speed","Remote Access","Runs In The Background", "Minimal Resource Usage"]

platforms/interface/web/src/routes/(marketing)/get-started/+page.svelte

@@ -0,0 +1,13 @@
+<Header />
+
+<div class="mb-48 mt-16">
+	<GetStarted />
+</div>
+
+<Footer />
+
+<script lang="ts">
+	import Footer from "../../../components/footer.svelte"
+	import GetStarted from "../../../components/getStarted.svelte"
+	import Header from "../../../components/header.svelte"
+</script>

platforms/interface/web/tailwind.config.js

@@ -0,0 +1,49 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ["./src/**/*.{html,js,svelte,ts}", "./layout/**/*.{html,js,svelte,ts}", , "../ui/**/*.{html,js,svelte,ts}"],
+	theme: {
+		extend: {
+			colors: {
+				gray: {
+					100: "#ffffff",
+					200: "#d3cfcf",
+					500: "#282828",
+					600: "#1E1E1E",
+					700: "#141414",
+					800: "#0a0a0a",
+					900: "#000000",
+				},
+				popup: {
+					red: "#CC001B",
+					green: "#28A443",
+					blue: "#16A3DF",
+					yellow: "#F5AB00",
+					magenta: "#9B5094",
+				},
+				cores: {
+					min: "#35cbfd",
+					current: "#ff5380",
+					max: "#9d0cfd",
+					alternative: "#d800ef",
+				},
+				html: {
+					gray: "#808080",
+				},
+			},
+
+			borderRadius: {
+				xl: "15px",
+				"2xl": "30px",
+			},
+
+			screens: {
+				sm: { max: "1200px" },
+			},
+		},
+	},
+	plugins: [
+		require("@tailwindcss/forms")({
+			strategy: "class",
+		}),
+	],
+}