windmill-components 1.13.25 → 1.22.0

package/components/ScriptBuilder.svelte

@@ -1,130 +1,83 @@
-<script context="module">
-	const PYTHON_INIT_CODE = `import os
-import wmill
-from datetime import datetime
-# Our webeditor includes a syntax, type checker through a language server running pyright
-# and the autoformatter Black in our servers. Use Cmd/Ctrl + S to autoformat the code.
-# Beware that the code is only saved when you click Save and not across reload.
-# You can however navigate to any steps safely.
-"""
-The client is used to interact with windmill itself through its standard API.
-One can explore the methods available through autocompletion of \`client.XXX\`.
-Only the most common methods are included for ease of use. Request more as
-feedback if you feel you are missing important ones.
-"""
-def main(name: str = "Nicolas Bourbaki",
-         age: int = 42,
-         obj: dict = {"even": "dicts"},
-         l: list = ["or", "lists!"],
-         file_: bytes = bytes(0),
-         dtime: datetime = datetime.now()):
-    """A main function is required for the script to be able to accept arguments.
-    Types are recommended."""
-    print(f"Hello World and a warm welcome especially to {name}")
-    print("and its acolytes..", age, obj, l, len(file_), dtime)
-    # retrieve variables, including secrets by querying the windmill platform.
-    # secret fetching is audited by windmill.
-    secret = wmill.get_variable("g/all/pretty_secret")
-    print(f"The env variable at \`g_all/pretty_secret\`: {secret}")
-    # interact with the windmill platform to get the version
-    version = wmill.get_version()
-    # fetch reserved variables as environment variables
-    user = os.environ.get("WM_USERNAME")
-    # the return value is then parsed and can be retrieved by other scripts conveniently
-    return {"version": version, "splitted": name.split(), "user": user}
-`
-	const DENO_INIT_CODE = `
-// only do the following import if you require your script to interact with the windmill
-// for instance to get a variable or resource
-// import * as wmill from 'https://deno.land/x/windmill@v${__pkg__.version}/index.ts'
-
-export async function main(x: string, y: string = 'default arg') {
-	// let x = await wmill.getVariable('u/user/foo');
-	// let y = await wmill.getResource('u/user/foo')
-	return { foo: x }
-}
-`
-</script>
-
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setCode = exports.initialPath = exports.script = void 0;
-const gen_1 = require("$lib/gen");
-const utils_1 = require("$lib/utils");
-const svelte_1 = require("svelte");
-const ScriptEditor_svelte_1 = __importDefault(require("./ScriptEditor.svelte"));
-const stores_1 = require("$app/stores");
-const navigation_1 = require("$app/navigation");
-const Path_svelte_1 = __importDefault(require("./Path.svelte"));
-const svelte_markdown_1 = __importDefault(require("svelte-markdown"));
-const stores_2 = require("$lib/stores");
-const ScriptSchema_svelte_1 = __importDefault(require("./ScriptSchema.svelte"));
-const infer_1 = require("$lib/infer");
-const Required_svelte_1 = __importDefault(require("./Required.svelte"));
-const RadioButton_svelte_1 = __importDefault(require("./RadioButton.svelte"));
+<script>import { ScriptService } from '../gen';
+import { emptySchema, sendUserToast, setQueryWithoutLoad } 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 ScriptSchema from './ScriptSchema.svelte';
+import { inferArgs } from '../infer';
+import Required from './Required.svelte';
+import RadioButton from './RadioButton.svelte';
+import { DENO_INIT_CODE, DENO_INIT_CODE_TRIGGER, initialCode } from '../script_helpers';
 let editor;
 let scriptSchema;
 $: step = Number($page.url.searchParams.get('step')) || 1;
-exports.initialPath = '';
+export let script;
+export let initialPath = '';
+let pathError = '';
 $: {
-    $page.url.searchParams.set('state', btoa(JSON.stringify(exports.script)));
-    history.replaceState({}, '', $page.url);
+    setQueryWithoutLoad($page.url, 'state', btoa(JSON.stringify(script)));
+}
+$: {
+    if (script.language == 'python3') {
+        script.is_trigger = false;
+    }
 }
-if (exports.script.content == '') {
-    initContent(exports.script.language);
+if (script.content == '') {
+    initContent(script.language, script.is_trigger);
 }
-function initContent(lang) {
-    exports.script.content = lang == 'deno' ? DENO_INIT_CODE : PYTHON_INIT_CODE;
+function initContent(lang, is_trigger) {
+    script.content = initialCode(lang, is_trigger);
 }
 async function editScript() {
     try {
-        const newHash = await gen_1.ScriptService.createScript({
+        const newHash = await ScriptService.createScript({
             workspace: $workspaceStore,
             requestBody: {
-                path: exports.script.path,
-                summary: exports.script.summary,
-                description: exports.script.description ?? '',
-                content: exports.script.content,
-                parent_hash: exports.script.hash != '' ? exports.script.hash : undefined,
-                schema: exports.script.schema,
-                is_template: exports.script.is_template,
-                language: exports.script.language
+                path: script.path,
+                summary: script.summary,
+                description: script.description ?? '',
+                content: script.content,
+                parent_hash: script.hash != '' ? script.hash : undefined,
+                schema: script.schema,
+                is_template: script.is_template,
+                language: script.language,
+                is_trigger: script.is_trigger
             }
         });
-        (0, utils_1.sendUserToast)(`Success! New script version created with hash ${newHash}`);
-        (0, navigation_1.goto)(`/scripts/get/${newHash}`);
+        sendUserToast(`Success! New script version created with hash ${newHash}`);
+        goto(`/scripts/get/${newHash}`);
     }
     catch (error) {
-        (0, utils_1.sendUserToast)(`Impossible to save the script: ${error.body}`, true);
+        sendUserToast(`Impossible to save the script: ${error.body}`, true);
     }
 }
-function setCode(script) {
+export function setCode(script) {
     editor?.getEditor().setCode(script.content);
     if (scriptSchema) {
         if (script.schema) {
             scriptSchema.setSchema(script.schema);
         }
         else {
-            scriptSchema.setSchema((0, utils_1.emptySchema)());
+            scriptSchema.setSchema(emptySchema());
         }
     }
 }
-exports.setCode = setCode;
 async function inferSchema() {
-    await (0, infer_1.inferArgs)(exports.script.language, exports.script.content, exports.script.schema);
+    await inferArgs(script.language, script.content, script.schema);
 }
 async function changeStep(step) {
     if (step == 3) {
-        exports.script.content = editor?.getEditor().getCode() ?? exports.script.content;
+        script.content = editor?.getEditor().getCode() ?? script.content;
         await inferSchema();
-        exports.script.schema = exports.script.schema;
+        script.schema = script.schema;
     }
-    (0, navigation_1.goto)(`?step=${step}`);
+    goto(`?step=${step}`);
 }
-(0, svelte_1.onDestroy)(() => {
+onDestroy(() => {
     editor?.$destroy();
 });
 </script>
@@ -143,6 +96,7 @@ async function changeStep(step) {
 					}}>Step 1: Metadata</button
 				>
 				<button
+					disabled={pathError != ''}
 					class="{step === 2
 						? 'default-button-disabled text-gray-700'
 						: 'default-button-secondary'} min-w-max ml-2"
@@ -151,6 +105,7 @@ async function changeStep(step) {
 					}}>Step 2: Code</button
 				>
 				<button
+					disabled={pathError != ''}
 					class="{step === 3
 						? 'default-button-disabled text-gray-700'
 						: 'default-button-secondary'} min-w-max ml-2"
@@ -162,8 +117,7 @@ async function changeStep(step) {
 			<div class="flex flex-row-reverse ml-2">
 				{#if step != 3}
 					<button
-						disabled={step == 1 &&
-							(script.path == undefined || script.path == '' || script.path.split('/')[2] == '')}
+						disabled={step == 1 && pathError != ''}
 						class="default-button px-6 max-h-8"
 						on:click={() => {
 							changeStep(step + 1)
@@ -195,8 +149,14 @@ async function changeStep(step) {
 	<!-- metadata -->
 	{#if step === 1}
 		<div class="grid grid-cols-1 gap-6 max-w-7xl">
-			<Path bind:path={script.path} {initialPath} namePlaceholder="example/my/script">
-				<div slot="ownerToolkit" class="text-gray-700 text-2xs">
+			<Path
+				bind:error={pathError}
+				bind:path={script.path}
+				{initialPath}
+				namePlaceholder="example/my/script"
+				kind="script"
+			>
+				<div slot="ownerToolkit">
 					Script permissions depend on their path. Select the group <span class="font-mono"
 						>all</span
 					>
@@ -210,10 +170,10 @@ async function changeStep(step) {
 					label="Language"
 					small={true}
 					options={[
-						['Python 3.10', 'python3'],
-						['Typescript (Deno) WIP', 'deno']
+						['Typescript (Deno)', 'deno'],
+						['Python 3.10', 'python3']
 					]}
-					on:change={(e) => initContent(e.detail)}
+					on:change={(e) => initContent(e.detail, script.is_trigger)}
 					bind:value={script.language}
 				/>
 			</div>
@@ -255,11 +215,26 @@ async function changeStep(step) {
 					/>
 				</span></label
 			>
+
 			<label class="block">
 				<span class="text-gray-700 mr-2">Save as template</span>
 				<input type="checkbox" bind:checked={script.is_template} />
 			</label>
 
+			<label class="block">
+				<span class="text-gray-700 mr-2">Save as trigger script</span>
+				<input
+					disabled={script.language == 'python3'}
+					type="checkbox"
+					bind:checked={script.is_trigger}
+					on:change={() => {
+						if (script.content == DENO_INIT_CODE || script.content == DENO_INIT_CODE_TRIGGER) {
+							initContent(script.language, script.is_trigger)
+						}
+					}}
+				/>
+			</label>
+
 			<div>
 				<h3 class="text-gray-700 ">Description rendered</h3>
 				<div

package/components/ScriptEditor.svelte

@@ -1,37 +1,34 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runPreview = exports.getEditor = exports.previewTab = exports.viewPreview = exports.lang = exports.path = exports.code = exports.schema = void 0;
-const gen_1 = require("$lib/gen");
-const utils_1 = require("$lib/utils");
-const transition_1 = require("svelte/transition");
-const svelte_awesome_1 = __importDefault(require("svelte-awesome"));
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const Editor_svelte_1 = __importDefault(require("./Editor.svelte"));
-const Tooltip_svelte_1 = __importDefault(require("./Tooltip.svelte"));
-const svelte_1 = require("svelte");
-const stores_1 = require("$lib/stores");
-const TableCustom_svelte_1 = __importDefault(require("./TableCustom.svelte"));
-const icons_1 = require("svelte-awesome/icons");
-const Modal_svelte_1 = __importDefault(require("./Modal.svelte"));
-const svelte_highlight_1 = require("svelte-highlight");
-const languages_1 = require("svelte-highlight/languages");
-const github_1 = __importDefault(require("svelte-highlight/styles/github"));
-const ItemPicker_svelte_1 = __importDefault(require("./ItemPicker.svelte"));
-const VariableEditor_svelte_1 = __importDefault(require("./VariableEditor.svelte"));
-const ResourceEditor_svelte_1 = __importDefault(require("./ResourceEditor.svelte"));
-const infer_1 = require("$lib/infer");
+<script>import { JobService, Job, CompletedJob, VariableService, ResourceService, ScriptService } from '../gen';
+import { sendUserToast, emptySchema, displayDate } from '../utils';
+import { fade } from 'svelte/transition';
+import Icon from 'svelte-awesome';
+import { faCheck, faChevronDown, faChevronUp, faExclamationTriangle, faMagic, faSearch, faSpinner, faTimes } from '@fortawesome/free-solid-svg-icons';
+import Editor from './Editor.svelte';
+import Tooltip from './Tooltip.svelte';
+import { onDestroy, onMount } from 'svelte';
+import { userStore, workspaceStore } from '../stores';
+import TableCustom from './TableCustom.svelte';
+import { check } from 'svelte-awesome/icons';
+import Modal from './Modal.svelte';
+import { Highlight } from 'svelte-highlight';
+import { json, python, typescript } from 'svelte-highlight/languages';
+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';
 // @ts-ignore
-const svelte_split_pane_1 = require("svelte-split-pane");
-const SchemaForm_svelte_1 = __importDefault(require("./SchemaForm.svelte"));
-const DisplayResult_svelte_1 = __importDefault(require("./DisplayResult.svelte"));
+import { VSplitPane } from 'svelte-split-pane';
+import SchemaForm from './SchemaForm.svelte';
+import DisplayResult from './DisplayResult.svelte';
 // Exported
-exports.schema = (0, utils_1.emptySchema)();
+export let schema = emptySchema();
+export let code;
+export let path;
+export let lang;
 // Control Editor layout
-exports.viewPreview = true;
-exports.previewTab = 'logs';
+export let viewPreview = true;
+export let previewTab = 'logs';
 let websocketAlive = { pyright: false, black: false, deno: false };
 // Internal state
 let editor;
@@ -55,31 +52,30 @@ let resourceEditor;
 let syncIteration = 0;
 let ITERATIONS_BEFORE_SLOW_REFRESH = 100;
 let lastSave;
-$: lastSave = localStorage.getItem(exports.path ?? 'last_save');
-function getEditor() {
+$: lastSave = localStorage.getItem(path ?? 'last_save');
+export function getEditor() {
     return editor;
 }
-exports.getEditor = getEditor;
-async function runPreview() {
+export async function runPreview() {
     try {
         if (previewIntervalId) {
             clearInterval(previewIntervalId);
         }
         if (previewIsLoading && previewJob) {
-            gen_1.JobService.cancelQueuedJob({
+            JobService.cancelQueuedJob({
                 workspace: $workspaceStore,
                 id: previewJob.id,
                 requestBody: {}
             });
         }
         previewIsLoading = true;
-        const previewId = await gen_1.JobService.runScriptPreview({
+        const previewId = await JobService.runScriptPreview({
             workspace: $workspaceStore,
             requestBody: {
-                path: exports.path,
+                path,
                 content: editor.getCode(),
                 args: args,
-                language: exports.lang
+                language: lang
             }
         });
         previewJob = undefined;
@@ -95,19 +91,18 @@ async function runPreview() {
         throw err;
     }
 }
-exports.runPreview = runPreview;
 async function loadPastPreviews() {
-    pastPreviews = await gen_1.JobService.listCompletedJobs({
+    pastPreviews = await JobService.listCompletedJobs({
         workspace: $workspaceStore,
         jobKinds: 'preview',
         createdBy: $userStore?.username,
-        scriptPathExact: exports.path
+        scriptPathExact: path
     });
 }
 async function loadPreviewJob(id) {
     try {
         if (previewJob && `running` in previewJob) {
-            let previewJobUpdates = await gen_1.JobService.getJobUpdates({
+            let previewJobUpdates = await JobService.getJobUpdates({
                 workspace: $workspaceStore,
                 id,
                 running: previewJob.running,
@@ -117,11 +112,11 @@ async function loadPreviewJob(id) {
                 previewJob.logs = (previewJob.logs ?? '').concat(previewJobUpdates.new_logs);
             }
             if ((previewJobUpdates.running ?? false) || (previewJobUpdates.completed ?? false)) {
-                previewJob = await gen_1.JobService.getJob({ workspace: $workspaceStore, id });
+                previewJob = await JobService.getJob({ workspace: $workspaceStore, id });
             }
         }
         else {
-            previewJob = await gen_1.JobService.getJob({ workspace: $workspaceStore, id });
+            previewJob = await JobService.getJob({ workspace: $workspaceStore, id });
         }
         if (previewJob?.type === 'CompletedJob') {
             //only CompletedJob has success property
@@ -137,15 +132,15 @@ async function loadPreviewJob(id) {
 async function inferSchema() {
     let isDefault = [];
     Object.entries(args).forEach(([k, v]) => {
-        if (exports.schema.properties[k].default == v) {
+        if (schema.properties[k].default == v) {
             isDefault.push(k);
         }
     });
-    await (0, infer_1.inferArgs)(exports.lang, editor.getCode(), exports.schema);
-    exports.schema = exports.schema;
-    isDefault.forEach((key) => (args[key] = exports.schema.properties[key].default));
+    await inferArgs(lang, editor.getCode(), schema);
+    schema = schema;
+    isDefault.forEach((key) => (args[key] = schema.properties[key].default));
     for (const key of Object.keys(args)) {
-        if (exports.schema.properties[key] == undefined) {
+        if (schema.properties[key] == undefined) {
             delete args[key];
         }
     }
@@ -165,30 +160,30 @@ function syncer(id) {
 }
 async function loadVariables() {
     let r = [];
-    const variables = (await gen_1.VariableService.listVariable({ workspace: $workspaceStore ?? 'NO_W' })).map((x) => {
+    const variables = (await VariableService.listVariable({ workspace: $workspaceStore ?? 'NO_W' })).map((x) => {
         return { name: x.path, ...x };
     });
-    const rvariables = await gen_1.VariableService.listContextualVariables({
+    const rvariables = await VariableService.listContextualVariables({
         workspace: $workspaceStore ?? 'NO_W'
     });
     r = r.concat(variables).concat(rvariables);
     return r;
 }
 async function loadScripts() {
-    return await gen_1.ScriptService.listScripts({ workspace: $workspaceStore ?? 'NO_W' });
+    return await ScriptService.listScripts({ workspace: $workspaceStore ?? 'NO_W' });
 }
 let syncCode;
-(0, svelte_1.onMount)(() => {
+onMount(() => {
     syncCode = setInterval(() => {
         const newCode = editor?.getCode();
-        if (newCode && exports.code != newCode) {
-            exports.code = editor.getCode();
+        if (newCode && code != newCode) {
+            code = editor.getCode();
         }
     }, 3000);
 });
-(0, svelte_1.onDestroy)(() => {
+onDestroy(() => {
     if (editor) {
-        exports.code = editor.getCode();
+        code = editor.getCode();
     }
     if (previewIntervalId) {
         clearInterval(previewIntervalId);
@@ -300,7 +295,7 @@ let syncCode;
 					`import * as wmill from 'https://deno.land/x/windmill@v${__pkg__.version}/index.ts'\n`
 				)
 			}
-			getEditor().insertAtCursor(`(await wmill.getResource('${path})')`)
+			getEditor().insertAtCursor(`(await wmill.getResource('${path}'))`)
 		} else {
 			if (!getEditor().getCode().includes('import wmill')) {
 				getEditor().insertAtBeginning('import wmill\n')
@@ -523,7 +518,7 @@ let syncCode;
 			{:else if previewTab === 'input'}
 				<div class="break-all relative h-full font-sans">
 					<div class="p-2 w-full">
-						<button class="default-button w-full" on:click|stopPropagation={inferSchema}
+						<button class="default-button w-full mb-4" on:click|stopPropagation={inferSchema}
 							><Icon data={faMagic} scale={0.7} /><span class="pl-1"
 								>Infer schema from main parameters</span
 							>

package/components/ScriptPicker.svelte

@@ -1,54 +1,48 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemKind = exports.allowHub = exports.allowFlow = exports.scriptPath = void 0;
-require("$lib/utils");
-const gen_1 = require("$lib/gen");
-const svelte_awesome_1 = __importDefault(require("svelte-awesome"));
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const stores_1 = require("$lib/stores");
-const svelte_1 = require("svelte");
-const ItemPicker_svelte_1 = __importDefault(require("./ItemPicker.svelte"));
-const RadioButton_svelte_1 = __importDefault(require("./RadioButton.svelte"));
-const Modal_svelte_1 = __importDefault(require("./Modal.svelte"));
-const svelte_highlight_1 = require("svelte-highlight");
-const languages_1 = require("svelte-highlight/languages");
-const github_1 = __importDefault(require("svelte-highlight/styles/github"));
-exports.scriptPath = undefined;
-exports.allowFlow = false;
-exports.allowHub = false;
-exports.itemKind = exports.allowHub ? 'hub' : 'script';
+<script>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 { createEventDispatcher } from 'svelte';
+import ItemPicker from './ItemPicker.svelte';
+import RadioButton from './RadioButton.svelte';
+import Modal from './Modal.svelte';
+import { Highlight } from 'svelte-highlight';
+import { python, typescript } from 'svelte-highlight/languages';
+import github from 'svelte-highlight/styles/github';
+export let scriptPath = undefined;
+export let allowFlow = false;
+export let allowHub = false;
+export let itemKind = allowHub ? 'hub' : 'script';
+export let isTrigger = undefined;
 let items = [];
 let itemPicker;
 let modalViewer;
 let code = '';
 let lang;
 let options = [['Script', 'script']];
-exports.allowHub && options.unshift(['Hub', 'hub']);
-exports.allowFlow && options.push(['Flow', 'flow']);
-const dispatch = (0, svelte_1.createEventDispatcher)();
+allowHub && options.unshift(['Hub', 'hub']);
+allowFlow && options.push(['Flow', 'flow']);
+const dispatch = createEventDispatcher();
 async function getScript() {
-    if (exports.itemKind == 'hub') {
-        code = await gen_1.ScriptService.getHubScriptContentByPath({ path: exports.scriptPath });
-        lang = gen_1.Script.language.DENO;
+    if (itemKind == 'hub') {
+        code = await ScriptService.getHubScriptContentByPath({ path: scriptPath });
+        lang = Script.language.DENO;
     }
     else {
-        const script = await gen_1.ScriptService.getScriptByPath({
+        const script = await ScriptService.getScriptByPath({
             workspace: $workspaceStore,
-            path: exports.scriptPath
+            path: scriptPath
         });
         code = script.content;
         lang = script.language;
     }
 }
 async function loadItems() {
-    if (exports.itemKind == 'flow') {
-        items = await gen_1.FlowService.listFlows({ workspace: $workspaceStore });
+    if (itemKind == 'flow') {
+        items = await FlowService.listFlows({ workspace: $workspaceStore });
     }
-    else if (exports.itemKind == 'script') {
-        items = await gen_1.ScriptService.listScripts({ workspace: $workspaceStore });
+    else if (itemKind == 'script') {
+        items = await ScriptService.listScripts({ workspace: $workspaceStore, isTrigger });
     }
     else {
         items = $hubScripts ?? [];

package/components/ScriptPicker.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         allowFlow?: boolean | undefined;
         allowHub?: boolean | undefined;
         itemKind?: "script" | "flow" | "hub" | undefined;
+        isTrigger?: boolean | undefined;
     };
     events: {
         select: CustomEvent<any>;

package/components/ScriptSchema.svelte

@@ -1,22 +1,18 @@
-<script>"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setSchema = exports.synchronizedHeader = exports.description = exports.summary = exports.schema = void 0;
-const PageHeader_svelte_1 = __importDefault(require("./PageHeader.svelte"));
-const SchemaForm_svelte_1 = __importDefault(require("./SchemaForm.svelte"));
-const Tabs_svelte_1 = __importDefault(require("./Tabs.svelte"));
-const svelte_highlight_1 = __importDefault(require("svelte-highlight"));
-const json_1 = __importDefault(require("svelte-highlight/languages/json"));
-const github_1 = __importDefault(require("svelte-highlight/styles/github"));
-const svelte_markdown_1 = __importDefault(require("svelte-markdown"));
-exports.synchronizedHeader = true;
+<script>import PageHeader from './PageHeader.svelte';
+import SchemaForm from './SchemaForm.svelte';
+import Tabs from './Tabs.svelte';
+import Highlight from 'svelte-highlight';
+import json from 'svelte-highlight/languages/json';
+import github from 'svelte-highlight/styles/github';
+import SvelteMarkdown from 'svelte-markdown';
+export let schema;
+export let summary;
+export let description;
+export let synchronizedHeader = true;
 let tab = 'ui';
-function setSchema(newSchema) {
-    exports.schema = newSchema;
+export function setSchema(newSchema) {
+    schema = newSchema;
 }
-exports.setSchema = setSchema;
 </script>
 
 <svelte:head>