windmill-components 1.677.1 → 1.687.0

package/package/components/copilot/chat/__tests__/app/initial/shopping_cart/frontend/index.tsx

@@ -1,81 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { backend } from 'wmill'
-import { ProductList } from './components/ProductList'
-import { Cart } from './components/Cart'
-
-export interface Product {
-	id: string
-	name: string
-	price: number
-	image: string
-}
-
-export interface CartItem {
-	product: Product
-	quantity: number
-}
-
-const App = () => {
-	const [products, setProducts] = useState<Product[]>([])
-	const [cartItems, setCartItems] = useState<CartItem[]>([])
-	const [total, setTotal] = useState(0)
-	const [loading, setLoading] = useState(true)
-
-	useEffect(() => {
-		loadProducts()
-	}, [])
-
-	useEffect(() => {
-		updateTotal()
-	}, [cartItems])
-
-	const loadProducts = async () => {
-		setLoading(true)
-		const data = await backend.getProducts()
-		setProducts(data)
-		setLoading(false)
-	}
-
-	const updateTotal = async () => {
-		if (cartItems.length === 0) {
-			setTotal(0)
-			return
-		}
-		const newTotal = await backend.calculateTotal({ items: cartItems })
-		setTotal(newTotal)
-	}
-
-	const handleAddToCart = async (product: Product) => {
-		const updatedCart = await backend.addToCart({
-			cart: cartItems,
-			product
-		})
-		setCartItems(updatedCart)
-	}
-
-	const handleRemoveFromCart = async (productId: string) => {
-		const updatedCart = await backend.removeFromCart({
-			cart: cartItems,
-			productId
-		})
-		setCartItems(updatedCart)
-	}
-
-	if (loading) {
-		return <div className="p-8 text-center">Loading products...</div>
-	}
-
-	return (
-		<div className="flex h-screen">
-			<div className="flex-1 p-6 overflow-auto">
-				<h1 className="text-2xl font-bold mb-6">Shop</h1>
-				<ProductList products={products} onAddToCart={handleAddToCart} />
-			</div>
-			<div className="w-80 border-l bg-gray-50 p-6">
-				<Cart items={cartItems} total={total} onRemoveItem={handleRemoveFromCart} />
-			</div>
-		</div>
-	)
-}
-
-export default App

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/main.d.ts

@@ -1,3 +0,0 @@
-export declare function main({ currentCount }: {
-    currentCount: number;
-}): Promise<number>;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/main.js

@@ -1,3 +0,0 @@
-export async function main({ currentCount }) {
-    return currentCount - 1;
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/decrementCounter/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Decrement Counter",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/main.d.ts

@@ -1,3 +0,0 @@
-export declare function main({ currentCount }: {
-    currentCount: number;
-}): Promise<number>;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/main.js

@@ -1,3 +0,0 @@
-export async function main({ currentCount }) {
-    return currentCount + 1;
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/backend/incrementCounter/meta.json

@@ -1,4 +0,0 @@
-{
-	"name": "Increment Counter",
-	"language": "bun"
-}

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/frontend/index.d.ts

@@ -1,2 +0,0 @@
-declare const CounterApp: () => any;
-export default CounterApp;

package/package/components/copilot/chat/__tests__/app/initial/test1_counter_app/frontend/index.tsx

@@ -1,38 +0,0 @@
-import React, { useState } from 'react'
-import { backend } from 'wmill'
-
-const CounterApp = () => {
-	const [count, setCount] = useState(0)
-
-	const increment = async () => {
-		const newCount = await backend.incrementCounter({ currentCount: count })
-		setCount(newCount)
-	}
-
-	const decrement = async () => {
-		const newCount = await backend.decrementCounter({ currentCount: count })
-		setCount(newCount)
-	}
-
-	return (
-		<div className="p-4">
-			<h1 className="text-2xl font-bold mb-4">Counter: {count}</h1>
-			<div className="flex gap-2">
-				<button
-					onClick={decrement}
-					className="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600"
-				>
-					Decrement
-				</button>
-				<button
-					onClick={increment}
-					className="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600"
-				>
-					Increment
-				</button>
-			</div>
-		</div>
-	)
-}
-
-export default CounterApp

package/package/components/copilot/chat/__tests__/app/variants/baseline.d.ts

@@ -1,6 +0,0 @@
-import type { VariantConfig } from '../../shared';
-/**
- * Baseline variant - uses the production system prompt and all tools.
- * This is the default configuration that matches the actual app chat implementation.
- */
-export declare const BASELINE_VARIANT: VariantConfig;

package/package/components/copilot/chat/__tests__/app/variants/baseline.js

@@ -1,10 +0,0 @@
-/**
- * Baseline variant - uses the production system prompt and all tools.
- * This is the default configuration that matches the actual app chat implementation.
- */
-export const BASELINE_VARIANT = {
-    name: 'baseline',
-    description: 'Production configuration with default system prompt and all tools',
-    systemPrompt: { type: 'default' },
-    tools: { type: 'default' }
-};

package/package/components/copilot/chat/__tests__/app/variants/index.d.ts

@@ -1,3 +0,0 @@
-export { BASELINE_VARIANT } from './baseline';
-export { STREAMLINED_VARIANT } from './streamlined';
-export type { VariantConfig } from '../../shared';

package/package/components/copilot/chat/__tests__/app/variants/index.js

@@ -1,3 +0,0 @@
-// Re-export all variant configurations
-export { BASELINE_VARIANT } from './baseline';
-export { STREAMLINED_VARIANT } from './streamlined';

package/package/components/copilot/chat/__tests__/app/variants/streamlined.d.ts

@@ -1,6 +0,0 @@
-import type { VariantConfig } from '../../shared';
-/**
- * Streamlined variant - removes batch-fetch tools and uses simplified instructions.
- * Forces the model to read individual files before making changes.
- */
-export declare const STREAMLINED_VARIANT: VariantConfig;

package/package/components/copilot/chat/__tests__/app/variants/streamlined.js

@@ -1,137 +0,0 @@
-import { getAppTools } from '../../../app/core';
-// Tool names to remove (batch-fetch tools)
-const TOOLS_TO_REMOVE = ['get_files', 'get_frontend_files', 'get_backend_runnables'];
-/**
- * Build the streamlined tools by filtering out batch-fetch tools.
- */
-function buildStreamlinedTools() {
-    const defaultTools = getAppTools();
-    return defaultTools.filter((t) => !TOOLS_TO_REMOVE.includes(t.def.function.name));
-}
-/**
- * Streamlined system prompt - simplified instructions focused on:
- * 1. Reading relevant files first
- * 2. Making changes with appropriate tools
- * 3. Using lint at the end to fix errors
- */
-const STREAMLINED_SYSTEM_PROMPT = `You are a helpful assistant that creates and edits apps on the Windmill platform. Apps are defined as a collection of files that contains both the frontend and the backend.
-
-## App Structure
-
-### Frontend
-- The frontend is bundled using esbuild with entrypoint \`index.tsx\`
-- Frontend files are managed separately from backend runnables
-- The \`wmill.d.ts\` file is generated automatically from the backend runnables shape
-
-### Backend
-Backend runnables can be of different types:
-- **inline**: Custom code written directly in the app (TypeScript/Bun or Python)
-- **script**: Reference to a workspace script by path
-- **flow**: Reference to a workspace flow by path
-- **hubscript**: Reference to a hub script by path
-
-Frontend calls backend using \`await backend.<runnable_key>(args...)\`.
-
-For inline scripts, the code must have a \`main\` function as its entrypoint.
-
-## Available Tools
-
-### File Management
-- \`list_frontend_files()\`: List all frontend file paths (use this first to see what exists)
-- \`get_frontend_file(path)\`: Get content of a specific frontend file
-- \`set_frontend_file(path, content)\`: Create or update a frontend file. Returns lint diagnostics.
-- \`delete_frontend_file(path)\`: Delete a frontend file
-- \`list_backend_runnables()\`: List all backend runnable keys and names (use this first to see what exists)
-- \`get_backend_runnable(key)\`: Get full configuration of a specific backend runnable
-- \`set_backend_runnable(key, name, type, ...)\`: Create or update a backend runnable. Returns lint diagnostics.
-- \`delete_backend_runnable(key)\`: Delete a backend runnable
-
-### Linting
-- \`lint()\`: Lint all files. Returns errors/warnings grouped by frontend/backend.
-
-### Discovery
-- \`search_workspace(query, type)\`: Search workspace scripts and flows
-- \`search_hub_scripts(query)\`: Search hub scripts
-
-## Backend Runnable Configuration
-
-When creating a backend runnable with \`set_backend_runnable\`:
-
-1. **For inline scripts** (type: "inline"):
-   \`\`\`
-   {
-     key: "myFunction",
-     name: "Does something useful",
-     type: "inline",
-     inlineScript: {
-       language: "bun",  // or "python3"
-       content: "export async function main(arg1: string) { return result; }"
-     }
-   }
-   \`\`\`
-
-2. **For workspace scripts** (type: "script"):
-   \`\`\`
-   {
-     key: "sendEmail",
-     name: "Send email via SMTP",
-     type: "script",
-     path: "f/folder/send_email",
-     staticInputs: { smtp_server: "mail.example.com" }  // optional pre-filled inputs
-   }
-   \`\`\`
-
-3. **For workspace flows** (type: "flow"):
-   \`\`\`
-   {
-     key: "processOrder",
-     name: "Process customer order",
-     type: "flow",
-     path: "f/folder/process_order_flow"
-   }
-   \`\`\`
-
-4. **For hub scripts** (type: "hubscript"):
-   \`\`\`
-   {
-     key: "slackMessage",
-     name: "Send Slack message",
-     type: "hubscript",
-     path: "hub/123/slack/send_message"
-   }
-   \`\`\`
-
-## Instructions
-
-1. Start by reading relevant files to understand the current state
-2. Make changes using the appropriate tools
-3. Use \`lint()\` at the end to check for and fix any errors
-
-Windmill expects all backend runnable calls to use an object parameter structure. For example for:
-\`\`\`typescript
-export async function main(arg1: string, arg2: string, arg3: number, arg4: { field1: string, field2: number }) {
-  ...
-}
-\`\`\`
-
-You would call it like this:
-\`\`\`typescript
-await backend.myFunction({ arg1: 'value1', arg2: 'value2', arg3: 3, arg4: { field1: 'value1', field2: 2 } })
-\`\`\`
-If the runnable has no parameters, you can call it without an object:
-\`\`\`typescript
-await backend.myFunction()
-\`\`\`
-
-When you are using the windmill-client, do not forget that as id for variables or resources, those are path that are of the form 'u/<user>/<name>' or 'f/<folder>/<name>'.
-`;
-/**
- * Streamlined variant - removes batch-fetch tools and uses simplified instructions.
- * Forces the model to read individual files before making changes.
- */
-export const STREAMLINED_VARIANT = {
-    name: 'streamlined',
-    description: 'No batch tools - forces reading individual files before making changes',
-    systemPrompt: { type: 'custom', content: STREAMLINED_SYSTEM_PROMPT },
-    tools: { type: 'custom', tools: buildStreamlinedTools() }
-};

package/package/components/copilot/chat/__tests__/flow/expected/test1.json

@@ -1,134 +0,0 @@
-{
-    "summary": "",
-    "value": {
-        "modules": [
-            {
-                "id": "fetch_users",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main() {\n  return [\n    { id: 1, name: \"Alice\", role: \"admin\", active: true },\n    { id: 2, name: \"Bob\", role: \"user\", active: false },\n    { id: 4, name: \"Dana\", role: \"moderator\", active: true },\n    { id: 3, name: \"Charlie\", role: \"user\", active: true },\n  ];\n}",
-                    "input_transforms": {}
-                }
-            },
-            {
-                "id": "filter_active_users",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(users) {\n  return users.filter(user => user.active);\n}",
-                    "input_transforms": {
-                        "users": {
-                            "type": "javascript",
-                            "expr": "results.fetch_users"
-                        }
-                    }
-                }
-            },
-            {
-                "id": "loop_users",
-                "value": {
-                    "type": "forloopflow",
-                    "iterator": {
-                        "type": "javascript",
-                        "expr": "results.filter_active_users"
-                    },
-                    "skip_failures": false,
-                    "modules": [
-                        {
-                            "id": "branch_user_role",
-                            "value": {
-                                "type": "branchone",
-                                "branches": [
-                                    {
-                                        "summary": "Admin Action",
-                                        "expr": "flow_input.iter.value.role === 'admin'",
-                                        "modules": [
-                                            {
-                                                "id": "admin_action",
-                                                "value": {
-                                                    "type": "rawscript",
-                                                    "language": "bun",
-                                                    "content": "export async function main(user) {\n  return `Admin action taken for ${user.name}`;\n}",
-                                                    "input_transforms": {
-                                                        "user": {
-                                                            "type": "javascript",
-                                                            "expr": "flow_input.iter.value"
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        "summary": "User Action",
-                                        "expr": "flow_input.iter.value.role === 'user'",
-                                        "modules": [
-                                            {
-                                                "id": "user_action",
-                                                "value": {
-                                                    "type": "rawscript",
-                                                    "language": "bun",
-                                                    "content": "export async function main(user) {\n  return `User action taken for ${user.name}`;\n}",
-                                                    "input_transforms": {
-                                                        "user": {
-                                                            "type": "javascript",
-                                                            "expr": "flow_input.iter.value"
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        ]
-                                    },
-                                    {
-                                        "summary": "Moderator Action",
-                                        "expr": "flow_input.iter.value.role === 'moderator'",
-                                        "modules": [
-                                            {
-                                                "id": "moderator_action",
-                                                "value": {
-                                                    "type": "rawscript",
-                                                    "language": "bun",
-                                                    "content": "export async function main(user) { return `Moderator action taken for ${user.name}`; }",
-                                                    "input_transforms": {
-                                                        "user": {
-                                                            "type": "javascript",
-                                                            "expr": "flow_input.iter.value"
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        ]
-                                    }
-                                ],
-                                "default": []
-                            }
-                        }
-                    ],
-                    "parallel": false,
-                    "squash": false
-                }
-            },
-            {
-                "id": "return_actions",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(actions) {\n  return actions;\n}",
-                    "input_transforms": {
-                        "actions": {
-                            "type": "javascript",
-                            "expr": "results.loop_users"
-                        }
-                    }
-                }
-            }
-        ]
-    },
-    "schema": {
-        "$schema": "https://json-schema.org/draft/2020-12/schema",
-        "properties": {},
-        "required": [],
-        "type": "object"
-    }
-}

package/package/components/copilot/chat/__tests__/flow/expected/test2.json

@@ -1,183 +0,0 @@
-{
-    "summary": "E-commerce Order Processing Pipeline",
-    "value": {
-        "modules": [
-            {
-                "id": "validate_order",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(items: { name: string; price: number; quantity: number }[]) {\n  const invalid = items.filter(item => item.price <= 0 || item.quantity <= 0);\n  return { valid: invalid.length === 0, invalidItems: invalid };\n}",
-                    "input_transforms": {
-                        "items": {
-                            "type": "javascript",
-                            "expr": "flow_input.items"
-                        }
-                    }
-                }
-            },
-            {
-                "id": "calculate_total",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(items: { name: string; price: number; quantity: number }[]) {\n  const subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0);\n  const tax = subtotal * 0.08;\n  return { subtotal, tax, total: subtotal + tax };\n}",
-                    "input_transforms": {
-                        "items": {
-                            "type": "javascript",
-                            "expr": "flow_input.items"
-                        }
-                    }
-                }
-            },
-            {
-                "id": "check_inventory",
-                "value": {
-                    "type": "forloopflow",
-                    "iterator": {
-                        "type": "javascript",
-                        "expr": "flow_input.items"
-                    },
-                    "skip_failures": false,
-                    "parallel": true,
-                    "modules": [
-                        {
-                            "id": "check_item_stock",
-                            "value": {
-                                "type": "rawscript",
-                                "language": "bun",
-                                "content": "export async function main(item: { name: string; quantity: number }) {\n  // Mock inventory check - items with even quantity are in stock\n  const inStock = item.quantity % 2 === 0 || item.quantity < 5;\n  return { name: item.name, requested: item.quantity, inStock, available: inStock ? item.quantity : 0 };\n}",
-                                "input_transforms": {
-                                    "item": {
-                                        "type": "javascript",
-                                        "expr": "flow_input.iter.value"
-                                    }
-                                }
-                            }
-                        }
-                    ]
-                }
-            },
-            {
-                "id": "process_inventory_result",
-                "value": {
-                    "type": "branchone",
-                    "branches": [
-                        {
-                            "summary": "All items in stock - create shipment",
-                            "expr": "results.check_inventory.every(item => item.inStock)",
-                            "modules": [
-                                {
-                                    "id": "create_shipment",
-                                    "value": {
-                                        "type": "rawscript",
-                                        "language": "bun",
-                                        "content": "export async function main(shipping_address: string, total: number) {\n  return {\n    shipment_id: `SHIP-${Date.now()}`,\n    status: 'created',\n    address: shipping_address,\n    total,\n    estimated_delivery: '3-5 business days'\n  };\n}",
-                                        "input_transforms": {
-                                            "shipping_address": {
-                                                "type": "javascript",
-                                                "expr": "flow_input.shipping_address"
-                                            },
-                                            "total": {
-                                                "type": "javascript",
-                                                "expr": "results.calculate_total.total"
-                                            }
-                                        }
-                                    }
-                                }
-                            ]
-                        }
-                    ],
-                    "default": [
-                        {
-                            "id": "create_backorder",
-                            "value": {
-                                "type": "rawscript",
-                                "language": "bun",
-                                "content": "export async function main(inventory_results: { name: string; inStock: boolean }[]) {\n  const outOfStock = inventory_results.filter(item => !item.inStock);\n  return {\n    backorder_id: `BO-${Date.now()}`,\n    status: 'backorder',\n    unavailable_items: outOfStock.map(item => item.name),\n    message: 'Some items are out of stock. We will notify you when available.'\n  };\n}",
-                                "input_transforms": {
-                                    "inventory_results": {
-                                        "type": "javascript",
-                                        "expr": "results.check_inventory"
-                                    }
-                                }
-                            }
-                        }
-                    ]
-                }
-            },
-            {
-                "id": "send_confirmation",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(customer_email: string, order_result: any) {\n  // Mock email sending\n  return {\n    email_sent: true,\n    to: customer_email,\n    subject: order_result.shipment_id ? 'Order Confirmed' : 'Order Update - Backorder',\n    sent_at: new Date().toISOString()\n  };\n}",
-                    "input_transforms": {
-                        "customer_email": {
-                            "type": "javascript",
-                            "expr": "flow_input.customer_email"
-                        },
-                        "order_result": {
-                            "type": "javascript",
-                            "expr": "results.process_inventory_result"
-                        }
-                    }
-                }
-            },
-            {
-                "id": "return_summary",
-                "value": {
-                    "type": "rawscript",
-                    "language": "bun",
-                    "content": "export async function main(validation: any, totals: any, order_result: any, confirmation: any) {\n  return {\n    order_valid: validation.valid,\n    totals,\n    order_status: order_result.shipment_id ? 'shipped' : 'backorder',\n    order_id: order_result.shipment_id || order_result.backorder_id,\n    confirmation_sent: confirmation.email_sent\n  };\n}",
-                    "input_transforms": {
-                        "validation": {
-                            "type": "javascript",
-                            "expr": "results.validate_order"
-                        },
-                        "totals": {
-                            "type": "javascript",
-                            "expr": "results.calculate_total"
-                        },
-                        "order_result": {
-                            "type": "javascript",
-                            "expr": "results.process_inventory_result"
-                        },
-                        "confirmation": {
-                            "type": "javascript",
-                            "expr": "results.send_confirmation"
-                        }
-                    }
-                }
-            }
-        ]
-    },
-    "schema": {
-        "$schema": "https://json-schema.org/draft/2020-12/schema",
-        "type": "object",
-        "properties": {
-            "items": {
-                "type": "array",
-                "description": "Array of order items",
-                "items": {
-                    "type": "object",
-                    "properties": {
-                        "name": { "type": "string" },
-                        "price": { "type": "number" },
-                        "quantity": { "type": "integer" }
-                    },
-                    "required": ["name", "price", "quantity"]
-                }
-            },
-            "customer_email": {
-                "type": "string",
-                "description": "Customer email address"
-            },
-            "shipping_address": {
-                "type": "string",
-                "description": "Shipping address"
-            }
-        },
-        "required": ["items", "customer_email", "shipping_address"]
-    }
-}