npm - windmill-components - Versions diffs - 1.613.5 → 1.623.2 - Mend

windmill-components 1.613.5 → 1.623.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (254) hide show

package/package/components/workspaceSettings/DucklakeSettings.svelte CHANGED Viewed

@@ -181,7 +181,7 @@ export function convertDucklakeSettingsToBackend(settings) {
 	</div>
 {/if}
-<DataTable>
+<DataTable containerClass="ducklake-settings-table">
 	<Head>
 		<tr>
 			{#each tableHeadNames as name, i}
@@ -214,7 +214,11 @@ export function convertDucklakeSettingsToBackend(settings) {
 							<code class="px-1 py-0.5 border rounded-md">ATTACH 'ducklake' AS dl;</code> shorthand
 						</Tooltip>
 					{/if}
-					<TextInput bind:value={ducklake.name} inputProps={{ placeholder: 'Name' }} />
+					<TextInput
+						bind:value={ducklake.name}
+						inputProps={{ placeholder: 'Name' }}
+						class="ducklake-name"
+					/>
 				</Cell>
 				<Cell>
 					<div class="flex gap-2">
@@ -288,11 +292,12 @@ export function convertDucklakeSettingsToBackend(settings) {
 									else delete ducklake.storage.storage
 								}
 							}
-							class="w-48"
+							class="ducklake-workspace-storage-select w-48"
 							inputClass="!placeholder-secondary"
 						/>
 						<TextInput
 							inputProps={{ placeholder: 'Data path (defaults to /)' }}
+							class="ducklake-storage-data-path"
 							bind:value={ducklake.storage.path}
 						/>
 					</div>

package/package/components/workspaceSettings/OAuthClientConfig.svelte ADDED Viewed

@@ -0,0 +1,180 @@
+<script lang="ts">import { sendUserToast } from '../../utils';
+import { Button, Alert } from '../common';
+import Label from '../Label.svelte';
+import { Save, ExternalLink } from 'lucide-svelte';
+import { workspaceStore } from '../../stores';
+let { serviceName, serviceDisplayName, existingConfig, onConfigSaved, redirectUri = $bindable('') } = $props();
+let saving = $state(false);
+let clientId = $state('');
+let clientSecret = $state('');
+let baseUrl = $state('');
+let workspace = $workspaceStore;
+redirectUri = `${window.location.origin}/workspace_settings?tab=native_triggers&service=${serviceName}&workspace=${workspace}`;
+$effect(() => {
+    if (existingConfig) {
+        clientId = existingConfig.client_id;
+        clientSecret = existingConfig.client_secret;
+        baseUrl = existingConfig.base_url;
+    }
+});
+async function saveConfig() {
+    if (!clientId.trim() || !clientSecret.trim() || !baseUrl.trim()) {
+        sendUserToast('Please fill in all fields', true);
+        return;
+    }
+    saving = true;
+    try {
+        const oauthData = {
+            client_id: clientId.trim(),
+            client_secret: clientSecret.trim(),
+            base_url: baseUrl.trim().replace(/\/+$/, ''),
+            redirect_uri: redirectUri.trim()
+        };
+        await onConfigSaved(oauthData);
+        resetForm();
+    }
+    catch (err) {
+        sendUserToast(`Failed to configure OAuth client: ${err.message}`, true);
+    }
+    finally {
+        saving = false;
+    }
+}
+function resetForm() {
+    clientId = '';
+    clientSecret = '';
+}
+function copyToClipboard(text, label) {
+    navigator.clipboard
+        .writeText(text)
+        .then(() => {
+        sendUserToast(`${label} copied to clipboard`);
+    })
+        .catch(() => {
+        sendUserToast(`Failed to copy ${label}`, true);
+    });
+}
+</script>
+<div class="space-y-4">
+	<div class="flex justify-between items-center">
+		<h4 class="text-md font-medium text-primary">{serviceDisplayName} OAuth Client Configuration</h4
+		>
+	</div>
+	{#if !existingConfig}
+		<Alert type="warning" title="OAuth client required">
+			<p class="text-sm mb-2">
+				Before you can connect to {serviceDisplayName}, you need to configure an OAuth client. This
+				requires:
+			</p>
+			<ol class="list-decimal list-inside space-y-1 text-sm">
+				<li
+					>Create an OAuth2 application in your {serviceDisplayName} instance (Administration settings
+					-> Security -> OAuth 2.0 clients)</li
+				>
+				<li
+					>Configure the redirect URI: <code
+						class="text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded"
+						>{redirectUri ||
+							`${window.location.origin}/workspace_settings?tab=integrations&service=${serviceName}`}</code
+					></li
+				>
+				<li>Enter the client credentials below</li>
+			</ol>
+		</Alert>
+	{/if}
+	<div class="space-y-4">
+		<div class="space-y-4">
+			<div class="flex flex-col gap-1">
+				<Label label="Nextcloud base URL" />
+				<p class="text-xs font-normal text-secondary"
+					>The base URL of your Nextcloud instance (without trailing slash)</p
+				>
+				<input
+					type="url"
+					bind:value={baseUrl}
+					placeholder="https://your-nextcloud.example.com"
+					class="windmill-input"
+					disabled={saving}
+				/>
+				{#if baseUrl}
+					<Button
+						wrapperClasses="self-start"
+						href={`${baseUrl}/settings/admin/security`}
+						target="_blank"
+						startIcon={{ icon: ExternalLink }}
+					>
+						{serviceDisplayName} OAuth Settings
+					</Button>
+				{/if}
+			</div>
+			<div class="flex flex-col gap-1">
+				<Label label="Redirect URI" />
+				<p class="text-xs font-normal text-secondary"
+					>Use this URL when creating the OAuth app in {serviceDisplayName}</p
+				>
+				<div class="flex gap-2">
+					<input
+						type="url"
+						bind:value={redirectUri}
+						readonly
+						class="windmill-input flex-1 bg-gray-50 dark:bg-gray-900"
+					/>
+					<Button
+						size="xs"
+						color="light"
+						variant="border"
+						onclick={() => copyToClipboard(redirectUri, 'Redirect URI')}
+					>
+						Copy
+					</Button>
+				</div>
+			</div>
+			<div class="flex flex-col gap-1">
+				<Label label="Client ID" />
+				<input
+					type="text"
+					bind:value={clientId}
+					placeholder="Generated by Nextcloud OAuth app"
+					class="windmill-input"
+					disabled={saving}
+				/>
+			</div>
+			<div class="flex flex-col gap-1">
+				<Label label="Client secret" />
+				<input
+					type="password"
+					bind:value={clientSecret}
+					placeholder="Generated by Nextcloud OAuth app"
+					class="windmill-input"
+					disabled={saving}
+				/>
+			</div>
+			<div class="flex gap-2">
+				<Button
+					color="blue"
+					onclick={saveConfig}
+					disabled={saving || !clientId.trim() || !clientSecret.trim() || !baseUrl.trim()}
+					startIcon={{ icon: Save }}
+				>
+					{saving ? 'Saving...' : 'Save configuration'}
+				</Button>
+			</div>
+		</div>
+	</div>
+	{#if existingConfig}
+		<Alert type="success" title="OAuth client configured">
+			<p class="text-sm">
+				OAuth client is configured for {serviceDisplayName}. You can now connect this workspace to
+				your {serviceDisplayName} instance.
+			</p>
+		</Alert>
+	{/if}
+</div>

package/package/components/workspaceSettings/OAuthClientConfig.svelte.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+interface Props {
+    serviceName: string;
+    serviceDisplayName: string;
+    existingConfig?: {
+        client_id: string;
+        client_secret: string;
+        base_url: string;
+    } | null;
+    redirectUri: string;
+    onConfigSaved: (oauthData: any) => Promise<void>;
+}
+declare const OAuthClientConfig: import("svelte").Component<Props, {}, "redirectUri">;
+type OAuthClientConfig = ReturnType<typeof OAuthClientConfig>;
+export default OAuthClientConfig;

package/package/components/workspaceSettings/StorageSettings.svelte CHANGED Viewed

@@ -104,7 +104,7 @@ function isPermissionsNonDefault(storage) {
 	</Alert>
 {/if}
 {#if s3ResourceSettings}
-	<DataTable containerClass="mt-4">
+	<DataTable containerClass="storage-settings-table mt-4">
 		<Head>
 			<tr>
 				{#each tableHeadNames as name, i}
@@ -124,7 +124,11 @@ function isPermissionsNonDefault(storage) {
 						{#if tableRow[0] === null}
 							<TextInput inputProps={{ placeholder: 'Primary storage', disabled: true }} />
 						{:else}
-							<TextInput bind:value={tableRow[0]} inputProps={{ placeholder: 'Name' }} />
+							<TextInput
+								bind:value={tableRow[0]}
+								inputProps={{ placeholder: 'Name' }}
+								class="secondary-storage-name-input"
+							/>
 						{/if}
 					</Cell>
 					<Cell>
@@ -139,6 +143,7 @@ function isPermissionsNonDefault(storage) {
 										{ value: 'gcloud_storage', label: 'Google Cloud Storage' }
 									]}
 									bind:value={tableRow[1].resourceType}
+									id="storage-resource-type-select"
 									class="w-40"
 								/>
 							</div>

package/package/components/workspaceSettings/WorkspaceIntegrations.svelte ADDED Viewed

@@ -0,0 +1,302 @@
+<script lang="ts">import { workspaceStore } from '../../stores';
+import { sendUserToast } from '../../utils';
+import { Button, Alert } from '../common';
+import Skeleton from '../common/skeleton/Skeleton.svelte';
+import Description from '../Description.svelte';
+import { Check, X, ExternalLink, Cog, Plug } from 'lucide-svelte';
+import { NextcloudIcon } from '../icons';
+import { WorkspaceIntegrationService } from '../../gen';
+import OAuthClientConfig from './OAuthClientConfig.svelte';
+import { page } from '$app/stores';
+import { goto } from '$app/navigation';
+const supportedServices = {
+    nextcloud: {
+        name: 'nextcloud',
+        displayName: 'Nextcloud',
+        description: 'Connect to Nextcloud for file operations and webhook triggers',
+        icon: NextcloudIcon,
+        docsUrl: 'https://www.windmill.dev/docs/integrations/nextcloud'
+    }
+};
+let integrations = $state([]);
+let loading = $state(false);
+let connecting = $state(null);
+let showingConfig = $state(null);
+let processingCallback = $state(false);
+async function loadIntegrations() {
+    if (!$workspaceStore)
+        return;
+    loading = true;
+    try {
+        const response = await WorkspaceIntegrationService.listNativeTriggerServices({
+            workspace: $workspaceStore
+        });
+        integrations = response.map((item) => ({
+            service_name: item.service_name,
+            oauth_data: item.oauth_data || null
+        }));
+    }
+    catch (err) {
+        console.error('Failed to load workspace integrations:', err);
+        sendUserToast(`Failed to load integrations: ${err.message}`, true);
+    }
+    finally {
+        loading = false;
+    }
+}
+async function deleteIntegration(serviceName) {
+    if (!$workspaceStore)
+        return;
+    try {
+        await WorkspaceIntegrationService.deleteNativeTriggerService({
+            workspace: $workspaceStore,
+            serviceName: serviceName
+        });
+        sendUserToast(`${supportedServices[serviceName]?.displayName} disconnected successfully`);
+        loadIntegrations();
+    }
+    catch (err) {
+        sendUserToast(`Failed to disconnect ${supportedServices[serviceName]?.displayName}: ${err.message}`, true);
+    }
+}
+async function connectService(serviceName, redirectUri) {
+    if (!$workspaceStore)
+        return;
+    connecting = serviceName;
+    try {
+        const auth_url = await WorkspaceIntegrationService.generateNativeTriggerServiceConnectUrl({
+            workspace: $workspaceStore,
+            serviceName: serviceName,
+            requestBody: { redirect_uri: redirectUri }
+        });
+        if (auth_url) {
+            window.location.href = auth_url;
+        }
+    }
+    catch (err) {
+        sendUserToast(`Failed to connect ${supportedServices[serviceName]?.displayName}: ${err.message}`, true);
+        connecting = null;
+    }
+}
+async function createOrUpdateIntegration(serviceName, oauthData) {
+    if (!$workspaceStore)
+        return;
+    try {
+        await WorkspaceIntegrationService.createNativeTriggerService({
+            workspace: $workspaceStore,
+            serviceName: serviceName,
+            requestBody: oauthData
+        });
+        sendUserToast(`${supportedServices[serviceName]?.displayName} configuration saved successfully`);
+        loadIntegrations();
+    }
+    catch (err) {
+        sendUserToast(`Failed to configure ${supportedServices[serviceName]?.displayName}: ${err.message}`, true);
+    }
+}
+function isConfigured(integration) {
+    return (integration.oauth_data !== null &&
+        !!integration.oauth_data.client_id &&
+        !!integration.oauth_data.client_secret &&
+        !!integration.oauth_data.base_url);
+}
+function isConnected(integration) {
+    return isConfigured(integration) && !!integration.oauth_data?.access_token;
+}
+function getIntegrationByService(serviceName) {
+    return integrations.find((integration) => integration.service_name === serviceName) || null;
+}
+async function handleOAuthCallback(workspace, serviceName, code, state) {
+    console.log({ workspace, serviceName, code, state });
+    processingCallback = true;
+    try {
+        if (serviceName) {
+            await WorkspaceIntegrationService.nativeTriggerServiceCallback({
+                serviceName,
+                workspace,
+                code,
+                state,
+                requestBody: { redirect_uri: $page.url.toString() }
+            });
+            sendUserToast(`${supportedServices[serviceName]?.displayName} connected successfully!`);
+            await loadIntegrations();
+        }
+        else {
+            sendUserToast(`Could not handle callback missing service query args`, true);
+        }
+    }
+    catch (err) {
+        sendUserToast(`Failed to complete OAuth connection: ${err.message}`, true);
+    }
+    finally {
+        const url = new URL($page.url);
+        url.searchParams.delete('code');
+        url.searchParams.delete('state');
+        url.searchParams.delete('service');
+        url.searchParams.delete('workspace');
+        processingCallback = false;
+        goto(url.toString(), { replaceState: true, noScroll: true, keepFocus: true });
+    }
+}
+$effect(() => {
+    if ($page.url.searchParams.has('code') &&
+        $page.url.searchParams.has('state') &&
+        $page.url.searchParams.has('workspace') &&
+        $page.url.searchParams.has('service')) {
+        const service = $page.url.searchParams.get('service');
+        const workspace = $page.url.searchParams.get('workspace');
+        const code = $page.url.searchParams.get('code');
+        const state = $page.url.searchParams.get('state');
+        handleOAuthCallback(workspace, service, code, state);
+    }
+});
+let redirectUri = $state('');
+$effect(() => {
+    if ($workspaceStore) {
+        loadIntegrations();
+    }
+});
+</script>
+<div class="flex flex-col gap-6 my-8">
+	<div class="flex flex-col gap-1">
+		<div class="text-sm font-semibold text-emphasis">Native Triggers (Beta)</div>
+		<Description>
+			Connect your workspace to external services for native triggers and enhanced functionality.
+			These connections are shared across all workspace members and are required for native triggers
+			to work.
+		</Description>
+		<Description link="https://www.windmill.dev/docs/integrations/native-triggers">
+			Learn more about native triggers and workspace integrations.
+		</Description>
+	</div>
+	<Alert type="warning" title="Beta Feature">
+		<p>Native Triggers is currently in beta. Nextcloud integration requires:</p>
+		<ul class="list-disc pl-4 mt-2 space-y-1">
+			<li>
+				<a
+					href="https://docs.nextcloud.com/server/latest/admin_manual/installation/source_installation.html#pretty-urls"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="underline hover:text-blue-600"
+				>
+					Pretty URLs
+				</a>
+				to be enabled on your Nextcloud instance.
+			</li>
+			<li>The Windmill integration app to be installed on your Nextcloud instance (not yet released).</li>
+		</ul>
+	</Alert>
+	{#if processingCallback}
+		<Alert type="info" title="Processing OAuth connection">
+			<p class="text-sm">Completing your OAuth connection, please wait...</p>
+		</Alert>
+	{:else if loading}
+		<div class="space-y-4">
+			{#each new Array(3) as _}
+				<Skeleton layout={[[6], 0.4]} />
+			{/each}
+		</div>
+	{:else}
+		<div class="space-y-4">
+			{#each Object.entries(supportedServices) as [serviceName, config]}
+				{@const integration = getIntegrationByService(serviceName)}
+				{@const isConnecting = connecting === serviceName}
+				{@const isOAuthConfigured = integration && isConfigured(integration)}
+				{@const isServiceConnected = integration && isConnected(integration)}
+				{@const isShowingConfig = showingConfig === serviceName}
+				<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-surface">
+					<div class="flex items-center justify-between">
+						<div class="flex items-center gap-3">
+							<div class="w-8 h-8 flex items-center justify-center">
+								<config.icon class="w-6 h-6" />
+							</div>
+							<div class="flex flex-col">
+								<div class="text-sm font-semibold text-emphasis">{config.displayName}</div>
+								<div class="text-xs font-normal text-primary">{config.description}</div>
+							</div>
+						</div>
+						<div class="flex items-center gap-2">
+							{#if isServiceConnected}
+								<div class="flex items-center gap-1 text-green-600 text-xs">
+									<Check size={16} />
+									<span class="font-semibold">Connected</span>
+								</div>
+								<Button
+									onclick={() => connectService(serviceName, redirectUri)}
+									disabled={isConnecting}
+									startIcon={{ icon: Plug }}
+								>
+									{isConnecting ? 'Reconnecting...' : 'Reconnect'}
+								</Button>
+								<Button
+									destructive
+									onclick={() => deleteIntegration(serviceName)}
+									startIcon={{ icon: X }}
+								>
+									Delete
+								</Button>
+							{:else if isOAuthConfigured}
+								<Button
+									variant="accent"
+									onclick={() => connectService(serviceName, redirectUri)}
+									disabled={isConnecting}
+									startIcon={{ icon: Plug }}
+								>
+									{isConnecting ? 'Connecting...' : 'Connect'}
+								</Button>
+								<Button
+									destructive
+									onclick={() => deleteIntegration(serviceName)}
+									startIcon={{ icon: X }}
+								>
+									Delete
+								</Button>
+							{:else}
+								<Button
+									variant="accent"
+									onclick={() =>
+										(showingConfig = showingConfig === serviceName ? null : serviceName)}
+									startIcon={{ icon: Cog }}
+								>
+									Configure OAuth
+								</Button>
+							{/if}
+							{#if config.docsUrl}
+								<Button href={config.docsUrl} target="_blank" startIcon={{ icon: ExternalLink }}>
+									Docs
+								</Button>
+							{/if}
+						</div>
+					</div>
+					{#if isShowingConfig}
+						<div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
+							<OAuthClientConfig
+								{serviceName}
+								bind:redirectUri
+								serviceDisplayName={config.displayName}
+								existingConfig={integration?.oauth_data}
+								onConfigSaved={async (oauthData) => {
+									await createOrUpdateIntegration(serviceName, oauthData)
+									showingConfig = null
+								}}
+							/>
+						</div>
+					{/if}
+				</div>
+			{/each}
+		</div>
+		{#if integrations.length === 0}
+			<Alert type="warning" title="No Integrations Connected">
+				Connect to external services above to enable native triggers for your workspace.
+			</Alert>
+		{/if}
+	{/if}
+</div>

package/package/components/workspaceSettings/WorkspaceIntegrations.svelte.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const WorkspaceIntegrations: import("svelte").Component<Record<string, never>, {}, "">;
+type WorkspaceIntegrations = ReturnType<typeof WorkspaceIntegrations>;
+export default WorkspaceIntegrations;

package/package/consts.js CHANGED Viewed

@@ -135,8 +135,6 @@ export const BIGQUERY_TYPES = [
     'integer[]',
     'int64',
     'int64[]',
-    'float',
-    'float[]',
     'float64',
     'float64[]',
     'numeric',

package/package/gen/core/OpenAPI.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const OpenAPI = {
     PASSWORD: undefined,
     TOKEN: undefined,
     USERNAME: undefined,
-    VERSION: '1.613.0',
+    VERSION: '1.623.1',
     WITH_CREDENTIALS: false,
     interceptors: {
         request: new Interceptors(),