Commit Graph

499 Commits

Author SHA1 Message Date
Brian McGee
9d257c1538 fix(ui): hover and inverted colors for checkbox 2025-07-03 17:50:39 +01:00
Brian McGee
dffbc28723 feat(ui): add fieldset component 2025-07-03 17:50:38 +01:00
Brian McGee
b2a1c8cf6a feat(ui): add form field with text, textarea and checkbox support 2025-07-03 17:50:38 +01:00
Qubasa
903331a789 clan-app: whitelist necessary any usage in api./index.tsx 2025-07-02 18:11:28 +07:00
Qubasa
9cf6cecdae clan-app: Add logging middleware 2025-07-02 17:59:05 +07:00
Qubasa
7d307b9b81 ui-2d: Fix build errors 2025-07-02 15:59:50 +07:00
Brian McGee
839f94d2c7 feat(ui): use fake timer in tests and real timer in browser for storybook interaction tests
I believe the time-based tests are falsely failing when the CI machine is under high load. This also speeds up the tests in CI.

I'm not 100% happy with the approach, but this should resolve CI issues in the short term until I can improve things.
2025-06-30 15:19:57 +01:00
Jörg Thalheim
97e52a6946 markdown: ignore trailing whitespace 2025-06-27 16:26:39 +02:00
Qubasa
43df077dda clan-app: Add a 'group' to log_manager. Move log_manager to own subdirectory 2025-06-24 21:42:18 +02:00
Brian McGee
57c77e039d feat(ui): add TagGroup component
Introduces a new `TagGroup` component for rendering grouped tags with optional inverted styling.
2025-06-20 12:22:59 +01:00
Brian McGee
1b5d2bc538 feat(ui): add Tag component
Adds a reusable `Tag` component with support for default and inverted styles. Also includes cleanup of unused dependencies in `package.json`.
2025-06-20 12:22:58 +01:00
Brian McGee
79765b516d feat(ui): rename TagStatus to MachineStatus
Standardizes naming and updates related props, classes, and types for clarity and consistency.
2025-06-20 09:13:55 +01:00
Brian McGee
101f97bc4a feat(ui): consolidate and simplify how we use colors
* reconciles latest color variables from Figma
* defines the primary colors and the color system in tailwind config.
* refines how we generate utilities within the color system for `bg`, `fg` and `border`.
* removes custom box shadows, instead leaning on direct definition in CSS and `theme()`.

This change removes duplicate color information being defined as CSS variables in `index.css`
and co-locates all style information with the component
whilst retaining the ability to tie in to the color system when mapping styles from Figma.
2025-06-19 17:28:47 +01:00
Brian McGee
0603c13db9 feat(ui): Sidebar nav 2025-06-19 16:03:21 +01:00
Qubasa
109f7c40cd clan-app: Add unused import checker and autofixer. Remove unused files. 2025-06-19 15:14:08 +02:00
Qubasa
0686d83b21 clan-app: 3d UI Remove unused files and exports 2025-06-18 22:42:00 +02:00
Qubasa
6ff6a543e1 clan-app: Add knip dead code analyzer 2025-06-18 21:10:18 +02:00
Brian McGee
85328ab55e feat(ui): upgrade to storybook 9
Replaces rollup with wasm version for portability.
2025-06-18 15:03:43 +01:00
Qubasa
8941b75d48 clan-app: Fix UI errors 2025-06-17 13:53:43 +02:00
Qubasa
2df223c7e8 clan-app: Propagate op_key to callApi callers. 2025-06-13 12:41:58 +02:00
brianmcgee
6810a03960 Merge pull request 'UI: new Loader component; Button and Icon v2' (#3908) from ui/button into main
Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/3908
2025-06-12 15:52:17 +00:00
Qubasa
18be41082b clan-app: Fix api test page 2025-06-12 16:23:33 +02:00
Brian McGee
ec62419668 feat(ui): new loader component; button and icon v2 2025-06-12 11:29:41 +01:00
Johannes Kirschbauer
57e71e6c66 Refactor(api/list_machines): rename from list_inv_machines 2025-06-09 13:33:25 +02:00
Johannes Kirschbauer
7f478bffe2 Refactor(api/update_machine): rename to set_machine; use name, flake 2025-06-09 13:33:19 +02:00
Qubasa
7df19df224 clan-app: Catch method not found error in api 2025-06-04 18:16:58 +02:00
Johannes Kirschbauer
fc98df01be Chore(ui/taglist): snapshot test 2025-06-03 19:09:43 +02:00
hsjobeki
f57a9b5ea9 Reaply: #3777: fix/machine-detail-view 2025-06-03 18:42:47 +02:00
Brian McGee
ac8e639348 feat(ui): Typography V2 2025-05-30 14:58:50 +01:00
Brian McGee
d417901dab feat(ui): update border and background colors
To match latest design.
2025-05-30 13:46:57 +01:00
Brian McGee
359624c8af feat(ui): update primary colors
To match latest design.
2025-05-30 13:46:56 +01:00
Brian McGee
ed4581e4ea chore(ui): setup base for Typography V2
Also removes Button stories for V1 component.
2025-05-30 13:46:55 +01:00
Brian McGee
41f7ae08a8 feat(ui): enable storybook snapshot tests
- adds a process-compose namespace for running `storybook` and `luakit` together to replicate the `webkit`-based rendering that happens inside of `webview`
- adds some helper scripts for running storybook tests and updating snapshots, with documentation in the README.
- adds a `clan-app-ui-storybook` package which builds and tests the storybook, checking for rendering changes

Currently, we’re only doing markup-based snapshot tests. We’re also using headless chromium for the tests by default as I couldn't get webkit to work in the nix build.

As we’re only markup-based for the time being, this should be ok. But eventually I'd like to get it working with webkit.
2025-05-30 11:06:14 +01:00
Brian McGee
717f78b29c feat(ui): introduces storybook
- adds the necessary dependencies and configuration for Storybook.
- refactors the `Button` component and adds some stories for it.
2025-05-26 12:56:51 +01:00
Brian McGee
4bba02afd4 feat(ui): add a clan context provider
- introduces a new consolidated store with `localStorage` support
- introduces a top-level `ClanProvider` providing access to `activeClanURI` and `clanURIs`
- redirects to `/welcome` if `activeClanURI` is `undefined`
- consolidates clan meta querying
- centralises the logic for removal of clan uri's which no longer exist
- fixed some miscellaneous missing `await` calls
2025-05-22 13:24:27 +00:00
DavHau
d833b62614 GUI: add credentials page (vars)
add it to machine details
2025-05-21 11:47:04 +00:00
hsjobeki
952ed43de0 Merge pull request 'Update UI to Node 22 and update dependencies' (#3729) from feat/update-ui-dependencies into main
Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/3729
2025-05-21 09:03:27 +00:00
Brian McGee
3328d2ca73 feat(ui): upgrade to nodejs_22 and update dependencies 2025-05-20 15:45:17 +01:00
hsjobeki
84a5b74a4f Merge pull request 'Classgen: export field type definitions' (#3715) from hsjobeki/clan-core:inventory-services-1 into main
Reviewed-on: https://git.clan.lol/clan/clan-core/pulls/3715
2025-05-20 12:20:07 +00:00
Johannes Kirschbauer
38de1d1022 UI: remove unused inventory.ts file 2025-05-20 13:32:13 +02:00
Brian McGee
f3d2e65ebb fix(ui): Exectuting typo in toast message 2025-05-20 11:52:34 +01:00
DavHau
6e898a2c10 GUI/vars: refactor vars step 2025-05-20 11:32:32 +07:00
DavHau
72fa59c9fa UI: add vars step to installation flow 2025-05-19 19:11:19 +07:00
Johannes Kirschbauer
64e3d84cab Refactor(cli): name set_inv_machine back to set_machine
We don't want to leak information about our internals
Such as 'inv' meaning 'inventory' this is not important from the outside
2025-05-16 18:05:07 +02:00
Johannes Kirschbauer
ec22a098e6 Refactor: rename api set_inv_machine parameter to 'machines,update' 2025-05-16 17:57:40 +02:00
Qubasa
2f0114a236 clan-cli: Unify list_machines and use flake caching 2025-05-16 10:47:49 +02:00
Jörg Thalheim
a2d86844b8 remove generated files from git. 2025-05-15 14:56:04 +02:00
Jörg Thalheim
28972a60d1 clan-app/ui: remove unused .envrc
this has been merged into clan-app's envrc
2025-05-15 14:56:04 +02:00
Jörg Thalheim
de0f78b0d2 clan-ui: remove intermediate app directory 2025-05-15 14:56:04 +02:00