chore: v0.5.3

* fix config path

* fix typo

CHANGELOG.md

@@ -1,3 +1,8 @@
+### 0.5.3 (March 1, 2025)
+- Fixed an issue where Headplane expected the incorrect config value for OIDC scope (fixes [#111](https://github.com/tale/headplane/issues/111))
+- Added an ARIA indicator for when an input is required and fixed the confirm buttons (fixed [#116](https://github.com/tale/headplane/issues/116))
+- Fixed a typo in the docs that defaulted to `/var/run/docker.dock` for the Docker socket (via [#112](https://github.com/tale/headplane/pull/112))
+
 ### 0.5.2 (February 28, 2025)
 - Hotfixed an issue where the server bundle got reloaded on each request
 
@@ -7,6 +12,10 @@
 - Fixed the Kubernetes integration not reading the config
 
 ### 0.5 (February 27, 2025)
+> This release is a major overhaul and contains a significant breaking change.
+> We now use a config file for all settings instead of environment variables.
+> Please see [config.example.yaml](/config.example.yaml) for the new format.
+
 - Completely redesigned the UI from the ground up for accessibility and performance.
 - Switched to a config-file setup (this introduces breaking changes, see [config.example.yaml](/config.example.yaml) for the new format).
 - If the config is read-only, the options are still visible, just disabled (fixes [#48](https://github.com/tale/headplane/issues/48))

app/components/Dialog.tsx

@@ -122,9 +122,7 @@ function Panel(props: DialogPanelProps) {
 							<Button
 								type="submit"
 								variant={variant === 'destructive' ? 'danger' : 'heavy'}
-								isDisabled={
-									isDisabled || !(ref.current?.checkValidity() ?? true)
-								}
+								isDisabled={isDisabled}
 							>
 								Confirm
 							</Button>

app/components/Input.tsx

@@ -1,3 +1,4 @@
+import { Asterisk } from 'lucide-react';
 import { useRef } from 'react';
 import { type AriaTextFieldProps, useId, useTextField } from 'react-aria';
 import cn from '~/utils/cn';
@@ -9,6 +10,7 @@ export interface InputProps extends AriaTextFieldProps<HTMLInputElement> {
 	className?: string;
 }
 
+// TODO: Custom isInvalid logic for custom error messages
 export default function Input(props: InputProps) {
 	const { label, labelHidden, className } = props;
 	const ref = useRef<HTMLInputElement | null>(null);
@@ -42,6 +44,9 @@ export default function Input(props: InputProps) {
 				)}
 			>
 				{label}
+				{props.isRequired && (
+					<Asterisk className="inline w-3.5 text-red-500 pb-1 ml-0.5" />
+				)}
 			</label>
 			<input
 				{...inputProps}

app/utils/config/parser.ts

@@ -105,8 +105,8 @@ const headscaleConfig = type({
 		magic_dns: goBool.default(true),
 		base_domain: 'string = "headscale.net"',
 		nameservers: type({
-			global: 'string[]',
-			split: 'Record<string, string[]>',
+			'global?': 'string[]',
+			'split?': 'Record<string, string[]>',
 		}).default(() => ({ global: [], split: {} })),
 		search_domains: type('string[]').default(() => []),
 		extra_records: type({
@@ -129,7 +129,7 @@ const headscaleConfig = type({
 		client_secret_path: 'string?',
 		expiry: goDuration.default('180d'),
 		use_expiry_from_token: goBool.default(false),
-		scope: 'string = "profile email"',
+		scope: type('string[]').default(() => ['openid', 'email', 'profile']),
 		extra_params: 'Record<string, string>?',
 		allowed_domains: 'string[]?',
 		allowed_groups: 'string[]?',

config.example.yaml

@@ -44,7 +44,7 @@ integration:
         # The path to the Docker socket (do not change this if you are unsure)
         # Docker socket paths must start with unix:// or tcp:// and at the moment
         # https connections are not supported.
-        socket: "unix:///var/run/docker.dock"
+        socket: "unix:///var/run/docker.sock"
     # Please refer to docs/integration/Kubernetes.md for more information
     # on how to configure the Kubernetes integration. There are requirements in
     # order to allow Headscale to be controlled by Headplane in a cluster.

docs/Configuration.md

@@ -3,7 +3,7 @@
 > Since 0.5, you will need to manually migrate your configuration to the new format.
 
 Headplane uses a configuration file to manage its settings
-([**config.example.yaml**](./config.example.yaml)). By default, Headplane looks
+([**config.example.yaml**](../config.example.yaml)). By default, Headplane looks
 for a the file at `/etc/headplane/config.yaml`. This can be changed using the
 **`HEADPLANE_CONFIG_PATH`** environment variable to point to a different location.