Client

Cargo.toml

@@ -12,6 +12,9 @@ edition = "2024"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
+csv = "1.4.0"
+dioxus-primitives = { git = "https://github.com/DioxusLabs/components", version = "0.0.1", default-features = false }
+gloo-timers = { version = "0.3.0", features = ["futures"], optional = true }
 chacha20poly1305 = { version = "0.10.1", optional = true }
 ciborium = { version = "0.2.2", optional = true }
 dioxus = { version = "0.7.3", features = ["fullstack"] }
@@ -22,8 +25,9 @@ uuid = { version = "1.19.0", features = ["v4", "serde"], optional = true }
 zeroize = { version = "1.8.2", optional = true }
 
 [features]
-default = []
-web = ["dioxus/web"]
+default = ["web"]
+web = ["dioxus/web", "dep:gloo-timers"]
+desktop = ["dioxus/desktop", "dep:tokio"]
 # desktop = ["dioxus/desktop"]
 # mobile = ["dioxus/mobile"]
 server = [

Makefile

@@ -11,15 +11,31 @@ serve-no-state:
 build:
 	dx bundle ${dx-args}
 
-bundle:
+web-bundle:
+	-rm -r web-apollo.zip target/dx # would bloat otherwise
 	dx bundle --release ${dx-args}
+	cp -r target/dx/apollo/release/web/public .
+	-rm web-apollo.zip
+	zip web-apollo public/* public/assets/*
+	rm -r public
+	unzip -l web-apollo.zip
+
+server-build:
+	@echo 'probably `ulimit -n 1024`' # needed on my mac for sure
+	cargo zigbuild --release --target x86_64-unknown-linux-gnu --no-default-features --features server_state_save,web
+	cp target/x86_64-unknown-linux-gnu/release/apollo apollo-x86_64-linux-gnu
+
+bundle: web-bundle server-build
+	@echo "scp apollo-x86_64-linux-gnu web-apollo.zip <target>"
 
 clean:
 	cargo clean
 
 help list:
 	@echo "*serve*: build, run and reload on changes"
 	@echo "serve-no-state: build, run and reload on changes, don't save server state"
-	@echo "build: build in debug mode"
-	@echo "bundle: build in release mode"
+	@echo "build: bundle in debug mode"
+	@echo "web-bundle: bundle the web-client"
+	@echo "server-build: build in release mode for x64-linux"
+	@echo "bundle: web-bundle and server-build"
 	@echo "clean: clean target"

assets/dx-components-theme.css

@@ -0,0 +1,83 @@
+/* This file contains the global styles for the styled dioxus components. You only
+ * need to import this file once in your project root.
+ */
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+
+body {
+  padding: 0;
+  margin: 20px;
+  background-color: var(--bg);
+  color: var(--light1);
+  font-family: Inter, sans-serif;
+  font-optical-sizing: auto;
+  font-style: normal;
+  font-weight: 400;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --dark: initial;
+    --light: ;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --dark: ;
+    --light: initial;
+  }
+}
+
+:root {
+  /* Primary colors */
+  --primary-color: var(--dark, #000) var(--light, #fff);
+  --primary-color-1: var(--dark, #0e0e0e) var(--light, #fbfbfb);
+  --primary-color-2: var(--dark, #0a0a0a) var(--light, #fff);
+  --primary-color-3: var(--dark, #141313) var(--light, #f8f8f8);
+  --primary-color-4: var(--dark, #1a1a1a) var(--light, #f8f8f8);
+  --primary-color-5: var(--dark, #262626) var(--light, #f5f5f5);
+  --primary-color-6: var(--dark, #232323) var(--light, #e5e5e5);
+  --primary-color-7: var(--dark, #3e3e3e) var(--light, #b0b0b0);
+
+  /* Secondary colors */
+  --secondary-color: var(--dark, #fff) var(--light, #000);
+  --secondary-color-1: var(--dark, #fafafa) var(--light, #000);
+  --secondary-color-2: var(--dark, #e6e6e6) var(--light, #0d0d0d);
+  --secondary-color-3: var(--dark, #dcdcdc) var(--light, #2b2b2b);
+  --secondary-color-4: var(--dark, #d4d4d4) var(--light, #111);
+  --secondary-color-5: var(--dark, #a1a1a1) var(--light, #848484);
+  --secondary-color-6: var(--dark, #5d5d5d) var(--light, #d0d0d0);
+
+  /* Highlight colors */
+  --focused-border-color: var(--dark, #2b7fff) var(--light, #2b7fff);
+  --primary-success-color: var(--dark, #02271c) var(--light, #ecfdf5);
+  --secondary-success-color: var(--dark, #b6fae3) var(--light, #10b981);
+  --primary-warning-color: var(--dark, #342203) var(--light, #fffbeb);
+  --secondary-warning-color: var(--dark, #feeac7) var(--light, #f59e0b);
+  --primary-error-color: var(--dark, #a22e2e) var(--light, #dc2626);
+  --secondary-error-color: var(--dark, #9b1c1c) var(--light, #ef4444);
+  --contrast-error-color: var(--dark, var(--secondary-color-3))
+    var(--light, var(--primary-color));
+  --primary-info-color: var(--dark, var(--primary-color-5))
+    var(--light, var(--primary-color));
+  --secondary-info-color: var(--dark, var(--primary-color-7))
+    var(--light, var(--secondary-color-3));
+}
+
+/* Modern browsers with `scrollbar-*` support */
+@supports (scrollbar-width: auto) {
+  :not(:hover) {
+    scrollbar-color: rgb(0 0 0 / 0%) rgb(0 0 0 / 0%);
+  }
+
+  :hover {
+    scrollbar-color: var(--secondary-color-2) rgb(0 0 0 / 0%);
+  }
+}
+
+/* Legacy browsers with `::-webkit-scrollbar-*` support */
+@supports selector(::-webkit-scrollbar) {
+  :root::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}