* feat: migrate to v5
* refactor: Revise error handling in QueryClient for compatibility with React Query v5
The `useErrorBoundary` option has been renamed to `throwOnError` and suspense have been removed: more on suspense more on suspense.
https://tanstack.com/query/v5/docs/react/guides/migrating-to-v5#new-hooks-for-suspense
* refactor: Callbacks on useQuery (and QueryObserver) have been removed
onSuccess, onError and onSettled have been removed from Queries. They haven't been touched for Mutations. Please see this https://github.com/TanStack/query/discussions/5279 for motivations behind this change and what to do instead.
* refactor: change to isPending, isLoading have been renamed for mutations.
Also, they are using object now:
- useQuery(key, fn, options)
+ useQuery({ queryKey, queryFn, ...options })
* refactor: change to placeHolderData.
Removed keepPreviousData in favor of placeholderData identity function
https://tanstack.com/query/v5/docs/react/guides/migrating-to-v5#removed-keeppreviousdata-in-favor-of-placeholderdata-identity-function
* fix: useSuspenseQuery instead of useQuery.
* fix(web): more useSuspenseQuery substitutions
* whoops - nobody saw that okay?
* fix pnpm lockfile
* fix pnpm lockfile again
---------
Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
Co-authored-by: soup <soup@r4tio.dev>
* feat(notifications): add lunasea
* fix(web): truncate overflow in PasswordFieldWide
* refactor(notifications): centralize msg building
Left the building logic in discord.go and notifiarr.go as is because of their unique structure.
* refactor: moved components and swapped to outline
- Refactored the iconComponentMap to use a single iconStyle variable.
* upped size from 4 to 5
* rename NotificationBuilder function
* fix(web): truncate feed name and adjust margins
This is to avoid clipping on narrow screens.
Bug: https://i.imgur.com/Aw3FzRK.png
* fix(web): fix boundaries and layout on feed page
fix(web): align switches on download client, feed and notification page
* fix(web): add truncate and margin to feed names
* correct truncate
change margin to padding
* inherit text styles
---------
Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
Co-authored-by: Fabricio Silva <hi@fabricio.dev>
* Various WebUI changes and fixes.
* feat(tooltip): make tooltip display upwards
* fix(tooltip): place tooltip to the right
* fix(web): add missing ml-px to SwitchGroup header
current: https://i.imgur.com/2WXstPV.png
new: https://i.imgur.com/QGQ49mP.png
* fix(web): collapse sections
* fix(web): improve freeleech section
* fix(web): rename action to action_components
Renamed the 'action' folder to 'action_components' to resolve import issues due to case sensitivity.
* fix(web): align CollapsibleSection
Old Advanced tab: https://i.imgur.com/MXaJ5eJ.png
New Advanced tab: https://i.imgur.com/4nPJJRw.png
Music tab for comparison: https://i.imgur.com/I59X7ot.png
* fix(web): remove invalid CSS class
* revert: vertical padding on switchgroup
added py-0 on the freeleech part instead
* feat(settings): add back log files
* fix(settings): irc channels and font sizes
* fix(components): radio select roundness
* fix(styling): various minor changes
* fix(filters): remove jitter fields
---------
Co-authored-by: ze0s <43699394+zze0s@users.noreply.github.com>
Co-authored-by: soup <soup@r4tio.dev>
Co-authored-by: ze0s <ze0s@riseup.net>
modernized APIClient, removed Notification type collision
enhancement: APIClient now follows the recent RFC3986 (this wasn't the case previously)
enhancement: improved APIClient DX by adding a queryString parameter (avoiding URLSearchParameters)
fix: changed Notification type to ServiceNotification (collision with built-in browser API https://developer.mozilla.org/en-US/docs/Web/API/Notification -- so TS checks wouldn't function as necessary)
* delete manifest (vite-plugin-pwa generates it)
* fix upper case letter on screen components
* fix imports of screens components missing upper case
* remove default export from Base.tsx
* move RegexPlayground to settings import
* replace some relative path imports
* remove React and ununsed imports
* small alignments on vite.config.ts
* move Dashboard and Releases to screens
* move filters/index.tsx to filters/index.ts
* remove default export from APIKeyAddForm
* remove default export from FilterAddForm
* organize imports and exports for the router
* add .vscode workspace to gitignore
* some touchs on .gitignore file
* fix some eslint rules
* make notification switch take onToggleMutation
Instead of opening it like the edit button, it now enables/disables it directly.
* improved toast for update checks
* improved toast for download clients
it now mentions what client is enabled/disabled
* improved irc network toast
* added toast when copying apikey
* added toast to log download
implemented an info variant for the toasts
* improved feed toast
* improved toast for update checks
* Merge branch 'develop' into enhancement/mutation-improvements-toast-updates
* feat(notifications): add pushover
* add db migration
* fix lint error
* some small corrections
* fixed README
* added missing columns to postgres_migrate.go
* use token for user_key
* refactor(notifications): change priority to int
* fix: only test selected events
---------
Co-authored-by: soup <soup@r4tio.dev>
Co-authored-by: ze0s <ze0s@riseup.net>
* refactor: move to tanstack/react-query and fix cache
* refactor(releases): move to tanstack/react-query
* refactor(logs): move to tanstack/react-query
* refactor(base): move to tanstack/react-query
* refactor(base): move to tanstack/react-query
* refactor(dashboard): move to tanstack/react-query
* refactor(auth): move to tanstack/react-query
* refactor(filters): move to tanstack/react-query
* refactor(settings): move to tanstack/react-query
* chore(pkg): add tanstack/react-query
* refactor(filters): move to tanstack/react-query
* refactor: move to tanstack/react-query
* refactor: invalidate queries
* chore(pkg): remove old react-query
* chore: change imports to root prefixes
* build: remove needs web from test
* set enableReinitialize to true to fix formik caching issues
* fix all property for apiKeys const
* fix toast when enabling/disabling feed
---------
Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
* enhancement(web): make settings pages uniform for desktop and mobile
removed var 'idx' from line 17:51 since it is defined but never used
converted the indexer table in to a responsive grid
* fix missing col-span adjustment for mobile
Co-authored-by: ze0s <43699394+zze0s@users.noreply.github.com>
* Minor cosmetic changes
- Changed Feeds paragraph to include regular RSS feeds
- Centered "Danger Zone" header on Settings/Releases
- Added punctuations to subtitles and sublabes that were missing them
- Removed some subtitles over "Create new" buttons in Settings
* settings(releases) Added paragraph below header
* Changed user and docs icons
* Fixed Notifications table for narrow screens
* Made Notifications-page dynamic like the IRC-page
- Hiding notification type and events on smaller screens
* Made API table look better on smaller screens
- Adjusted col-spans
- overflow-auto on name
* overflow-hidden on name
* Made Feeds dynamic like Notifications
* Made Clients dynamic like Feeds and Notifications
* name field will now truncate instead of span itself over multiple lines
mouseovering the name will now show the full value
mitigated scrollbars
changes to col-span to move the name column closer to enabled switch
adjusted paddings in desktop and mobile layout
Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
* - fix: changed all {text,bg}-{teal,indigo}-* color properties to {text,bg}-{blue}-* so there is only one dominant primary color in the UI -- blue
- enhancement: added `cursor: pointer` to the PageButton component (used in pagination)
- enhancement: modified TitleCell to use the new Tooltip component and modified the width selectors to a more sane default value, now instead of scrolling one just has to tap the cell to see it's untruncated value
- enhancement: modified the Tooltip component to use react-popper-tooltip (which in turn uses popper.js) which is a much better alternative, since it uses auto-positioning in case there's not enough space and some things aren't as broken as in the previous version (e.g. there was a problem with forcing the previous tooltip to use a specific width)
- enhancement: added a useMedia hook selector from the react-use repository, which might come in handy in the future for better/easier decoupling of Desktop and Mobile UI/UX patterns via JS (versus CSS-only)
- enhancement: made the mobile navbar more visible and clear. also fixed previous path === "/" bug which was fixed on desktop.
- fix: fixed table headers/footers so they're rounded
- enhancement: made pagination components more compact (buttons and show N result selector)
* changed {ring, border}-indigo-* to ring-blue-*
* build: add yarn.lock
* fix: formatting warnings
* fix: formatting warnings
* fix: more formatting warnings
* fix: more formatting
* enhancement: improved alerts component contrast
enhancement: simplified and improved radio switch group look
fix: fixed inconsistent spacing in input components (there's still some work left to be done)
fix: made slideover panel display on full width on mobile devices
enhancement: made forms more accessible to mobile users, adapter changes in accordance with the previous input components fix
fix: fixed misspelling in NotificationForms filename
chore: cleaned up code
fix: made filter table top edges less round and improved look
fix: fixed a bug where when a modal/slideover component was opened, a 1px white bar would be shown in one of the modal parent elements (for the fix see L89 in screens/settings/DwonloadClient.tsx)
enhancement: improved responsiveness for irc network list
* Fixed 2 small comma warnings from ESLint
Co-authored-by: anonymous <anonymous>
- fix(ErrorPage): add padding to the page for mobile devices
- chore(react-query): wrap APIClient calls in anonymous functions to avoid passing react-query context variables by accident
- fix incorrect ordering of ErrorBoundary and QueryClientProvider (ErrorBoundary is now the parent)
* fix(tsconfig.json): changed skipLibCheck to false.
refactor(eslint): moved configuration from package.json to .eslintrc.js and added a typescript plugin for future use
* feat: wip eslint and types
* feat: fix identation
* feat: get rid of last any types