windmill-components 1.309.7 → 1.339.2

package/package/components/LightweightResourcePicker.svelte

@@ -1,20 +1,23 @@
 <script>import { ResourceService } from '../gen';
 import { workspaceStore } from '../stores';
-import { createEventDispatcher } from 'svelte';
+import { createEventDispatcher, getContext } from 'svelte';
 import Select from './apps/svelte-select/lib/index';
 import { SELECT_INPUT_DEFAULT_STYLE } from '../defaults';
 import DarkModeObserver from './DarkModeObserver.svelte';
+import { Button, Drawer, DrawerContent } from './common';
+import { Plus } from 'lucide-svelte';
 const dispatch = createEventDispatcher();
 export let initialValue = undefined;
 export let value = initialValue;
 export let resourceType = undefined;
 export let disablePortal = false;
+const appViewerContext = getContext('AppViewerContext');
 let valueSelect = initialValue || value
     ? {
         value: value ?? initialValue,
         label: value ?? initialValue
     }
-    : undefined;
+    : '';
 let collection = [valueSelect];
 async function loadResources(resourceType) {
     const nc = (await ResourceService.listResource({
@@ -30,33 +33,78 @@ async function loadResources(resourceType) {
     }
     collection = nc;
 }
-$: {
-    if ($workspaceStore) {
-        loadResources(resourceType);
-    }
-}
+$: $workspaceStore && loadResources(resourceType);
 $: dispatch('change', value);
 let darkMode = false;
+let drawer = undefined;
+function processEvent(event) {
+    if (event.origin !== window.location.origin) {
+        return;
+    }
+    if (event.data.type === 'refresh') {
+        value = event.data.detail;
+        valueSelect = { value, label: value };
+        drawer?.closeDrawer?.();
+    }
+}
 </script>
 
 <DarkModeObserver bind:darkMode />
 
-<Select
-	portal={!disablePortal}
-	value={valueSelect}
-	on:change={(e) => {
-		value = e.detail.value
-		valueSelect = e.detail
-	}}
-	on:clear={() => {
-		value = undefined
-		valueSelect = undefined
-	}}
-	items={collection}
-	class="text-clip grow min-w-0"
-	placeholder="{resourceType ?? 'any'} resource"
-	inputStyles={SELECT_INPUT_DEFAULT_STYLE.inputStyles}
-	containerStyles={darkMode
-		? SELECT_INPUT_DEFAULT_STYLE.containerStylesDark
-		: SELECT_INPUT_DEFAULT_STYLE.containerStyles}
-/>
+<Drawer bind:this={drawer} size="800px">
+	<DrawerContent
+		title="Add a Resource"
+		on:close={drawer.closeDrawer}
+		tooltip="Resources represent connections to third party systems. Learn more on how to integrate external APIs."
+		documentationLink="https://www.windmill.dev/docs/integrations/integrations_on_windmill"
+	>
+		<iframe
+			title="App connection"
+			class="w-full h-full"
+			src="/embed_connect?resource_type={resourceType}&workspace={appViewerContext?.workspace ??
+				$workspaceStore}"
+		/>
+	</DrawerContent>
+</Drawer>
+
+<div class="flex flex-col w-full items-start">
+	<div class="flex flex-row gap-x-1 w-full">
+		<Select
+			portal={!disablePortal}
+			value={valueSelect}
+			on:change={(e) => {
+				value = e.detail.value
+				valueSelect = e.detail
+			}}
+			on:clear={() => {
+				value = undefined
+				valueSelect = ''
+			}}
+			items={collection}
+			class="text-clip grow min-w-0"
+			placeholder="{resourceType ?? 'any'} resource"
+			inputStyles={SELECT_INPUT_DEFAULT_STYLE.inputStyles}
+			containerStyles={darkMode
+				? SELECT_INPUT_DEFAULT_STYLE.containerStylesDark
+				: SELECT_INPUT_DEFAULT_STYLE.containerStyles}
+		/>
+
+		{#if resourceType}
+			<Button
+				color="light"
+				variant="border"
+				size="xs"
+				on:click={() => {
+					window.removeEventListener('message', processEvent)
+					window.addEventListener('message', processEvent, {
+						once: true
+					})
+
+					drawer?.openDrawer?.()
+				}}
+				startIcon={{ icon: Plus }}
+				iconOnly
+			/>
+		{/if}
+	</div>
+</div>

package/package/components/LightweightSchemaForm.svelte

@@ -50,30 +50,31 @@ function reorder() {
 <div class={twMerge('w-full flex flex-col px-0.5 pb-2', largeGap ? 'gap-8' : 'gap-2')}>
 	{#each Object.keys(schema.properties ?? {}) as argName (argName)}
 		{#if typeof args == 'object' && schema?.properties[argName] && args}
-			{#if computeShow(argName, schema?.properties[argName].showExpr, args)}
-				<LightweightArgInput
-					label={argName}
-					description={schema.properties[argName].description}
-					bind:value={args[argName]}
-					bind:valid={inputCheck[argName]}
-					bind:error={errors[argName]}
-					type={schema.properties[argName].type}
-					required={schema.required?.includes(argName) ?? false}
-					pattern={schema.properties[argName].pattern}
-					defaultValue={defaultValues?.[argName] ?? schema.properties[argName].default}
-					enum_={dynamicEnums?.[argName] ?? schema.properties[argName].enum}
-					format={schema.properties[argName].format}
-					contentEncoding={schema.properties[argName].contentEncoding}
-					customErrorMessage={schema.properties[argName].customErrorMessage}
-					properties={schema.properties[argName].properties}
-					nestedRequired={schema.properties[argName].required}
-					itemsType={schema.properties[argName].items}
-					extra={schema.properties[argName]}
-					on:inputClicked
-					{displayType}
-					{css}
-				/>
-			{/if}
+			<LightweightArgInput
+				render={computeShow(argName, schema?.properties[argName].showExpr, args)}
+				label={argName}
+				description={schema.properties[argName].description}
+				bind:value={args[argName]}
+				bind:valid={inputCheck[argName]}
+				bind:error={errors[argName]}
+				type={schema.properties[argName].type}
+				required={schema.required?.includes(argName) ?? false}
+				pattern={schema.properties[argName].pattern}
+				defaultValue={defaultValues?.[argName] ?? schema.properties[argName].default}
+				enum_={dynamicEnums?.[argName] ?? schema.properties[argName].enum}
+				format={schema.properties[argName].format}
+				contentEncoding={schema.properties[argName].contentEncoding}
+				customErrorMessage={schema.properties[argName].customErrorMessage}
+				properties={schema.properties[argName].properties}
+				nestedRequired={schema.properties[argName].required}
+				itemsType={schema.properties[argName].items}
+				extra={schema.properties[argName]}
+				title={schema.properties[argName].title}
+				placeholder={schema.properties[argName].placeholder}
+				on:inputClicked
+				{displayType}
+				{css}
+			/>
 		{/if}
 	{/each}
 </div>

package/package/components/LogViewer.svelte

@@ -1,5 +1,9 @@
 <script context="module">"use strict";
-const s3LogPrefix = '[windmill] Previous logs have been saved to object storage at logs/';
+const s3LogPrefixes = [
+    '\n[windmill] Previous logs have been saved to object storage at logs/',
+    '\n[windmill] Previous logs have been saved to disk at logs/',
+    '\n[windmill] No object storage set in instance settings. Previous logs have been saved to disk at '
+];
 </script>
 
 <script>import { ClipboardCopy, Download, Expand, Loader2 } from 'lucide-svelte';
@@ -9,6 +13,7 @@ import { workspaceStore } from '../stores';
 import AnsiUp from 'ansi_up';
 import NoWorkerWithTagWarning from './runs/NoWorkerWithTagWarning.svelte';
 import { JobService } from '../gen';
+import Tooltip from './Tooltip.svelte';
 export let content;
 export let isLoading;
 export let duration = undefined;
@@ -17,6 +22,7 @@ export let wrapperClass = '';
 export let jobId = undefined;
 export let tag;
 export let small = false;
+export let drawerOpen = false;
 // @ts-ignore
 const ansi_up = new AnsiUp();
 let scroll = true;
@@ -31,10 +37,39 @@ $: if (jobId !== lastJobId) {
     loadedFromObjectStore = '';
     LOG_LIMIT = LOG_INC;
 }
-$: downloadStartUrl = truncatedContent.startsWith(s3LogPrefix)
-    ? truncatedContent.substring(s3LogPrefix.length, truncatedContent.indexOf('\n'))
-    : undefined;
+function findPrefixIndex(truncateContent) {
+    let index = s3LogPrefixes.findIndex((x) => truncateContent.startsWith(x));
+    if (index == -1) {
+        return undefined;
+    }
+    return index;
+}
+function findStartUrl(truncateContent, prefixIndex = undefined) {
+    if (prefixIndex == undefined) {
+        return undefined;
+    }
+    const end = truncateContent.substring(1).indexOf('\n');
+    return prefixIndex != undefined && truncateContent
+        ? truncateContent.substring(s3LogPrefixes[prefixIndex]?.length, end == -1 ? undefined : end + 1)
+        : undefined;
+}
+function tooltipText(prefixIndex) {
+    if (prefixIndex == undefined) {
+        return 'No path/file detected to download from';
+    }
+    else if (prefixIndex == 0) {
+        return 'Download the previous logs from the instance configured object store';
+    }
+    else if (prefixIndex == 1) {
+        return 'Attempt to download the logs from disk. Assume there is a shared disk between the workers and the server at /tmp/windmill/logs. Upgrade to EE to use an object store such as S3 instead of a shared volume.';
+    }
+    else if (prefixIndex == 2) {
+        return 'Attempt to download the logs from disk. Assume there is a shared disk between the workers and the server at /tmp/windmill/logs. Since you are on EE, you can alternatively use an object store such as S3 configured in the instance settings instead of a shared volume..';
+    }
+}
 $: truncatedContent = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
+$: prefixIndex = findPrefixIndex(truncatedContent);
+$: downloadStartUrl = findStartUrl(truncatedContent, prefixIndex);
 function truncateContent(jobContent, loadedFromObjectStore, limit) {
     let content = loadedFromObjectStore + jobContent ?? '';
     if (content.length > limit) {
@@ -46,8 +81,8 @@ $: if (content != undefined && isLoading) {
     isLoading = false;
 }
 $: truncatedContent && scrollToBottom();
-$: html = ansi_up.ansi_to_html(downloadStartUrl
-    ? truncatedContent.substring(truncatedContent.indexOf('\n') + 2, truncatedContent.length)
+$: html = ansi_up.ansi_to_html(downloadStartUrl && prefixIndex != undefined
+    ? truncatedContent.substring(truncatedContent.substring(1).indexOf('\n') + 2, truncatedContent.length)
     : truncatedContent);
 export function scrollToBottom() {
     scroll && setTimeout(() => div?.scroll({ top: div?.scrollHeight, behavior: 'smooth' }), 100);
@@ -75,11 +110,14 @@ function showMoreTruncate(len) {
     LOG_LIMIT += LOG_INC;
     console.log(LOG_INC, len, LOG_LIMIT);
     let newC = truncateContent(content, loadedFromObjectStore, LOG_LIMIT);
-    LOG_LIMIT -= newC.indexOf('\n') + 1;
+    let newlineIndex = newC.indexOf('\n') + 1;
+    if (newlineIndex < LOG_INC / 2) {
+        LOG_LIMIT -= newlineIndex;
+    }
 }
 </script>
 
-<Drawer bind:this={logViewer} size="900px">
+<Drawer bind:this={logViewer} bind:open={drawerOpen} size="900px">
 	<DrawerContent title="Expanded Logs" on:close={logViewer.closeDrawer}>
 		<svelte:fragment slot="actions">
 			<Button
@@ -111,12 +149,11 @@ function showMoreTruncate(len) {
 				>{#if content}{@const len =
 						(content?.length ?? 0) +
 						(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button
-							on:click={getStoreLogs}>Show more...</button
-						><br
-						/>{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)... <button
-							on:click={() => showMoreTruncate(len)}>Show more</button
-						>
-					{/if}{@html html}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
+							on:click={getStoreLogs}
+							>Show more... <Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
+						><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)...<br
+						/><button on:click={() => showMoreTruncate(len)}>Show more..</button><br
+						/>{/if}{@html html}{:else if isLoading}Waiting for job to start...{:else}No logs are available yet{/if}</pre
 			>
 		</div>
 	</DrawerContent>
@@ -177,7 +214,7 @@ function showMoreTruncate(len) {
 			>{#if content}{@const len =
 					(content?.length ?? 0) +
 					(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button on:click={getStoreLogs}
-						>Show more...</button
+						>Show more... &nbsp;<Tooltip>{tooltipText(prefixIndex)}</Tooltip></button
 					><br />{:else if len > LOG_LIMIT}(truncated to the last {LOG_LIMIT} characters)<br
 					/><button on:click={() => showMoreTruncate(len)}>Show more..</button><br />{/if}<span
 					>{@html html}</span

package/package/components/LogViewer.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         jobId?: string | undefined;
         tag: string | undefined;
         small?: boolean | undefined;
+        drawerOpen?: boolean | undefined;
         scrollToBottom?: (() => void) | undefined;
     };
     events: {

package/package/components/Login.svelte

@@ -0,0 +1,288 @@
+<script>import { goto } from '$app/navigation';
+import Github from './icons/brands/Github.svelte';
+import Gitlab from './icons/brands/Gitlab.svelte';
+import Google from './icons/brands/Google.svelte';
+import Microsoft from './icons/brands/Microsoft.svelte';
+import Okta from './icons/brands/Okta.svelte';
+import { OauthService, UserService, WorkspaceService } from '../gen';
+import { usersWorkspaceStore, workspaceStore, userStore } from '../stores';
+import { classNames, emptyString, parseQueryParams } from '../utils';
+import { getUserExt } from '../user';
+import { Button, Skeleton } from './common';
+import { sendUserToast } from '../toast';
+import { isCloudHosted } from '../cloud';
+import { refreshSuperadmin } from '../refreshUser';
+export let rd = undefined;
+export let email = undefined;
+export let password = undefined;
+export let error = undefined;
+const providers = [
+    {
+        type: 'github',
+        name: 'GitHub',
+        icon: Github
+    },
+    {
+        type: 'gitlab',
+        name: 'GitLab',
+        icon: Gitlab
+    },
+    {
+        type: 'google',
+        name: 'Google',
+        icon: Google
+    },
+    {
+        type: 'microsoft',
+        name: 'Microsoft',
+        icon: Microsoft
+    },
+    {
+        type: 'okta',
+        name: 'Okta',
+        icon: Okta
+    }
+];
+const providersType = providers.map((p) => p.type);
+let showPassword = false;
+let logins = undefined;
+let saml = undefined;
+async function login() {
+    if (!email || !password) {
+        sendUserToast('Please fill in both email and password', true);
+        return;
+    }
+    const requestBody = {
+        email,
+        password
+    };
+    try {
+        await UserService.login({ requestBody });
+    }
+    catch (err) {
+        sendUserToast('Invalid credentials', true);
+        return;
+    }
+    // Once logged in, we can fetch the workspaces
+    $usersWorkspaceStore = await WorkspaceService.listUserWorkspaces();
+    // trigger a reload of the user
+    if ($workspaceStore) {
+        $userStore = await getUserExt($workspaceStore);
+    }
+    // Finally, we check whether the user is a superadmin
+    refreshSuperadmin();
+    redirectUser();
+}
+async function redirectUser() {
+    const firstTimeCookie = document.cookie.match('(^|;)\\s*first_time\\s*=\\s*([^;]+)')?.pop() || '0';
+    if (Number(firstTimeCookie) > 0 && email === 'admin@windmill.dev') {
+        goto('/user/first-time');
+        return;
+    }
+    if (rd?.startsWith('http')) {
+        window.location.href = rd;
+        return;
+    }
+    if ($workspaceStore) {
+        goto(rd ?? '/');
+    }
+    else {
+        let workspaceTarget = parseQueryParams(rd ?? undefined)['workspace'];
+        if (rd && workspaceTarget) {
+            $workspaceStore = workspaceTarget;
+            goto(rd);
+            return;
+        }
+        if (!$usersWorkspaceStore) {
+            try {
+                usersWorkspaceStore.set(await WorkspaceService.listUserWorkspaces());
+            }
+            catch { }
+        }
+        const allWorkspaces = $usersWorkspaceStore?.workspaces.filter((x) => x.id != 'admins');
+        if (allWorkspaces?.length == 1) {
+            workspaceStore.set(allWorkspaces[0].id);
+            $userStore = await getUserExt($workspaceStore);
+            if (!$userStore?.is_super_admin && $userStore?.operator) {
+                let defaultApp = await WorkspaceService.getWorkspaceDefaultApp({
+                    workspace: $workspaceStore
+                });
+                if (!emptyString(defaultApp.default_app_path)) {
+                    goto(`/apps/get/${defaultApp.default_app_path}`);
+                }
+                else {
+                    goto(rd ?? '/');
+                }
+            }
+            else {
+                goto(rd ?? '/');
+            }
+        }
+        else if (rd?.startsWith('/user/workspaces')) {
+            goto(rd);
+        }
+        else if (rd == '/#user-settings') {
+            goto(`/user/workspaces#user-settings`);
+        }
+        else {
+            goto(`/user/workspaces${rd ? `?rd=${encodeURIComponent(rd)}` : ''}`);
+        }
+    }
+}
+async function loadLogins() {
+    const allLogins = await OauthService.listOauthLogins();
+    logins = allLogins.oauth;
+    saml = allLogins.saml;
+    showPassword = (logins.length == 0 && !saml) || (email != undefined && email.length > 0);
+}
+loadLogins();
+function handleKeyUp(event) {
+    const key = event.key;
+    if (key === 'Enter') {
+        event.preventDefault();
+        login();
+    }
+}
+function storeRedirect(provider) {
+    if (rd) {
+        try {
+            localStorage.setItem('rd', rd);
+        }
+        catch (e) {
+            console.error('Could not persist redirection to local storage', e);
+        }
+    }
+    window.location.href = window.location.origin + '/api/oauth/login/' + provider;
+}
+$: error && sendUserToast(error, true);
+</script>
+
+<div class="bg-surface px-4 py-8 shadow md:border sm:rounded-lg sm:px-10">
+	<div class="grid {logins && logins.length > 2 ? 'grid-cols-2' : ''} gap-4">
+		{#if !logins}
+			{#each Array(4) as _}
+				<Skeleton layout={[0.5, [2.375]]} />
+			{/each}
+		{:else}
+			{#each providers as { type, icon, name }}
+				{#if logins?.includes(type)}
+					<Button
+						color="light"
+						variant="border"
+						startIcon={{ icon, classes: 'h-4' }}
+						on:click={() => storeRedirect(type)}
+					>
+						{name}
+					</Button>
+				{/if}
+			{/each}
+			{#each logins.filter((x) => !providersType?.includes(x)) as login}
+				<Button
+					color="dark"
+					variant="border"
+					btnClasses="mt-2 w-full !border-gray-300"
+					on:click={() => storeRedirect(login)}
+				>
+					{login}
+				</Button>
+			{/each}
+		{/if}
+		{#if saml}
+			<Button
+				color="dark"
+				variant="border"
+				btnClasses="mt-2 w-full !border-gray-300"
+				on:click={() => {
+					if (saml) {
+						window.location.href = saml
+					} else {
+						sendUserToast('No SAML login available', true)
+					}
+				}}
+			>
+				SSO
+			</Button>
+		{/if}
+	</div>
+	{#if saml || (logins && logins.length > 0)}
+		<div class={classNames('center-center', logins && logins.length > 0 ? 'mt-6' : '')}>
+			<Button
+				size="xs"
+				color="blue"
+				variant="border"
+				btnClasses="!border-none"
+				on:click={() => {
+					showPassword = !showPassword
+				}}
+			>
+				Log in without third-party
+			</Button>
+		</div>
+	{/if}
+
+	{#if showPassword}
+		<div>
+			<div class="space-y-6">
+				{#if isCloudHosted()}
+					<p class="text-xs text-tertiary italic pb-6">
+						To get credentials without the OAuth providers above, send an email at
+						contact@windmill.dev
+					</p>
+				{/if}
+				<div>
+					<label for="email" class="block text-sm font-medium leading-6 text-primary">
+						Email
+					</label>
+					<div>
+						<input
+							type="email"
+							bind:value={email}
+							id="email"
+							autocomplete="email"
+							class="block w-full rounded-md border-0 py-1.5 text-primary shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
+						/>
+					</div>
+				</div>
+
+				<div>
+					<label for="password" class="block text-sm font-medium leading-6 text-primary">
+						Password
+					</label>
+					<div>
+						<input
+							on:keyup={handleKeyUp}
+							bind:value={password}
+							id="password"
+							type="password"
+							autocomplete="current-password"
+							class="block w-full rounded-md border-0 py-1.5 text-shadow shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
+						/>
+					</div>
+				</div>
+
+				<div class="pt-2">
+					<button
+						on:click={login}
+						disabled={!email || !password}
+						class="flex w-full justify-center rounded-md bg-frost-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-frost-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-frost-600"
+					>
+						Sign in
+					</button>
+				</div>
+			</div>
+
+			{#if isCloudHosted()}
+				<p class="text-2xs text-tertiary italic mt-10 text-center">
+					By logging in, you agree to our
+					<a href="https://windmill.dev/terms_of_service" target="_blank" rel="noreferrer">
+						Terms of Service
+					</a>
+					and
+					<a href="https://windmill.dev/privacy_policy" target="_blank" rel="noreferrer">
+						Privacy Policy
+					</a>
+				</p>
+			{/if}
+		</div>
+	{/if}
+</div>

package/package/components/Login.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        rd?: string | undefined;
+        email?: string | undefined;
+        password?: string | undefined;
+        error?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LoginProps = typeof __propDef.props;
+export type LoginEvents = typeof __propDef.events;
+export type LoginSlots = typeof __propDef.slots;
+export default class Login extends SvelteComponent<LoginProps, LoginEvents, LoginSlots> {
+}
+export {};

package/package/components/ModulePreviewForm.svelte

@@ -77,6 +77,9 @@ loadResourceTypes();
 							nestedRequired={schema.properties[argName].required}
 							itemsType={schema.properties[argName].items}
 							extra={schema.properties[argName]}
+							nullable={schema.properties[argName].nullable}
+							title={schema.properties[argName].title}
+							placeholder={schema.properties[argName].placeholder}
 						/>
 					{/if}
 					<div class="pt-6 mt-0.5">

package/package/components/NoMainFuncBadge.svelte

@@ -0,0 +1,8 @@
+<script>import Popover from './Popover.svelte';
+import { Badge } from './common';
+</script>
+
+<Popover notClickable>
+	<svelte:fragment slot="text">The script has no main function exported</svelte:fragment>
+	<Badge small color="yellow" baseClass="border border-indigo-200">No main</Badge>
+</Popover>

package/package/components/NoMainFuncBadge.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type NoMainFuncBadgeProps = typeof __propDef.props;
+export type NoMainFuncBadgeEvents = typeof __propDef.events;
+export type NoMainFuncBadgeSlots = typeof __propDef.slots;
+export default class NoMainFuncBadge extends SvelteComponent<NoMainFuncBadgeProps, NoMainFuncBadgeEvents, NoMainFuncBadgeSlots> {
+}
+export {};

package/package/components/OauthExtraParams.svelte

@@ -33,7 +33,7 @@ function sync() {
 		size="sm"
 		endIcon={{ icon: Plus }}
 		on:click={() => {
-			extra_params_vec = extra_params_vec.concat([['key', 'value']])
+			extra_params_vec = (extra_params_vec ?? []).concat([['key', 'value']])
 			sync()
 		}}
 	>

package/package/components/OauthScopes.svelte

@@ -30,7 +30,7 @@ export let scopes = [];
 		size="sm"
 		endIcon={{ icon: Plus }}
 		on:click={() => {
-			scopes = scopes.concat('')
+			scopes = (scopes ?? []).concat('')
 		}}
 	>
 		Add item