windmill-components 1.511.1 → 1.531.0

package/package/components/DBManagerDrawer.svelte

@@ -6,28 +6,33 @@ import { sendUserToast, sortArray } from '../utils';
 import { ArrowLeft, Expand, Loader2, Minimize, RefreshCcw } from 'lucide-svelte';
 import { dbSupportsSchemas, getDbSchemas, getLanguageByResourceType, loadAllTablesMetaData, loadTableMetaData } from './apps/components/display/dbtable/utils';
 import DbManager from './DBManager.svelte';
-import { dbDeleteTableActionWithPreviewScript, dbTableOpsWithPreviewScripts } from './dbOps';
+import { dbDeleteTableActionWithPreviewScript, dbTableOpsWithPreviewScripts, getDucklakeSchema, wrapDucklakeQuery } from './dbOps';
 import { makeCreateTableQuery } from './apps/components/display/dbtable/queries/createTable';
 import { runScriptAndPollResult } from './jobs/utils';
 import { Pane, Splitpanes } from 'svelte-splitpanes';
 import SqlRepl from './SqlRepl.svelte';
 import SimpleAgTable from './SimpleAgTable.svelte';
 import { untrack } from 'svelte';
-let resourceType = $state(undefined);
-let resourcePath = $state(undefined);
-let open = $derived(resourcePath && resourceType);
-export function openDrawer(_resourceType, _resourcePath) {
-    resourceType = _resourceType;
-    resourcePath = _resourcePath;
+let input = $state();
+let open = $derived(!!input);
+export function openDrawer(nInput) {
+    input = nInput;
     getSchema();
 }
 export function closeDrawer() {
-    resourceType = undefined;
-    resourcePath = undefined;
+    input = undefined;
     refreshCount = 0;
     refreshing = false;
 }
-let dbSchema = $derived(resourcePath && resourcePath in $dbSchemas ? $dbSchemas[resourcePath] : undefined);
+let dbSchema = $derived(input && $dbSchemas[getDbSchemasPath(input)]);
+function getDbSchemasPath(input) {
+    switch (input.type) {
+        case 'database':
+            return input.resourcePath;
+        case 'ducklake':
+            return 'ducklake://' + input.ducklake;
+    }
+}
 // `refreshCount` is a derived state. `refreshing` is the source of truth
 let refreshCount = $state(0);
 $effect(() => {
@@ -46,25 +51,29 @@ $effect(() => {
         expand = false;
 });
 async function getSchema() {
-    if (!resourcePath || !resourceType || ($dbSchemas[resourcePath] && !refreshing))
+    if (!input)
         return;
-    try {
-        const oldDbSchema = $dbSchemas[resourcePath];
-        await getDbSchemas(resourceType, resourcePath, $workspaceStore, $dbSchemas, (message) => {
+    const dbSchemasPath = getDbSchemasPath(input);
+    if ($dbSchemas[dbSchemasPath] && !refreshing)
+        return;
+    const oldDbSchema = $dbSchemas[dbSchemasPath];
+    if (input.type == 'database') {
+        await getDbSchemas(input.resourceType, input.resourcePath, $workspaceStore, $dbSchemas, (message) => {
             if (open)
                 sendUserToast(message, true);
         });
-        // avoid infinite loop on error due to the way getDbSchemas is implemented
-        // and relying on an assignement side effect
-        if (oldDbSchema !== $dbSchemas[resourcePath])
-            $dbSchemas = $dbSchemas;
     }
-    catch (e) {
-        console.error(e);
-    }
-    finally {
-        refreshing = false;
+    else if (input.type == 'ducklake') {
+        $dbSchemas[dbSchemasPath] = await getDucklakeSchema({
+            workspace: $workspaceStore,
+            ducklake: input.ducklake
+        });
     }
+    // avoid infinite loop on error due to the way getDbSchemas is implemented
+    // and relying on an assignement side effect
+    if (oldDbSchema !== $dbSchemas[dbSchemasPath])
+        $dbSchemas = $dbSchemas;
+    refreshing = false;
 }
 let windowWidth = $state(window.innerWidth);
 let replPanelSize = $state(36);
@@ -73,22 +82,22 @@ let replResultData = $state(undefined);
 let cachedColDefs = {};
 let cachedLastRefreshCount = 0;
 async function getColDefs(tableKey) {
-    if (!resourcePath || !resourceType)
-        return [];
     if (cachedLastRefreshCount !== refreshCount)
         cachedColDefs = {};
     cachedLastRefreshCount = refreshCount;
-    if (cachedColDefs[tableKey]) {
+    if (cachedColDefs[tableKey])
         return cachedColDefs[tableKey];
-    }
+    if (!input)
+        return [];
     try {
-        cachedColDefs =
-            (await loadAllTablesMetaData('$res:' + resourcePath, $workspaceStore, resourceType)) ??
-                cachedColDefs;
+        cachedColDefs = (await loadAllTablesMetaData($workspaceStore, input)) ?? cachedColDefs;
         return cachedColDefs[tableKey];
     }
     catch (e) {
-        const result = await loadTableMetaData('$res:' + resourcePath, $workspaceStore, tableKey, resourceType);
+        if (input?.type == 'ducklake')
+            throw 'Impossible that loadAllTablesMetaData fails for Ducklake';
+        // Query is not implemented for all dbs, need a fallback
+        const result = await loadTableMetaData(input, $workspaceStore, tableKey);
         if (result)
             cachedColDefs[tableKey] = result;
         return result ?? [];
@@ -113,126 +122,120 @@ async function getColDefs(tableKey) {
 	preventEscape
 	on:close={closeDrawer}
 >
-	{#key [resourceType, resourcePath, dbSchema]}
-		<DrawerContent
-			title={replResultData ? 'Query Result' : 'Database Manager'}
-			on:close={() => {
-				if (replResultData) {
-					replResultData = undefined
-				} else {
-					closeDrawer()
-				}
-			}}
-			CloseIcon={replResultData ? ArrowLeft : undefined}
-			noPadding
-		>
-			{#if dbSchema && $workspaceStore && resourceType && resourcePath}
-				<Splitpanes horizontal>
-					<Pane class="relative">
-						<!-- svelte-ignore a11y_click_events_have_key_events -->
-						<!-- svelte-ignore a11y_no_static_element_interactions -->
-						<div
-							class={'absolute inset-0 z-10 p-8 ' +
-								(replResultData
-									? 'bg-surface/90'
-									: 'transition-colors bg-transparent pointer-events-none select-none')}
-							onclick={(e) => {
-								// Only proceed if the click is directly on this div and not on the child elements
-								if (e.target === e.currentTarget) {
-									replResultData = undefined
-								}
-							}}
-						>
-							{#if replResultData}
-								{#key replResultData}
-									<SimpleAgTable data={replResultData} class="animate-zoom-in" />
-								{/key}
-							{/if}
-						</div>
-						<DbManager
-							dbSupportsSchemas={dbSupportsSchemas(resourceType)}
-							{dbSchema}
-							{getColDefs}
-							dbTableOpsFactory={({ colDefs, tableKey }) =>
-								dbTableOpsWithPreviewScripts({
-									colDefs,
-									tableKey,
-									resourcePath: resourcePath!,
-									resourceType: resourceType!,
-									workspace: $workspaceStore
-								})}
-							dbTableActionsFactory={[
-								dbDeleteTableActionWithPreviewScript({
-									resourcePath,
-									resourceType,
-									workspace: $workspaceStore
-								})
-							]}
-							{refresh}
-							dbTableEditorPropsFactory={({ selectedSchemaKey }) => ({
-								resourceType: resourceType!,
-								previewSql: (values) =>
-									makeCreateTableQuery(values, resourceType!, selectedSchemaKey),
-								async onConfirm(values) {
-									await runScriptAndPollResult({
-										workspace: $workspaceStore,
-										requestBody: {
-											args: { database: '$res:' + resourcePath },
-											content: makeCreateTableQuery(values, resourceType!, selectedSchemaKey),
-											language: getLanguageByResourceType(resourceType!)
-										}
-									})
-									refresh()
-								}
+	<DrawerContent
+		title={replResultData ? 'Query Result' : 'Database Manager'}
+		on:close={() => {
+			if (replResultData) {
+				replResultData = undefined
+			} else {
+				closeDrawer()
+			}
+		}}
+		CloseIcon={replResultData ? ArrowLeft : undefined}
+		noPadding
+	>
+		{#if dbSchema && $workspaceStore && input}
+			{@const _input = input}
+			{@const dbType = input.type == 'database' ? input.resourceType : 'duckdb'}
+			<Splitpanes horizontal>
+				<Pane class="relative">
+					<!-- svelte-ignore a11y_click_events_have_key_events -->
+					<!-- svelte-ignore a11y_no_static_element_interactions -->
+					<div
+						class={'absolute inset-0 z-10 p-8 ' +
+							(replResultData
+								? 'bg-surface/90'
+								: 'transition-colors bg-transparent pointer-events-none select-none')}
+						onclick={(e) => {
+							// Only proceed if the click is directly on this div and not on the child elements
+							if (e.target === e.currentTarget) {
+								replResultData = undefined
+							}
+						}}
+					>
+						{#if replResultData}
+							{#key replResultData}
+								<SimpleAgTable data={replResultData} class="animate-zoom-in" />
+							{/key}
+						{/if}
+					</div>
+					<DbManager
+						dbSupportsSchemas={input.type == 'database' && dbSupportsSchemas(input.resourceType)}
+						{dbSchema}
+						{getColDefs}
+						dbTableOpsFactory={({ colDefs, tableKey }) =>
+							dbTableOpsWithPreviewScripts({
+								colDefs,
+								tableKey,
+								input: _input,
+								workspace: $workspaceStore
 							})}
-						/>
-					</Pane>
-					<Pane bind:size={replPanelSize} minSize={REPL_MIN_SIZE} class="relative">
-						<SqlRepl
-							{resourcePath}
-							{resourceType}
-							onData={(data) => {
-								replResultData = data
-							}}
-							placeholderTableName={sortArray(
-								Object.keys(
-									dbSchema?.schema[
-										'public' in dbSchema?.schema
-											? 'public'
-											: 'dbo' in dbSchema?.schema
-												? 'dbo'
-												: Object.keys(dbSchema?.schema)?.[0]
-									]
-								)
-							)?.[0]}
-						/>
-					</Pane>
-				</Splitpanes>
-			{:else}
-				<Splitpanes>
-					<Pane class="relative flex justify-center items-center">
-						<Loader2 class="animate-spin" size={32} />
-					</Pane>
-				</Splitpanes>
-			{/if}
-			{#snippet actions()}
-				<Button
-					loading={refreshing}
-					on:click={() => refresh()}
-					startIcon={{ icon: RefreshCcw }}
-					size="xs"
-					color="light"
-				>
-					Refresh
-				</Button>
+						dbTableActionsFactory={[
+							dbDeleteTableActionWithPreviewScript({ input: _input, workspace: $workspaceStore })
+						]}
+						{refresh}
+						dbTableEditorPropsFactory={({ selectedSchemaKey }) => ({
+							dbType,
+							previewSql: (values) => makeCreateTableQuery(values, dbType, selectedSchemaKey),
+							async onConfirm(values) {
+								const dbArg =
+									input?.type === 'database' ? { database: '$res:' + input.resourcePath } : {}
+								const language = getLanguageByResourceType(dbType)
+								let query = makeCreateTableQuery(values, dbType, selectedSchemaKey)
+								if (input?.type === 'ducklake') query = wrapDucklakeQuery(query, input.ducklake)
+								await runScriptAndPollResult({
+									workspace: $workspaceStore,
+									requestBody: { args: dbArg, content: query, language }
+								})
+								refresh()
+							}
+						})}
+					/>
+				</Pane>
+				<Pane bind:size={replPanelSize} minSize={REPL_MIN_SIZE} class="relative">
+					<SqlRepl
+						{input}
+						onData={(data) => {
+							replResultData = data
+						}}
+						placeholderTableName={sortArray(
+							Object.keys(
+								dbSchema?.schema[
+									'public' in dbSchema?.schema
+										? 'public'
+										: 'dbo' in dbSchema?.schema
+											? 'dbo'
+											: Object.keys(dbSchema?.schema)?.[0]
+								]
+							)
+						)?.[0]}
+					/>
+				</Pane>
+			</Splitpanes>
+		{:else}
+			<Splitpanes>
+				<Pane class="relative flex justify-center items-center">
+					<Loader2 class="animate-spin" size={32} />
+				</Pane>
+			</Splitpanes>
+		{/if}
+		{#snippet actions()}
+			<Button
+				loading={refreshing}
+				on:click={() => refresh()}
+				startIcon={{ icon: RefreshCcw }}
+				size="xs"
+				color="light"
+			>
+				Refresh
+			</Button>
 
-				<Button
-					on:click={() => (expand = !expand)}
-					startIcon={{ icon: expand ? Minimize : Expand }}
-					size="xs"
-					color="light"
-				/>
-			{/snippet}
-		</DrawerContent>
-	{/key}
+			<Button
+				on:click={() => (expand = !expand)}
+				startIcon={{ icon: expand ? Minimize : Expand }}
+				size="xs"
+				color="light"
+			/>
+		{/snippet}
+	</DrawerContent>
 </Drawer>

package/package/components/DBManagerDrawer.svelte.d.ts

@@ -1,6 +1,6 @@
-import { type DbType } from './apps/components/display/dbtable/utils';
+import { type DbInput } from './dbOps';
 declare const DbManagerDrawer: import("svelte").Component<Record<string, never>, {
-    openDrawer: (_resourceType: DbType, _resourcePath: string) => void;
+    openDrawer: (nInput: DbInput) => void;
     closeDrawer: () => void;
 }, "">;
 type DbManagerDrawer = ReturnType<typeof DbManagerDrawer>;

package/package/components/DBTable.svelte

@@ -10,6 +10,7 @@ import DebouncedInput from './apps/components/helpers/DebouncedInput.svelte';
 import InsertRowDrawerButton from './apps/components/display/InsertRowDrawerButton.svelte';
 import { deepEqual } from 'fast-equals';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './apps/components/display/table/theme/windmill-theme.css';
 import { untrack } from 'svelte';
 let { dbTableOps } = $props();
@@ -46,7 +47,7 @@ function mountGrid() {
             ...(dbTableOps.onUpdate && {
                 defaultColDef: {
                     flex: 1,
-                    minWidth: 160,
+                    minWidth: 150,
                     editable: true,
                     onCellValueChanged: (e) => {
                         if (!$workspaceStore)
@@ -65,7 +66,6 @@ function mountGrid() {
                 }
             }),
             onViewportChanged: (e) => ([firstRow, lastRow] = [e.firstRow, e.lastRow]),
-            infiniteInitialRowCount: 100,
             cacheBlockSize: 100,
             cacheOverflowSize: 10,
             maxBlocksInCache: 20,
@@ -130,7 +130,7 @@ function updateGrid() {
 		{#if dbTableOps.onInsert}
 			<InsertRowDrawerButton
 				columnDefs={dbTableOps.colDefs ?? []}
-				dbType={dbTableOps.resourceType}
+				dbType={dbTableOps.dbType}
 				onInsert={(values) => {
 					if (!$workspaceStore) return
 					dbTableOps.onInsert?.({ values }).then((result) => {

package/package/components/DBTable.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { IDbTableOps } from './dbOps';
 import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
 import './apps/components/display/table/theme/windmill-theme.css';
 type Props = {
     dbTableOps: IDbTableOps;

package/package/components/DBTableEditor.svelte

@@ -46,15 +46,16 @@ import { twMerge } from 'tailwind-merge';
 import DarkModeObserver from './DarkModeObserver.svelte';
 import Select from './select/Select.svelte';
 import { safeSelectItems } from './select/utils.svelte';
-const { onConfirm, resourceType, previewSql, dbSchema, currentSchema } = $props();
-const columnTypes = DB_TYPES[resourceType];
+const { onConfirm, dbType, previewSql, dbSchema, currentSchema } = $props();
+const columnTypes = DB_TYPES[dbType];
 const defaultColumnType = {
     postgresql: 'VARCHAR',
     snowflake: 'varchar',
     ms_sql_server: 'varchar',
     bigquery: 'string',
-    mysql: 'varchar'
-}[resourceType];
+    mysql: 'varchar',
+    duckdb: 'string'
+}[dbType];
 const values = $state({
     name: '',
     columns: [],
@@ -70,7 +71,7 @@ function addColumn({ name, primaryKey }) {
         ...(primaryKey && { primaryKey })
     });
 }
-addColumn({ name: 'id', primaryKey: true });
+addColumn({ name: 'id', primaryKey: dbType !== 'duckdb' });
 const errors = $derived(validate(values, dbSchema));
 let askingForConfirmation = $state();
 let darkMode = $state(false);
@@ -219,8 +220,7 @@ let darkMode = $state(false);
 									items={getFlatTableNamesFromSchema(dbSchema).map((o) => ({
 										value: o,
 										label:
-											(currentSchema && o.startsWith(currentSchema)) ||
-											!dbSupportsSchemas(resourceType)
+											(currentSchema && o.startsWith(currentSchema)) || !dbSupportsSchemas(dbType)
 												? o.split('.')[1]
 												: o
 									}))}

package/package/components/DBTableEditor.svelte.d.ts

@@ -1,7 +1,7 @@
 export type DBTableEditorProps = {
     onConfirm: (values: CreateTableValues) => void | Promise<void>;
     previewSql?: (values: CreateTableValues) => string;
-    resourceType: DbType;
+    dbType: DbType;
     dbSchema?: DBSchema;
     currentSchema?: string;
 };

package/package/components/DeployWorkspace.svelte

@@ -567,7 +567,7 @@ async function showDiff(kind, path) {
 <div class="mt-6"></div>
 
 {#if !$enterpriseLicense}
-	<Alert type="error" title="Enterprise license required"
+	<Alert type="warning" title="Enterprise license required"
 		>Deploy to staging/prod from the web UI is only available with an enterprise license</Alert
 	>
 {:else if notSet == true}

package/package/components/Dev.svelte

@@ -29,7 +29,6 @@ import { workspaceAIClients } from './copilot/lib';
 import { Triggers } from './triggers/triggers.svelte';
 import { TestSteps } from './flows/testSteps.svelte';
 import { ModulesTestStates } from './modulesTest.svelte';
-import { updateDerivedModuleStatesFromTestJobs } from './flows/utils';
 let flowCopilotContext = {
     shouldUpdatePropertyType: writable({}),
     exprsToSet: writable({}),
@@ -81,7 +80,6 @@ let flowPreviewButtons = $state();
 const flowPreviewContent = $derived(flowPreviewButtons?.getFlowPreviewContent());
 const job = $derived(flowPreviewContent?.getJob());
 let showJobStatus = $state(false);
-let testModuleId = $state(undefined);
 let currentScript = $state(undefined);
 let schema = $state(emptySchema());
 const href = window.location.href;
@@ -371,7 +369,7 @@ async function replaceFlow(lastEdit) {
         console.error('issue setting new flowstore', e);
     }
 }
-const flowStateStore = writable({});
+const flowStateStore = $state({ val: {} });
 const previewArgsStore = $state({ val: {} });
 const scriptEditorDrawer = writable(undefined);
 const moving = writable(undefined);
@@ -381,8 +379,6 @@ const selectedIdStore = writable('settings-metadata');
 const triggersCount = writable(undefined);
 const modulesTestStates = new ModulesTestStates((moduleId) => {
     // Update the derived store with test job states
-    delete $derivedModuleStates[moduleId];
-    testModuleId = moduleId;
     showJobStatus = false;
 });
 const outputPickerOpenFns = $state({});
@@ -448,12 +444,12 @@ async function inferModuleArgs(selectedIdStore) {
                     mod.value.lock = undefined;
                 }
                 mod.value.input_transforms = input_transforms;
-                if (!deepEqual(schema, $flowStateStore[mod.id]?.schema)) {
-                    if (!$flowStateStore[mod.id]) {
-                        $flowStateStore[mod.id] = { schema };
+                if (!deepEqual(schema, flowStateStore.val[mod.id]?.schema)) {
+                    if (!flowStateStore.val[mod.id]) {
+                        flowStateStore.val[mod.id] = { schema };
                     }
                     else {
-                        $flowStateStore[mod.id].schema = schema;
+                        flowStateStore.val[mod.id].schema = schema;
                     }
                     reload++;
                 }
@@ -496,20 +492,10 @@ $effect(() => {
 $effect(() => {
     $selectedIdStore && untrack(() => inferModuleArgs($selectedIdStore));
 });
-const localModuleStates = $derived(flowPreviewContent?.getLocalModuleStates() ?? writable({}));
-const localDurationStatuses = $derived(flowPreviewContent?.getLocalDurationStatuses() ?? writable({}));
-const suspendStatus = $derived(flowPreviewContent?.getSuspendStatus() ?? writable({}));
+let localModuleStates = $state({});
+let suspendStatus = $state({ val: {} });
 // Create a derived store that only shows the module states when showModuleStatus is true
 // this store can also be updated
-let derivedModuleStates = writable({});
-$effect(() => {
-    derivedModuleStates.update((currentStates) => {
-        return showJobStatus ? $localModuleStates : currentStates;
-    });
-});
-$effect(() => {
-    updateDerivedModuleStatesFromTestJobs(testModuleId, modulesTestStates, derivedModuleStates);
-});
 let flowModuleSchemaMap = $state();
 function onJobDone() {
     if (!job) {
@@ -539,10 +525,8 @@ function onJobDone() {
     }
 }
 function resetModulesStates() {
-    derivedModuleStates.set({});
     showJobStatus = false;
 }
-const individualStepTests = $derived(!(showJobStatus && job) && Object.keys($derivedModuleStates).length > 0);
 const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 </script>
 
@@ -681,7 +665,7 @@ const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 						bind:this={flowPreviewButtons}
 						{onJobDone}
 						onRunPreview={() => {
-							localModuleStates.set({})
+							localModuleStates = {}
 							showJobStatus = true
 						}}
 					/>
@@ -696,19 +680,20 @@ const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 								disableTutorials
 								smallErrorHandler={true}
 								disableStaticInputs
-								localModuleStates={derivedModuleStates}
+								{localModuleStates}
 								onTestUpTo={flowPreviewButtons?.testUpTo}
+								testModuleStates={modulesTestStates}
 								isOwner={flowPreviewContent?.getIsOwner?.()}
 								onTestFlow={flowPreviewButtons?.runPreview}
 								isRunning={flowPreviewContent?.getIsRunning?.()}
 								onCancelTestFlow={flowPreviewContent?.cancelTest}
 								onOpenPreview={flowPreviewButtons?.openPreview}
 								onHideJobStatus={resetModulesStates}
-								{individualStepTests}
 								flowJob={job}
 								{showJobStatus}
 								onDelete={(id) => {
-									delete $derivedModuleStates[id]
+									delete localModuleStates[id]
+									delete modulesTestStates.states[id]
 								}}
 								{flowHasChanged}
 							/>
@@ -733,7 +718,6 @@ const flowHasChanged = $derived(flowPreviewContent?.flowHasChanged());
 								onTestFlow={flowPreviewButtons?.runPreview}
 								{job}
 								isOwner={flowPreviewContent?.getIsOwner()}
-								{localDurationStatuses}
 								{suspendStatus}
 								onOpenDetails={flowPreviewButtons?.openPreview}
 							/>

package/package/components/DiffEditor.svelte

@@ -16,6 +16,7 @@ export let defaultOriginal = undefined;
 export let defaultModified = undefined;
 export let readOnly = false;
 export let showButtons = false;
+export let showHistoryButton = true;
 let diffEditor;
 let diffDivEl = null;
 let editorWidth = SIDE_BY_SIDE_MIN_WIDTH;
@@ -103,9 +104,11 @@ const dispatch = createEventDispatcher();
 		<div
 			class="absolute flex flex-row gap-2 bottom-10 left-1/2 z-10 -translate-x-1/2 rounded-md p-1 w-full justify-center"
 		>
-			<Button on:click={() => dispatch('seeHistory')} variant="contained" size="sm"
-				>See changes history</Button
-			>
+			{#if showHistoryButton}
+				<Button on:click={() => dispatch('seeHistory')} variant="contained" size="sm"
+					>See changes history</Button
+				>
+			{/if}
 			<Button on:click={() => dispatch('hideDiffMode')} variant="contained" size="sm" color="red"
 				>Quit diff mode</Button
 			>

package/package/components/DiffEditor.svelte.d.ts

@@ -24,6 +24,7 @@ declare const DiffEditor: $$__sveltets_2_IsomorphicComponent<{
     defaultModified?: string | undefined | undefined;
     readOnly?: boolean | undefined;
     showButtons?: boolean | undefined;
+    showHistoryButton?: boolean | undefined;
     open?: boolean | undefined;
     setupModel?: ((lang: string, original?: string, modified?: string, modifiedLang?: string) => void) | undefined;
     setOriginal?: ((code: string) => void) | undefined;