windmill-components 1.700.1 → 1.700.3

package/package/components/copilot/chat/workspaceToolsZod.gen.d.ts

@@ -466,6 +466,25 @@ export declare const azureTriggerRequestSchema: z.ZodObject<{
     preserve_permissioned_as: z.ZodOptional<z.ZodBoolean>;
     labels: z.ZodOptional<z.ZodArray<z.ZodString>>;
 }, z.core.$strip>;
+export declare const variableRequestSchema: z.ZodObject<{
+    path: z.ZodString;
+    value: z.ZodString;
+    is_secret: z.ZodBoolean;
+    description: z.ZodString;
+    account: z.ZodOptional<z.ZodNumber>;
+    is_oauth: z.ZodOptional<z.ZodBoolean>;
+    expires_at: z.ZodOptional<z.ZodString>;
+    labels: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    ws_specific: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export declare const resourceRequestSchema: z.ZodObject<{
+    path: z.ZodString;
+    value: z.ZodAny;
+    description: z.ZodOptional<z.ZodString>;
+    resource_type: z.ZodString;
+    labels: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    ws_specific: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
 export declare const triggerRequestSchemas: {
     readonly http: z.ZodObject<{
         path: z.ZodString;
@@ -1262,15 +1281,6 @@ export declare const createTriggerToolSchema: z.ZodObject<{
             suspended: "suspended";
         }>>;
         base_endpoint: z.ZodOptional<z.ZodString>;
-        azure_mode: z.ZodEnum<{
-            basic_push: "basic_push";
-            namespace_push: "namespace_push";
-            namespace_pull: "namespace_pull";
-        }>;
-        scope_resource_id: z.ZodString;
-        subscription_name: z.ZodString;
-        azure_resource_path: z.ZodString;
-        topic_name: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         labels: z.ZodOptional<z.ZodArray<z.ZodString>>;
         retry: z.ZodOptional<z.ZodObject<{
             constant: z.ZodOptional<z.ZodObject<{
@@ -1290,6 +1300,15 @@ export declare const createTriggerToolSchema: z.ZodObject<{
         preserve_permissioned_as: z.ZodOptional<z.ZodBoolean>;
         error_handler_path: z.ZodOptional<z.ZodString>;
         error_handler_args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        azure_resource_path: z.ZodString;
+        azure_mode: z.ZodEnum<{
+            basic_push: "basic_push";
+            namespace_push: "namespace_push";
+            namespace_pull: "namespace_pull";
+        }>;
+        scope_resource_id: z.ZodString;
+        topic_name: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        subscription_name: z.ZodString;
         event_type_filters: z.ZodOptional<z.ZodArray<z.ZodString>>;
     }, z.core.$strip>]>;
 }, z.core.$strip>;

package/package/components/copilot/chat/workspaceToolsZod.gen.js

@@ -385,6 +385,25 @@ export const azureTriggerRequestSchema = z.object({
     "preserve_permissioned_as": z.boolean().optional(),
     "labels": z.array(z.string()).optional()
 }).describe("Data for creating or updating an Azure Event Grid trigger.");
+export const variableRequestSchema = z.object({
+    "path": z.string().describe("The path to the variable"),
+    "value": z.string().describe("The value of the variable"),
+    "is_secret": z.boolean().describe("Whether the variable is a secret"),
+    "description": z.string().describe("The description of the variable"),
+    "account": z.number().int().describe("The account identifier").optional(),
+    "is_oauth": z.boolean().describe("Whether the variable is an OAuth variable").optional(),
+    "expires_at": z.string().datetime({ offset: true }).describe("The expiration date of the variable").optional(),
+    "labels": z.array(z.string()).optional(),
+    "ws_specific": z.boolean().optional()
+});
+export const resourceRequestSchema = z.object({
+    "path": z.string().describe("The path to the resource"),
+    "value": z.any(),
+    "description": z.string().describe("The description of the resource").optional(),
+    "resource_type": z.string().describe("The resource_type associated with the resource"),
+    "labels": z.array(z.string()).optional(),
+    "ws_specific": z.boolean().optional()
+});
 export const triggerRequestSchemas = {
     http: httpTriggerRequestSchema,
     websocket: websocketTriggerRequestSchema,

package/package/components/raw_apps/templates.d.ts

@@ -0,0 +1,77 @@
+export declare const react19Template: {
+    '/index.tsx': string;
+    '/App.tsx': string;
+    '/index.css': string;
+    '/package.json': string;
+};
+export declare const react18Template: {
+    '/index.tsx': string;
+    '/App.tsx': string;
+    '/index.css': string;
+    '/package.json': string;
+};
+export declare const svelte5Template: {
+    '/index.ts': string;
+    '/App.svelte': string;
+    '/index.css': string;
+    '/package.json': string;
+};
+export declare const vueTemplate: {
+    '/index.ts': string;
+    '/App.vue': string;
+    '/index.css': string;
+    '/package.json': string;
+};
+export declare const FRAMEWORK_TEMPLATES: {
+    react19: {
+        '/index.tsx': string;
+        '/App.tsx': string;
+        '/index.css': string;
+        '/package.json': string;
+    };
+    react18: {
+        '/index.tsx': string;
+        '/App.tsx': string;
+        '/index.css': string;
+        '/package.json': string;
+    };
+    svelte5: {
+        '/index.ts': string;
+        '/App.svelte': string;
+        '/index.css': string;
+        '/package.json': string;
+    };
+    vue: {
+        '/index.ts': string;
+        '/App.vue': string;
+        '/index.css': string;
+        '/package.json': string;
+    };
+};
+export type FrameworkKey = keyof typeof FRAMEWORK_TEMPLATES;
+export declare const STARTER_RUNNABLE_KEY = "a";
+export declare const STARTER_RUNNABLE: {
+    name: string;
+    fields: {};
+    type: string;
+    inlineScript: {
+        content: string;
+        language: string;
+        schema: {
+            $schema: string;
+            properties: {
+                x: {
+                    default: null;
+                    description: string;
+                    originalType: string;
+                    type: string;
+                };
+            };
+            required: string[];
+            type: string;
+        };
+    };
+};
+export declare const appVueRouter = "\n<template>\n  <div class=\"container\">\n    <!-- Navigation tabs -->\n    <nav class=\"tabs\">\n      <button \n        v-for=\"tab in tabs\" \n        :key=\"tab.id\"\n        :class=\"{ active: currentTab === tab.id }\"\n        @click=\"changeTab(tab.id)\"\n      >\n        {{ tab.name }}\n      </button>\n    </nav>\n\n    <!-- Content sections -->\n    <div class=\"content\">\n      <div v-if=\"currentTab === 'home'\" class=\"tab-content\">\n        <h2>Home</h2>\n        <p>Welcome to the home tab!</p>\n        <!-- Nested navigation example -->\n        <div class=\"sub-nav\">\n          <button \n            v-for=\"subItem in ['latest', 'popular']\" \n            :key=\"subItem\"\n            :class=\"{ active: currentSort === subItem }\"\n            @click=\"changeSort(subItem)\"\n          >\n            {{ subItem }}\n          </button>\n        </div>\n      </div>\n\n      <div v-else-if=\"currentTab === 'about'\" class=\"tab-content\">\n        <h2>About</h2>\n        <p>This is the about section</p>\n      </div>\n\n      <div v-else-if=\"currentTab === 'contact'\" class=\"tab-content\">\n        <h2>Contact</h2>\n        <p>Contact information here</p>\n      </div>\n    </div>\n\n    <!-- Debug info -->\n    <div class=\"debug\">\n      <p>Current Tab: {{ currentTab }}</p>\n      <p>Current Sort: {{ currentSort }}</p>\n      <p>Current Hash: {{ currentHash }}</p>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue';\n\n// Available tabs\nconst tabs = [\n  { id: 'home', name: 'Home' },\n  { id: 'about', name: 'About' },\n  { id: 'contact', name: 'Contact' }\n];\n\nconst currentTab = ref('home');\nconst currentSort = ref('latest');\nconst currentHash = ref('');\n\n// Navigation functions\nfunction changeTab(tabId) {\n  currentTab.value = tabId;\n  updateHash();\n}\n\nfunction changeSort(sort) {\n  currentSort.value = sort;\n  updateHash();\n}\n\nfunction updateHash() {\n  const params = new URLSearchParams();\n  params.set('tab', currentTab.value);\n  if (currentSort.value !== 'latest') {\n    params.set('sort', currentSort.value);\n  }\n  window.location.hash = params.toString();\n  currentHash.value = window.location.hash;\n}\n\nfunction parseHash() {\n  const params = new URLSearchParams(window.location.hash.slice(1));\n  currentTab.value = params.get('tab') || 'home';\n  currentSort.value = params.get('sort') || 'latest';\n  currentHash.value = window.location.hash;\n}\n\n// Hash change handler\nfunction handleHashChange() {\n  parseHash();\n}\n\nonMounted(() => {\n  if (window.location.hash) {\n    parseHash();\n  } else {\n    updateHash();\n  }\n  window.addEventListener('hashchange', handleHashChange);\n});\n\nonUnmounted(() => {\n  window.removeEventListener('hashchange', handleHashChange);\n});\n</script>\n\n<style scoped>\n.container {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\n.tabs {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n\nbutton {\n  padding: 8px 16px;\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton.active {\n  background: #4CAF50;\n  color: white;\n  border-color: #4CAF50;\n}\n\n.content {\n  padding: 20px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n\n.tab-content {\n  margin-bottom: 20px;\n}\n\n.sub-nav {\n  margin-top: 10px;\n}\n\n.debug {\n  margin-top: 20px;\n  padding: 10px;\n  background: #f5f5f5;\n  border-radius: 4px;\n  font-size: 0.9em;\n  color: #666;\n}\n</style>";
+export declare const appSvelteRouter = "\n<script>\nimport { onMount, onDestroy } from 'svelte';\n\n// Available tabs\nconst tabs = [\n  { id: 'home', name: 'Home' },\n  { id: 'about', name: 'About' },\n  { id: 'contact', name: 'Contact' }\n];\n\nlet currentTab = 'home';\nlet currentSort = 'latest';\nlet currentHash = '';\n\n// Navigation functions\nfunction changeTab(tabId) {\n  currentTab = tabId;\n  updateHash();\n}\n\nfunction changeSort(sort) {\n  currentSort = sort;\n  updateHash();\n}\n\nfunction updateHash() {\n  const params = new URLSearchParams();\n  params.set('tab', currentTab);\n  if (currentSort !== 'latest') {\n    params.set('sort', currentSort);\n  }\n  window.location.hash = params.toString();\n  currentHash = window.location.hash;\n}\n\nfunction parseHash() {\n  const params = new URLSearchParams(window.location.hash.slice(1));\n  currentTab = params.get('tab') || 'home';\n  currentSort = params.get('sort') || 'latest';\n  currentHash = window.location.hash;\n}\n\n// Hash change handler\nfunction handleHashChange() {\n  parseHash();\n}\n\nonMount(() => {\n  if (window.location.hash) {\n    parseHash();\n  } else {\n    updateHash();\n  }\n  window.addEventListener('hashchange', handleHashChange);\n});\n\nonDestroy(() => {\n  window.removeEventListener('hashchange', handleHashChange);\n});\n</script>\n\n<div class=\"container\">\n  <!-- Navigation tabs -->\n  <nav class=\"tabs\">\n    {#each tabs as tab}\n      <button \n        class:active={currentTab === tab.id}\n        on:click={() => changeTab(tab.id)}\n      >\n        {tab.name}\n      </button>\n    {/each}\n  </nav>\n\n  <!-- Content sections -->\n  <div class=\"content\">\n    {#if currentTab === 'home'}\n      <div class=\"tab-content\">\n        <h2>Home</h2>\n        <p>Welcome to the home tab!</p>\n        <!-- Nested navigation example -->\n        <div class=\"sub-nav\">\n          {#each ['latest', 'popular'] as subItem}\n            <button \n              class:active={currentSort === subItem}\n              on:click={() => changeSort(subItem)}\n            >\n              {subItem}\n            </button>\n          {/each}\n        </div>\n      </div>\n    {:else if currentTab === 'about'}\n      <div class=\"tab-content\">\n        <h2>About</h2>\n        <p>This is the about section</p>\n      </div>\n    {:else if currentTab === 'contact'}\n      <div class=\"tab-content\">\n        <h2>Contact</h2>\n        <p>Contact information here</p>\n      </div>\n    {/if}\n  </div>\n\n  <!-- Debug info -->\n  <div class=\"debug\">\n    <p>Current Tab: {currentTab}</p>\n    <p>Current Sort: {currentSort}</p>\n    <p>Current Hash: {currentHash}</p>\n  </div>\n</div>\n\n<style>\n.container {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\n.tabs {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n\nbutton {\n  padding: 8px 16px;\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton.active {\n  background: #4CAF50;\n  color: white;\n  border-color: #4CAF50;\n}\n\n.content {\n  padding: 20px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n\n.tab-content {\n  margin-bottom: 20px;\n}\n\n.sub-nav {\n  margin-top: 10px;\n}\n\n.debug {\n  margin-top: 20px;\n  padding: 10px;\n  background: #f5f5f5;\n  border-radius: 4px;\n  font-size: 0.9em;\n  color: #666;\n}\n</style>";
+export declare const appReactRouter = "\nimport React, { useState, useEffect } from 'react';\n\nconst tabs = [\n  { id: 'home', name: 'Home' },\n  { id: 'about', name: 'About' },\n  { id: 'contact', name: 'Contact' }\n];\n\nconst App = () => {\n  const [currentTab, setCurrentTab] = useState('home');\n  const [currentSort, setCurrentSort] = useState('latest');\n  const [currentHash, setCurrentHash] = useState('');\n\n  const updateHash = (newTab?: string, newSort?: string) => {\n    const params = new URLSearchParams();\n    params.set('tab', newTab ?? currentTab);\n    if ((newSort ?? currentSort) !== 'latest') {\n      params.set('sort', newSort ?? currentSort);\n    }\n    window.location.hash = params.toString();\n    setCurrentHash(window.location.hash);\n    if (newTab) setCurrentTab(newTab);\n    if (newSort) setCurrentSort(newSort);\n  };\n\n  const parseHash = () => {\n    const params = new URLSearchParams(window.location.hash.slice(1));\n    setCurrentTab(params.get('tab') || 'home');\n    setCurrentSort(params.get('sort') || 'latest');\n    setCurrentHash(window.location.hash);\n  };\n\n  useEffect(() => {\n    if (!window.location.hash) {\n      updateHash(currentTab, currentSort);\n    } else {\n      parseHash();\n    }\n\n    const handleHashChange = () => parseHash();\n    window.addEventListener('hashchange', handleHashChange);\n    return () => window.removeEventListener('hashchange', handleHashChange);\n  }, []);\n\n  return (\n    <div className=\"max-w-3xl mx-auto p-5\">\n      <nav className=\"flex gap-3 mb-5\">\n        {tabs.map(tab => (\n          <button\n            key={tab.id}\n            onClick={() => updateHash(tab.id)}\n            className={`px-4 py-2 border rounded-md cursor-pointer\n              ${currentTab === tab.id \n                ? 'bg-green-500 text-white border-green-500' \n                : 'bg-white border-gray-300 hover:bg-gray-50'}`}\n          >\n            {tab.name}\n          </button>\n        ))}\n      </nav>\n\n      <div className=\"p-5 border rounded-md\">\n        {currentTab === 'home' && (\n          <div className=\"mb-5\">\n            <h2 className=\"text-xl font-bold\">Home</h2>\n            <p>Welcome to the home tab!</p>\n            \n            <div className=\"mt-3 flex gap-3\">\n              {['latest', 'popular'].map(sort => (\n                <button\n                  key={sort}\n                  onClick={() => updateHash(currentTab, sort)}\n                  className={`px-4 py-2 border rounded-md cursor-pointer\n                    ${\n\t\t\t\t\t\t\t\t\t\t\tcurrentSort === sort\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-green-500 text-white border-green-500'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-white border-gray-300 hover:bg-gray-50'\n\t\t\t\t\t\t\t\t\t\t}`}\n                >\n                  {sort}\n                </button>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {currentTab === 'about' && (\n          <div>\n            <h2 className=\"text-xl font-bold\">About</h2>\n            <p>This is the about section</p>\n          </div>\n        )}\n\n        {currentTab === 'contact' && (\n          <div>\n            <h2 className=\"text-xl font-bold\">Contact</h2>\n            <p>Contact information here</p>\n          </div>\n        )}\n      </div>\n\n      <div className=\"mt-5 p-3 bg-gray-100 rounded-md text-sm text-gray-600\">\n        <p>Current Tab: {currentTab}</p>\n        <p>Current Sort: {currentSort}</p>\n        <p>Current Hash: {currentHash}</p>\n      </div>\n    </div>\n  );\n};\n\nexport default App\n";