windmill-components 1.13.0 → 1.13.1

package/common.js

@@ -0,0 +1,23 @@
+export function pathToMeta(path) {
+    const splitted = path.split('/');
+    let ownerKind;
+    if (splitted[0] == 'g') {
+        ownerKind = 'group';
+    }
+    else if (splitted[0] == 'u') {
+        ownerKind = 'user';
+    }
+    else {
+        console.error('Not recognized owner:' + splitted[0]);
+        return {
+            ownerKind: 'user',
+            owner: '',
+            name: ''
+        };
+    }
+    return {
+        ownerKind,
+        owner: splitted[1],
+        name: splitted.slice(2).join('/')
+    };
+}

package/components/ArgInfo.svelte

@@ -1,11 +1,11 @@
-<script>import { truncate } from '../../utils';
+<script>import { truncate } from '../utils';
 import Modal from './Modal.svelte';
 import Tooltip from './Tooltip.svelte';
 import json from 'svelte-highlight/languages/json';
 import github from 'svelte-highlight/styles/github';
 import { Highlight } from 'svelte-highlight';
 import { ResourceService } from '../../gen';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 export let value;
 let resourceViewer;
 let resource;

package/components/Dropdown.svelte

@@ -1,4 +1,4 @@
-<script>import { clickOutside } from '../../utils';
+<script>import { clickOutside } from '../utils';
 import { createEventDispatcher } from 'svelte';
 import Icon from 'svelte-awesome';
 import { faEllipsisH } from '@fortawesome/free-solid-svg-icons';

package/components/FlowBuilder.svelte

@@ -1,10 +1,10 @@
 <script>import { FlowService } from '../../gen';
-import { sendUserToast } from '../../utils';
+import { sendUserToast } from '../utils';
 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 Required from './Required.svelte';
 import FlowEditor from './FlowEditor.svelte';

package/components/FlowEditor.svelte

@@ -1,9 +1,9 @@
 <script>import { faPlus } from '@fortawesome/free-solid-svg-icons';
-import { emptySchema, loadSchema } from '../../utils';
+import { emptySchema, loadSchema } from '../utils';
 import Icon from 'svelte-awesome';
 import { FlowModuleValue, ScriptService } from '../../gen';
 import SchemaEditor from './SchemaEditor.svelte';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import ModuleStep from './ModuleStep.svelte';
 import FlowPreview from './FlowPreview.svelte';
 export let flow;

package/components/FlowPreview.svelte

@@ -1,8 +1,8 @@
 <script>import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
-import { sendUserToast, truncateRev } from '../../utils';
+import { sendUserToast, truncateRev } from '../utils';
 import Icon from 'svelte-awesome';
 import { Job, JobService, InputTransform } from '../../gen';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import RunForm from './RunForm.svelte';
 import FlowStatusViewer from './FlowStatusViewer.svelte';
 import { onDestroy } from 'svelte';

package/components/FlowStatusViewer.svelte

@@ -1,9 +1,9 @@
 <script>import { faHourglassHalf, faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { truncateRev } from '../../utils';
+import { truncateRev } from '../utils';
 import Icon from 'svelte-awesome';
 import { check } from 'svelte-awesome/icons';
 import { CompletedJob, FlowModuleValue, FlowStatusModule, JobService, QueuedJob } from '../../gen';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import DisplayResult from './DisplayResult.svelte';
 import ChevronButton from './ChevronButton.svelte';
 import JobStatus from './JobStatus.svelte';

package/components/GroupModal.svelte

@@ -1,10 +1,10 @@
-<script>import { userStore, workspaceStore } from '../../stores';
+<script>import { userStore, workspaceStore } from '../stores';
 import Modal from './Modal.svelte';
 import { GroupService, UserService } from '../../gen';
 import AutoComplete from 'simple-svelte-autocomplete';
 import PageHeader from './PageHeader.svelte';
 import TableCustom from './TableCustom.svelte';
-import { canWrite } from '../../utils';
+import { canWrite } from '../utils';
 let name = '';
 let modal;
 let can_write = false;

package/components/InviteGlobalUser.svelte

@@ -1,4 +1,4 @@
-<script>import { sendUserToast } from '../../utils';
+<script>import { sendUserToast } from '../utils';
 import Switch from './Switch.svelte';
 import { createEventDispatcher } from 'svelte';
 import { UserService } from '../../gen';

package/components/InviteUser.svelte

@@ -1,7 +1,7 @@
-<script>import { sendUserToast } from '../../utils';
+<script>import { sendUserToast } from '../utils';
 import Switch from './Switch.svelte';
 import { createEventDispatcher } from 'svelte';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import { WorkspaceService } from '../../gen';
 const dispatch = createEventDispatcher();
 let valid = true;

package/components/JobStatus.svelte

@@ -1,5 +1,5 @@
 <script>import { faCalendar, faCircle, faClock, faHourglassHalf, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { displayDate, forLater } from '../../utils';
+import { displayDate, forLater } from '../utils';
 import Icon from 'svelte-awesome';
 import { check } from 'svelte-awesome/icons';
 const SMALL_ICON_SCALE = 0.7;

package/components/ModuleStep.svelte

@@ -1,6 +1,6 @@
 <script>import SchemaForm from './SchemaForm.svelte';
 import ScriptPicker from './ScriptPicker.svelte';
-import { emptySchema, loadSchema as UloadSchema } from '../../utils';
+import { emptySchema, loadSchema as UloadSchema } from '../utils';
 import FlowPreview from './FlowPreview.svelte';
 export let flow;
 export let i;

package/components/ObjectResourceInput.svelte

@@ -1,6 +1,6 @@
 <script>import { ResourceService } from '../../gen';
 import ResourcePicker from './ResourcePicker.svelte';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import SchemaForm from './SchemaForm.svelte';
 import RadioButton from './RadioButton.svelte';
 export let format;

package/components/Path.svelte

@@ -1,8 +1,8 @@
-<script>import { pathToMeta } from '../../common';
+<script>import { pathToMeta } from '../common';
 import { GroupService } from '../../gen';
 import Tooltip from './Tooltip.svelte';
-import { userStore, workspaceStore } from '../../stores';
-import { sleep } from '../../utils';
+import { userStore, workspaceStore } from '../stores';
+import { sleep } from '../utils';
 export let meta = {
     ownerKind: 'user',
     owner: '',

package/components/ResourceEditor.svelte

@@ -1,5 +1,5 @@
 <script>import { ResourceService, VariableService } from '../../gen';
-import { allTrue, emptySchema, sendUserToast } from '../../utils';
+import { allTrue, emptySchema, sendUserToast } from '../utils';
 import { createEventDispatcher } from 'svelte';
 import Modal from './Modal.svelte';
 import Path from './Path.svelte';
@@ -8,7 +8,7 @@ import AutosizedTextarea from './AutosizedTextarea.svelte';
 import ItemPicker from './ItemPicker.svelte';
 import VariableEditor from './VariableEditor.svelte';
 import Required from './Required.svelte';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import ResourceTypePicker from './ResourceTypePicker.svelte';
 let path = '';
 let initialPath = '';

package/components/ResourcePicker.svelte

@@ -1,5 +1,5 @@
 <script>import { ResourceService } from '../../gen';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 let resources = [];
 export let value;
 export let resourceType;

package/components/ResourceTypePicker.svelte

@@ -1,6 +1,6 @@
 <script>import { createEventDispatcher } from 'svelte';
 import { ResourceService } from '../../gen';
-import { workspaceStore } from '../../stores';
+import { workspaceStore } from '../stores';
 import IconedResourceType from './IconedResourceType.svelte';
 let resources = [];
 export let value;

package/components/RunForm.svelte

@@ -1,5 +1,5 @@
 <script>import { page } from '$app/stores';
-import { getToday } from '../../utils';
+import { getToday } from '../utils';
 import { slide } from 'svelte/transition';
 import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import Icon from 'svelte-awesome';

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();

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/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/components/ScriptBuilder.svelte

@@ -47,16 +47,16 @@ export async function main(x: string, y: string = 'default arg') {
 </script>
 
 <script>import { ScriptService } from '../../gen';
-import { emptySchema, sendUserToast } from '../../utils';
+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/components/ScriptEditor.svelte

@@ -1,12 +1,12 @@
 <script>import { JobService, Job, CompletedJob, VariableService, ResourceService, ScriptService } from '../../gen';
-import { sendUserToast, emptySchema, displayDate } from '../../utils';
+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/components/ScriptPicker.svelte

@@ -1,8 +1,8 @@
-<script>import { sendUserToast } from '../../utils';
+<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/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 { 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 { 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/infer.js

@@ -0,0 +1,81 @@
+import { ScriptService } from '../gen';
+import { sendUserToast } from './utils';
+export async function inferArgs(language, code, schema) {
+    try {
+        let inferedSchema;
+        if (language == 'python3') {
+            inferedSchema = await ScriptService.pythonToJsonschema({
+                requestBody: code
+            });
+        }
+        else if (language == 'deno') {
+            inferedSchema = await ScriptService.denoToJsonschema({
+                requestBody: code
+            });
+        }
+        else {
+            return;
+        }
+        schema.required = [];
+        const oldProperties = Object.assign({}, schema.properties);
+        schema.properties = {};
+        for (const arg of inferedSchema.args) {
+            if (!(arg.name in oldProperties)) {
+                schema.properties[arg.name] = { description: '', type: '' };
+            }
+            else {
+                schema.properties[arg.name] = oldProperties[arg.name];
+            }
+            argSigToJsonSchemaType(arg.typ, schema.properties[arg.name]);
+            schema.properties[arg.name].default = arg.default;
+            if (!arg.has_default) {
+                schema.required.push(arg.name);
+            }
+        }
+    }
+    catch (err) {
+        console.error(err);
+        sendUserToast(`Could not infer schema: ${err.body ?? err}`, true);
+    }
+}
+function argSigToJsonSchemaType(t, s) {
+    if (t === 'int') {
+        s.type = 'integer';
+    }
+    else if (t === 'float') {
+        s.type = 'number';
+    }
+    else if (t === 'bool') {
+        s.type = 'boolean';
+    }
+    else if (t === 'str') {
+        s.type = 'string';
+    }
+    else if (t === 'dict') {
+        s.type = 'object';
+    }
+    else if (t === 'bytes') {
+        s.type = 'string';
+        s.contentEncoding = 'base64';
+    }
+    else if (t === 'datetime') {
+        s.type = 'string';
+        s.format = 'date-time';
+    }
+    else if (typeof t !== 'string' && `resource` in t) {
+        s.type = 'object';
+        s.format = `resource-${t.resource}`;
+    }
+    else if (typeof t !== 'string' && `list` in t) {
+        s.type = 'array';
+        if (t.list === 'int' || t.list === 'float') {
+            s.items = { type: 'number' };
+        }
+        else if (t.list === 'bytes') {
+            s.items = { type: 'string', contentEncoding: 'base64' };
+        }
+        else {
+            s.items = { type: 'string' };
+        }
+    }
+}

package/lib/components/ArgInput.svelte.d.ts

@@ -17,8 +17,8 @@ declare const __propDef: {
         disabled?: boolean | undefined;
         editableSchema?: boolean | undefined;
         itemsType?: {
-            type?: "string" | "number" | undefined;
-            contentEncoding?: string | undefined;
+            type?: "string" | "number" | "bytes" | undefined;
+            contentEncoding?: "base64" | undefined;
         } | undefined;
         displayHeader?: boolean | undefined;
         evalValueToRaw?: (() => void) | undefined;

package/lib/components/FieldHeader.svelte.d.ts

@@ -7,7 +7,8 @@ declare const __propDef: {
         type?: string | undefined;
         required?: boolean | undefined;
         itemsType?: {
-            type?: "string" | "number" | undefined;
+            type?: "string" | "number" | "bytes" | undefined;
+            contentEncoding?: "base64" | undefined;
         } | undefined;
     };
     events: {

package/{stores.d.ts → lib/stores.d.ts}

@@ -1,4 +1,3 @@
-import type { UserWorkspaceList } from './gen';
 export interface UserExt {
     email: string;
     username: string;
@@ -9,7 +8,7 @@ export interface UserExt {
 }
 export declare const userStore: import("svelte/store").Writable<UserExt | undefined>;
 export declare const workspaceStore: import("svelte/store").Writable<string | undefined>;
-export declare const usersWorkspaceStore: import("svelte/store").Writable<UserWorkspaceList | undefined>;
+export declare const usersWorkspaceStore: import("svelte/store").Writable<any>;
 export declare const superadmin: import("svelte/store").Writable<false | String | undefined>;
 export declare const hubScripts: import("svelte/store").Writable<{
     path: string;

package/{utils.d.ts → lib/utils.d.ts}

@@ -1,4 +1,4 @@
-import { type User } from './gen';
+import { type User } from '../gen';
 import { type UserExt } from './stores';
 export declare function isToday(someDate: Date): boolean;
 export declare function daysAgo(someDate: Date): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "windmill-components",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "devDependencies": {
     "@sveltejs/adapter-node": "^1.0.0-next.78",
     "@sveltejs/adapter-static": "^1.0.0-next.34",
@@ -48,6 +48,7 @@
   },
   "exports": {
     "./package.json": "./package.json",
+    "./common": "./common.js",
     "./components/ArgInfo.svelte": "./components/ArgInfo.svelte",
     "./components/ArgInput.svelte": "./components/ArgInput.svelte",
     "./components/AutosizedTextarea.svelte": "./components/AutosizedTextarea.svelte",
@@ -105,6 +106,9 @@
     "./components/icons/Mail.svelte": "./components/icons/Mail.svelte",
     "./components/icons/Mysql.svelte": "./components/icons/Mysql.svelte",
     "./components/icons/PostgresIcon.svelte": "./components/icons/PostgresIcon.svelte",
-    "./components/icons/Slack.svelte": "./components/icons/Slack.svelte"
+    "./components/icons/Slack.svelte": "./components/icons/Slack.svelte",
+    "./infer": "./infer.js",
+    "./stores": "./stores.js",
+    "./utils": "./utils.js"
   }
-}
+}

package/stores.js

@@ -0,0 +1,26 @@
+import { browser } from '$app/env';
+import { writable } from 'svelte/store';
+import { getUserExt } from './utils';
+let persistedWorkspace = browser && localStorage.getItem('workspace');
+export const userStore = writable(undefined);
+export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);
+export const usersWorkspaceStore = writable(undefined);
+export const superadmin = writable(undefined);
+export const hubScripts = writable(undefined);
+if (browser) {
+    workspaceStore.subscribe(async (workspace) => {
+        if (workspace) {
+            localStorage.setItem('workspace', String(workspace));
+            userStore.set(await getUserExt(workspace));
+        }
+        else {
+            userStore.set(undefined);
+        }
+    });
+}
+export function clearStores() {
+    userStore.set(undefined);
+    workspaceStore.set(undefined);
+    usersWorkspaceStore.set(undefined);
+    superadmin.set(undefined);
+}

package/utils.js

@@ -0,0 +1,258 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+import { goto } from '$app/navigation';
+import { toast } from '@zerodevx/svelte-toast';
+import { get } from 'svelte/store';
+import { ScriptService, UserService } from '../gen';
+import { inferArgs } from './infer';
+import { clearStores, superadmin, workspaceStore } from './stores';
+export function isToday(someDate) {
+    const today = new Date();
+    return (someDate.getDate() == today.getDate() &&
+        someDate.getMonth() == today.getMonth() &&
+        someDate.getFullYear() == today.getFullYear());
+}
+export function daysAgo(someDate) {
+    const today = new Date();
+    return Math.floor((today.getTime() - someDate.getTime()) / 86400000);
+}
+export function secondsAgo(date) {
+    return Math.floor((new Date().getTime() - date.getTime()) / 1000);
+}
+export function displayDaysAgo(dateString) {
+    const date = new Date(dateString);
+    const nbSecondsAgo = secondsAgo(date);
+    if (nbSecondsAgo < 600) {
+        return `${nbSecondsAgo}s ago`;
+    }
+    else if (isToday(date)) {
+        return `today at ${date.toLocaleTimeString()}`;
+    }
+    else {
+        return `${daysAgo(date) + 1} days ago`;
+    }
+}
+export function displayDate(dateString) {
+    const date = new Date(dateString ?? '');
+    if (date.toString() === 'Invalid Date') {
+        return '';
+    }
+    else {
+        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString()}`;
+    }
+}
+export function getToday() {
+    var today = new Date();
+    return today;
+}
+export function sendUserToast(message, error = false) {
+    if (error) {
+        toast.push(message, {
+            theme: {
+                '--toastBackground': '#FEE2E2',
+                '--toastBarBackground': '#FEE2E2'
+            }
+        });
+    }
+    else
+        toast.push(message);
+}
+export function truncateHash(hash) {
+    if (hash.length >= 6) {
+        return hash.substr(hash.length - 6);
+    }
+    else {
+        return hash;
+    }
+}
+export async function getUserExt(workspace) {
+    try {
+        const user = await UserService.whoami({ workspace });
+        return mapUserToUserExt(user);
+    }
+    catch (error) {
+        return undefined;
+    }
+}
+export function logoutWithRedirect(rd) {
+    const error = encodeURIComponent('You have been logged out because your session has expired.');
+    goto(`/user/login?error=${error}${rd ? '&rd=' + encodeURIComponent(rd) : ''}`);
+}
+export function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+export function validatePassword(password) {
+    const re = /^(?=.*[\d])(?=.*[!@#$%^&*])[\w!@#$%^&*]{8,30}$/;
+    return re.test(password);
+}
+export async function refreshSuperadmin() {
+    if (get(superadmin) == undefined) {
+        UserService.globalWhoami().then((x) => {
+            if (x.super_admin) {
+                superadmin.set(x.email);
+            }
+            else {
+                superadmin.set(false);
+            }
+        });
+    }
+}
+export async function logout(logoutMessage) {
+    try {
+        clearStores();
+        await UserService.logout();
+        goto(`/user/login${logoutMessage ? '?error=' + encodeURIComponent(logoutMessage) : ''}`);
+        sendUserToast('you have been logged out');
+    }
+    catch (error) {
+        goto(`/user/login?error=${encodeURIComponent('There was a problem logging you out, check the logs')}`);
+        console.error(error);
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function clickOutside(node) {
+    const handleClick = (event) => {
+        if (node && !node.contains(event.target) && !event.defaultPrevented) {
+            node.dispatchEvent(new CustomEvent('click_outside', node));
+        }
+    };
+    document.addEventListener('click', handleClick, true);
+    return {
+        destroy() {
+            document.removeEventListener('click', handleClick, true);
+        }
+    };
+}
+export async function loadSchema(path) {
+    if (path.startsWith('hub/')) {
+        const code = await ScriptService.getHubScriptContentByPath({ path });
+        const schema = emptySchema();
+        await inferArgs('deno', code, schema);
+        return schema;
+    }
+    else {
+        const script = await ScriptService.getScriptByPath({
+            workspace: get(workspaceStore),
+            path: path ?? ''
+        });
+        return script.schema;
+    }
+}
+export function emptySchema() {
+    return {
+        $schema: 'https://json-schema.org/draft/2020-12/schema',
+        properties: {},
+        required: [],
+        type: 'object'
+    };
+}
+export function simpleSchema() {
+    return {
+        $schema: 'https://json-schema.org/draft/2020-12/schema',
+        type: 'object',
+        properties: {
+            name: {
+                description: 'The name to hello world to',
+                type: 'string'
+            }
+        },
+        required: []
+    };
+}
+export function removeItemAll(arr, value) {
+    var i = 0;
+    while (i < arr.length) {
+        if (arr[i] === value) {
+            arr.splice(i, 1);
+        }
+        else {
+            ++i;
+        }
+    }
+    return arr;
+}
+export function canWrite(path, extra_perms, user) {
+    let keys = Object.keys(extra_perms);
+    if (!user) {
+        return false;
+    }
+    if (user.is_admin) {
+        return true;
+    }
+    let userOwner = `u/${user.username}`;
+    if (path.startsWith(userOwner)) {
+        return true;
+    }
+    if (keys.includes(userOwner) && extra_perms[userOwner]) {
+        return true;
+    }
+    if (user.pgroups.findIndex((x) => path.startsWith(x) || (keys.includes(x) && extra_perms[x])) != -1) {
+        return true;
+    }
+    return false;
+}
+export function removeKeysWithEmptyValues(obj) {
+    Object.keys(obj).forEach((key) => (obj[key] === undefined ? delete obj[key] : {}));
+}
+export function allTrue(dict) {
+    return Object.values(dict).every(Boolean);
+}
+export function forLater(scheduledString) {
+    return new Date() < new Date(scheduledString);
+}
+export function elapsedSinceSecs(date) {
+    return Math.round((new Date().getTime() - new Date(date).getTime()) / 1000);
+}
+export function groupBy(scripts, toGroup, dflts = []) {
+    let r = {};
+    for (const dflt of dflts) {
+        r[dflt] = [];
+    }
+    scripts.forEach((sc) => {
+        let section = toGroup(sc);
+        if (section in r) {
+            r[section].push(sc);
+        }
+        else {
+            r[section] = [sc];
+        }
+    });
+    return Object.entries(r).sort((s1, s2) => {
+        let n1 = s1[0];
+        let n2 = s2[0];
+        if (n1 > n2) {
+            return 1;
+        }
+        else if (n1 < n2) {
+            return -1;
+        }
+        else {
+            return 0;
+        }
+    });
+}
+export function truncate(s, n, suffix = '...') {
+    if (s.length <= n) {
+        return s;
+    }
+    else {
+        return s.substring(0, n) + suffix;
+    }
+}
+export function truncateRev(s, n, prefix = '...') {
+    if (s.length <= n) {
+        return s;
+    }
+    else {
+        return prefix + s.substring(s.length - n, s.length);
+    }
+}
+export function isString(value) {
+    return typeof value === 'string' || value instanceof String;
+}
+export function mapUserToUserExt(user) {
+    return {
+        ...user,
+        groups: user.groups,
+        pgroups: user.groups.map((x) => `g/${x}`)
+    };
+}