web: Replace null defaults with undefined for optional props

Aligns optional prop types and defaults with TypeScript/Svelte 5 idioms
by dropping explicit null in favor of undefined throughout components.

web-admin/src/routes/users/[uid]/domains/[domain]/DomainInformationCard.svelte

@@ -78,8 +78,8 @@
                 body: {
                     domain: domainName,
                     group: group || undefined,
-                    id_owner: id_owner || undefined,
+                    id_owner: id_owner,
-                    id_provider: id_provider || undefined,
+                    id_provider: id_provider,
                 }
             });
 

web-admin/src/routes/users/[uid]/domains/new/+page.svelte

@@ -59,8 +59,8 @@
                 body: {
                     domain: domain,
                     group: group || undefined,
-                    id_owner: id_owner || undefined,
+                    id_owner: id_owner,
-                    id_provider: id_provider || undefined,
+                    id_provider: id_provider,
                 }
             });
 

web/src/lib/components/inputs/NewDomain.svelte

@@ -47,8 +47,8 @@
         addingNewDomain?: boolean;
         autofocus?: boolean;
         noButton?: boolean;
-        preAddFunc?: null | ((arg0: string) => Promise<boolean>);
+        preAddFunc?: (arg0: string) => Promise<boolean>;
-        provider?: Provider | null;
+        provider?: Provider;
         value?: string;
         [key: string]: any
     }
@@ -57,8 +57,8 @@
         addingNewDomain = $bindable(false),
         autofocus = false,
         noButton = false,
-        preAddFunc = null,
+        preAddFunc,
-        provider = null,
+        provider,
         value = $bindable(""),
         ...rest
     }: Props = $props();

web/src/lib/components/modals/Footer.svelte

@@ -35,7 +35,7 @@
     interface Props {
         toggle: () => void;
         step: number;
-        service?: ServiceCombined | null;
+        service?: ServiceCombined;
         form?: string;
         origin?: Domain | undefined;
         update?: boolean;
@@ -49,7 +49,7 @@
     let {
         toggle,
         step,
-        service = $bindable(null),
+        service = $bindable(),
         form = "addSvcForm",
         origin = undefined,
         update = false,

web/src/lib/components/pages/Provider.svelte

@@ -43,8 +43,8 @@
         edit?: boolean;
         ptype: string;
         state: number;
-        providerId?: string | null;
+        providerId?: string;
-        value?: ProviderSettingsState | null;
+        value?: ProviderSettingsState;
     }
 
     let {
@@ -52,12 +52,12 @@
         edit = false,
         ptype,
         state: formstate,
-        providerId = null,
+        providerId,
-        value = $bindable(null)
+        value = $bindable()
     }: Props = $props();
 
     //
-    function createProviderForm(ptype: string, providerId: string | null, value: ProviderSettingsState | null, edit: boolean): ProviderForm {
+    function createProviderForm(ptype: string, providerId: string | undefined, value: ProviderSettingsState | undefined, edit: boolean): ProviderForm {
         const pf = new ProviderForm(
             ptype,
             () => refreshProviders().then(() => navigate("/?newProvider")),

web/src/lib/components/providers/SettingsStateButtons.svelte

@@ -34,7 +34,7 @@
     interface Props {
         canDoNext?: boolean;
         edit?: boolean;
-        form?: CustomForm | null;
+        form?: CustomForm;
         nextInProgress?: boolean;
         previousInProgress?: boolean;
         submitForm?: string;
@@ -44,7 +44,7 @@
     let {
         canDoNext = true,
         edit = false,
-        form = null,
+        form,
         nextInProgress = false,
         previousInProgress = false,
         submitForm,

web/src/routes/domains/[dn]/[[historyid]]/ServiceBadges.svelte

@@ -32,7 +32,7 @@
 
     interface Props {
         class?: ClassValue;
-        service: HappydnsService | null;
+        service?: HappydnsService;
     }
 
     let { service, class: className = "" }: Props = $props();

web/src/routes/domains/[dn]/[[historyid]]/ServiceCard.svelte

@@ -37,7 +37,7 @@
     import { controls as ctrlServiceDetails } from "../ServiceDetailsOffcanvas.svelte";
     import { controls as ctrlServicePath } from "$lib/components/services/NewServicePath.svelte";
     import type { Domain } from "$lib/model/domain";
-    import type { ServiceCombined } from "$lib/model/service.svelte";
+    import type { HappydnsService } from "$lib/api-base/types.gen";
     import { servicesSpecs, servicesSpecsLoaded } from "$lib/stores/services";
     import { t } from "$lib/translations";
     import PropagationCountdown from "$lib/components/services/PropagationCountdown.svelte";
@@ -45,11 +45,11 @@
     interface Props {
         dn: string;
         origin: Domain;
-        service?: ServiceCombined | null;
+        service?: HappydnsService;
         zoneId: string;
     }
 
-    let { dn, origin, service = $bindable(null), zoneId }: Props = $props();
+    let { dn, origin, service, zoneId }: Props = $props();
 
     // Will be changed by PropagationCountdown
     let isPropagating = $state(true);

web/src/routes/domains/[dn]/[[historyid]]/[subdomain]/[serviceid]/+page.svelte

@@ -59,7 +59,7 @@
 
     let svcType: string = $derived(page.url.searchParams.get("type") ?? "");
 
-    let service: HappydnsService | null = $state(null);
+    let service: HappydnsService | undefined = $state();
     let serviceLoading = $state(false);
 
     let serviceTitle = $derived.by(() => {
@@ -76,7 +76,7 @@
     $effect(() => {
         if (data.serviceid !== "new") {
             const svcs = $thisZone?.services[data.subdomain];
-            service = svcs?.find((s) => s._id === data.serviceid) ?? null;
+            service = svcs?.find((s) => s._id === data.serviceid);
         }
     });
 
@@ -128,7 +128,7 @@
         );
     }
 
-    function helpLink(svc: HappydnsService | null): string {
+    function helpLink(svc: HappydnsService | undefined): string {
         if (!svc?._svctype) return "";
         const svcPart = svc._svctype.toLowerCase().split(".");
         let path = svcPart[svcPart.length - 1] + "/";