diff --git a/.gitignore b/.gitignore index 1102c98..58e98cf 100644 --- a/.gitignore +++ b/.gitignore @@ -9,8 +9,5 @@ # Dioxus build output /dist -# Node (tailwind toolchain) -node_modules/ - # IDE /.idea diff --git a/README.md b/README.md index 321bbb9..167dc80 100644 --- a/README.md +++ b/README.md @@ -1,51 +1,32 @@ -# Development +# DioNotes Client -Your new bare-bones project includes minimal organization with a single `main.rs` file and a few assets. +Lokale Markdown-Notizen-App auf Basis von [Dioxus 0.7](https://dioxuslabs.com/learn/0.7), Desktop. -``` -project/ -├─ assets/ # Any assets that are used by the app should be placed here -├─ src/ -│ ├─ main.rs # main.rs is the entry point to your application and currently contains all components for the app -├─ Cargo.toml # The Cargo.toml file defines the dependencies and feature flags for your project -``` - -### Automatic Tailwind (Dioxus 0.7+) - -As of Dioxus 0.7, there no longer is a need to manually install tailwind. Simply `dx serve` and you're good to go! - -Automatic tailwind is supported by checking for a file called `tailwind.css` in your app's manifest directory (next to Cargo.toml). To customize the file, use the dioxus.toml: - -```toml -[application] -tailwind_input = "my.css" -tailwind_output = "assets/out.css" # also customize the location of the out file! -``` - -### Tailwind Manual Install - -To use tailwind plugins or manually customize tailwind, you can can install the Tailwind CLI and use it directly. - -### Tailwind -1. Install npm: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm -2. Install the Tailwind CSS CLI: https://tailwindcss.com/docs/installation/tailwind-cli -3. Run the following command in the root of the project to start the Tailwind CSS compiler: +## Entwicklung ```bash -npx @tailwindcss/cli -i ./input.css -o ./assets/tailwind.css --watch +dx serve # Desktop-App starten (Standard-Plattform) +dx serve --platform web # im Browser +cargo test # Tests ``` -### Serving Your App +## Aufbau -Run the following command in the root of your project to start developing with the default platform: - -```bash -dx serve +``` +assets/css/ Design-System: tokens → base → layout → components, + in dieser Reihenfolge in main.rs verlinkt +src/route.rs alle Routen in einem Routable-Enum +src/workspace.rs +src/components/ wiederverwendbare Bausteine (CustomLink, CustomButton, …) +src/views/ die Bildschirme: Selector und Editor +docs/ Konventionen für Agenten, Rechercheergebnisse ``` -To run for a different platform, use the `--platform platform` flag. E.g. -```bash -dx serve --platform desktop -``` +Es gibt **kein** Tailwind und keine npm-Toolchain — das Styling liegt vollständig in +`assets/css/` und arbeitet mit den `--dn-*`-Tokens. +## Wo die Entscheidungen liegen +Fachbegriffe stehen in [`CONTEXT.md`](CONTEXT.md). Entscheidungen werden im +Issue-Tracker geführt statt in `docs/adr/`; eine Wayfinder-Map indexiert pro Vorhaben, +welche Entscheidung wo begründet ist. Siehe [`docs/agents/`](docs/agents/). diff --git a/assets/css/tokens.css b/assets/css/tokens.css index 5bd305e..c6aee55 100644 --- a/assets/css/tokens.css +++ b/assets/css/tokens.css @@ -4,9 +4,9 @@ Palette: Catppuccin Mocha, matching the editor's Theme::CATPPUCCIN_MOCHA so the editor pane and the app chrome are the same surface. - All tokens are prefixed --dn-. Tailwind v4 publishes its own --font-*, - --text-*, --radius-* and --leading-* on :root and tree-shakes that set as - utilities come and go, so an unprefixed token would collide silently. + All tokens are prefixed --dn- to keep them in one namespace. The prefix was + originally defence against Tailwind v4, which publishes its own --font-*, + --text-* and --radius-* on :root; Tailwind is gone, the convention stays. ========================================================================== */ :root { diff --git a/package-lock.json b/package-lock.json deleted file mode 100644 index 3bab248..0000000 --- a/package-lock.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "dionotes-client", - "lockfileVersion": 3, - "requires": true, - "packages": { - "": { - "dependencies": { - "tailwindcss": "^4.3.3" - } - }, - "node_modules/tailwindcss": { - "version": "4.3.3", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz", - "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==", - "license": "MIT" - } - } -} diff --git a/package.json b/package.json deleted file mode 100644 index 8c765ec..0000000 --- a/package.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "dependencies": { - "tailwindcss": "^4.3.3" - } -} diff --git a/src/main.rs b/src/main.rs index 7e18e53..a071f46 100644 --- a/src/main.rs +++ b/src/main.rs @@ -13,7 +13,6 @@ const FAVICON: Asset = asset!("/assets/favicon.ico"); // Linked individually rather than via @import in a single entry file: asset!() // only emits files it is given by name, so an @import chain would 404 at runtime. // Order matters — tokens, then baseline, then layout, then components. -const TAILWIND_CSS: Asset = asset!("/assets/tailwind.css"); const TOKENS_CSS: Asset = asset!("/assets/css/tokens.css"); const BASE_CSS: Asset = asset!("/assets/css/base.css"); const LAYOUT_CSS: Asset = asset!("/assets/css/layout.css"); @@ -32,9 +31,6 @@ fn App() -> Element { rsx! { document::Link { rel: "icon", href: FAVICON } - // Tailwind first: its preflight lives in @layer base, our unlayered - // rules win the cascade regardless, but this keeps source order honest. - document::Link { rel: "stylesheet", href: TAILWIND_CSS } document::Link { rel: "stylesheet", href: TOKENS_CSS } document::Link { rel: "stylesheet", href: BASE_CSS } document::Link { rel: "stylesheet", href: LAYOUT_CSS } diff --git a/tailwind.css b/tailwind.css deleted file mode 100644 index f1d8c73..0000000 --- a/tailwind.css +++ /dev/null @@ -1 +0,0 @@ -@import "tailwindcss";