windmill-components 1.52.0 → 1.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "windmill-components",
-  "version": "1.52.0",
+  "version": "1.55.0",
   "devDependencies": {
     "@playwright/test": "^1.28.0",
     "@sveltejs/adapter-static": "^1.0.0-next.48",
@@ -8,8 +8,8 @@
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.8",
     "@types/vscode": "~1.73.1",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.43.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "@zerodevx/svelte-toast": "^0.8.1",
     "autoprefixer": "^10.4.13",
     "cssnano": "^5.1.14",
@@ -17,12 +17,13 @@
     "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-svelte3": "^4.0.0",
+    "lucide-svelte": "^0.104.0",
     "openapi-typescript-codegen": "^0.23.0",
     "path-browserify": "^1.0.1",
     "postcss": "^8.4.18",
     "postcss-load-config": "^4.0.1",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.8.1",
+    "prettier-plugin-svelte": "^2.9.0",
     "simple-svelte-autocomplete": "^2.5.0",
     "stylelint-config-recommended": "^9.0.0",
     "svelte": "^3.53.1",
@@ -32,13 +33,12 @@
     "svelte-grid": "^5.1.1",
     "svelte-heros": "^2.3.5",
     "svelte-highlight": "^6.2.1",
-    "svelte-lucide": "^0.2.0",
     "svelte-markdown": "^0.2.3",
     "svelte-overlay": "^1.4.1",
     "svelte-popperjs": "^1.3.2",
     "svelte-preprocess": "^4.9.8",
     "svelte-splitpanes": "^0.7.3",
-    "svelte2tsx": "^0.5.20",
+    "svelte2tsx": "^0.5.22",
     "svelvet": "^4.0.3",
     "tailwindcss": "^3.2.2",
     "tslib": "^2.4.1",
@@ -50,23 +50,23 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@leeoniya/ufuzzy": "^0.8.0",
     "@redocly/json-to-json-schema": "^0.0.1",
-    "@sveltejs/svelte-virtual-list": "^3.0.1",
+    "@types/autosize": "^4.0.1",
     "@types/node": "^18.11.9",
     "async-mutex": "^0.4.0",
+    "autosize": "^5.0.2",
     "chartjs-adapter-date-fns": "^2.0.0",
-    "chartjs-plugin-zoom": "^1.2.1",
+    "chartjs-plugin-zoom": "^2.0.0",
     "date-fns": "^2.29.3",
-    "fuse.js": "^6.4.6",
-    "highlight.js": "^11.5.1",
-    "monaco-editor": "^0.34.1",
+    "highlight.js": "^11.7.0",
+    "monaco-editor": "0.33.0",
     "monaco-editor-workers": "^0.34.2",
-    "monaco-languageclient": "4.0.1",
+    "monaco-languageclient": "2.1.0",
     "monaco-yaml": "^4.0.2",
     "set-interval-async": "^3.0.2",
     "svelte-autosize": "^1.0.1",
     "svelte-chartjs": "^3.1.0",
     "svelte-select": "^5.0.0-beta.40",
-    "vscode-ws-jsonrpc": "^2.0.0"
+    "vscode-ws-jsonrpc": "^2.0.1"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -77,7 +77,6 @@
     "./components/ArgInput.svelte": "./components/ArgInput.svelte",
     "./components/Badge.svelte": "./components/Badge.svelte",
     "./components/Button.svelte": "./components/Button.svelte",
-    "./components/ButtonAndDropdown.svelte": "./components/ButtonAndDropdown.svelte",
     "./components/CenteredModal.svelte": "./components/CenteredModal.svelte",
     "./components/CenteredPage.svelte": "./components/CenteredPage.svelte",
     "./components/ChevronButton.svelte": "./components/ChevronButton.svelte",
@@ -109,6 +108,7 @@
     "./components/LogViewer.svelte": "./components/LogViewer.svelte",
     "./components/Modal.svelte": "./components/Modal.svelte",
     "./components/ModulePreview.svelte": "./components/ModulePreview.svelte",
+    "./components/ModuleStatus.svelte": "./components/ModuleStatus.svelte",
     "./components/Multiselect.svelte": "./components/Multiselect.svelte",
     "./components/ObjectResourceInput.svelte": "./components/ObjectResourceInput.svelte",
     "./components/ObjectTypeNarrowing.svelte": "./components/ObjectTypeNarrowing.svelte",
@@ -143,6 +143,7 @@
     "./components/TableSimple.svelte": "./components/TableSimple.svelte",
     "./components/TestJobLoader.svelte": "./components/TestJobLoader.svelte",
     "./components/Toggle.svelte": "./components/Toggle.svelte",
+    "./components/ToggleHubWorkspace.svelte": "./components/ToggleHubWorkspace.svelte",
     "./components/Tooltip.svelte": "./components/Tooltip.svelte",
     "./components/UserSettings.svelte": "./components/UserSettings.svelte",
     "./components/VariableEditor.svelte": "./components/VariableEditor.svelte",
@@ -153,16 +154,24 @@
     "./components/apps/components/dataDisplay/AppPieChart.svelte": "./components/apps/components/dataDisplay/AppPieChart.svelte",
     "./components/apps/components/dataDisplay/AppTable.svelte": "./components/apps/components/dataDisplay/AppTable.svelte",
     "./components/apps/components/dataDisplay/AppText.svelte": "./components/apps/components/dataDisplay/AppText.svelte",
+    "./components/apps/components/dataDisplay/app.md": "./components/apps/components/dataDisplay/app.md",
+    "./components/apps/components/form/AppForm.svelte": "./components/apps/components/form/AppForm.svelte",
     "./components/apps/components/helpers/AlignWrapper.svelte": "./components/apps/components/helpers/AlignWrapper.svelte",
     "./components/apps/components/helpers/DebouncedInput.svelte": "./components/apps/components/helpers/DebouncedInput.svelte",
     "./components/apps/components/helpers/InputValue.svelte": "./components/apps/components/helpers/InputValue.svelte",
+    "./components/apps/components/helpers/NonRunnableComponent.svelte": "./components/apps/components/helpers/NonRunnableComponent.svelte",
     "./components/apps/components/helpers/RunnableComponent.svelte": "./components/apps/components/helpers/RunnableComponent.svelte",
-    "./components/apps/components": "./components/apps/components/index.js",
+    "./components/apps/components/helpers/RunnableWrapper.svelte": "./components/apps/components/helpers/RunnableWrapper.svelte",
+    "./components/apps/components/numberInputs/AppNumberInput.svelte": "./components/apps/components/numberInputs/AppNumberInput.svelte",
     "./components/apps/components/selectInputs/AppCheckbox.svelte": "./components/apps/components/selectInputs/AppCheckbox.svelte",
+    "./components/apps/components/textInputs/AppTextInput.svelte": "./components/apps/components/textInputs/AppTextInput.svelte",
     "./components/apps/editor/AppEditor.svelte": "./components/apps/editor/AppEditor.svelte",
     "./components/apps/editor/AppEditorHeader.svelte": "./components/apps/editor/AppEditorHeader.svelte",
+    "./components/apps/editor/AppPreview.svelte": "./components/apps/editor/AppPreview.svelte",
     "./components/apps/editor/ComponentEditor.svelte": "./components/apps/editor/ComponentEditor.svelte",
+    "./components/apps/editor/ComponentHeader.svelte": "./components/apps/editor/ComponentHeader.svelte",
     "./components/apps/editor/GridEditor.svelte": "./components/apps/editor/GridEditor.svelte",
+    "./components/apps/editor/RecomputeAllComponents.svelte": "./components/apps/editor/RecomputeAllComponents.svelte",
     "./components/apps/editor/componentsPanel/ComponentList.svelte": "./components/apps/editor/componentsPanel/ComponentList.svelte",
     "./components/apps/editor/componentsPanel/componentDefaultProps": "./components/apps/editor/componentsPanel/componentDefaultProps.js",
     "./components/apps/editor/componentsPanel/componentStaticValues": "./components/apps/editor/componentsPanel/componentStaticValues.js",
@@ -171,18 +180,27 @@
     "./components/apps/editor/contextPanel/ComponentOutputViewer.svelte": "./components/apps/editor/contextPanel/ComponentOutputViewer.svelte",
     "./components/apps/editor/contextPanel/ContextPanel.svelte": "./components/apps/editor/contextPanel/ContextPanel.svelte",
     "./components/apps/editor/contextPanel/InlineScriptCreationPanel.svelte": "./components/apps/editor/contextPanel/InlineScriptCreationPanel.svelte",
+    "./components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte": "./components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte",
     "./components/apps/editor/settingsPanel/ComponentPanel.svelte": "./components/apps/editor/settingsPanel/ComponentPanel.svelte",
-    "./components/apps/editor/settingsPanel/DynamicInputEditor.svelte": "./components/apps/editor/settingsPanel/DynamicInputEditor.svelte",
+    "./components/apps/editor/settingsPanel/ConnectedInputEditor.svelte": "./components/apps/editor/settingsPanel/ConnectedInputEditor.svelte",
     "./components/apps/editor/settingsPanel/InputsSpecEditor.svelte": "./components/apps/editor/settingsPanel/InputsSpecEditor.svelte",
     "./components/apps/editor/settingsPanel/InputsSpecsEditor.svelte": "./components/apps/editor/settingsPanel/InputsSpecsEditor.svelte",
     "./components/apps/editor/settingsPanel/PickFlow.svelte": "./components/apps/editor/settingsPanel/PickFlow.svelte",
     "./components/apps/editor/settingsPanel/PickInlineScript.svelte": "./components/apps/editor/settingsPanel/PickInlineScript.svelte",
+    "./components/apps/editor/settingsPanel/Recompute.svelte": "./components/apps/editor/settingsPanel/Recompute.svelte",
     "./components/apps/editor/settingsPanel/SectionPanel.svelte": "./components/apps/editor/settingsPanel/SectionPanel.svelte",
     "./components/apps/editor/settingsPanel/StaticInputEditor.svelte": "./components/apps/editor/settingsPanel/StaticInputEditor.svelte",
+    "./components/apps/editor/settingsPanel/SubTypeEditor.svelte": "./components/apps/editor/settingsPanel/SubTypeEditor.svelte",
+    "./components/apps/editor/settingsPanel/TableActionLabel.svelte": "./components/apps/editor/settingsPanel/TableActionLabel.svelte",
     "./components/apps/editor/settingsPanel/TableActions.svelte": "./components/apps/editor/settingsPanel/TableActions.svelte",
     "./components/apps/editor/settingsPanel/UserInputEditor.svelte": "./components/apps/editor/settingsPanel/UserInputEditor.svelte",
     "./components/apps/editor/settingsPanel/common/PanelSection.svelte": "./components/apps/editor/settingsPanel/common/PanelSection.svelte",
+    "./components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/InlineScriptList.svelte",
+    "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte": "./components/apps/editor/settingsPanel/mainInput/RunnableSelector.svelte",
+    "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceFlowList.svelte",
+    "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte": "./components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte",
     "./components/apps/gridUtils": "./components/apps/gridUtils.js",
+    "./components/apps/inputType": "./components/apps/inputType.js",
     "./components/apps/rx": "./components/apps/rx.js",
     "./components/apps/types": "./components/apps/types.js",
     "./components/apps/utils": "./components/apps/utils.js",
@@ -232,22 +250,27 @@
     "./components/flows/FlowProgressBar.svelte": "./components/flows/FlowProgressBar.svelte",
     "./components/flows/common/FlowCard.svelte": "./components/flows/common/FlowCard.svelte",
     "./components/flows/common/FlowCardHeader.svelte": "./components/flows/common/FlowCardHeader.svelte",
+    "./components/flows/content/BranchPredicateEditor.svelte": "./components/flows/content/BranchPredicateEditor.svelte",
     "./components/flows/content/CapturePayload.svelte": "./components/flows/content/CapturePayload.svelte",
     "./components/flows/content/DynamicInputHelpBox.svelte": "./components/flows/content/DynamicInputHelpBox.svelte",
     "./components/flows/content/FlowBranchAllWrapper.svelte": "./components/flows/content/FlowBranchAllWrapper.svelte",
     "./components/flows/content/FlowBranchOneWrapper.svelte": "./components/flows/content/FlowBranchOneWrapper.svelte",
-    "./components/flows/content/FlowBranchesWrapper.svelte": "./components/flows/content/FlowBranchesWrapper.svelte",
+    "./components/flows/content/FlowBranchesAllWrapper.svelte": "./components/flows/content/FlowBranchesAllWrapper.svelte",
+    "./components/flows/content/FlowBranchesOneWrapper.svelte": "./components/flows/content/FlowBranchesOneWrapper.svelte",
     "./components/flows/content/FlowEditorPanel.svelte": "./components/flows/content/FlowEditorPanel.svelte",
     "./components/flows/content/FlowFailureModule.svelte": "./components/flows/content/FlowFailureModule.svelte",
     "./components/flows/content/FlowInput.svelte": "./components/flows/content/FlowInput.svelte",
     "./components/flows/content/FlowInputs.svelte": "./components/flows/content/FlowInputs.svelte",
+    "./components/flows/content/FlowInputsFlow.svelte": "./components/flows/content/FlowInputsFlow.svelte",
     "./components/flows/content/FlowLoop.svelte": "./components/flows/content/FlowLoop.svelte",
     "./components/flows/content/FlowModuleComponent.svelte": "./components/flows/content/FlowModuleComponent.svelte",
     "./components/flows/content/FlowModuleEarlyStop.svelte": "./components/flows/content/FlowModuleEarlyStop.svelte",
     "./components/flows/content/FlowModuleHeader.svelte": "./components/flows/content/FlowModuleHeader.svelte",
     "./components/flows/content/FlowModuleScript.svelte": "./components/flows/content/FlowModuleScript.svelte",
+    "./components/flows/content/FlowModuleSleep.svelte": "./components/flows/content/FlowModuleSleep.svelte",
     "./components/flows/content/FlowModuleSuspend.svelte": "./components/flows/content/FlowModuleSuspend.svelte",
     "./components/flows/content/FlowModuleWrapper.svelte": "./components/flows/content/FlowModuleWrapper.svelte",
+    "./components/flows/content/FlowPathViewer.svelte": "./components/flows/content/FlowPathViewer.svelte",
     "./components/flows/content/FlowRetries.svelte": "./components/flows/content/FlowRetries.svelte",
     "./components/flows/content/FlowSchedules.svelte": "./components/flows/content/FlowSchedules.svelte",
     "./components/flows/content/FlowSettings.svelte": "./components/flows/content/FlowSettings.svelte",
@@ -267,6 +290,7 @@
     "./components/flows/map/InsertModuleButton.svelte": "./components/flows/map/InsertModuleButton.svelte",
     "./components/flows/map/MapItem.svelte": "./components/flows/map/MapItem.svelte",
     "./components/flows/pickers/FlowScriptPicker.svelte": "./components/flows/pickers/FlowScriptPicker.svelte",
+    "./components/flows/pickers/PickHubFlow.svelte": "./components/flows/pickers/PickHubFlow.svelte",
     "./components/flows/pickers/PickHubScript.svelte": "./components/flows/pickers/PickHubScript.svelte",
     "./components/flows/pickers/PickScript.svelte": "./components/flows/pickers/PickScript.svelte",
     "./components/flows/pickers/WorkspaceScriptPicker.svelte": "./components/flows/pickers/WorkspaceScriptPicker.svelte",
@@ -280,27 +304,40 @@
     "./components/graph": "./components/graph/index.js",
     "./components/graph/model": "./components/graph/model.js",
     "./components/graph/util": "./components/graph/util.js",
+    "./components/home/ItemsList.svelte": "./components/home/ItemsList.svelte",
+    "./components/home/ListFilters.svelte": "./components/home/ListFilters.svelte",
+    "./components/home/NoItemFound.svelte": "./components/home/NoItemFound.svelte",
     "./components/icons/AirtableIcon.svelte": "./components/icons/AirtableIcon.svelte",
+    "./components/icons/DatadogIcon.svelte": "./components/icons/DatadogIcon.svelte",
     "./components/icons/DbIcon.svelte": "./components/icons/DbIcon.svelte",
     "./components/icons/DiscordIcon.svelte": "./components/icons/DiscordIcon.svelte",
+    "./components/icons/FunkwhaleIcon.svelte": "./components/icons/FunkwhaleIcon.svelte",
     "./components/icons/GCloudIcon.svelte": "./components/icons/GCloudIcon.svelte",
     "./components/icons/GItlabIcon.svelte": "./components/icons/GItlabIcon.svelte",
     "./components/icons/GSheetsIcon.svelte": "./components/icons/GSheetsIcon.svelte",
     "./components/icons/GcalIcon.svelte": "./components/icons/GcalIcon.svelte",
+    "./components/icons/GdocsIcon.svelte": "./components/icons/GdocsIcon.svelte",
     "./components/icons/GdriveIcon.svelte": "./components/icons/GdriveIcon.svelte",
     "./components/icons/GithubIcon.svelte": "./components/icons/GithubIcon.svelte",
     "./components/icons/GmailIcon.svelte": "./components/icons/GmailIcon.svelte",
     "./components/icons/HatIcon.svelte": "./components/icons/HatIcon.svelte",
     "./components/icons/HttpIcon.svelte": "./components/icons/HttpIcon.svelte",
+    "./components/icons/HubspotIcon.svelte": "./components/icons/HubspotIcon.svelte",
+    "./components/icons/LinkedinIcon.svelte": "./components/icons/LinkedinIcon.svelte",
     "./components/icons/Mail.svelte": "./components/icons/Mail.svelte",
     "./components/icons/MailchimpIcon.svelte": "./components/icons/MailchimpIcon.svelte",
     "./components/icons/MastodonIcon.svelte": "./components/icons/MastodonIcon.svelte",
     "./components/icons/MatrixIcon.svelte": "./components/icons/MatrixIcon.svelte",
     "./components/icons/Mysql.svelte": "./components/icons/Mysql.svelte",
+    "./components/icons/NextcloudIcon.svelte": "./components/icons/NextcloudIcon.svelte",
     "./components/icons/PostgresIcon.svelte": "./components/icons/PostgresIcon.svelte",
+    "./components/icons/QRCodeIcon.svelte": "./components/icons/QRCodeIcon.svelte",
     "./components/icons/S3Icon.svelte": "./components/icons/S3Icon.svelte",
+    "./components/icons/SendflakeIcon.svelte": "./components/icons/SendflakeIcon.svelte",
     "./components/icons/SendgridIcon.svelte": "./components/icons/SendgridIcon.svelte",
     "./components/icons/Slack.svelte": "./components/icons/Slack.svelte",
+    "./components/icons/StripeIcon.svelte": "./components/icons/StripeIcon.svelte",
+    "./components/icons/TelegramIcon.svelte": "./components/icons/TelegramIcon.svelte",
     "./components/icons/TogglIcon.svelte": "./components/icons/TogglIcon.svelte",
     "./components/icons/WindmillIcon.svelte": "./components/icons/WindmillIcon.svelte",
     "./components/icons": "./components/icons/index.js",
@@ -319,6 +356,7 @@
     "./components/propertyPicker/utils": "./components/propertyPicker/utils.js",
     "./components/scriptEditor/LogPanel.svelte": "./components/scriptEditor/LogPanel.svelte",
     "./components/scripts/CreateActionsScript.svelte": "./components/scripts/CreateActionsScript.svelte",
+    "./components/sidebar/FavoriteMenu.svelte": "./components/sidebar/FavoriteMenu.svelte",
     "./components/sidebar/MenuLink.svelte": "./components/sidebar/MenuLink.svelte",
     "./components/sidebar/SidebarContent.svelte": "./components/sidebar/SidebarContent.svelte",
     "./components/sidebar/UserMenu.svelte": "./components/sidebar/UserMenu.svelte",
@@ -371,6 +409,7 @@
     "./gen/models/NewUser": "./gen/models/NewUser.js",
     "./gen/models/OpenFlow": "./gen/models/OpenFlow.js",
     "./gen/models/OpenFlowWPath": "./gen/models/OpenFlowWPath.js",
+    "./gen/models/PathFlow": "./gen/models/PathFlow.js",
     "./gen/models/PathScript": "./gen/models/PathScript.js",
     "./gen/models/Policy": "./gen/models/Policy.js",
     "./gen/models/Preview": "./gen/models/Preview.js",

package/script_helpers.d.ts

@@ -8,10 +8,11 @@ export declare const DENO_FAILURE_MODULE_CODE = "\n// connect the error paramete
 export declare const PYTHON_INIT_CODE_CLEAR = "#import wmill\n\ndef main(x: str):\n  return x\n";
 export declare const PYTHON_FAILURE_MODULE_CODE = "import os\n\n# connect the error parameter to 'previous_result.error'\n\ndef main(error: str):\n  job = os.environ.get(\"WM_JOB_ID\")\n  print(\"error\", error)\n  print(\"job\", job)\n  return error, job\n";
 export declare const POSTGRES_INIT_CODE: string;
+export declare const MYSQL_INIT_CODE: string;
 export declare const BASH_INIT_CODE = "\n# arguments of the form X=\"$I\" are parsed as parameters X of type string\nmsg=\"$1\"\n\n# the last line of the stdout is the return value\necho \"Hello $msg\"\n";
 export declare const DENO_INIT_CODE_TRIGGER: string;
 export declare const PYTHON_INIT_CODE_TRIGGER = "import wmill\n\ndef main():\n    # A common trigger script would follow this pattern:\n    # 1. Get the last saved state\n    # const state = wnmill.get_state()\n    # 2. Get the actual state from the external service\n    # const newState = ...\n    # 3. Compare the two states and update the internal state\n    # wmill.setState(newState)\n    # 4. Return the new rows\n    # return range from (state to newState)\n    return [1, 2, 3]\n";
 export declare const GO_INIT_CODE_TRIGGER = "package inner\n\nimport (\n\twmill \"github.com/windmill-labs/windmill-go-client\"\n)\n\nfunc main() (interface{}, error) {\n\n\t// A common trigger script would follow this pattern:\n\t// 1. Get the last saved state\n\tstate, _ := wmill.GetState()\n\t// 2. Get the actual state from the external service\n\t// newState := ...\n\t// 3. Compare the two states and update the internal state\n\twmill.SetState(4)\n\t// 4. Return the new rows\n\n\treturn state, nil\n\n\t// In subsequent scripts, you may refer to each row/value returned by the trigger script using\n\t// 'flow_input.iter.value'\n}\n";
 export declare const DENO_INIT_CODE_APPROVAL = "import * as wmill from \"https://deno.land/x/windmill@v1.41.0/mod.ts\"\n\nexport async function main(approver?: string) {\n  return wmill.getResumeEndpoints(approver)\n}";
 export declare function isInitialCode(content: string): boolean;
-export declare function initialCode(language: 'deno' | 'python3' | 'go' | 'bash', kind: Script.kind, subkind: 'pgsql' | 'flow' | 'script' | undefined): string;
+export declare function initialCode(language: 'deno' | 'python3' | 'go' | 'bash', kind: Script.kind, subkind: 'pgsql' | 'mysql' | 'flow' | 'script' | undefined): string;

package/script_helpers.js

@@ -40,10 +40,8 @@ def main(no_default: str,
     # the return value is then parsed and can be retrieved by other scripts conveniently
     return {"splitted": name.split(), "user": user, "state": new_state}
 `;
-export const DENO_INIT_CODE = `// reload the smart assistant on the top right if it dies to get autocompletion and syntax highlighting
-// (Ctrl+space to cache dependencies on imports hover, Ctrl+S to autoformat and parse parameters).
+export const DENO_INIT_CODE = `// Ctrl+space to cache dependencies on imports hover, Ctrl+S to format.
 
-// you can use npm imports directly
 // import { toWords } from "npm:number-to-words@1"
 // import * as wmill from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts"
 
@@ -138,6 +136,22 @@ export async function main(
   )\`INSERT INTO demo VALUES (\${key}, \${value}) RETURNING *\`;
   return query.rows;
 }`;
+export const MYSQL_INIT_CODE = `import {
+  mySql,
+  type Resource
+} from "https://deno.land/x/windmill@v${__pkg__.version}/mod.ts";
+
+// MySQL parameterized statement. No SQL injection is possible.
+export async function main(
+  db: Resource<"mysql">,
+  key: number,
+  value: string,
+) {
+  const query = await mySql(
+    db
+  )\`INSERT INTO demo VALUES (\${key}, \${value})\`;
+  return query.rows;
+}`;
 export const BASH_INIT_CODE = `
 # arguments of the form X="$I" are parsed as parameters X of type string
 msg="$1"
@@ -228,6 +242,9 @@ export function initialCode(language, kind, subkind) {
             else if (subkind === 'pgsql') {
                 return POSTGRES_INIT_CODE;
             }
+            else if (subkind === 'mysql') {
+                return MYSQL_INIT_CODE;
+            }
             else {
                 return DENO_INIT_CODE;
             }

package/scripts.d.ts

@@ -1,2 +1,3 @@
 import type { Schema } from './common';
 export declare function loadSchema(path: string): Promise<Schema>;
+export declare function loadSchemaFlow(path: string): Promise<Schema>;

package/scripts.js

@@ -1,5 +1,5 @@
 import { get } from 'svelte/store';
-import { ScriptService } from './gen';
+import { FlowService, ScriptService } from './gen';
 import { inferArgs } from './infer';
 import { workspaceStore } from './stores';
 import { emptySchema } from './utils';
@@ -23,3 +23,10 @@ export async function loadSchema(path) {
         return script.schema;
     }
 }
+export async function loadSchemaFlow(path) {
+    const flow = await FlowService.getFlowByPath({
+        workspace: get(workspaceStore),
+        path: path ?? ''
+    });
+    return flow.schema;
+}

package/stores.d.ts

@@ -1,19 +1,28 @@
-import type { UserWorkspaceList } from './gen/models/UserWorkspaceList.js';
-import type { TokenResponse } from './gen';
+import { type Readable } from "svelte/store";
+import type { UserWorkspaceList } from "./gen/models/UserWorkspaceList.js";
+import type { TokenResponse } from "./gen";
 export interface UserExt {
     email: string;
     username: string;
     is_admin: boolean;
+    is_super_admin: boolean;
+    operator: boolean;
     created_at: string;
     groups: string[];
     pgroups: string[];
 }
+export declare const usageStore: import("svelte/store").Writable<number>;
 export declare const oauthStore: import("svelte/store").Writable<TokenResponse | undefined>;
 export declare const userStore: import("svelte/store").Writable<UserExt | undefined>;
 export declare const workspaceStore: import("svelte/store").Writable<string | undefined>;
 export declare const starStore: import("svelte/store").Writable<number>;
 export declare const usersWorkspaceStore: import("svelte/store").Writable<UserWorkspaceList | undefined>;
 export declare const superadmin: import("svelte/store").Writable<false | String | undefined>;
+export declare const userWorkspaces: Readable<Array<{
+    id: string;
+    name: string;
+    username: string;
+}>>;
 export declare const hubScripts: import("svelte/store").Writable<{
     path: string;
     summary: string;

package/stores.js

@@ -1,18 +1,36 @@
-import { browser } from '$app/env';
-import { writable } from 'svelte/store';
-import { getUserExt } from './user';
-let persistedWorkspace = browser && localStorage.getItem('workspace');
+import { browser } from "$app/env";
+import { derived, writable } from "svelte/store";
+import { getUserExt } from "./user";
+let persistedWorkspace = browser && localStorage.getItem("workspace");
+export const usageStore = writable(0);
 export const oauthStore = writable(undefined);
 export const userStore = writable(undefined);
 export const workspaceStore = writable(persistedWorkspace ? String(persistedWorkspace) : undefined);
 export const starStore = writable(1);
 export const usersWorkspaceStore = writable(undefined);
 export const superadmin = writable(undefined);
+export const userWorkspaces = derived([usersWorkspaceStore, superadmin], ([store, superadmin]) => {
+    const originalWorkspaces = (store?.workspaces ?? []);
+    if (superadmin) {
+        return [...originalWorkspaces.filter((x) => x.id != 'starter' && x.id != 'admins'), {
+                id: "admins",
+                name: "Admins",
+                username: "superadmin",
+            }, {
+                id: "starter",
+                name: "Starter",
+                username: "superadmin",
+            }];
+    }
+    else {
+        return originalWorkspaces;
+    }
+});
 export const hubScripts = writable(undefined);
 if (browser) {
     workspaceStore.subscribe(async (workspace) => {
         if (workspace) {
-            localStorage.setItem('workspace', String(workspace));
+            localStorage.setItem("workspace", String(workspace));
             userStore.set(await getUserExt(workspace));
         }
         else {
@@ -21,7 +39,7 @@ if (browser) {
     });
 }
 export function clearStores() {
-    localStorage.removeItem('workspace');
+    localStorage.removeItem("workspace");
     userStore.set(undefined);
     workspaceStore.set(undefined);
     usersWorkspaceStore.set(undefined);

package/utils.d.ts

@@ -6,7 +6,7 @@ export declare function isToday(someDate: Date): boolean;
 export declare function daysAgo(someDate: Date): number;
 export declare function secondsAgo(date: Date): number;
 export declare function displayDaysAgo(dateString: string): string;
-export declare function displayDate(dateString: string | undefined): string;
+export declare function displayDate(dateString: string | undefined, displaySecond?: boolean): string;
 export declare function msToSec(ms: number | undefined): string;
 export declare function getToday(): Date;
 export declare function sendUserToast(message: string, error?: boolean): void;
@@ -62,6 +62,7 @@ export declare function decodeArgs(queryArgs: string | undefined): any;
 export declare function setQuery(url: URL, key: string, value: string): Promise<void>;
 export declare function setQueryWithoutLoad(url: URL, key: string, value: string): void;
 export declare function groupBy<T>(scripts: T[], toGroup: (t: T) => string, dflts?: string[]): [string, T[]][];
+export declare function removeMarkdown(text: string): string;
 export declare function truncate(s: string, n: number, suffix?: string): string;
 export declare function truncateRev(s: string, n: number, prefix?: string): string;
 export declare function isString(value: any): boolean;
@@ -93,3 +94,4 @@ export declare function scriptLangToEditorLang(lang: Script.language): 'typescri
 export declare function copyToClipboard(value: string, sendToast?: boolean): Promise<boolean>;
 export declare function pluralize(quantity: number, word: string, customPlural?: string): string;
 export declare function capitalize(word: string): string;
+export declare function isCloudHosted(): boolean;

package/utils.js

@@ -2,8 +2,9 @@
 import { goto } from '$app/navigation';
 import { FlowService, Script, ScriptService } from './gen';
 import { toast } from '@zerodevx/svelte-toast';
-import { get } from 'svelte/store';
 import { hubScripts, workspaceStore } from './stores';
+import { page } from "$app/stores";
+import { get } from "svelte/store";
 export function validateUsername(username) {
     if (username != '' && !/^\w+$/.test(username)) {
         return 'username can only contain letters and numbers';
@@ -50,13 +51,13 @@ export function displayDaysAgo(dateString) {
         }
     }
 }
-export function displayDate(dateString) {
+export function displayDate(dateString, displaySecond = false) {
     const date = new Date(dateString ?? '');
     if (date.toString() === 'Invalid Date') {
         return '';
     }
     else {
-        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;
+        return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()} at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: displaySecond ? '2-digit' : undefined })}`;
     }
 }
 export function msToSec(ms) {
@@ -146,7 +147,7 @@ export function canWrite(path, extra_perms, user) {
     if (!user) {
         return false;
     }
-    if (user.is_admin) {
+    if (user.is_admin || user.is_super_admin) {
         return true;
     }
     let userOwner = `u/${user.username}`;
@@ -242,6 +243,9 @@ export function groupBy(scripts, toGroup, dflts = []) {
         }
     });
 }
+export function removeMarkdown(text) {
+    return text.replace(/[[\*|\-|#\_]/g, '');
+}
 export function truncate(s, n, suffix = '...') {
     if (!s) {
         return '';
@@ -488,3 +492,6 @@ export function pluralize(quantity, word, customPlural) {
 export function capitalize(word) {
     return word ? word.charAt(0).toUpperCase() + word.slice(1) : '';
 }
+export function isCloudHosted() {
+    return get(page).url.hostname == 'app.windmill.dev';
+}

package/components/ButtonAndDropdown.svelte

@@ -1,25 +0,0 @@
-<script>import { faSortDown } from '@fortawesome/free-solid-svg-icons';
-import { createEventDispatcher } from 'svelte';
-import Icon from 'svelte-awesome';
-import Dropdown from './Dropdown.svelte';
-export let dropdownItems = [];
-const dispatch = createEventDispatcher();
-</script>
-
-<div class="bg-blue-500 rounded-sm {$$props.class} inline-block py-0 my-0 ">
-	<button
-		class="inline pl-2 text-white text-sm py-0 my-0"
-		on:click={() => {
-			dispatch('clickMain')
-		}}><slot name="name">Add script</slot></button
-	>
-	<Dropdown
-		{dropdownItems}
-		class="border-l border-gray-300 px-2 inline-block py-0 my-0"
-		on:click={() => dispatch('clickDropdown')}
-	>
-		<div class="py-0 my-0">
-			<Icon class="text-white align-top py-0 my-0" data={faSortDown} />
-		</div>
-	</Dropdown>
-</div>

package/components/ButtonAndDropdown.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { DropdownItem } from '../utils';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        dropdownItems?: DropdownItem[] | undefined;
-    };
-    events: {
-        clickMain: CustomEvent<any>;
-        clickDropdown: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        name: {};
-    };
-};
-export type ButtonAndDropdownProps = typeof __propDef.props;
-export type ButtonAndDropdownEvents = typeof __propDef.events;
-export type ButtonAndDropdownSlots = typeof __propDef.slots;
-export default class ButtonAndDropdown extends SvelteComponentTyped<ButtonAndDropdownProps, ButtonAndDropdownEvents, ButtonAndDropdownSlots> {
-}
-export {};

package/components/apps/components/index.d.ts

@@ -1,22 +0,0 @@
-import { default as AppButton } from './buttons/AppButton.svelte';
-export { default as AppButton } from './buttons/AppButton.svelte';
-import { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-export { default as AppTable } from './dataDisplay/AppTable.svelte';
-import { default as AppText } from './dataDisplay/AppText.svelte';
-export { default as AppText } from './dataDisplay/AppText.svelte';
-import { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AlignWrapper } from './helpers/AlignWrapper.svelte';
-export { default as DebouncedInput } from './helpers/DebouncedInput.svelte';
-export { default as InputValue } from './helpers/InputValue.svelte';
-export { default as RunnableComponent } from './helpers/RunnableComponent.svelte';
-declare const textInputs: never[];
-declare const numberInputs: never[];
-declare const buttons: (typeof AppButton)[];
-declare const selectInputs: (typeof AppCheckbox)[];
-declare const dateTimeInputs: never[];
-declare const dataDisplay: (typeof AppBarChart | typeof AppText)[];
-declare const APP_COMPONENTS: (typeof AppBarChart | typeof AppText)[][];
-export { APP_COMPONENTS, textInputs, numberInputs, buttons, selectInputs, dateTimeInputs, dataDisplay };

package/components/apps/components/index.js

@@ -1,42 +0,0 @@
-import { default as AppButton } from './buttons/AppButton.svelte';
-export { default as AppButton } from './buttons/AppButton.svelte';
-import { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-export { default as AppBarChart } from './dataDisplay/AppBarChart.svelte';
-import { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-export { default as AppPieChart } from './dataDisplay/AppPieChart.svelte';
-import { default as AppTable } from './dataDisplay/AppTable.svelte';
-export { default as AppTable } from './dataDisplay/AppTable.svelte';
-import { default as AppText } from './dataDisplay/AppText.svelte';
-export { default as AppText } from './dataDisplay/AppText.svelte';
-import { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AppCheckbox } from './selectInputs/AppCheckbox.svelte';
-export { default as AlignWrapper } from './helpers/AlignWrapper.svelte';
-export { default as DebouncedInput } from './helpers/DebouncedInput.svelte';
-export { default as InputValue } from './helpers/InputValue.svelte';
-export { default as RunnableComponent } from './helpers/RunnableComponent.svelte';
-// Component groups
-const textInputs = [];
-const numberInputs = [];
-const buttons = [
-    AppButton
-];
-const selectInputs = [
-    AppCheckbox
-];
-const dateTimeInputs = [];
-const dataDisplay = [
-    AppBarChart,
-    AppPieChart,
-    AppTable,
-    AppText
-];
-// Aggregated component groups for ease of import
-const APP_COMPONENTS = [
-    textInputs,
-    numberInputs,
-    buttons,
-    selectInputs,
-    dateTimeInputs,
-    dataDisplay
-];
-export { APP_COMPONENTS, textInputs, numberInputs, buttons, selectInputs, dateTimeInputs, dataDisplay };