windmill-components 1.677.1 → 1.695.0

package/package/components/workspaceSettings/SharedUiSettings.svelte

@@ -0,0 +1,175 @@
+<script lang="ts">import { onMount } from 'svelte';
+import JSZip from 'jszip';
+import Button from '../common/button/Button.svelte';
+import { workspaceStore, userStore } from '../../stores';
+import { sendUserToast } from '../../toast';
+import { WorkspaceService } from '../../gen';
+import { Download, Upload, RefreshCw } from 'lucide-svelte';
+let listing = $state(undefined);
+let loading = $state(false);
+let uploading = $state(false);
+let fileInput = $state(undefined);
+const isAdmin = $derived(!!$userStore?.is_admin);
+async function loadListing() {
+    if (!$workspaceStore)
+        return;
+    loading = true;
+    try {
+        listing = (await WorkspaceService.listSharedUi({
+            workspace: $workspaceStore
+        }));
+    }
+    catch (e) {
+        sendUserToast(`Failed to load shared UI: ${e}`, true);
+    }
+    finally {
+        loading = false;
+    }
+}
+function humanSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+async function downloadZip() {
+    if (!$workspaceStore)
+        return;
+    try {
+        const got = await WorkspaceService.getSharedUi({ workspace: $workspaceStore });
+        const files = got.files ?? {};
+        const zip = new JSZip();
+        for (const [path, content] of Object.entries(files)) {
+            zip.file(path, content);
+        }
+        const blob = await zip.generateAsync({ type: 'blob' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `${$workspaceStore}-ui.zip`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    catch (e) {
+        sendUserToast(`Failed to download shared UI: ${e}`, true);
+    }
+}
+async function onFileSelected(event) {
+    const target = event.target;
+    const file = target.files?.[0];
+    if (!file || !$workspaceStore)
+        return;
+    uploading = true;
+    try {
+        const zip = await JSZip.loadAsync(await file.arrayBuffer());
+        const files = {};
+        const tasks = [];
+        zip.forEach((relativePath, entry) => {
+            if (entry.dir)
+                return;
+            tasks.push(entry.async('string').then((content) => {
+                files[relativePath] = content;
+            }));
+        });
+        await Promise.all(tasks);
+        await WorkspaceService.updateSharedUi({
+            workspace: $workspaceStore,
+            requestBody: { files }
+        });
+        sendUserToast(`Replaced shared UI folder with ${Object.keys(files).length} file(s)`);
+        await loadListing();
+    }
+    catch (e) {
+        sendUserToast(`Failed to replace shared UI: ${e}`, true);
+    }
+    finally {
+        uploading = false;
+        if (fileInput) {
+            fileInput.value = '';
+        }
+    }
+}
+onMount(() => {
+    loadListing();
+});
+</script>
+
+<div class="mb-6">
+	<h2 class="text-lg font-semibold mb-1">Shared UI folder</h2>
+	<p class="text-sm text-secondary">
+		Workspace-shared frontend files (components, styles, helpers) that the raw app bundler merges
+		under the <code>/ui/</code> path. Raw apps can import shared components with
+		<code>{`import { Button } from '/ui/Button'`}</code>.
+	</p>
+	<p class="text-sm text-secondary mt-2">
+		Editing happens through the Windmill CLI (<code>wmill sync</code> writes/reads the
+		<code>ui/</code> folder at the root of your sync directory). This page lets you inspect or
+		replace the entire folder. Changes do <strong>not</strong> retroactively rebuild deployed raw apps
+		— re-push affected raw apps to pick up updates.
+	</p>
+</div>
+
+<div class="flex items-center gap-2 mb-4">
+	<Button
+		size="xs"
+		variant="default"
+		startIcon={{ icon: RefreshCw }}
+		on:click={loadListing}
+		disabled={loading}
+	>
+		Refresh
+	</Button>
+	<Button
+		size="xs"
+		variant="default"
+		startIcon={{ icon: Download }}
+		on:click={downloadZip}
+		disabled={!listing || listing.paths.length === 0}
+	>
+		Download as zip
+	</Button>
+	{#if isAdmin}
+		<Button
+			size="xs"
+			variant="default"
+			startIcon={{ icon: Upload }}
+			on:click={() => fileInput?.click()}
+			disabled={uploading}
+		>
+			{uploading ? 'Replacing…' : 'Replace from zip'}
+		</Button>
+		<input
+			bind:this={fileInput}
+			type="file"
+			accept=".zip"
+			style="display: none;"
+			onchange={onFileSelected}
+		/>
+	{/if}
+</div>
+
+{#if listing}
+	<div class="text-xs text-secondary mb-2">
+		Version {listing.version}{#if listing.edited_by}
+			· Last edited by <code>{listing.edited_by}</code>
+		{/if}
+	</div>
+	{#if listing.paths.length === 0}
+		<div class="rounded border border-dashed p-6 text-center text-sm text-secondary">
+			The shared UI folder is empty. Create a <code>ui/</code> directory next to your
+			<code>f/</code> and <code>u/</code> folders, add files, then run <code>wmill sync push</code>.
+		</div>
+	{:else}
+		<div class="rounded border divide-y">
+			{#each listing.paths as p (p)}
+				<div class="flex items-center justify-between px-3 py-2 text-sm font-mono">
+					<span class="truncate">{p}</span>
+					<span class="text-xs text-secondary">{humanSize(listing.sizes[p] ?? 0)}</span>
+				</div>
+			{/each}
+		</div>
+	{/if}
+{:else if loading}
+	<div class="text-sm text-secondary">Loading…</div>
+{/if}

package/package/components/workspaceSettings/SharedUiSettings.svelte.d.ts

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

package/package/components/workspaceSettings/VolumeStorageSettings.svelte

@@ -45,7 +45,7 @@ function goToStorageSettings() {
 <SettingsPageHeader
 	title="Volume storage"
 	description="Select which storage volumes should use. If disabled, scripts with volumes will fail with an error."
-	link="https://www.windmill.dev/docs/core_concepts/persistent_storage/volumes"
+	link="https://www.windmill.dev/docs/core_concepts/volumes"
 />
 {#if s3ResourceSettings}
 	{#if hasAvailableStorage}

package/package/components/workspaceSettings/WorkspaceIntegrations.svelte

@@ -4,7 +4,7 @@ import { Button, Alert } from '../common';
 import Skeleton from '../common/skeleton/Skeleton.svelte';
 import SettingsPageHeader from '../settings/SettingsPageHeader.svelte';
 import { Check, X, ExternalLink, Cog, Plug } from 'lucide-svelte';
-import { NextcloudIcon } from '../icons';
+import { NextcloudIcon, GithubIcon } from '../icons';
 import GoogleIcon from '../icons/GoogleIcon.svelte';
 import { WorkspaceIntegrationService } from '../../gen';
 import ClipboardPanel from '../details/ClipboardPanel.svelte';
@@ -43,6 +43,22 @@ const supportedServices = {
             'Enable the <a href="https://console.cloud.google.com/apis/library/drive.googleapis.com" target="_blank" rel="noopener" class="underline">Google Drive API</a> and <a href="https://console.cloud.google.com/apis/library/calendar-json.googleapis.com" target="_blank" rel="noopener" class="underline">Google Calendar API</a> in your project',
             'Enter the client credentials below'
         ]
+    },
+    github: {
+        name: 'github',
+        displayName: 'GitHub',
+        description: 'Connect to GitHub for repository webhook triggers',
+        icon: GithubIcon,
+        docsUrl: 'https://www.windmill.dev/docs/core_concepts/native_triggers#github-triggers',
+        requiresBaseUrl: false,
+        clientIdPlaceholder: 'GitHub OAuth App Client ID',
+        clientSecretPlaceholder: 'GitHub OAuth App Client Secret',
+        setupInstructions: [
+            'Go to <a href="https://github.com/settings/developers" target="_blank" rel="noopener" class="underline">GitHub Developer Settings</a>',
+            'Create a new OAuth App (not a GitHub App)',
+            'Set the "Authorization callback URL" to the redirect URI shown below',
+            'Enter the Client ID and Client Secret below'
+        ]
     }
 };
 let integrations = $state([]);

package/package/consts.d.ts

@@ -22,6 +22,7 @@ export declare const WORKER_S3_BUCKET_SYNC_SETTING = "worker_s3_bucket_sync";
 export declare const CUSTOM_TAGS_SETTING = "custom_tags";
 export declare const DEFAULT_TAGS_PER_WORKSPACE_SETTING = "default_tags_per_workspace";
 export declare const DEFAULT_TAGS_WORKSPACES_SETTING = "default_tags_workspaces";
+export declare const FORK_WORKSPACE_TAG_APPEND_FORK_SUFFIX_SETTING = "fork_workspace_tag_append_fork_suffix";
 export declare const PREVIEW_TAGS_OVERRIDE_SETTING = "preview_tags_override";
 export declare const WORKSPACE_SLACK_BOT_TOKEN_PATH = "f/slack_bot/bot_token";
 export declare const POSTGRES_TYPES: string[];
@@ -31,4 +32,6 @@ export declare const BIGQUERY_TYPES: string[];
 export declare const SNOWFLAKE_TYPES: string[];
 export declare const MSSQL_TYPES: string[];
 export declare const DUCKDB_TYPES: string[];
+/** Types that are only valid for new columns (CREATE TABLE / ADD COLUMN), not for altering existing ones. */
+export declare const NEW_COLUMN_ONLY_TYPES: string[];
 export declare const DB_TYPES: Record<DbType, string[]>;

package/package/consts.js

@@ -23,6 +23,7 @@ export const WORKER_S3_BUCKET_SYNC_SETTING = 'worker_s3_bucket_sync';
 export const CUSTOM_TAGS_SETTING = 'custom_tags';
 export const DEFAULT_TAGS_PER_WORKSPACE_SETTING = 'default_tags_per_workspace';
 export const DEFAULT_TAGS_WORKSPACES_SETTING = 'default_tags_workspaces';
+export const FORK_WORKSPACE_TAG_APPEND_FORK_SUFFIX_SETTING = 'fork_workspace_tag_append_fork_suffix';
 export const PREVIEW_TAGS_OVERRIDE_SETTING = 'preview_tags_override';
 export const WORKSPACE_SLACK_BOT_TOKEN_PATH = 'f/slack_bot/bot_token';
 export const POSTGRES_TYPES = [
@@ -231,6 +232,15 @@ export const DUCKDB_TYPES = [
     'TEXT',
     'STRING'
 ];
+/** Types that are only valid for new columns (CREATE TABLE / ADD COLUMN), not for altering existing ones. */
+export const NEW_COLUMN_ONLY_TYPES = [
+    'SMALLSERIAL',
+    'SMALLSERIAL[]',
+    'SERIAL',
+    'SERIAL[]',
+    'BIGSERIAL',
+    'BIGSERIAL[]'
+];
 export const DB_TYPES = {
     bigquery: BIGQUERY_TYPES,
     ms_sql_server: MSSQL_TYPES,

package/package/gen/core/OpenAPI.js

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