windmill-components 1.22.42 → 1.28.1

package/components/flows/flowStore.js

@@ -1,11 +1,25 @@
-import { FlowModuleValue, ScriptService } from '../../gen';
+import { RawScript, ScriptService } from '../../gen';
 import { initialCode } from '../../script_helpers';
 import { userStore, workspaceStore } from '../../stores';
+import { emptySchema } from '../../utils';
 import { derived, get, writable } from 'svelte/store';
 import { createInlineScriptModuleFromPath, getFirstStepSchema, loadSchemaFromModule, scrollIntoView } from './utils';
+export const mode = writable('push');
 export const flowStore = writable(undefined);
 export const schemasStore = writable([]);
 export function initFlow(flow) {
+    const newMode = flow.value.modules[1]?.value.type === 'forloopflow' ? 'pull' : 'push';
+    mode.set(newMode);
+    flow = flattenForloopFlows(flow);
+    flow.value.modules.forEach((mod) => {
+        Object.values(mod.input_transform).forEach((inp) => {
+            if (inp.type == 'javascript') {
+                // for now we use the value for dynamic expression when done in the static editor so we have to resort to this
+                //@ts-ignore
+                inp.value = codeToStaticTemplate(inp.expr);
+            }
+        });
+    });
     schemasStore.set([]);
     flowStore.set(flow);
     // For each module in flow, we should load the corresponding schema
@@ -13,11 +27,36 @@ export function initFlow(flow) {
         loadSchema(index);
     });
 }
+export function codeToStaticTemplate(code) {
+    if (!code)
+        return undefined;
+    const lines = code
+        .split('\n')
+        .slice(1)
+        .filter((x) => x != '');
+    if (lines.length == 1) {
+        const line = lines[0].trim();
+        if (line[0] == '`' && line.charAt(line.length - 1) == '`') {
+            return line.slice(1, line.length - 1);
+        }
+    }
+    return undefined;
+}
+export function flattenForloopFlows(flow) {
+    let newFlow = JSON.parse(JSON.stringify(flow));
+    const mod = newFlow.value.modules[1]?.value;
+    if (mod?.type === 'forloopflow') {
+        const oldModules = mod.value?.modules ?? [];
+        newFlow.value.modules = newFlow.value.modules.slice(0, 1);
+        newFlow.value.modules.push(...oldModules);
+    }
+    return newFlow;
+}
 export const isCopyFirstStepSchemaDisabled = derived(flowStore, (flow) => {
     if (flow) {
         const modules = flow.value.modules;
         const [firstModule] = modules;
-        return (modules.length === 0 || (firstModule.value.path === '' && firstModule.value.type === 'script'));
+        return (modules.length === 0 || (firstModule.value.type === 'script' && firstModule.value.path === ''));
     }
     else {
         return true;
@@ -25,7 +64,7 @@ export const isCopyFirstStepSchemaDisabled = derived(flowStore, (flow) => {
 });
 export function addModule(i) {
     const newModule = {
-        value: { type: FlowModuleValue.type.SCRIPT, path: '' },
+        value: { type: 'script', path: '' },
         input_transform: {}
     };
     flowStore.update((flow) => {
@@ -35,23 +74,34 @@ export function addModule(i) {
         setTimeout(() => scrollIntoView(document.querySelector(`#module-${insertAt}`)), 100);
         return flow;
     });
+    schemasStore.update((schemas) => {
+        if (typeof i !== 'undefined') {
+            const previousSchema = schemas[i];
+            const hadSchema = Boolean(previousSchema);
+            if (hadSchema) {
+                schemas[i] = emptySchema();
+                schemas[i + 1] = previousSchema;
+            }
+        }
+        return schemas;
+    });
 }
 export async function pickScript(path, step) {
     flowStore.update((flow) => {
         if (flow.value.modules[step]) {
-            flow.value.modules[step].value.path = path;
+            flow.value.modules[step].value = { type: 'script', path };
         }
         return flow;
     });
     await loadSchema(step);
 }
 export async function createInlineScriptModule(language, step, mode) {
-    const code = initialCode(language, (mode === 'pull' && step == 0));
+    const code = initialCode(language, mode === 'pull' && step == 0);
     flowStore.update((flow) => {
         flow.value.modules[step].value = {
-            type: FlowModuleValue.type.RAWSCRIPT,
+            type: 'rawscript',
             content: code,
-            language,
+            language
         };
         return flow;
     });
@@ -73,6 +123,9 @@ export async function loadSchema(step) {
 export async function fork(step) {
     const flow = get(flowStore);
     const flowModuleValue = flow.value.modules[step].value;
+    if (flowModuleValue.type !== 'script') {
+        throw new Error('Can only fork a script module');
+    }
     if (flowModuleValue.path) {
         const moduleValue = await createInlineScriptModuleFromPath(flowModuleValue.path);
         flowStore.update((flow) => {
@@ -86,6 +139,9 @@ export async function createScriptFromInlineScript(step) {
     const schemas = get(schemasStore);
     const user = get(userStore);
     const flowModuleValue = flow.value.modules[step].value;
+    if (flowModuleValue.type != 'rawscript') {
+        throw new Error("Can't create script from non-inline script");
+    }
     const originalScriptPath = flowModuleValue.path;
     const wasForked = Boolean(originalScriptPath);
     let suffix = `step-${step}`;
@@ -112,7 +168,7 @@ export async function createScriptFromInlineScript(step) {
     });
     flowStore.update((flow) => {
         flow.value.modules[step].value = {
-            type: FlowModuleValue.type.SCRIPT,
+            type: 'script',
             path: availablePath
         };
         return flow;
@@ -157,5 +213,5 @@ export async function findNextAvailablePath(path) {
 }
 export function shouldPickOrCreateScript(flow, step) {
     const module = flow.value.modules[step];
-    return module.value.path === '' && module.value.language === undefined;
+    return module.value.type === 'script' && module.value.path === '';
 }

package/components/flows/pickers/FlowScriptPicker.svelte

@@ -1,11 +1,16 @@
-<script>import Icon from 'svelte-awesome';
+<script>import { Tooltip } from 'flowbite-svelte';
+import Icon from 'svelte-awesome';
 export let disabled = false;
 export let icon;
 export let label;
 export let iconColor;
+export let tooltip = undefined;
 </script>
 
 <button {disabled} type="button" on:click class="default-secondary-button-v2 mb-2 w-full">
 	<Icon data={icon} class={`w-4 h-4 mr-2 -ml-2 ${iconColor}`} />
 	{label}
+	{#if tooltip}
+		<Tooltip placement="bottom" content={tooltip}>(?)</Tooltip>
+	{/if}
 </button>

package/components/flows/pickers/FlowScriptPicker.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         icon: IconDefinition;
         label: string;
         iconColor: string;
+        tooltip?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/components/flows/utils.d.ts

@@ -1,10 +1,8 @@
 import type { Schema } from '../../common';
-import { FlowModuleValue, InputTransform, type Flow, type FlowModule } from '../../gen';
-import type { FlowMode } from './flowStore';
-export declare function flowToMode(flow: Flow, mode: FlowMode): Flow;
-export declare function flattenForloopFlows(flow: Flow): Flow;
+import { type Flow, type FlowModule, type FlowModuleValue, type InputTransform, type Job } from '../../gen';
+import { type FlowMode } from './flowStore';
+export declare function flowToMode(flow: Flow | any, mode: FlowMode): Flow;
 export declare function getTypeAsString(arg: any): string;
-export declare function formatValue(arg: any): any;
 export declare function getFirstStepSchema(flow: Flow): Promise<Schema>;
 export declare function createInlineScriptModuleFromPath(path: string): Promise<FlowModuleValue>;
 export declare function scrollIntoView(el: any): void;
@@ -13,5 +11,11 @@ export declare function loadSchemaFromModule(module: FlowModule): Promise<{
     schema: Schema;
 }>;
 export declare function isCodeInjection(expr: string | undefined): boolean;
-export declare function getCodeInjectionExpr(code: string, isRaw: boolean): string;
-export declare function getDefaultExpr(i: number, key?: string): string;
+export declare function getDefaultExpr(i: number, key?: string, previousExpr?: string): string;
+export declare function getPickableProperties(schema: Schema, args: Record<string, any>, previewResults: Record<number, Object>, mode: FlowMode, i: number): {
+    flow_input: any;
+    previous_result: any;
+    step: any[];
+};
+export declare function jobsToResults(jobs: Job[]): any;
+export declare function runFlowPreview(args: Record<string, any>, flow: Flow): Promise<string>;

package/components/flows/utils.js

@@ -1,10 +1,26 @@
-import { FlowModuleValue, InputTransform, ScriptService } from '../../gen';
+import { JobService } from '../../gen';
 import { inferArgs } from '../../infer';
 import { loadSchema } from '../../scripts';
-import { emptySchema, getScriptByPath } from '../../utils';
+import { workspaceStore } from '../../stores';
+import { emptySchema, getScriptByPath, schemaToObject } from '../../utils';
+import { get } from 'svelte/store';
+import { mode } from './flowStore';
 export function flowToMode(flow, mode) {
+    const newFlow = JSON.parse(JSON.stringify(flow));
+    newFlow.value.modules.forEach((mod) => {
+        Object.values(mod.input_transform).forEach((inp) => {
+            // for now we use the value for dynamic expression when done in the static editor so we have to resort to this
+            if (inp.type == 'javascript') {
+                //@ts-ignore
+                inp.value = undefined;
+            }
+            else {
+                //@ts-ignore
+                inp.expr = undefined;
+            }
+        });
+    });
     if (mode == 'pull') {
-        const newFlow = JSON.parse(JSON.stringify(flow));
         const triggerModule = newFlow.value.modules[0];
         const oldModules = newFlow.value.modules.slice(1);
         if (triggerModule) {
@@ -16,24 +32,15 @@ export function flowToMode(flow, mode) {
             newFlow.value.modules.push({
                 input_transform: oldModules[0].input_transform,
                 value: {
-                    type: FlowModuleValue.type.FORLOOPFLOW,
-                    iterator: { type: InputTransform.type.JAVASCRIPT, expr: 'result.res1' },
+                    type: 'forloopflow',
+                    iterator: { type: 'javascript', expr: 'result.res1' },
                     value: {
                         modules: oldModules
-                    }
+                    },
+                    skip_failures: true
                 }
             });
         }
-        return newFlow;
-    }
-    return flow;
-}
-export function flattenForloopFlows(flow) {
-    let newFlow = JSON.parse(JSON.stringify(flow));
-    if (newFlow.value.modules[1]?.value.type == FlowModuleValue.type.FORLOOPFLOW) {
-        const oldModules = newFlow.value.modules[1].value.value?.modules ?? [];
-        newFlow.value.modules = newFlow.value.modules.slice(0, 1);
-        newFlow.value.modules.push(...oldModules);
     }
     return newFlow;
 }
@@ -41,17 +48,14 @@ export function getTypeAsString(arg) {
     if (arg === null) {
         return 'null';
     }
-    return typeof arg;
-}
-export function formatValue(arg) {
-    if (getTypeAsString(arg) === 'string') {
-        return `"${arg}"`;
+    if (arg === undefined) {
+        return 'undefined';
     }
-    return arg;
+    return typeof arg;
 }
 export async function getFirstStepSchema(flow) {
     const [firstModule] = flow.value.modules;
-    if (firstModule.value.type === FlowModuleValue.type.RAWSCRIPT) {
+    if (firstModule.value.type === 'rawscript') {
         const { language, content } = firstModule.value;
         if (language && content) {
             const schema = emptySchema();
@@ -59,7 +63,7 @@ export async function getFirstStepSchema(flow) {
             return schema;
         }
     }
-    else if (firstModule.value.path) {
+    else if (firstModule.value.type == 'script') {
         return await loadSchema(firstModule.value.path);
     }
     return emptySchema();
@@ -67,7 +71,7 @@ export async function getFirstStepSchema(flow) {
 export async function createInlineScriptModuleFromPath(path) {
     const { content, language } = await getScriptByPath(path);
     return {
-        type: FlowModuleValue.type.RAWSCRIPT,
+        type: 'rawscript',
         language: language,
         content: content,
         path
@@ -83,25 +87,25 @@ export function scrollIntoView(el) {
     });
 }
 export async function loadSchemaFromModule(module) {
-    const isRaw = module?.value.type === FlowModuleValue.type.RAWSCRIPT;
-    if (isRaw || Boolean(module.value.path)) {
+    const mod = module.value;
+    if (mod.type == 'rawscript' || mod.type === 'script') {
         let schema;
-        if (isRaw) {
+        if (mod.type === 'rawscript') {
             schema = emptySchema();
-            await inferArgs(module.value.language, module.value.content, schema);
+            await inferArgs(mod.language, mod.content, schema);
         }
         else {
-            schema = await loadSchema(module.value.path);
+            schema = await loadSchema(mod.path);
         }
         const keys = Object.keys(schema?.properties ?? {});
         let input_transform = module.input_transform;
-        if (JSON.stringify(Object.keys(schema?.properties ?? {}).sort()) !==
-            JSON.stringify(Object.keys(module.input_transform).sort())) {
+        if (JSON.stringify(keys.sort()) !== JSON.stringify(Object.keys(module.input_transform).sort())) {
             input_transform = keys.reduce((accu, key) => {
-                accu[key] = {
+                let nv = module.input_transform[key] ?? {
                     type: 'static',
                     value: undefined
                 };
+                accu[key] = nv;
                 return accu;
             }, {});
         }
@@ -128,16 +132,73 @@ export function isCodeInjection(expr) {
     }
     return false;
 }
-export function getCodeInjectionExpr(code, isRaw) {
-    let expr = `\`${code}\``;
-    if (isRaw) {
-        expr = `JSON.parse(${expr})`;
-    }
-    return `import { previous_result, flow_input, step, variable, resource, params } from 'windmill'
-${expr}`;
-}
-export function getDefaultExpr(i, key = 'myfield') {
+export function getDefaultExpr(i, key = 'myfield', previousExpr) {
+    const expr = previousExpr ?? `previous_result.${key}`;
     return `import { previous_result, flow_input, step, variable, resource, params } from 'windmill@${i}'
 
-previous_result.${key}`;
+${expr}`;
+}
+export function getPickableProperties(schema, args, previewResults, mode, i) {
+    const flowInputAsObject = schemaToObject(schema, args);
+    const flowInput = mode === 'pull' && i >= 1
+        ? computeFlowInputPull(previewResults[0], flowInputAsObject)
+        : flowInputAsObject;
+    let previous_result;
+    if (i === 0 || (i == 1 && mode == 'pull')) {
+        previous_result = flowInput;
+    }
+    else if (mode == 'pull') {
+        previous_result = previewResults[1] ? previewResults[1][i - 2] : undefined;
+    }
+    else {
+        previous_result = previewResults[i - 1];
+    }
+    let step;
+    if (i >= 1 && mode == 'push') {
+        step = Object.values(previewResults).slice(0, i);
+    }
+    else if (i >= 2 && mode == 'pull') {
+        step = Object.values(previewResults[1] ?? {}).slice(0, i - 1);
+    }
+    else {
+        step = [];
+    }
+    const pickableProperties = {
+        flow_input: flowInput,
+        previous_result,
+        step
+    };
+    return pickableProperties;
+}
+export function jobsToResults(jobs) {
+    return jobs.map((job) => {
+        if ('result' in job) {
+            return job.result;
+        }
+        else if (Array.isArray(job)) {
+            return jobsToResults(job);
+        }
+    });
+}
+export async function runFlowPreview(args, flow) {
+    const newFlow = flowToMode(flow, get(mode));
+    return await JobService.runFlowPreview({
+        workspace: get(workspaceStore) ?? '',
+        requestBody: {
+            args,
+            value: newFlow.value,
+            path: newFlow.path
+        }
+    });
+}
+function computeFlowInputPull(previewResult, flowInputAsObject) {
+    const iteratorValues = (previewResult?.res1 && Array.isArray(previewResult.res1)) ?
+        {
+            _value: previewResult.res1[0],
+            _index: `The current index of the iteration as a number (here from 0 to ${previewResult.res1.length - 1})`
+        } : {
+        _value: 'The current value of the iteration as an object',
+        _index: 'The current index of the iteration as a number'
+    };
+    return Object.assign(Object.assign(flowInputAsObject, previewResult), iteratorValues);
 }

package/components/icons/AirtableIcon.svelte

@@ -0,0 +1,17 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+>
+	<path
+		d="M 24.505859 4.0078125 C 23.980484 4.0080625 23.454344 4.1114062 22.964844 4.3164062 L 4.2226562 11.646484 C 3.4796562 11.959484 3 12.683281 3 13.488281 C 2.999 14.293281 3.4771406 15.017797 4.2441406 15.341797 L 23.236328 22.775391 C 23.613328 22.935391 24.018969 23.013672 24.417969 23.013672 C 24.802969 23.013672 25.181391 22.939875 25.525391 22.796875 L 45.771484 15.330078 C 46.519484 15.018078 47.001953 14.292422 47.001953 13.482422 C 47.000953 12.672422 46.516422 11.949047 45.732422 11.623047 L 26.046875 4.3144531 C 25.556875 4.1104531 25.031234 4.0075625 24.505859 4.0078125 z M 24.498047 6.0097656 C 24.770047 6.0097656 25.0455 6.0647813 25.3125 6.1757812 L 45.041016 13.46875 L 24.794922 20.935547 C 24.551922 21.039547 24.266188 21.039828 23.992188 20.923828 L 4.9765625 13.5 L 23.705078 6.1738281 L 23.728516 6.1640625 C 23.972516 6.0610625 24.233047 6.0097656 24.498047 6.0097656 z M 1.9980469 17.001953 C 0.94204687 17.001953 -2.9605947e-16 17.853906 0 19.003906 L 0 34.970703 C 0 36.129703 0.95195312 36.972656 2.0019531 36.972656 C 2.2979531 36.972656 2.6015312 36.906766 2.8945312 36.759766 L 20.894531 27.998047 C 22.425531 27.232047 22.349531 25.022281 20.769531 24.363281 L 2.7695312 17.15625 C 2.5135313 17.05125 2.2520469 17.001953 1.9980469 17.001953 z M 48.001953 17.001953 C 47.760953 17.001953 47.514484 17.045625 47.271484 17.140625 L 28.271484 24.505859 C 27.505484 24.806859 27 25.544188 27 26.367188 L 27 42.998047 C 27 44.146047 27.940047 45 28.998047 45 C 29.239047 45 29.485516 44.956328 29.728516 44.861328 L 48.728516 37.425781 C 49.495516 37.125781 50 36.387453 50 35.564453 L 50 19.003906 C 50 17.855906 49.059953 17.001953 48.001953 17.001953 z M 2.0058594 19.003906 L 2.0253906 19.013672 L 20.017578 26.201172 L 2 34.970703 L 2.0058594 19.003906 z M 48 19.003906 L 48 35.564453 L 29 42.998047 L 28.994141 26.371094 L 48 19.003906 z"
+	/></svg
+>

package/components/icons/AirtableIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type AirtableIconProps = typeof __propDef.props;
+export declare type AirtableIconEvents = typeof __propDef.events;
+export declare type AirtableIconSlots = typeof __propDef.slots;
+export default class AirtableIcon extends SvelteComponentTyped<AirtableIconProps, AirtableIconEvents, AirtableIconSlots> {
+}
+export {};

package/components/icons/GCloudIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 15.6875 4 C 14.113281 4 12.652344 4.867188 11.875 6.25 L 2.59375 22.78125 C 1.816406 24.160156 1.816406 25.839844 2.59375 27.21875 L 11.875 43.75 C 12.652344 45.132813 14.113281 46 15.6875 46 L 34.3125 46 C 35.886719 46 37.347656 45.132813 38.125 43.75 L 47.40625 27.21875 C 48.183594 25.839844 48.183594 24.160156 47.40625 22.78125 L 38.125 6.25 C 37.347656 4.867188 35.886719 4 34.3125 4 Z M 15.6875 6 L 34.3125 6 C 35.15625 6 35.941406 6.449219 36.375 7.21875 L 39.0625 12 L 17.5 12 L 17.21875 12.5 L 11.15625 23 L 7.90625 17.375 L 13.625 7.21875 C 14.058594 6.449219 14.84375 6 15.6875 6 Z M 18.65625 14 L 31.34375 14 L 37.71875 25 L 34.125 31.21875 L 31.34375 36 L 18.65625 36 L 17.5 34.03125 L 14.90625 29.53125 L 12.28125 25 Z M 33.65625 14 L 40.1875 14 L 45.6875 23.75 C 46.121094 24.519531 46.121094 25.480469 45.6875 26.25 L 36.375 42.78125 C 35.941406 43.550781 35.15625 44 34.3125 44 L 29.0625 44 L 32.5 38 L 32.78125 37.5 L 39.71875 25.5 L 40 25 L 39.71875 24.5 Z M 25 19 C 21.699219 19 19 21.699219 19 25 C 19 28.300781 21.699219 31 25 31 C 28.300781 31 31 28.300781 31 25 C 31 21.699219 28.300781 19 25 19 Z M 6.75 19.40625 L 10 25 L 10.28125 25.5 L 15.78125 35.03125 L 17.21875 37.5 L 17.5 38 L 30.1875 38 L 26.71875 44 L 15.6875 44 C 14.84375 44 14.058594 43.550781 13.625 42.78125 L 4.3125 26.25 C 3.878906 25.480469 3.878906 24.519531 4.3125 23.75 Z M 25 21 C 27.222656 21 29 22.777344 29 25 C 29 27.222656 27.222656 29 25 29 C 22.777344 29 21 27.222656 21 25 C 21 22.777344 22.777344 21 25 21 Z"
+	/></svg
+>

package/components/icons/GCloudIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GCloudIconProps = typeof __propDef.props;
+export declare type GCloudIconEvents = typeof __propDef.events;
+export declare type GCloudIconSlots = typeof __propDef.slots;
+export default class GCloudIcon extends SvelteComponentTyped<GCloudIconProps, GCloudIconEvents, GCloudIconSlots> {
+}
+export {};

package/components/icons/GItlabIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 38.011719 4 C 37.574219 3.996094 37.183594 4.273438 37.046875 4.691406 L 32.074219 20 L 17.925781 20 L 12.953125 4.691406 C 12.820313 4.289063 12.449219 4.011719 12.023438 4 C 11.597656 3.992188 11.214844 4.25 11.0625 4.648438 L 5.070313 20.640625 C 5.066406 20.640625 5.066406 20.644531 5.0625 20.648438 L 2.0625 28.648438 C 1.90625 29.070313 2.046875 29.542969 2.414063 29.808594 L 24.40625 45.800781 L 24.410156 45.808594 C 24.414063 45.808594 24.414063 45.808594 24.414063 45.8125 C 24.425781 45.820313 24.441406 45.828125 24.453125 45.835938 C 24.46875 45.84375 24.480469 45.855469 24.496094 45.863281 C 24.5 45.863281 24.5 45.867188 24.503906 45.867188 C 24.503906 45.867188 24.507813 45.871094 24.511719 45.871094 C 24.515625 45.875 24.519531 45.878906 24.527344 45.878906 C 24.53125 45.882813 24.539063 45.886719 24.542969 45.890625 C 24.5625 45.898438 24.585938 45.910156 24.609375 45.917969 C 24.609375 45.917969 24.609375 45.917969 24.609375 45.921875 C 24.632813 45.929688 24.65625 45.9375 24.675781 45.945313 C 24.679688 45.945313 24.679688 45.945313 24.683594 45.949219 C 24.699219 45.953125 24.714844 45.957031 24.734375 45.964844 C 24.742188 45.964844 24.75 45.96875 24.761719 45.96875 C 24.761719 45.972656 24.761719 45.972656 24.761719 45.96875 C 24.78125 45.976563 24.800781 45.980469 24.820313 45.984375 C 24.847656 45.988281 24.871094 45.992188 24.898438 45.996094 C 24.9375 45.996094 24.980469 46 25.019531 46 C 25.058594 45.996094 25.09375 45.996094 25.128906 45.988281 C 25.144531 45.988281 25.15625 45.988281 25.171875 45.984375 C 25.171875 45.984375 25.175781 45.984375 25.179688 45.984375 C 25.1875 45.980469 25.191406 45.980469 25.199219 45.980469 C 25.203125 45.980469 25.207031 45.976563 25.214844 45.976563 C 25.222656 45.972656 25.234375 45.972656 25.242188 45.96875 C 25.257813 45.964844 25.269531 45.960938 25.28125 45.957031 C 25.289063 45.957031 25.292969 45.957031 25.296875 45.953125 C 25.300781 45.953125 25.304688 45.953125 25.308594 45.953125 C 25.324219 45.945313 25.34375 45.9375 25.359375 45.933594 C 25.378906 45.925781 25.394531 45.917969 25.410156 45.910156 C 25.414063 45.910156 25.414063 45.910156 25.417969 45.90625 C 25.421875 45.90625 25.425781 45.90625 25.429688 45.902344 C 25.4375 45.898438 25.445313 45.894531 25.453125 45.890625 C 25.476563 45.878906 25.496094 45.867188 25.515625 45.855469 C 25.523438 45.851563 25.527344 45.847656 25.53125 45.84375 C 25.535156 45.84375 25.539063 45.839844 25.542969 45.839844 C 25.558594 45.828125 25.574219 45.820313 25.589844 45.808594 L 25.597656 45.796875 L 47.589844 29.808594 C 47.953125 29.542969 48.09375 29.070313 47.9375 28.648438 L 44.945313 20.675781 C 44.941406 20.667969 44.9375 20.65625 44.9375 20.648438 L 38.9375 4.648438 C 38.789063 4.261719 38.425781 4.003906 38.011719 4 Z M 11.933594 8.027344 L 15.824219 20 L 7.445313 20 Z M 38.066406 8.027344 L 42.558594 20 L 34.175781 20 Z M 8.066406 22 L 16.472656 22 L 22.328125 40.015625 Z M 18.578125 22 L 31.421875 22 L 25 41.765625 Z M 33.527344 22 L 41.933594 22 L 27.671875 40.015625 Z M 6.3125 23.007813 L 19.6875 39.902344 L 4.203125 28.640625 Z M 43.6875 23.007813 L 45.796875 28.640625 L 30.3125 39.902344 Z"
+	/></svg
+>

package/components/icons/GItlabIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GItlabIconProps = typeof __propDef.props;
+export declare type GItlabIconEvents = typeof __propDef.events;
+export declare type GItlabIconSlots = typeof __propDef.slots;
+export default class GItlabIcon extends SvelteComponentTyped<GItlabIconProps, GItlabIconEvents, GItlabIconSlots> {
+}
+export {};

package/components/icons/GSheetsIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 28.90625 1.96875 C 28.863281 1.976563 28.820313 1.988281 28.78125 2 L 11.5 2 C 9.585938 2 8 3.558594 8 5.46875 L 8 43.90625 C 8 46.160156 9.867188 48 12.125 48 L 37.875 48 C 40.132813 48 42 46.160156 42 43.90625 L 42 15.1875 C 42.027344 15.054688 42.027344 14.914063 42 14.78125 L 42 14.5 C 42.007813 14.234375 41.90625 13.972656 41.71875 13.78125 L 30.21875 2.28125 C 30.027344 2.09375 29.765625 1.992188 29.5 2 L 29.1875 2 C 29.097656 1.976563 29 1.964844 28.90625 1.96875 Z M 11.5 4 L 28 4 L 28 12.34375 C 28 14.355469 29.644531 16 31.65625 16 L 40 16 L 40 43.90625 C 40 45.074219 39.054688 46 37.875 46 L 12.125 46 C 10.945313 46 10 45.074219 10 43.90625 L 10 5.46875 C 10 4.644531 10.660156 4 11.5 4 Z M 30 4.9375 L 39.0625 14 L 31.65625 14 C 30.722656 14 30 13.277344 30 12.34375 Z M 17 24 L 17 38 L 33 38 L 33 24 Z M 19 26 L 24 26 L 24 28 L 19 28 Z M 26 26 L 31 26 L 31 28 L 26 28 Z M 19 30 L 24 30 L 24 32 L 19 32 Z M 26 30 L 31 30 L 31 32 L 26 32 Z M 19 34 L 24 34 L 24 36 L 19 36 Z M 26 34 L 31 34 L 31 36 L 26 36 Z"
+	/></svg
+>

package/components/icons/GSheetsIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GSheetsIconProps = typeof __propDef.props;
+export declare type GSheetsIconEvents = typeof __propDef.events;
+export declare type GSheetsIconSlots = typeof __propDef.slots;
+export default class GSheetsIcon extends SvelteComponentTyped<GSheetsIconProps, GSheetsIconEvents, GSheetsIconSlots> {
+}
+export {};

package/components/icons/GcalIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	style=" fill:#000000;"
+	><path
+		d="M 6.9667969 4 C 5.8922226 4 5 4.8922226 5 5.9667969 L 5 8.3867188 C 4.6700827 8.5693007 4.3668503 8.8022905 4.1230469 9.1015625 C 3.5561678 9.7967647 3.3299502 10.7122 3.5097656 11.591797 L 3.5097656 11.59375 C 4.0409792 14.178038 4.7794422 17.772026 4.8261719 18 C 4.7795089 18.227574 4.0439586 21.806083 3.5136719 24.390625 C 3.33239 25.274562 3.5603689 26.193876 4.1289062 26.892578 L 4.1289062 26.894531 C 4.6989448 27.593193 5.5544182 28 6.4570312 28 L 25.501953 28 C 26.414029 28 27.27875 27.588847 27.855469 26.882812 L 27.855469 26.880859 C 28.431397 26.174017 28.661627 25.244791 28.478516 24.351562 C 27.948342 21.768542 27.220293 18.226607 27.173828 18 C 27.220578 17.771923 27.959908 14.172625 28.490234 11.587891 C 28.670205 10.710536 28.445474 9.7948488 27.878906 9.0996094 L 27.876953 9.0976562 C 27.633016 8.7986233 27.330145 8.566746 27 8.3847656 L 27 5.9667969 C 27 4.8922226 26.107777 4 25.033203 4 L 6.9667969 4 z M 7 6 L 25 6 L 25 8 L 7 8 L 7 6 z M 6.4414062 10 L 25 10 L 25 10.003906 L 25.580078 10.003906 C 25.870925 10.00932 26.145127 10.138539 26.328125 10.363281 C 26.516313 10.593787 26.591101 10.893775 26.53125 11.185547 C 25.98421 13.851742 25.173828 17.798828 25.173828 17.798828 L 25.132812 18 L 25.173828 18.201172 C 25.173828 18.201172 25.970539 22.088714 26.517578 24.753906 C 26.579608 25.059411 26.503358 25.374804 26.306641 25.617188 C 26.107355 25.861152 25.815878 26 25.501953 26 L 6.4570312 26 C 6.1536443 26 5.871649 25.864198 5.6796875 25.628906 C 5.4891549 25.393814 5.4120715 25.088382 5.4726562 24.792969 C 6.0196814 22.126846 6.8261719 18.201172 6.8261719 18.201172 L 6.8671875 18 L 6.8261719 17.798828 C 6.8261719 17.798828 6.0168603 13.857943 5.46875 11.191406 L 5.4707031 11.191406 C 5.4106381 10.897589 5.4835861 10.595863 5.671875 10.365234 L 5.6738281 10.365234 C 5.8620903 10.134148 6.1432948 10 6.4414062 10 z M 13.294922 13 C 12.044922 13 10.909797 13.341641 10.341797 13.681641 L 10.796875 15.271484 C 11.250875 15.044484 12.046797 14.703125 12.841797 14.703125 C 13.750797 14.703125 14.205078 15.158563 14.205078 15.726562 C 14.205078 16.521563 13.295 16.863281 12.5 16.863281 L 11.591797 16.863281 L 11.591797 18.453125 L 12.501953 18.453125 C 13.524953 18.453125 14.433594 18.909359 14.433594 19.818359 C 14.433594 20.500359 13.864516 21.068359 12.728516 21.068359 C 11.819516 21.068359 10.910078 20.727 10.455078 20.5 L 9.9980469 22.318359 C 10.566047 22.659359 11.589844 23 12.839844 23 C 15.339844 23 16.816406 21.749922 16.816406 20.044922 C 16.816406 18.681922 15.907484 17.885203 14.771484 17.658203 C 15.908484 17.203203 16.476562 16.409719 16.476562 15.386719 C 16.476562 14.023719 15.339922 13 13.294922 13 z M 19 13 L 19 23 L 21 23 L 21 13 L 19 13 z"
+	/></svg
+>

package/components/icons/GcalIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GcalIconProps = typeof __propDef.props;
+export declare type GcalIconEvents = typeof __propDef.events;
+export declare type GcalIconSlots = typeof __propDef.slots;
+export default class GcalIcon extends SvelteComponentTyped<GcalIconProps, GcalIconEvents, GcalIconSlots> {
+}
+export {};

package/components/icons/GdriveIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 32 32"
+	style=" fill:#000000;"
+	><path
+		d="M 11.4375 5 L 11.15625 5.46875 L 3.15625 18.46875 L 2.84375 18.96875 L 3.125 19.5 L 7.125 26.5 L 7.40625 27 L 24.59375 27 L 24.875 26.5 L 28.875 19.5 L 29.15625 18.96875 L 28.84375 18.46875 L 20.84375 5.46875 L 20.5625 5 Z M 13.78125 7 L 19.4375 7 L 26.21875 18 L 20.5625 18 Z M 12 7.90625 L 14.96875 12.75 L 8.03125 24.03125 L 5.15625 19 Z M 16.15625 14.65625 L 18.21875 18 L 14.09375 18 Z M 12.875 20 L 26.28125 20 L 23.40625 25 L 9.78125 25 Z"
+	/></svg
+>

package/components/icons/GdriveIcon.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type GdriveIconProps = typeof __propDef.props;
+export declare type GdriveIconEvents = typeof __propDef.events;
+export declare type GdriveIconSlots = typeof __propDef.slots;
+export default class GdriveIcon extends SvelteComponentTyped<GdriveIconProps, GdriveIconEvents, GdriveIconSlots> {
+}
+export {};