commontoolsinc · bfollington · Jul 24, 2024 · Jul 24, 2024 · Jul 24, 2024 · Jul 25, 2024
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -4,7 +4,7 @@ members = [
   "rust/usuba-compat",
   "rust/usuba-bundle",
   "rust/verification-svc"
-]
+, "rust/gemcraft-leptos"]
 
 # See: https://github.com/rust-lang/rust/issues/90148#issuecomment-949194352
 resolver = "2"

diff --git a/rust/gemcraft-leptos/Cargo.toml b/rust/gemcraft-leptos/Cargo.toml
@@ -0,0 +1,25 @@
+[package]
+name = "gemcraft-leptos"
+version = "0.1.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+console_error_panic_hook = "0.1.7"
+leptos = { version = "0.6.12", features = ["csr", "nightly"] }
+serde = { version = "1.0", features = ["derive"] }
+serde_json = "1.0"
+serde-wasm-bindgen = "0.6"
+wasm-bindgen = "0.2.92"
+wasm-bindgen-futures = "0.4.42"
+regex = "1.5.4"
+uuid = { version = "1.3", features = ["v4"] }
+indexed_db_futures = "0.5.0"
+js-sys = "0.3.50"
+web-sys = "0.3.69"
+gloo-storage = "0.3.0"
+gloo-utils = "0.2.0"
+anyhow = "1.0.71"
+quick-xml = "0.22.0"
+rand = "0.8.5"
diff --git a/rust/gemcraft-leptos/Trunk.toml b/rust/gemcraft-leptos/Trunk.toml
@@ -0,0 +1,5 @@
+[serve]
+# The address to serve on
+address = "127.0.0.1"
+# The port to serve on
+port = 8081
diff --git a/rust/gemcraft-leptos/index.html b/rust/gemcraft-leptos/index.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="css" data-trunk href="main.css">
+  </head>
+  <body></body>
+</html>
diff --git a/rust/gemcraft-leptos/main.css b/rust/gemcraft-leptos/main.css
@@ -0,0 +1,250 @@
+/* Layout */
+.app {
+  display: flex;
+  flex-direction: row;
+}
+
+.app > div {
+  flex: 1;
+}
+
+app > div > pre {
+  overflow: auto;
+  max-width: 50%;
+}
+
+.columns {
+  display: flex;
+  flex-direction: row;
+}
+
+.rows {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Data Gem Styles */
+.data-gem {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.data-gem .icon {
+  font-size: 3rem;
+  color: #ccc;
+  border: 1px solid #ccc;
+  border-radius: 50%;
+  padding: 0.5rem;
+  box-sizing: border-box;
+  width: 5rem;
+  text-align: center;
+  height: 5rem;
+  user-select: none;
+}
+
+.gem-list {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+
+.data-gem.small .icon {
+  font-size: 1.5rem;
+  color: #ccc;
+  border: 1px solid #ccc;
+  border-radius: 50%;
+  padding: 0.33rem;
+  box-sizing: border-box;
+  width: 3rem;
+  text-align: center;
+  height: 3rem;
+  user-select: none;
+}
+
+.data-gem .content {
+  flex-grow: 1;
+}
+
+.data-gem .title {
+  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-size: 1rem;
+  font-weight: bold;
+  margin: 0;
+}
+
+.data-gem .content-type {
+  font-size: 0.75rem;
+  color: #999;
+}
+
+/* Form Styles */
+form table label {
+  font-family: monospace;
+}
+
+form table td {
+  vertical-align: top;
+  padding: 0.5rem;
+}
+
+form.gem-form {
+  border: 1px solid #ccc;
+  padding: 1rem;
+  border-radius: 0.25rem;
+  margin: 0.5rem 0.5rem;
+}
+
+/* Button Styles */
+button.primary {
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+
+button.danger {
+  background-color: #dc3545;
+  color: #fff;
+  border: none;
+  padding: 0.5rem 1rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+}
+
+/* App Ideas */
+.app-ideas {
+  white-space: pre-wrap;
+}
+
+/* Toggle Styles */
+.toggle-container {
+  position: relative;
+}
+
+.toggle-input {
+  display: none;
+}
+
+.toggle-label {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.toggle-content {
+  display: none;
+  padding: 10px;
+}
+
+.toggle-input:checked ~ .toggle-content {
+  display: block;
+}
+
+.toggle-label::after {
+  content: "\25B8";
+  display: inline-block;
+}
+
+.toggle-input:checked ~ .toggle-label::after {
+  content: "\25BE";
+  display: inline-block;
+}
+
+/* Gem Dock */
+.gem-dock {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+/* Micro App Styles */
+.micro-app-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+}
+
+.micro-app-item {
+  border: 1px solid #ccc;
+  padding: 1rem;
+  border-radius: 0.5rem;
+}
+
+.micro-app-title {
+  font-size: 1.25rem;
+  font-weight: bold;
+  margin: 0;
+  padding: 0.25rem ;
+}
+
+.micro-app-spec {
+  margin-top: 0.5rem;
+}
+
+.micro-app-spec-title {
+  font-weight: 600;
+}
+
+.margin-left {
+  margin-left: 1rem;
+}
+
+.micro-app-tagline {
+  margin: 0;
+  font-weight: normal;
+  font-style: italic;
+  padding: 0.25rem;
+}
+
+.micro-app-spec-content {
+  margin-top: 2rem;
+  white-space: pre-wrap;
+}
+
+.micro-app-svg {
+  margin-top: 1rem;
+}
+
+/* Tab Control Styles */
+.tab-control {
+  font-family: Arial, sans-serif;
+}
+
+.tab-header {
+  display: flex;
+  border-bottom: 1px solid #ccc;
+}
+
+.tab-button {
+  padding: 10px 20px;
+  border: none;
+  background-color: #f1f1f1;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.tab-button:hover {
+  background-color: #ddd;
+}
+
+.tab-button.active {
+  background-color: #fff;
+  border-bottom: 2px solid #007bff;
+}
+
+.tab-content {
+  padding: 20px;
+}
+
+.tab-pane {
+  display: none;
+}
+
+.tab-pane.active {
+  display: block;
+}
diff --git a/rust/gemcraft-leptos/src/data.rs b/rust/gemcraft-leptos/src/data.rs
@@ -0,0 +1,19 @@
+use serde::{Deserialize, Serialize};
+
+#[derive(Deserialize, Serialize, Debug, Clone, PartialEq)]
+pub struct ClassificationData {
+    pub title: String,
+    #[serde(rename = "contentType")]
+    pub content_type: String,
+    pub emoji: String,
+    pub sensitivity: String,
+}
+
+#[derive(Deserialize, Serialize, Debug, Clone, PartialEq)]
+pub struct DataGem {
+    pub classification: Option<ClassificationData>,
+    pub description: String,
+    pub json_data: String,
+    #[serde(default)]
+    pub derived_from: Vec<String>,
+}