@jesec/flood 0.0.0-master.2ea1bb9 → 0.0.0-master.2f390e9

package/README.md

@@ -1,16 +1,45 @@
 # Flood
 
-![Flood logo](flood.png)
+[![Flood logo](https://github.com/jesec/flood/raw/master/flood.svg)](https://flood.js.org)
 
-[![Github Actions build status badge](https://github.com/jesec/flood/workflows/Build/badge.svg?branch=master&event=push)](https://github.com/jesec/flood/actions) [![Crowdin](https://badges.crowdin.net/flood/localized.svg)](https://crowdin.com/project/flood) [![Discord server badge](https://img.shields.io/discord/418267176873623553.svg?style=flat-square)](https://discord.gg/Z7yR5Uf)
+[![Build](https://github.com/jesec/flood/actions/workflows/build.yml/badge.svg)](https://github.com/jesec/flood/actions/workflows/build.yml)
+[![Crowdin](https://badges.crowdin.net/flood/localized.svg)](https://crowdin.com/project/flood)
+[![Discord server badge](https://img.shields.io/discord/418267176873623553.svg?style=flat-square)](https://discord.gg/Z7yR5Uf)
 
-Flood is a monitoring service for [rTorrent](https://github.com/rakshasa/rtorrent). It's a Node.js service that communicates with rTorrent instances and serves a decent web UI for administration. This project is based on the [original Flood project](https://github.com/Flood-UI/flood).
+Flood is a monitoring service for various torrent clients. It's a Node.js service that communicates with your favorite torrent client and serves a decent web UI for administration. [Flood-UI](https://github.com/Flood-UI) organization hosts related projects.
+
+#### Supported Clients
+
+| Client                                                          | Support                                                                                                        |
+| --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
+| [rTorrent](https://github.com/rakshasa/rtorrent)                | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.vitest/rtorrent.setup.ts))     |
+| [qBittorrent](https://github.com/qbittorrent/qBittorrent) v4.1+ | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.vitest/qbittorrent.setup.ts))  |
+| [Transmission](https://github.com/transmission/transmission)    | :white_check_mark: ([tested](https://github.com/jesec/flood/blob/master/server/.vitest/transmission.setup.ts)) |
+| [Deluge](https://github.com/deluge-torrent/deluge) v2+          | :alembic: Experimental                                                                                         |
+
+##### RTorrent Notes
+
+For now, rakshasa/rtorrent and jesec/rtorrent are both supported.
+
+#### Integrating with Flood
+
+Flood provides an OpenAPI specification and interactive Swagger UI for API documentation:
+
+- **OpenAPI spec**: Available at `/api/openapi.json`
+- **Swagger UI**: Interactive API documentation at `/api/docs/`
+
+You can also check out:
+
+- [list of unofficial client API libraries](https://github.com/jesec/flood/wiki/List-of-unofficial-client-API-libraries)
+- [list of unofficial API integrations](https://github.com/jesec/flood/wiki/List-of-unofficial-API-integrations)
+
+Flood conforms to [Semantic Versioning](https://semver.org) conventions.
 
 #### Feedback
 
 If you have a specific issue or bug, please file a [GitHub issue](https://github.com/jesec/flood/issues). Please join the [Flood Discord server](https://discord.gg/Z7yR5Uf) to discuss feature requests and implementation details.
 
-#### More information
+#### More Information
 
 Check out the [Wiki](https://github.com/jesec/flood/wiki) for more information.
 
@@ -18,36 +47,46 @@ Check out the [Wiki](https://github.com/jesec/flood/wiki) for more information.
 
 ### Pre-Requisites
 
-1. [rTorrent](https://github.com/rakshasa/rtorrent) needs to be installed and running **with XMLRPC** configuration.
-   - For Linux & OS X, check out [rTorrent's installation wiki](https://github.com/rakshasa/rtorrent/wiki/Installing#compilation-help) and/or [this third-party tutorial](https://jes.sc/kb/rTorrent+ruTorrent-Seedbox-Guide.php#Install-Dependencies). When you run `./configure`, be sure to run with the `--with-xmlrpc-c` flag.
-   - For Windows, try [this guide](https://rtwi.jmk.hu/wiki/rTorrentOnWindows).
-1. Install [NodeJS](https://nodejs.org/) version `Current` (you might want to manage different Node versions with [nodenv](https://github.com/nodenv/nodenv) or [nvm](https://github.com/creationix/nvm) or [n](https://github.com/tj/n)). Flood tracks latest NodeJS release and does NOT provide support to legacy NodeJS versions.
+Install [Node.js runtime](https://nodejs.org/). Flood tracks `Current` and provides support to `Active LTS` as well.
+
+- Debian, Ubuntu (`apt`/`.deb`) and Enterprise Linux (`yum`/`dnf`/`.rpm`) -based distributions users can install `nodejs` from [NodeSource](https://github.com/nodesource/distributions) software repository.
+- Windows users can use [winget](https://docs.microsoft.com/en-us/windows/package-manager/winget), [Chocolatey](https://chocolatey.org/packages/nodejs) or installer.
+- macOS users can use [brew](https://brew.sh/) or installer.
+- Check [Node.js website](https://nodejs.org/en/download/package-manager) for more.
+
+Alternatively, download a single-executable build from [Releases](https://github.com/jesec/flood/releases) (or rolling build from [Actions](https://nightly.link/jesec/flood/workflows/publish-rolling/master)). It bundles `Node.js` and supports `Linux`, `macOS` and `Windows`.
 
 ### Installation
 
-`sudo npm i -g flood` or `npx flood`
+(sudo) `npm install --global flood` or `npx flood`
 
 Or use `@jesec/flood` for cutting-edge builds.
 
 Or [build from source](https://github.com/jesec/flood#Building-Flood).
 
+### Run
+
+`flood` or `npx flood` if you installed Flood via `npm`.
+
+`npm run start` if you compiled Flood from source.
+
+Check [Wiki](https://github.com/jesec/flood/wiki) for how to install Flood as a service.
+
 ### Configuration
 
-By default, Flood uses a command line configuration interface. If you installed Flood via `npm`, you should be able to use `flood` or `npx flood` to launch Flood. If you compile Flood from source, you will be able to use `npm run start` to execute Flood.
+Flood uses a command line configuration interface.
 
 Run `flood --help`, `npx flood --help` or `npm run start -- --help` to get help about command line arguments.
 
-If you want to know more about configurations, check `config.template.js`.
-
-If static configuration is preferred, copy `config.template.js` to `config.js` and edit it.
+If you want to know more about configurations, check [shared/schema/Config.ts](https://github.com/jesec/flood/blob/master/shared/schema/Config.ts).
 
-When Flood's builtin user management is enabled (default), you will be prompted to configure the connection to rTorrent when loading the web interface.
+When Flood's builtin user management is enabled (default), you will be prompted to configure the connection to torrent client when loading the web interface.
 
 **What to configure**
 
 1. If you are proxying requests to Flood from your own web server, configure Flood's path from the host at the `--baseuri` (or `baseURI`) property. All requests will be prefixed with this value.
    - For example, if serving Flood from `https://foo.bar/apps/flood`, you would set `baseURI` to `/apps/flood`. If serving flood from `https://foo.bar`, you do not need to configure `baseURI`.
-   - [Read more about proxying requests to Flood on the Wiki](https://github.com/jesec/flood/wiki), this is a common pain-point for users.
+   - Read more about proxying requests to Flood in the [Wiki](https://github.com/jesec/flood/wiki).
 1. Check [Wiki](https://github.com/jesec/flood/wiki), especially `Security` sections.
 
 ### Upgrade
@@ -56,10 +95,14 @@ Run the installation command again.
 
 ### Troubleshooting
 
-- Debian, Ubuntu and RHEL-based distributions users can install latest `nodejs` from [NodeSource](https://github.com/nodesource/distributions).
 - Flood and filesystem:
-  - Flood's relationship with rTorrent is NOT truly server-client. Flood server performs file operations itself. Flood server itself needs to have permissions/access to the files.
-  - Flood only uses the path provided by rTorrent so it needs to have the same filesystem context as rTorrent. If a file is "/path/to/a/file" to rTorrent, it has to be "/path/to/a/file" to Flood in order to get file operations working. It can't be "/mnt/some/different/path/file".
+  - Flood server performs file operations itself. As such, Flood needs to have permissions/access to the files.
+  - Flood only uses the path provided by the torrent client so it needs to have the same filesystem context as the torrent client. If a file is "/path/to/a/file" to the torrent client, it has to be "/path/to/a/file" to Flood in order to get file operations working. It can't be "/mnt/some/different/path/file".
+- rTorrent:
+  - Linux users can download the latest static executable (available for `amd64` and `arm64`) from [jesec/rtorrent](https://github.com/jesec/rtorrent). Alternatively, use package managers such as `apt`, `yum`, `pacman` of the platform to install rTorrent.
+  - macOS users can use `brew` to install rTorrent.
+  - [Compile](https://github.com/rakshasa/rtorrent/wiki/Installing): XMLRPC support flag (`--with-xmlrpc-c`) is required during compilation.
+  - Certain features (sequential download, initial seeding, etc.) are not available in vanilla rTorrent.
 - Ask for help in the [Flood Discord server](https://discord.gg/Z7yR5Uf).
 
 ### Docker
@@ -74,7 +117,9 @@ Note that you have to let Docker know which port should be exposed (e.g. `-p 300
 
 Don't forget to pay attention to `flood`'s arguments like `--port` and `--allowedpath`.
 
-Currently Docker images of this project don't bundle `rTorrent` (yet). Its usefulness is limited as a result. You have to install `rTorrent` inside the container or make it possible for Flood inside Docker to interact with your rTorrent instance.
+Alternatively, you can pass in environment variables instead (e.g. `-e FLOOD_OPTION_port=3000`).
+
+Checkout [Run Flood (and torrent clients) in containers](https://github.com/jesec/flood/discussions/120) discussion.
 
 Filesystem parts in [Troubleshooting](https://github.com/jesec/flood#troubleshooting) are especially important for containers.
 
@@ -88,42 +133,35 @@ Filesystem parts in [Troubleshooting](https://github.com/jesec/flood#troubleshoo
 
 From the root of the Flood directory...
 
-1. Run `npm install`.
-1. Run `npm run build`.
-1. Run `npm start`.
+1. Run `pnpm install`.
+1. Run `pnpm run build`.
+1. Run `pnpm start`.
 
 Access the UI in your browser. With default settings, go to `http://localhost:3000`. You can configure the port via `--port` argument.
 
 **Notes**
 
-- When you use `npm run start` to execute Flood, you have to pass command line arguments after `--`. For example, `npm run start -- --host 0.0.0.0 --port 8080`. This applies to any `npm run` (e.g. `start:development:client`).
+- When you use `pnpm run start` to execute Flood, you have to pass command line arguments after `--`. For example, `pnpm run start -- --host 0.0.0.0 --port 8080`. This applies to any `pnpm run` (e.g. `start:development:client`).
 
 ### Updating
 
 1. To update, run `git pull` in this repository's directory.
-1. Check `config.template.js` for configuration changes.
 1. Kill the currently running Flood server.
-1. Run `npm install` to update dependencies.
-1. Run `npm run build` to transpile and bundle static assets.
-1. Start the Flood server with `npm start`.
+1. Run `pnpm install` to update dependencies.
+1. Run `pnpm run build` to transpile and bundle static assets.
+1. Start the Flood server with `pnpm start`.
 
 ### Local Development
 
-1. Run `npm install`.
-1. Run `npm run start:development:server` and `npm run start:development:client` in separate terminal instances.
-   - `npm run start:development:server` uses [ts-node-dev](https://www.npmjs.com/package/ts-node-dev) to watch for changes to the server-side source. Or open the folder with VS code and then `Run -> Start Debugging`. You may use a [Javascript IDE](https://code.visualstudio.com/) to debug server codes.
-   - `npm run start:development:client` watches for changes in the client-side source. Access the UI in your browser. Defaults to `localhost:4200`. You may use browser's [DevTools](https://developers.google.com/web/tools/chrome-devtools) to debug client codes.
+1. Run `pnpm install`.
+1. Run `pnpm run start:development:server` and `pnpm run start:development:client` in separate terminal instances.
+   - `pnpm run start:development:server` uses [tsx](https://www.npmjs.com/package/tsx) to watch for changes to the server-side source. Or open the folder with VS code and then `Run -> Start Debugging`. You may use a [Javascript IDE](https://code.visualstudio.com/) to debug server codes.
+   - `pnpm run start:development:client` watches for changes in the client-side source. Access the UI in your browser. Defaults to `localhost:4200`. You may use browser's [DevTools](https://developers.google.com/web/tools/chrome-devtools) to debug client codes.
 
 `--help --show-hidden` shows advanced arguments.
 
 `--proxy` proxies requests from a development client to a URL of your choice (usually URL to a Flood server). It is useful when you wish to do development on the frontend but not the backend. Or when the frontend and backend are being developed on different hosts.
 
-### Environment Variables
-
-1. `DEV_SERVER_PORT`: webpackDevServer's port, used when developing Flood. Defaults to `4200`.
-1. `DEV_SERVER_HOST`: webpackDevServer's host, used when developing Flood. Defaults to `0.0.0.0`.
-1. `DEV_SERVER_HTTPS`: webpackDevServer's protocol, used when developing Flood. Defaults to `http`.
-
 ### Building Docker
 
 1. `docker build --pull --rm -f Dockerfile -t flood:latest .`

package/SECURITY.md

@@ -0,0 +1,27 @@
+# Security
+
+## Supported Versions
+
+| Version                  | Supported          |
+| ------------------------ | ------------------ |
+| HEAD of master           | :white_check_mark: |
+| Latest released revision | :white_check_mark: |
+| All old revisions        | :x:                |
+
+Flood does NOT provide LTS support. Older revisions are deprecated as soon as a newer revision is released.
+
+Generally only the latest revision (`HEAD of master`) is supported. However, [issue tracker](https://github.com/jesec/flood/issues) is still open to reports from users of the `Latest released revision`. In rare circumstances, if there is a vulnerability that requires urgent attention, and, if the `HEAD of master` is occupied with changes which maintainers are not comfortable to release, relevant changes may be backported to the `Latest released revision` to release a patch revision.
+
+You are advised to upgrade to the latest release as soon as possible.
+
+## Reporting a Vulnerability
+
+If you discover a security vulnerability within Flood, please send an e-mail to maintainer.
+
+Suggestions for general security enhancements and/or mitigations shall be reported to [issue tracker](https://github.com/jesec/flood/issues).
+
+If you are unsure about the severity, send an email first.
+
+## More information
+
+Check out the [Wiki](https://github.com/jesec/flood/wiki) for more information.

package/dist/assets/assets/Alerts-DfIc2RDo.js

@@ -0,0 +1,2 @@
+import{Bt as e,C as t,Tt as n,Wt as r,Xt as i,an as a,n as o,wt as s,zt as c}from"./dist-CV9BnlWY.js";var l=a(r(),1),u=c(),d=i(t=>{let{id:r}=t,{count:i,type:a}=e.alerts[r]||{};if(r==null||i==null||a==null)return null;let c=(0,l.default)(`alert`,{"is-success":a===`success`,"is-error":a===`error`}),d=(0,u.jsx)(n,{});return a===`error`&&(d=(0,u.jsx)(s,{})),(0,u.jsxs)(`li`,{className:c,children:[d,(0,u.jsx)(`span`,{className:`alert__content`,children:(0,u.jsx)(o,{id:r,values:{count:i,countElement:(0,u.jsx)(`span`,{className:`alert__count`,children:i})}})})]})}),f=i(()=>{let{sortedAlerts:n}=e;return(0,u.jsx)(t,{classNamePrefix:`alerts__list`,in:n!=null&&n.length>0,mountOnEnter:!0,timeout:{enter:250,exit:250},unmountOnExit:!0,children:e=>(0,u.jsx)(`ul`,{className:(0,l.default)(`alerts__list`,e),children:n.map(e=>(0,u.jsx)(d,{id:e.id},e.id))})})});export{f as default};
+//# sourceMappingURL=Alerts-DfIc2RDo.js.map

package/dist/assets/assets/Alerts-DfIc2RDo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alerts-DfIc2RDo.js","names":[],"sources":["../../../client/src/javascript/components/alerts/Alert.tsx","../../../client/src/javascript/components/alerts/Alerts.tsx"],"sourcesContent":["import {FC} from 'react';\nimport classnames from 'classnames';\nimport {observer} from 'mobx-react-lite';\nimport {Trans} from '@lingui/react';\n\nimport AlertStore from '@client/stores/AlertStore';\nimport {CircleCheckmark, CircleExclamation} from '@client/ui/icons';\n\ninterface AlertProps {\n  id: string;\n}\n\nconst Alert: FC<AlertProps> = observer((props: AlertProps) => {\n  const {id} = props;\n  const {count, type} = AlertStore.alerts[id] || {};\n\n  if (id == null || count == null || type == null) {\n    return null;\n  }\n\n  const alertClasses = classnames('alert', {\n    'is-success': type === 'success',\n    'is-error': type === 'error',\n  });\n\n  let icon = <CircleCheckmark />;\n  if (type === 'error') {\n    icon = <CircleExclamation />;\n  }\n\n  return (\n    <li className={alertClasses}>\n      {icon}\n      <span className=\"alert__content\">\n        <Trans\n          id={id}\n          values={{\n            count,\n            countElement: <span className=\"alert__count\">{count}</span>,\n          }}\n        />\n      </span>\n    </li>\n  );\n});\n\nexport default Alert;\n","import classnames from 'classnames';\nimport {FC} from 'react';\nimport {observer} from 'mobx-react-lite';\n\nimport {Transition} from '@client/ui';\n\nimport Alert from './Alert';\nimport AlertStore from '../../stores/AlertStore';\n\nconst Alerts: FC = observer(() => {\n  const {sortedAlerts} = AlertStore;\n\n  return (\n    <Transition\n      classNamePrefix=\"alerts__list\"\n      in={sortedAlerts != null && sortedAlerts.length > 0}\n      mountOnEnter\n      timeout={{enter: 250, exit: 250}}\n      unmountOnExit\n    >\n      {(transitionClassName) => (\n        <ul className={classnames('alerts__list', transitionClassName)}>\n          {sortedAlerts.map((alert) => (\n            <Alert key={alert.id} id={alert.id} />\n          ))}\n        </ul>\n      )}\n    </Transition>\n  );\n});\n\nexport default Alerts;\n"],"mappings":"2HAYM,EAAwB,EAAU,GAAsB,CAC5D,GAAM,CAAC,MAAM,EACP,CAAC,QAAO,QAAQ,EAAW,OAAO,IAAO,CAAC,EAEhD,GAAI,GAAM,MAAQ,GAAS,MAAQ,GAAQ,KACzC,OAAO,KAGT,IAAM,GAAA,EAAe,EAAA,QAAA,CAAW,QAAS,CACvC,aAAc,IAAS,UACvB,WAAY,IAAS,OACvB,CAAC,EAEG,GAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,CAAA,EAK7B,OAJI,IAAS,UACX,GAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoB,CAAA,IAI3B,EAAA,EAAA,KAAA,CAAC,KAAD,CAAI,UAAW,EAAf,SAAA,CACG,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,iBACd,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CACM,KACJ,OAAQ,CACN,QACA,cAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,eAAgB,SAAA,CAAY,CAAA,CAC5D,CACD,CAAA,CACG,CAAA,CACJ,GAER,CAAC,ECnCK,EAAa,MAAe,CAChC,GAAM,CAAC,gBAAgB,EAEvB,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,gBAAgB,eAChB,GAAI,GAAgB,MAAQ,EAAa,OAAS,EAClD,aAAA,GACA,QAAS,CAAC,MAAO,IAAK,KAAM,GAAG,EAC/B,cAAA,GAEE,SAAA,IACA,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,WAAA,EAAW,EAAA,QAAA,CAAW,eAAgB,CAAmB,EAC1D,SAAA,EAAa,IAAK,IACjB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,GAAI,EAAM,EAAK,EAAzB,EAAM,EAAmB,CACtC,CACC,CAAA,CAEI,CAAA,CAEhB,CAAC"}

package/dist/assets/assets/ApplicationView-B165lCqL.js

@@ -0,0 +1,2 @@
+import{Wt as e,Xt as t,an as n,zt as r}from"./dist-CV9BnlWY.js";import{m as i}from"./index-CqvoWXZ8.js";var a=n(e(),1),o=r(),s=function(e){return e.AuthForm=`auth-form`,e.SidebarAlternativeState=`sidebar-alternative-state`,e}({}),c=t(({children:e,modifier:t})=>{let n=[];t!=null&&n.push(t),i.isSidebarAlternativeState&&n.push(`sidebar-alternative-state`);let r=(0,a.default)(`application__view`,...n.map(e=>`application__view--${e}`));return(0,o.jsx)(`div`,{className:r,children:e})});export{s as n,c as t};
+//# sourceMappingURL=ApplicationView-B165lCqL.js.map

package/dist/assets/assets/ApplicationView-B165lCqL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationView-B165lCqL.js","names":[],"sources":["../../../client/src/javascript/components/layout/ApplicationView.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport {FC, ReactNode} from 'react';\nimport {observer} from 'mobx-react-lite';\n\nimport UIStore from '@client/stores/UIStore';\n\nexport enum ApplicationViewModifier {\n  AuthForm = 'auth-form',\n  SidebarAlternativeState = 'sidebar-alternative-state',\n}\n\ninterface ApplicationViewProps {\n  children: ReactNode;\n  modifier?: ApplicationViewModifier;\n}\n\nconst ApplicationView: FC<ApplicationViewProps> = observer(({children, modifier}: ApplicationViewProps) => {\n  const activeModifiers: Array<ApplicationViewModifier> = [];\n\n  if (modifier != null) {\n    activeModifiers.push(modifier);\n  }\n\n  if (UIStore.isSidebarAlternativeState) {\n    activeModifiers.push(ApplicationViewModifier.SidebarAlternativeState);\n  }\n\n  const classes = classnames(\n    'application__view',\n    ...activeModifiers.map((activeModifier) => `application__view--${activeModifier}`),\n  );\n\n  return <div className={classes}>{children}</div>;\n});\n\nexport default ApplicationView;\n"],"mappings":"6HAMY,EAAL,SAAA,EAAA,OACL,GAAA,SAAA,YACA,EAAA,wBAAA,6BACF,EAAA,CAAA,CAAA,EAOM,EAA4C,GAAU,CAAC,WAAU,cAAoC,CACzG,IAAM,EAAkD,CAAC,EAErD,GAAY,MACd,EAAgB,KAAK,CAAQ,EAG3B,EAAQ,2BACV,EAAgB,KAAA,2BAAoD,EAGtE,IAAM,GAAA,EAAU,EAAA,QAAA,CACd,oBACA,GAAG,EAAgB,IAAK,GAAmB,sBAAsB,GAAgB,CACnF,EAEA,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAU,UAAc,CAAA,CACjD,CAAC"}

package/dist/assets/assets/AuthForm-Cz9mlsMK.js

@@ -0,0 +1,2 @@
+import{_ as e,an as t,b as n,d as r,f as i,g as a,i as o,l as s,m as c,nn as l,r as u,u as d,zt as f}from"./dist-CV9BnlWY.js";import{c as p,f as m,k as h,s as g}from"./index-CqvoWXZ8.js";var _=t(l(),1),v=f(),y=({mode:t})=>{let{i18n:l}=u(),f=(0,_.useRef)(null),y=(0,_.useRef)(null),[b,x]=(0,_.useState)(void 0),[S,C]=(0,_.useState)(!1),w=h(),T=t===`login`;return(0,v.jsx)(`div`,{className:`application__entry-barrier`,children:(0,v.jsx)(i,{spacing:`large`,children:(0,v.jsxs)(e,{onSubmit:e=>{e.event.preventDefault(),C(!0);let t=e.formData;if(t.username==null||t.username===``){C(!1),x({id:`auth.error.username.empty`});return}if(t.password==null||t.password===``){C(!1),x({id:`auth.error.password.empty`});return}if(T){let e=t;p.authenticate({username:e.username,password:e.password}).then(()=>{C(!1),w(`/overview`,{replace:!0})}).catch(e=>{C(!1),x(e.message),w(`/login`,{replace:!0})})}else{let e=t;if(y.current==null){C(!1),x({id:`connection.settings.error.empty`});return}let n=y.current;if(n==null){C(!1),x({id:`connection.settings.error.empty`});return}p.register({username:e.username,password:e.password,client:n,level:m.ADMINISTRATOR}).then(()=>{C(!1),w(`/overview`,{replace:!0})},e=>{C(!1),x(e.message)})}},ref:f,children:[(0,v.jsx)(s,{children:(0,v.jsx)(`h1`,{children:T?l._(`auth.login`):l._(`auth.create.an.account`)})}),(0,v.jsxs)(r,{children:[(0,v.jsx)(`p`,{className:`copy--lead`,children:T?l._(`auth.login.intro`):l._(`auth.create.an.account.intro`)}),b==null?null:(0,v.jsx)(c,{children:(0,v.jsx)(a,{isLoading:S,children:typeof b==`string`?b:l._(b)})}),(0,v.jsx)(c,{children:(0,v.jsx)(o,{placeholder:l._(`auth.username`),id:`username`,autoComplete:`username`})}),(0,v.jsx)(c,{children:(0,v.jsx)(o,{placeholder:l._(`auth.password`),id:`password`,type:`password`,autoComplete:T?`current-password`:`new-password`})})]}),T?null:(0,v.jsx)(r,{hasBorder:!0,children:(0,v.jsx)(g,{onSettingsChange:e=>{y.current=e}})}),(0,v.jsx)(d,{hasBorder:!0,children:(0,v.jsxs)(c,{justify:`end`,children:[(0,v.jsx)(n,{priority:`tertiary`,onClick:()=>{f.current!=null&&f.current.resetForm()},children:l._(`auth.input.clear`)}),(0,v.jsx)(n,{isLoading:S,type:`submit`,children:T?l._(`auth.log.in`):l._(`auth.create.account`)})]})})]})})})};export{y as t};
+//# sourceMappingURL=AuthForm-Cz9mlsMK.js.map

package/dist/assets/assets/AuthForm-Cz9mlsMK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthForm-Cz9mlsMK.js","names":[],"sources":["../../../client/src/javascript/components/auth/AuthForm.tsx"],"sourcesContent":["import {FC, useRef, useState} from 'react';\nimport {useLingui} from '@lingui/react';\nimport {useNavigate} from 'react-router';\n\nimport {\n  Button,\n  Form,\n  FormHandle,\n  FormError,\n  FormRow,\n  Panel,\n  PanelContent,\n  PanelHeader,\n  PanelFooter,\n  Textbox,\n} from '@client/ui';\nimport AuthActions from '@client/actions/AuthActions';\n\nimport {AccessLevel} from '@shared/schema/constants/Auth';\n\nimport type {Credentials} from '@shared/schema/Auth';\nimport type {ClientConnectionSettings} from '@shared/schema/ClientConnectionSettings';\n\nimport ClientConnectionSettingsForm from '../general/connection-settings/ClientConnectionSettingsForm';\n\ntype LoginFormData = Pick<Credentials, 'username' | 'password'>;\ntype RegisterFormData = Pick<Credentials, 'username' | 'password'>;\n\ninterface AuthFormProps {\n  mode: 'login' | 'register';\n}\n\nconst AuthForm: FC<AuthFormProps> = ({mode}: AuthFormProps) => {\n  const {i18n} = useLingui();\n  const formRef = useRef<FormHandle>(null);\n  const clientConnectionSettingsRef = useRef<ClientConnectionSettings | null>(null);\n  const [errorMessage, setErrorMessage] = useState<string | {id: string} | undefined>(undefined);\n  const [isSubmitting, setIsSubmitting] = useState<boolean>(false);\n\n  const navigate = useNavigate();\n\n  const isLoginMode = mode === 'login';\n\n  return (\n    <div className=\"application__entry-barrier\">\n      <Panel spacing=\"large\">\n        <Form\n          onSubmit={(submission) => {\n            submission.event.preventDefault();\n\n            setIsSubmitting(true);\n\n            const formData = submission.formData as Partial<LoginFormData> | Partial<RegisterFormData>;\n\n            if (formData.username == null || formData.username === '') {\n              setIsSubmitting(false);\n              setErrorMessage({id: 'auth.error.username.empty'});\n              return;\n            }\n\n            if (formData.password == null || formData.password === '') {\n              setIsSubmitting(false);\n              setErrorMessage({id: 'auth.error.password.empty'});\n              return;\n            }\n\n            if (isLoginMode) {\n              const credentials = formData as LoginFormData;\n\n              AuthActions.authenticate({\n                username: credentials.username,\n                password: credentials.password,\n              })\n                .then(() => {\n                  setIsSubmitting(false);\n                  navigate('/overview', {replace: true});\n                })\n                .catch((error: Error) => {\n                  setIsSubmitting(false);\n                  setErrorMessage(error.message);\n                  navigate('/login', {replace: true});\n                });\n            } else {\n              const config = formData as RegisterFormData;\n\n              if (clientConnectionSettingsRef.current == null) {\n                setIsSubmitting(false);\n                setErrorMessage({id: 'connection.settings.error.empty'});\n                return;\n              }\n\n              const connectionSettings = clientConnectionSettingsRef.current;\n              if (connectionSettings == null) {\n                setIsSubmitting(false);\n                setErrorMessage({id: 'connection.settings.error.empty'});\n                return;\n              }\n\n              AuthActions.register({\n                username: config.username,\n                password: config.password,\n                client: connectionSettings,\n                level: AccessLevel.ADMINISTRATOR,\n              }).then(\n                () => {\n                  setIsSubmitting(false);\n                  navigate('/overview', {replace: true});\n                },\n                (error: Error) => {\n                  setIsSubmitting(false);\n                  setErrorMessage(error.message);\n                },\n              );\n            }\n          }}\n          ref={formRef}\n        >\n          <PanelHeader>\n            <h1>{isLoginMode ? i18n._('auth.login') : i18n._('auth.create.an.account')}</h1>\n          </PanelHeader>\n          <PanelContent>\n            <p className=\"copy--lead\">\n              {isLoginMode ? i18n._('auth.login.intro') : i18n._('auth.create.an.account.intro')}\n            </p>\n            {errorMessage != null ? (\n              <FormRow>\n                <FormError isLoading={isSubmitting}>\n                  {typeof errorMessage === 'string' ? errorMessage : i18n._(errorMessage)}\n                </FormError>\n              </FormRow>\n            ) : null}\n            <FormRow>\n              <Textbox placeholder={i18n._('auth.username')} id=\"username\" autoComplete=\"username\" />\n            </FormRow>\n            <FormRow>\n              <Textbox\n                placeholder={i18n._('auth.password')}\n                id=\"password\"\n                type=\"password\"\n                autoComplete={isLoginMode ? 'current-password' : 'new-password'}\n              />\n            </FormRow>\n          </PanelContent>\n          {isLoginMode ? null : (\n            <PanelContent hasBorder>\n              <ClientConnectionSettingsForm\n                onSettingsChange={(settings) => {\n                  clientConnectionSettingsRef.current = settings;\n                }}\n              />\n            </PanelContent>\n          )}\n          <PanelFooter hasBorder>\n            <FormRow justify=\"end\">\n              <Button\n                priority=\"tertiary\"\n                onClick={() => {\n                  if (formRef.current != null) {\n                    formRef.current.resetForm();\n                  }\n                }}\n              >\n                {i18n._('auth.input.clear')}\n              </Button>\n              <Button isLoading={isSubmitting} type=\"submit\">\n                {isLoginMode ? i18n._('auth.log.in') : i18n._('auth.create.account')}\n              </Button>\n            </FormRow>\n          </PanelFooter>\n        </Form>\n      </Panel>\n    </div>\n  );\n};\n\nexport default AuthForm;\n"],"mappings":"gNAgCM,GAA+B,CAAC,UAAyB,CAC7D,GAAM,CAAC,QAAQ,EAAU,EACnB,GAAA,EAAU,EAAA,OAAA,CAAmB,IAAI,EACjC,GAAA,EAA8B,EAAA,OAAA,CAAwC,IAAI,EAC1E,CAAC,EAAc,IAAA,EAAmB,EAAA,SAAA,CAA4C,IAAA,EAAS,EACvF,CAAC,EAAc,IAAA,EAAmB,EAAA,SAAA,CAAkB,EAAK,EAEzD,EAAW,EAAY,EAEvB,EAAc,IAAS,QAE7B,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,6BACb,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAO,QAAQ,QACb,UAAA,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,SAAW,GAAe,CACxB,EAAW,MAAM,eAAe,EAEhC,EAAgB,EAAI,EAEpB,IAAM,EAAW,EAAW,SAE5B,GAAI,EAAS,UAAY,MAAQ,EAAS,WAAa,GAAI,CACzD,EAAgB,EAAK,EACrB,EAAgB,CAAC,GAAI,2BAA2B,CAAC,EACjD,MACF,CAEA,GAAI,EAAS,UAAY,MAAQ,EAAS,WAAa,GAAI,CACzD,EAAgB,EAAK,EACrB,EAAgB,CAAC,GAAI,2BAA2B,CAAC,EACjD,MACF,CAEA,GAAI,EAAa,CACf,IAAM,EAAc,EAEpB,EAAY,aAAa,CACvB,SAAU,EAAY,SACtB,SAAU,EAAY,QACxB,CAAC,CAAC,CACC,SAAW,CACV,EAAgB,EAAK,EACrB,EAAS,YAAa,CAAC,QAAS,EAAI,CAAC,CACvC,CAAC,CAAC,CACD,MAAO,GAAiB,CACvB,EAAgB,EAAK,EACrB,EAAgB,EAAM,OAAO,EAC7B,EAAS,SAAU,CAAC,QAAS,EAAI,CAAC,CACpC,CAAC,CACL,KAAO,CACL,IAAM,EAAS,EAEf,GAAI,EAA4B,SAAW,KAAM,CAC/C,EAAgB,EAAK,EACrB,EAAgB,CAAC,GAAI,iCAAiC,CAAC,EACvD,MACF,CAEA,IAAM,EAAqB,EAA4B,QACvD,GAAI,GAAsB,KAAM,CAC9B,EAAgB,EAAK,EACrB,EAAgB,CAAC,GAAI,iCAAiC,CAAC,EACvD,MACF,CAEA,EAAY,SAAS,CACnB,SAAU,EAAO,SACjB,SAAU,EAAO,SACjB,OAAQ,EACR,MAAO,EAAY,aACrB,CAAC,CAAC,CAAC,SACK,CACJ,EAAgB,EAAK,EACrB,EAAS,YAAa,CAAC,QAAS,EAAI,CAAC,CACvC,EACC,GAAiB,CAChB,EAAgB,EAAK,EACrB,EAAgB,EAAM,OAAO,CAC/B,CACF,CACF,CACF,EACA,IAAK,EArEP,SAAA,EAuEE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,SAAK,EAAc,EAAK,EAAE,YAAY,EAAI,EAAK,EAAE,wBAAwB,CAAM,CAAA,CACpE,CAAA,GACb,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,aACV,SAAA,EAAc,EAAK,EAAE,kBAAkB,EAAI,EAAK,EAAE,8BAA8B,CAChF,CAAA,EACF,GAAgB,KAMb,MALF,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,UAAW,EACnB,SAAA,OAAO,GAAiB,SAAW,EAAe,EAAK,EAAE,CAAY,CAC7D,CAAA,CACJ,CAAA,GAEX,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAS,YAAa,EAAK,EAAE,eAAe,EAAG,GAAG,WAAW,aAAa,UAAY,CAAA,CAC/E,CAAA,GACT,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,YAAa,EAAK,EAAE,eAAe,EACnC,GAAG,WACH,KAAK,WACL,aAAc,EAAc,mBAAqB,cAClD,CAAA,CACM,CAAA,CACG,CAAA,CAAA,EACb,EAAc,MACb,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,UAAA,GACZ,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,iBAAmB,GAAa,CAC9B,EAA4B,QAAU,CACxC,CACD,CAAA,CACW,CAAA,GAEhB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAa,UAAA,GACX,UAAA,EAAA,EAAA,KAAA,CAAC,EAAD,CAAS,QAAQ,MAAjB,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,SAAS,WACT,YAAe,CACT,EAAQ,SAAW,MACrB,EAAQ,QAAQ,UAAU,CAE9B,EAEC,SAAA,EAAK,EAAE,kBAAkB,CACpB,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAD,CAAQ,UAAW,EAAc,KAAK,SACnC,SAAA,EAAc,EAAK,EAAE,aAAa,EAAI,EAAK,EAAE,qBAAqB,CAC7D,CAAA,CACD,GACE,CAAA,CACT,GACD,CAAA,CACJ,CAAA,CAET"}

package/dist/assets/assets/Login-GaGEU4gd.js

@@ -0,0 +1,2 @@
+import{zt as e}from"./dist-CV9BnlWY.js";import{n as t,t as n}from"./ApplicationView-B165lCqL.js";import{t as r}from"./AuthForm-Cz9mlsMK.js";var i=e(),a=()=>(0,i.jsx)(n,{modifier:t.AuthForm,children:(0,i.jsx)(r,{mode:`login`})});export{a as default};
+//# sourceMappingURL=Login-GaGEU4gd.js.map

package/dist/assets/assets/Login-GaGEU4gd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login-GaGEU4gd.js","names":[],"sources":["../../../client/src/javascript/routes/Login.tsx"],"sourcesContent":["import {FC} from 'react';\n\nimport ApplicationView, {ApplicationViewModifier} from '@client/components/layout/ApplicationView';\nimport AuthForm from '@client/components/auth/AuthForm';\n\nconst LoginView: FC = () => (\n  <ApplicationView modifier={ApplicationViewModifier.AuthForm}>\n    <AuthForm mode=\"login\" />\n  </ApplicationView>\n);\n\nexport default LoginView;\n"],"mappings":"sJAKM,OACJ,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,SAAU,EAAwB,SACjD,UAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CAAU,KAAK,OAAS,CAAA,CACT,CAAA"}