autobrr/web
KaiserBh 91e4f5b435
feat(web): make PWA compatible with Vite (#793)
* removed react-app type instead use vite.

* removed index.html from public since vite uses it from root: read more: https://vitejs.dev/guide/#index-html-and-project-root

* yarn.lock update.

* added vite config file. With commented rollUp option if we want the build to be called build but using default stuff for now.

* updated tsconfig to use vite and include vite.config.ts

* changed package json build commands to use vite.

* for some reason there is an error in vite config when we put project as tsconfig.json.

* build.go updated to use the new dist folder.

* refactored as well updated to use dist and web.AssetHandler again.

* Fixed issue forcing the frontend to be reloaded for all routes to work if logged in fresh without reloading it will always go back to dashboard.

* updated it to use the new function; need to fix the Index for baseUrl I believe, if enabled it works except logs route will crash due to cors.

* refactored and default port to 7474, don't think we need the rollUpOptions.

* added tmp/ to ignore .

* init air.toml, for dev hot reloading both app and backend. https://github.com/cosmtrek/air run it using air but make sure it's in PATH

* updated the start command to build and watch for changes, works great with air.

* revert

* added proxy for vite config. To be used for dev.

* fix: This fixes #117 Propagation bug.

* refactor: I think this should fix it, when logs route etc getting accessed usually it throws error but by getting rid of the catch-all it should work as intended, since web.RegisterHandler(r) will catch the unmatched ones.

* Moved outside static, keep it in public root folder.

* refactor to support the changes

* Added support for PWA, autoinject which auto updates when there is new "version" instead of prompting user.

* fix colour and added the assets.

* chore: yarn lock and remove logos.

* chore: remove logos, don't think we need em.

* chore:added dist folder.

---------

Co-authored-by: ze0s <43699394+zze0s@users.noreply.github.com>
2023-04-30 23:43:13 +02:00
..
.yarn/releases build(docker): add multiarch build for ARM, ARM64 and AMD64 (#378) 2022-08-03 19:38:32 +02:00
dist refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
public feat(web): make PWA compatible with Vite (#793) 2023-04-30 23:43:13 +02:00
src chore(web): add clarifying information for feeds. (#889) 2023-04-30 21:17:07 +02:00
.eslintrc.js refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
.gitignore refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
.yarnrc.yml build: make ci 2-3x faster (#859) 2023-04-23 01:48:25 +02:00
build.go refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
index.html feat(web): make PWA compatible with Vite (#793) 2023-04-30 23:43:13 +02:00
package.json feat(web): make PWA compatible with Vite (#793) 2023-04-30 23:43:13 +02:00
postcss.config.js refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
README.md refactor(web): migrate create-react-app to vite (#823) 2023-04-10 14:28:24 +02:00
tailwind.config.js feat(filters): regex validation for supported fields (#773) 2023-03-30 23:41:03 +02:00
tsconfig.json refactor(web): replace pkg react-query with tanstack/react-query (#868) 2023-04-27 21:26:27 +02:00
vite.config.ts feat(web): make PWA compatible with Vite (#793) 2023-04-30 23:43:13 +02:00
yarn.lock feat(web): make PWA compatible with Vite (#793) 2023-04-30 23:43:13 +02:00

web

This project uses React built with Vite.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Learn More

To learn React, check out the React documentation.