windmill-components 1.13.0 → 1.13.3

package/components/SchemaEditor.svelte

@@ -1,6 +1,6 @@
 <script>import SchemaModal, { DEFAULT_PROPERTY, modalToSchema, schemaToModal } from './SchemaModal.svelte';
 import Editor from './Editor.svelte';
-import { emptySchema, sendUserToast } from '../../utils';
+import { emptySchema, sendUserToast } from '../utils';
 import Tooltip from './Tooltip.svelte';
 import TableCustom from './TableCustom.svelte';
 export let schema = emptySchema();
@@ -12,16 +12,11 @@ let argError = '';
 let editing = false;
 let oldArgName; // when editing argument and changing name
 let viewJsonSchema = false;
-let editor;
-$: schemaString = JSON.stringify(schema, null, '\t');
-export function getEditor() {
-    return editor;
-}
 // Binding is not enough because monaco Editor does not support two-way binding
 export function getSchema() {
     if (viewJsonSchema) {
         try {
-            schema = JSON.parse(editor.getCode());
+            schema = JSON.parse(schemaString);
             return schema;
         }
         catch (err) {
@@ -30,7 +25,7 @@ export function getSchema() {
     }
     else {
         try {
-            editor.setCode(JSON.stringify(schema, null, '\t'));
+            schemaString = JSON.stringify(schema, null, '\t');
             return schema;
         }
         catch (err) {
@@ -66,6 +61,8 @@ function handleAddOrEditArgument() {
         oldArgName = undefined;
         schemaModal.closeModal();
     }
+    schema = schema;
+    schemaString = JSON.stringify(schema, null, '\t');
 }
 function startEditArgument(argName) {
     argError = '';
@@ -83,7 +80,8 @@ function handleDeleteArgument(argName) {
     try {
         if (Object.keys(schema.properties).includes(argName)) {
             delete schema.properties[argName];
-            schema = schema; //needed for reactivity, see https://svelte.dev/tutorial/updating-arrays-and-objects
+            schema = schema;
+            schemaString = JSON.stringify(schema, null, '\t');
         }
         else {
             throw Error('Argument not found!');
@@ -96,21 +94,14 @@ function handleDeleteArgument(argName) {
 }
 function switchTab() {
     if (viewJsonSchema) {
-        let schemaString = editor.getCode();
         if (schemaString === '') {
             schemaString = JSON.stringify(emptySchema(), null, 4);
         }
-        try {
-            schema = JSON.parse(schemaString);
-            viewJsonSchema = false;
-        }
-        catch (err) {
-            sendUserToast(err, true);
-        }
+        viewJsonSchema = false;
     }
     else {
         try {
-            editor.setCode(JSON.stringify(schema, null, '\t'));
+            schemaString = JSON.stringify(schema, null, '\t');
             viewJsonSchema = true;
         }
         catch (err) {
@@ -153,61 +144,75 @@ function switchTab() {
 	</div>
 	<!--json schema or table view-->
 	<div class="border-t py-1  h-full overflow-y-auto">
-		<div class="h-full {viewJsonSchema ? 'hidden' : ''}">
-			{#if schema.properties && Object.keys(schema.properties).length > 0 && schema.required}
-				<TableCustom class="w-full min-h-full">
-					<tr slot="header-row" class="underline">
-						<th>name</th>
-						<th>type</th>
-						<th>description</th>
-						<th>default</th>
-						<th>required</th>
-					</tr>
-					<tbody slot="body">
-						{#each Object.entries(schema.properties) as [name, property] (name)}
-							<tr>
-								<td>{name}</td>
-								<td
-									>{#if !property.type} any {:else} {property.type} {/if}</td
-								>
-								<td>{property.description}</td>
-								<td>{JSON.stringify(property.default) ?? ''}</td>
-								<td>{schema.required.includes(name) ? 'required' : 'optional'}</td>
-								<td class="">
-									<button class="mr-2" on:click={() => handleDeleteArgument(name)}
-										><svg
-											class="w-4 h-4"
-											fill="none"
-											stroke="currentColor"
-											viewBox="0 0 24 14"
-											xmlns="http://www.w3.org/2000/svg"
+		{#if !viewJsonSchema}
+			<div class="h-full">
+				{#if schema.properties && Object.keys(schema.properties).length > 0 && schema.required}
+					<TableCustom class="w-full min-h-full">
+						<tr slot="header-row" class="underline">
+							<th>name</th>
+							<th>type</th>
+							<th>description</th>
+							<th>default</th>
+							<th>required</th>
+						</tr>
+						<tbody slot="body">
+							{#each Object.entries(schema.properties) as [name, property] (name)}
+								<tr>
+									<td>{name}</td>
+									<td
+										>{#if !property.type} any {:else} {property.type} {/if}</td
+									>
+									<td>{property.description}</td>
+									<td>{JSON.stringify(property.default) ?? ''}</td>
+									<td>{schema.required.includes(name) ? 'required' : 'optional'}</td>
+									<td class="">
+										<button class="mr-2" on:click={() => handleDeleteArgument(name)}
+											><svg
+												class="w-4 h-4"
+												fill="none"
+												stroke="currentColor"
+												viewBox="0 0 24 14"
+												xmlns="http://www.w3.org/2000/svg"
+											>
+												<path
+													stroke-linecap="round"
+													stroke-linejoin="round"
+													stroke-width="2"
+													d="M6 18L18 6M6 6l12 12"
+												/>
+											</svg></button
 										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												stroke-width="2"
-												d="M6 18L18 6M6 6l12 12"
-											/>
-										</svg></button
+										<button
+											class="default-button-secondary text-xs inline-flex"
+											on:click={() => {
+												startEditArgument(name)
+											}}>edit</button
+										></td
 									>
-									<button
-										class="default-button-secondary text-xs inline-flex"
-										on:click={() => {
-											startEditArgument(name)
-										}}>edit</button
-									></td
-								>
-							</tr>
-						{/each}
-					</tbody>
-				</TableCustom>
-			{:else}
-				<div class="text-gray-700 text-xs italic">This script has no argument</div>
-			{/if}
-		</div>
-		<div class={viewJsonSchema ? '' : 'hidden'}>
-			<Editor code={schemaString} bind:this={editor} lang={'json'} class="small-editor" />
-		</div>
+								</tr>
+							{/each}
+						</tbody>
+					</TableCustom>
+				{:else}
+					<div class="text-gray-700 text-xs italic">This script has no argument</div>
+				{/if}
+			</div>
+		{:else}
+			<div>
+				<Editor
+					on:change={() => {
+						try {
+							schema = JSON.parse(schemaString)
+						} catch (err) {
+							sendUserToast(err.message, true)
+						}
+					}}
+					bind:code={schemaString}
+					lang={'json'}
+					class="small-editor"
+				/>
+			</div>
+		{/if}
 	</div>
 </div>
 

package/{lib/components → components}/SchemaEditor.svelte.d.ts

@@ -1,10 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../../common';
-import Editor from './Editor.svelte';
+import type { Schema } from '../common';
 declare const __propDef: {
     props: {
         schema?: Schema | undefined;
-        getEditor?: (() => Editor) | undefined;
         getSchema?: (() => Schema) | undefined;
     };
     events: {
@@ -16,7 +14,6 @@ export declare type SchemaEditorProps = typeof __propDef.props;
 export declare type SchemaEditorEvents = typeof __propDef.events;
 export declare type SchemaEditorSlots = typeof __propDef.slots;
 export default class SchemaEditor extends SvelteComponentTyped<SchemaEditorProps, SchemaEditorEvents, SchemaEditorSlots> {
-    get getEditor(): () => Editor;
     get getSchema(): () => Schema;
 }
 export {};

package/components/SchemaForm.svelte

@@ -1,4 +1,4 @@
-<script>import { allTrue } from '../../utils';
+<script>import { allTrue } from '../utils';
 import { slide } from 'svelte/transition';
 import ArgInput from './ArgInput.svelte';
 import RadioButton from './RadioButton.svelte';

package/{lib/components → components}/SchemaForm.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../../common';
+import type { Schema } from '../common';
 declare const __propDef: {
     props: {
         inputTransform?: boolean | undefined;

package/{lib/components → components}/SchemaModal.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SchemaProperty } from '../../common';
+import type { SchemaProperty } from '../common';
 export declare const ARG_TYPES: readonly ["integer", "number", "string", "boolean", "object", "array"];
 export declare type ArgType = typeof ARG_TYPES[number];
 export interface ModalSchemaProperty {

package/components/SchemaViewer.svelte

@@ -1,4 +1,4 @@
-<script>import { emptySchema } from '../../utils';
+<script>import { emptySchema } from '../utils';
 import Highlight from 'svelte-highlight';
 import json from 'svelte-highlight/languages/json';
 import github from 'svelte-highlight/styles/github';

package/{lib/components → components}/SchemaViewer.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../../common';
+import type { Schema } from '../common';
 declare const __propDef: {
     props: {
         schema?: Schema | undefined;

package/components/ScriptBuilder.svelte

@@ -46,17 +46,17 @@ export async function main(x: string, y: string = 'default arg') {
 `
 </script>
 
-<script>import { ScriptService } from '../../gen';
-import { emptySchema, sendUserToast } from '../../utils';
+<script>import { ScriptService } from '../gen';
+import { emptySchema, sendUserToast } from '../utils';
 import { onDestroy } from 'svelte';
 import ScriptEditor from './ScriptEditor.svelte';
 import { page } from '$app/stores';
 import { goto } from '$app/navigation';
 import Path from './Path.svelte';
 import SvelteMarkdown from 'svelte-markdown';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import ScriptSchema from './ScriptSchema.svelte';
-import { inferArgs } from '../../infer';
+import { inferArgs } from '../infer';
 import Required from './Required.svelte';
 import RadioButton from './RadioButton.svelte';
 let editor;

package/{lib/components → components}/ScriptBuilder.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import { type Script } from '../../gen';
+import { type Script } from '../gen';
 declare const __propDef: {
     props: {
         script: Script;

package/components/ScriptEditor.svelte

@@ -1,12 +1,12 @@
-<script>import { JobService, Job, CompletedJob, VariableService, ResourceService, ScriptService } from '../../gen';
-import { sendUserToast, emptySchema, displayDate } from '../../utils';
+<script>import { JobService, Job, CompletedJob, VariableService, ResourceService, ScriptService } from '../gen';
+import { sendUserToast, emptySchema, displayDate } from '../utils';
 import { fade } from 'svelte/transition';
 import Icon from 'svelte-awesome';
 import { faCheck, faChevronDown, faChevronUp, faExclamationTriangle, faMagic, faSearch, faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
 import Editor from './Editor.svelte';
 import Tooltip from './Tooltip.svelte';
 import { onDestroy, onMount } from 'svelte';
-import { userStore, workspaceStore } from '../../stores';
+import { userStore, workspaceStore } from '../stores';
 import TableCustom from './TableCustom.svelte';
 import { check } from 'svelte-awesome/icons';
 import Modal from './Modal.svelte';
@@ -16,7 +16,7 @@ import github from 'svelte-highlight/styles/github';
 import ItemPicker from './ItemPicker.svelte';
 import VariableEditor from './VariableEditor.svelte';
 import ResourceEditor from './ResourceEditor.svelte';
-import { inferArgs } from '../../infer';
+import { inferArgs } from '../infer';
 // @ts-ignore
 import { VSplitPane } from 'svelte-split-pane';
 import SchemaForm from './SchemaForm.svelte';

package/{lib/components → components}/ScriptEditor.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../../common';
+import type { Schema } from '../common';
 import Editor from './Editor.svelte';
-import type { Preview } from '../../gen/models/Preview';
+import type { Preview } from '../gen/models/Preview';
 declare const __propDef: {
     props: {
         schema?: Schema | undefined;

package/components/ScriptPicker.svelte

@@ -1,8 +1,8 @@
-<script>import { sendUserToast } from '../../utils';
-import { ScriptService, FlowService, Script } from '../../gen';
+<script>import { sendUserToast } from '../utils';
+import { ScriptService, FlowService, Script } from '../gen';
 import Icon from 'svelte-awesome';
 import { faSearch } from '@fortawesome/free-solid-svg-icons';
-import { hubScripts, workspaceStore } from '../../stores';
+import { hubScripts, workspaceStore } from '../stores';
 import { createEventDispatcher } from 'svelte';
 import ItemPicker from './ItemPicker.svelte';
 import RadioButton from './RadioButton.svelte';

package/{lib/components → components}/ScriptSchema.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Schema } from '../../common';
+import type { Schema } from '../common';
 declare const __propDef: {
     props: {
         schema: Schema;

package/components/ShareModal.svelte

@@ -1,11 +1,11 @@
 <script>import Modal from './Modal.svelte';
 import TableCustom from './TableCustom.svelte';
-import { GranularAclService } from '../../gen/services/GranularAclService';
-import { sendUserToast } from '../../utils';
-import { GroupService, UserService } from '../../gen';
+import { GranularAclService } from '../gen/services/GranularAclService';
+import { sendUserToast } from '../utils';
+import { GroupService, UserService } from '../gen';
 import { createEventDispatcher } from 'svelte';
 import AutoComplete from 'simple-svelte-autocomplete';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 const dispatch = createEventDispatcher();
 export let kind;
 export let path = '';

package/components/SharedBadge.svelte

@@ -1,4 +1,4 @@
-<script>import { userStore } from '../../stores';
+<script>import { userStore } from '../stores';
 import Badge from './Badge.svelte';
 export let extraPerms = {};
 export let canWrite;

package/components/VariableEditor.svelte

@@ -1,11 +1,11 @@
 <script>import Password from './Password.svelte';
-import { sendUserToast } from '../../utils';
-import { VariableService } from '../../gen';
+import { sendUserToast } from '../utils';
+import { VariableService } from '../gen';
 import AutosizedTextarea from './AutosizedTextarea.svelte';
 import Path from './Path.svelte';
 import Modal from './Modal.svelte';
 import { createEventDispatcher } from 'svelte';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import Required from './Required.svelte';
 const dispatch = createEventDispatcher();
 let path = '';

package/gen/core/ApiError.js

@@ -0,0 +1,10 @@
+export class ApiError extends Error {
+    constructor(response, message) {
+        super(message);
+        this.name = 'ApiError';
+        this.url = response.url;
+        this.status = response.status;
+        this.statusText = response.statusText;
+        this.body = response.body;
+    }
+}

package/gen/core/ApiRequestOptions.js

@@ -0,0 +1 @@
+export {};

package/gen/core/ApiResult.js

@@ -0,0 +1 @@
+export {};

package/gen/core/CancelablePromise.js

@@ -0,0 +1,86 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export class CancelError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'CancelError';
+    }
+    get isCancelled() {
+        return true;
+    }
+}
+export class CancelablePromise {
+    constructor(executor) {
+        this._isResolved = false;
+        this._isRejected = false;
+        this._isCancelled = false;
+        this._cancelHandlers = [];
+        this._promise = new Promise((resolve, reject) => {
+            this._resolve = resolve;
+            this._reject = reject;
+            const onResolve = (value) => {
+                if (this._isResolved || this._isRejected || this._isCancelled) {
+                    return;
+                }
+                this._isResolved = true;
+                this._resolve?.(value);
+            };
+            const onReject = (reason) => {
+                if (this._isResolved || this._isRejected || this._isCancelled) {
+                    return;
+                }
+                this._isRejected = true;
+                this._reject?.(reason);
+            };
+            const onCancel = (cancelHandler) => {
+                if (this._isResolved || this._isRejected || this._isCancelled) {
+                    return;
+                }
+                this._cancelHandlers.push(cancelHandler);
+            };
+            Object.defineProperty(onCancel, 'isResolved', {
+                get: () => this._isResolved,
+            });
+            Object.defineProperty(onCancel, 'isRejected', {
+                get: () => this._isRejected,
+            });
+            Object.defineProperty(onCancel, 'isCancelled', {
+                get: () => this._isCancelled,
+            });
+            return executor(onResolve, onReject, onCancel);
+        });
+    }
+    then(onFulfilled, onRejected) {
+        return this._promise.then(onFulfilled, onRejected);
+    }
+    catch(onRejected) {
+        return this._promise.catch(onRejected);
+    }
+    finally(onFinally) {
+        return this._promise.finally(onFinally);
+    }
+    cancel() {
+        if (this._isResolved || this._isRejected || this._isCancelled) {
+            return;
+        }
+        this._isCancelled = true;
+        if (this._cancelHandlers.length) {
+            try {
+                for (const cancelHandler of this._cancelHandlers) {
+                    cancelHandler();
+                }
+            }
+            catch (error) {
+                console.warn('Cancellation threw an error', error);
+                return;
+            }
+        }
+        this._cancelHandlers.length = 0;
+        this._reject?.(new CancelError('Request aborted'));
+    }
+    get isCancelled() {
+        return this._isCancelled;
+    }
+}
+Symbol.toStringTag;

package/gen/core/OpenAPI.js

@@ -0,0 +1,11 @@
+export const OpenAPI = {
+    BASE: '/api',
+    VERSION: '1.13.0',
+    WITH_CREDENTIALS: false,
+    CREDENTIALS: 'include',
+    TOKEN: undefined,
+    USERNAME: undefined,
+    PASSWORD: undefined,
+    HEADERS: undefined,
+    ENCODE_PATH: undefined,
+};