mirror of
https://github.com/goauthentik/authentik
synced 2026-04-28 02:18:11 +02:00
1b1be27f6a
* core, web: Vendored client follow-ups - Updated packages for use with TypeScript 6 - Fix search results including symlinks. * Bump docker package. * web: bump vite from 8.0.2 to 8.0.3 in /web Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 8.0.2 to 8.0.3. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/create-vite@8.0.3/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-version: 8.0.3 dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> * Fix import declaration order. * Fix live reload imports, package declarations. * Tidy admin entrypoint. * Rename. * Fix import. * Fix import. * Update paths. Update Knip. * Bump knip. * Update esbuild.d.ts Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> * Bump. * Re-enable deprecation warning. --------- Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: Teffen Ellis <592134+GirlBossRush@users.noreply.github.com> Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
61 lines
1.7 KiB
Markdown
61 lines
1.7 KiB
Markdown
_An ESBuild development plugin that watches for file changes and triggers automatic browser refreshes._
|
|
|
|
## Quick start
|
|
|
|
```sh
|
|
npm install -D @goauthentik/esbuild-plugin-live-reload
|
|
# Or with Yarn:
|
|
yarn add -D @goauthentik/esbuild-plugin-live-reload
|
|
```
|
|
|
|
### 1. Configure ESBuild
|
|
|
|
```js
|
|
import { liveReloadPlugin } from "@goauthentik/esbuild-plugin-live-reload";
|
|
|
|
import esbuild from "esbuild";
|
|
|
|
const NodeEnvironment = process.env.NODE_ENV || "development";
|
|
|
|
/**
|
|
* @type {esbuild.BuildOptions}
|
|
*/
|
|
const buildOptions = {
|
|
// ... Your build options.
|
|
define: {
|
|
"process.env.NODE_ENV": JSON.stringify(NodeEnvironment),
|
|
},
|
|
plugins: [
|
|
/** @see {@link LiveReloadPluginOptions} */
|
|
liveReloadPlugin(),
|
|
],
|
|
};
|
|
|
|
const buildContext = await esbuild.context(buildOptions);
|
|
|
|
await buildContext.rebuild();
|
|
await buildContext.watch();
|
|
```
|
|
|
|
### 2. Connect your browser
|
|
|
|
Add the following import near the beginning of your application's entry point.
|
|
|
|
```js
|
|
if (process.env.NODE_ENV === "development") {
|
|
await import("@goauthentik/esbuild-plugin-live-reload");
|
|
}
|
|
```
|
|
|
|
That's it! Your browser will now automatically refresh whenever ESBuild finishes rebuilding your code.
|
|
|
|
## About authentik
|
|
|
|
[authentik](https://goauthentik.io) is an open source Identity Provider that unifies your identity needs into a single platform, replacing Okta, Active Directory, and Auth0.
|
|
|
|
We built this plugin to streamline our development workflow, and we're sharing it with the community. If you have any questions, feature requests, or bug reports, please [open an issue](https://github.com/goauthentik/authentik/issues/new/choose).
|
|
|
|
## License
|
|
|
|
This code is licensed under the [MIT License](https://www.tldrlegal.com/license/mit-license)
|