MDietermann
570c804d3f
Setzt Issue #8 um: eine Ansicht statt Reiter. Die Liste der bekannten Workspaces fuehrt, das Hinzufuegen sitzt als Nebenaktion in der Fusszeile und wird nur beim leeren Erststart zur Primaeraktion. Oeffnen ist der Alltagsfall, Hinzufuegen passiert pro Workspace genau einmal - zwei gleichrangige Reiter haetten bei jedem Start eine Entscheidung verlangt, die fast immer dieselbe ist. Ein Eintrag zeigt den Ordnernamen, darunter den Pfad in der Code-Schrift. Der Pfad wird bei Ueberlaenge vorne gekuerzt, weil sein Ende mehr aussagt als sein Anfang. Die Zustandspruefung laeuft nebenlaeufig ueber use_resource und spawn_blocking. Ohne das wuerde ein nicht eingehaengtes Netzlaufwerk den Selector einfrieren: dort laeuft schon is_dir() in ein Timeout von Sekunden, und zwar auf dem Bildschirm, den jeder Start zuerst zeigt. Solange die Pruefung laeuft, bleiben die Eintraege unmarkiert. Die drei Zustaende aus #6 bekommen eigene Farben und Formulierungen - nicht erreichbar, kein Workspace mehr, beschaedigt -, weil sie zu verschiedenen Handlungen fuehren. Ein defekter Eintrag wird gedaempft, bleibt aber anklickbar und verschwindet nie automatisch: Meist fehlt nur gerade das Laufwerk, und ein Klick versucht es erneut. OpenError ist dafuer Clone und PartialEq geworden; Io traegt jetzt die Meldung als String statt io::Error, der beides nicht kann.
Development
Your new bare-bones project includes minimal organization with a single main.rs file and a few assets.
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:
[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
- Install npm: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
- Install the Tailwind CSS CLI: https://tailwindcss.com/docs/installation/tailwind-cli
- Run the following command in the root of the project to start the Tailwind CSS compiler:
npx @tailwindcss/cli -i ./input.css -o ./assets/tailwind.css --watch
Serving Your App
Run the following command in the root of your project to start developing with the default platform:
dx serve
To run for a different platform, use the --platform platform flag. E.g.
dx serve --platform desktop