From 6f82b321d8615dc933ee843f0dd34c05561379f5 Mon Sep 17 00:00:00 2001 From: Dax Raad Date: Sat, 22 Nov 2025 00:15:01 -0500 Subject: tauri --- packages/tauri/src/assets/tauri.svg | 6 ++ packages/tauri/src/assets/typescript.svg | 25 +++++++ packages/tauri/src/assets/vite.svg | 1 + packages/tauri/src/main.ts | 22 ++++++ packages/tauri/src/styles.css | 116 +++++++++++++++++++++++++++++++ 5 files changed, 170 insertions(+) create mode 100644 packages/tauri/src/assets/tauri.svg create mode 100644 packages/tauri/src/assets/typescript.svg create mode 100644 packages/tauri/src/assets/vite.svg create mode 100644 packages/tauri/src/main.ts create mode 100644 packages/tauri/src/styles.css (limited to 'packages/tauri/src') diff --git a/packages/tauri/src/assets/tauri.svg b/packages/tauri/src/assets/tauri.svg new file mode 100644 index 000000000..31b62c928 --- /dev/null +++ b/packages/tauri/src/assets/tauri.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/packages/tauri/src/assets/typescript.svg b/packages/tauri/src/assets/typescript.svg new file mode 100644 index 000000000..30a5edd33 --- /dev/null +++ b/packages/tauri/src/assets/typescript.svg @@ -0,0 +1,25 @@ + + + + + + + + diff --git a/packages/tauri/src/assets/vite.svg b/packages/tauri/src/assets/vite.svg new file mode 100644 index 000000000..e7b8dfb1b --- /dev/null +++ b/packages/tauri/src/assets/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/tauri/src/main.ts b/packages/tauri/src/main.ts new file mode 100644 index 000000000..478334127 --- /dev/null +++ b/packages/tauri/src/main.ts @@ -0,0 +1,22 @@ +import { invoke } from "@tauri-apps/api/core"; + +let greetInputEl: HTMLInputElement | null; +let greetMsgEl: HTMLElement | null; + +async function greet() { + if (greetMsgEl && greetInputEl) { + // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/ + greetMsgEl.textContent = await invoke("greet", { + name: greetInputEl.value, + }); + } +} + +window.addEventListener("DOMContentLoaded", () => { + greetInputEl = document.querySelector("#greet-input"); + greetMsgEl = document.querySelector("#greet-msg"); + document.querySelector("#greet-form")?.addEventListener("submit", (e) => { + e.preventDefault(); + greet(); + }); +}); diff --git a/packages/tauri/src/styles.css b/packages/tauri/src/styles.css new file mode 100644 index 000000000..7011746b1 --- /dev/null +++ b/packages/tauri/src/styles.css @@ -0,0 +1,116 @@ +.logo.vite:hover { + filter: drop-shadow(0 0 2em #747bff); +} + +.logo.typescript:hover { + filter: drop-shadow(0 0 2em #2d79c7); +} +:root { + font-family: Inter, Avenir, Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 24px; + font-weight: 400; + + color: #0f0f0f; + background-color: #f6f6f6; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; +} + +.container { + margin: 0; + padding-top: 10vh; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: 0.75s; +} + +.logo.tauri:hover { + filter: drop-shadow(0 0 2em #24c8db); +} + +.row { + display: flex; + justify-content: center; +} + +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} + +a:hover { + color: #535bf2; +} + +h1 { + text-align: center; +} + +input, +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + color: #0f0f0f; + background-color: #ffffff; + transition: border-color 0.25s; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); +} + +button { + cursor: pointer; +} + +button:hover { + border-color: #396cd8; +} +button:active { + border-color: #396cd8; + background-color: #e8e8e8; +} + +input, +button { + outline: none; +} + +#greet-input { + margin-right: 5px; +} + +@media (prefers-color-scheme: dark) { + :root { + color: #f6f6f6; + background-color: #2f2f2f; + } + + a:hover { + color: #24c8db; + } + + input, + button { + color: #ffffff; + background-color: #0f0f0f98; + } + button:active { + background-color: #0f0f0f69; + } +} -- cgit v1.2.3