windmill-components 1.448.50 → 1.472.1

package/package/components/apps/editor/component/default-codes.js

@@ -1,745 +0,0 @@
-export function defaultCode(component, language) {
-    let lang = language;
-    if (language == 'bun') {
-        lang = 'deno';
-    }
-    return DEFAULT_CODES[component]?.[lang];
-}
-export const DEFAULT_CODES = {
-    tablecomponent: {
-        deno: `export async function main() {
-    return [
-        {
-            "id": 1,
-            "name": "A cell with a long name",
-            "age": 42
-        },
-        {
-            "id": 2,
-            "name": "A briefer cell",
-            "age": 84
-        }
-    ]
-}`,
-        python3: `def main():
-    return [
-        {
-            "id": 1,
-            "name": "A cell with a long name",
-            "age": 42
-        },
-        {
-            "id": 2,
-            "name": "A briefer cell",
-            "age": 84
-        }
-    ]`
-    },
-    aggridcomponent: {
-        deno: `export async function main() {
-    return [
-        {
-            "id": 1,
-            "name": "A cell with a long name",
-            "age": 42
-        },
-        {
-            "id": 2,
-            "name": "A briefer cell",
-            "age": 84
-        }
-    ]
-}`,
-        python3: `def main():
-    return [
-        {
-            "id": 1,
-            "name": "A cell with a long name",
-            "age": 42
-        },
-        {
-            "id": 2,
-            "name": "A briefer cell",
-            "age": 84
-        }
-    ]`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(db: Postgresql) {
-    const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    return query.rows;
-}`
-    },
-    steppercomponent: {
-        deno: `export async function main(stepIndex: number) {
-        // if (stepIndex == 0) {
-        //     if (page0Invalid) throw Error("first step invalid")
-        // } else if ...
-}`,
-        python3: `def main(stepIndex: int):
-# if stepIndex == 0:
-#     if page0Invalid:
-#         raise Exception("first step invalid")
-# elif ...
-`
-    },
-    aggridinfinitecomponent: {
-        deno: `type User = {
-    id: number;
-    name: string;
-    email: string;
-    created_at: string;
-    };
-const GLOBAL_COUNT = 25000;
-
-function getUsers(limit: number, offset: number): User[] {
-
-    if (offset > GLOBAL_COUNT) {
-        return []
-    }
-
-    // In this example, we have 25000 users at most
-    return Array.from({ length: offset + limit >= GLOBAL_COUNT ? GLOBAL_COUNT - offset : limit }, (_, index) => ({
-        id: offset + index,
-        name: \`User \${offset + index}\`,
-        email: \`user\${offset + index}@example.com\`,
-        created_at: new Date().toISOString(),
-    }));
-}
-
-export async function main(offset: number, limit: number, orderBy: string, isDesc: boolean, search: string): Promise<User[]> {
-    let users = getUsers(limit, offset);
-
-    if (orderBy && Object.keys(users[0]).includes(orderBy)) {
-        users.sort((a, b) => {
-            const aValue = a[orderBy as keyof User];
-            const bValue = b[orderBy as keyof User];
-
-            if (typeof aValue === 'string' && typeof bValue === 'string') {
-                return isDesc ? bValue.localeCompare(aValue) : aValue.localeCompare(bValue);
-            }
-            return 0;
-        });
-    }
-
-    if (search) {
-        return users.filter(user =>
-            Object.values(user).some(value =>
-                typeof value === 'string' && value.toLowerCase().includes(search.toLowerCase())
-            )
-        );
-    }
-
-    return users;
-}`,
-        python3: `from datetime import datetime, timezone
-from typing import List
-
-GLOBAL_COUNT = 25000
-
-def get_users(limit: int, offset: int) -> List:
-    if offset > GLOBAL_COUNT:
-        return []
-    else:
-        return [
-            {
-                "id": offset + index,
-                "name": f"User {offset + index}",
-                "email": f"user{offset + index}@example.com",
-                "created_at": datetime.now(timezone.utc).isoformat(),
-            }
-            for index in range(
-                GLOBAL_COUNT - offset if offset + limit >= GLOBAL_COUNT else limit
-            )
-        ]
-
-
-def main(offset: int, limit: int, order_by: str, is_desc: bool, search: str) -> List:
-    users = get_users(limit, offset)
-
-    if order_by:
-        users.sort(key=lambda user: getattr(user, order_by, ""), reverse=is_desc)
-
-    if search:
-        search_lower = search.lower()
-        users = [
-            user
-            for user in users
-            if search_lower in user["name"].lower()
-            or search_lower in user["email"].lower()
-        ]
-
-    return users        
-`,
-        postgresql: `-- $1 limit
--- $2 offset
--- $3 search
-SELECT * FROM demo 
-WHERE COALESCE($3, '') = '' OR CONCAT(col1, col2) ILIKE '%' || $3::text || '%' 
-LIMIT $1::INT OFFSET $2::INT;`,
-        mysql: `-- :limit (int)
--- :offset (int)
--- :search (string)
-SELECT * FROM demo
-WHERE COALESCE(:search, '') = '' OR CONCAT(col1, col2) LIKE CONCAT('%', :search, '%')
-LIMIT :limit OFFSET :offset;`,
-        bigquery: `-- @limit (integer)
--- @offset (integer)
--- @search (string)
-SELECT * FROM demo
-WHERE COALESCE(@search, '') = '' OR REGEXP_CONTAINS(CONCAT(CAST(\`col1\` AS STRING),CAST(\`col2\` AS STRING)), '(?i)' || @search)
-LIMIT @limit OFFSET @offset;`,
-        snowflake: `-- ? search (text)
--- ? search (text)
--- ? search (text)
-
-SELECT * FROM demo 
-WHERE LENGTH(?) = 0 OR CONCAT("ID") ILIKE CONCAT('%', ?, '%') OR CONCAT("NAME") ILIKE CONCAT('%', ?, '%') 
-LIMIT 100 OFFSET 0`,
-        mssql: `-- @P1 limit (int)
--- @P2 offset (int)
--- @P3 search (text)
-SELECT * FROM Demo WHERE (@P3 = '' OR CONCAT([col1], [col2], [col3]) LIKE '%' + @P3 + '%') 
-ORDER BY col1
-OFFSET @P2 ROWS FETCH NEXT @P1 ROWS ONLY`
-    },
-    aggridinfinitecomponentee: {
-        deno: `type User = {
-    id: number;
-    name: string;
-    email: string;
-    created_at: string;
-    };
-    const GLOBAL_COUNT = 25000;
-
-    function getUsers(limit: number, offset: number): User[] {
-
-    if (offset > GLOBAL_COUNT) {
-        return []
-    }
-
-    // In this example, we have 25000 users at most
-    return Array.from({ length: offset + limit >= GLOBAL_COUNT ? GLOBAL_COUNT - offset : limit }, (_, index) => ({
-        id: offset + index,
-        name: \`User \${offset + index}\`,
-        email: \`user\${offset + index}@example.com\`,
-        created_at: new Date().toISOString(),
-    }));
-    }
-
-    export async function main(offset: number, limit: number, orderBy: string, isDesc: boolean, search: string): Promise<User[]> {
-    let users = getUsers(limit, offset);
-
-    if (orderBy && Object.keys(users[0]).includes(orderBy)) {
-        users.sort((a, b) => {
-        const aValue = a[orderBy as keyof User];
-        const bValue = b[orderBy as keyof User];
-
-        if (typeof aValue === 'string' && typeof bValue === 'string') {
-            return isDesc ? bValue.localeCompare(aValue) : aValue.localeCompare(bValue);
-        }
-        return 0;
-        });
-    }
-
-    if (search) {
-        return users.filter(user =>
-        Object.values(user).some(value =>
-            typeof value === 'string' && value.toLowerCase().includes(search.toLowerCase())
-        )
-        );
-    }
-
-    return users;
-        }`,
-        python3: `from datetime import datetime, timezone
-from typing import List
-
-GLOBAL_COUNT = 25000
-
-def get_users(limit: int, offset: int) -> List:
-    if offset > GLOBAL_COUNT:
-        return []
-    else:
-        return [
-            {
-                "id": offset + index,
-                "name": f"User {offset + index}",
-                "email": f"user{offset + index}@example.com",
-                "created_at": datetime.now(timezone.utc).isoformat(),
-            }
-            for index in range(
-                GLOBAL_COUNT - offset if offset + limit >= GLOBAL_COUNT else limit
-            )
-        ]
-
-
-def main(offset: int, limit: int, order_by: str, is_desc: bool, search: str) -> List:
-    users = get_users(limit, offset)
-
-    if order_by:
-        users.sort(key=lambda user: getattr(user, order_by, ""), reverse=is_desc)
-
-    if search:
-        search_lower = search.lower()
-        users = [
-            user
-            for user in users
-            if search_lower in user["name"].lower()
-            or search_lower in user["email"].lower()
-        ]
-
-    return users        
-`,
-        postgresql: `-- $1 limit
--- $2 offset
--- $3 search
-SELECT * FROM demo 
-WHERE COALESCE($3, '') = '' OR CONCAT(col1, col2) ILIKE '%' || $3::text || '%' 
-LIMIT $1::INT OFFSET $2::INT;`,
-        mysql: `-- :limit (int)
--- :offset (int)
--- :search (string)
-SELECT * FROM demo
-WHERE COALESCE(:search, '') = '' OR CONCAT(col1, col2) LIKE CONCAT('%', :search, '%')
-LIMIT :limit OFFSET :offset;`,
-        bigquery: `-- @limit (integer)
--- @offset (integer)
--- @search (string)
-SELECT * FROM demo
-WHERE COALESCE(@search, '') = '' OR REGEXP_CONTAINS(CONCAT(CAST(\`col1\` AS STRING),CAST(\`col2\` AS STRING)), '(?i)' || @search)
-LIMIT @limit OFFSET @offset;`,
-        snowflake: `-- ? search (text)
--- ? search (text)
--- ? search (text)
-
-SELECT * FROM demo 
-WHERE LENGTH(?) = 0 OR CONCAT("ID") ILIKE CONCAT('%', ?, '%') OR CONCAT("NAME") ILIKE CONCAT('%', ?, '%') 
-LIMIT 100 OFFSET 0`,
-        mssql: `-- @P1 limit (int)
--- @P2 offset (int)
--- @P3 search (text)
-SELECT * FROM Demo WHERE (@P3 = '' OR CONCAT([col1], [col2], [col3]) LIKE '%' + @P3 + '%') 
-ORDER BY col1
-OFFSET @P2 ROWS FETCH NEXT @P1 ROWS ONLY`
-    },
-    textcomponent: {
-        deno: `export async function main() {
-    return "foo"
-}`,
-        python3: `def main():
-    return "foo"`
-    },
-    barchartcomponent: {
-        deno: `export async function main() {
-    return {
-        "data": [
-            25,
-            50,
-            25
-        ],
-        "labels": [
-            "Bar",
-            "Charts",
-            "<3"
-        ]
-    }
-}`,
-        python3: `def main():
-    return {
-        "data": [
-            25,
-            50,
-            25
-        ],
-        "labels": [
-            "Bar",
-            "Charts",
-            "<3"
-        ]
-    }`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(db: Postgresql) {
-    const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    return {
-        data: query.rows.map((row) => row['0']),
-        labels: query.rows.map((row) => row['1']?.slice(0, 6))
-    };
-}`
-    },
-    displaycomponent: {
-        deno: `export async function main(x = 42) {
-    return {
-        foo: x
-    }
-}`,
-        python3: `def main():
-    return {
-        "foo": 42
-    }`
-    },
-    htmlcomponent: {
-        deno: `export async function main() {
-    return \`<img
-    src="https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80"
-    >
-    <h1 class="absolute top-4 left-2 text-white">
-        Hello world
-    </h1>\`
-}`,
-        python3: `def main():
-    return '''<img
-    src="https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1024&amp;h=1280&amp;q=80"
-    >
-    <h1 class="absolute top-4 left-2 text-white">
-    Hello world
-    </h1>'''`
-    },
-    vegalitecomponent: {
-        deno: `export async function main() {
-    return {
-        data: {
-            values: [
-                { a: "A", b: 28 },
-                { a: "B", b: 55 },
-                { a: "C", b: 43 },
-                { a: "D", b: 91 },
-            ],
-        },
-        mark: "bar",
-        encoding: {
-            x: { field: "a", type: "ordinal" },
-            y: { field: "b", type: "quantitative" },
-        }
-    }
-}`,
-        python3: `def main():
-    return {
-        "data": {
-            "values": [
-                { "a": "A", "b": 28 },
-                { "a": "B", "b": 55 },
-                { "a": "C", "b": 43 },
-                { "a": "D", "b": 91 },
-            ],
-        },
-        "mark": "bar",
-        "encoding": {
-            "x": { "field": "a", "type": "ordinal" },
-            "y": { "field": "b", "type": "quantitative" },
-        },
-    }`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(Postgresqlstgresql) {
-    const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    return {
-        data: {
-            values: query.rows.map((row) => {
-                row['1'] = row['1']?.slice(0, 6);
-                return row;
-            })
-        },
-        mark: "bar",
-        encoding: {
-            x: { field: "1", type: "ordinal" },
-            y: { field: "0", type: "quantitative" },
-        }
-    };
-}`
-    },
-    plotlycomponent: {
-        deno: `export async function main() {
-    return {
-        type: 'bar',
-        x: [1, 2, 3, 4],
-        y: [5, 10, 2, 8],
-        marker: {
-            color: '#C8A2C8',
-            line: {
-                width: 2.5                  
-            }
-        }
-    };
-}`,
-        python3: `def main():
-    return {
-        "type": "bar",
-        "x": [1, 2, 3, 4],
-        "y": [5, 10, 2, 8],
-        "marker": {
-            "color": "#C8A2C8",
-            "line": {
-                "width": 2.5                  
-            }
-        }
-    }`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(Postgresqlstgresql) {
-    const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    return {
-        type: 'bar',
-        x: query.rows.map((row) => row['1']?.slice(0, 6)),
-        y: query.rows.map((row) => row['0']),
-        marker: {
-            color: '#C8A2C8',
-            line: {
-                width: 2.5                  
-            }
-        }
-    };
-}`
-    },
-    piechartcomponent: {
-        deno: `export async function main() {
-    return {
-        "data": [
-            25,
-            50,
-            25
-        ],
-        "labels": [
-            "Pie",
-            "Charts",
-            "<3"
-        ]
-    }
-}`,
-        python3: `def main():
-    return {
-        "data": [
-            25,
-            50,
-            25
-        ],
-        "labels": [
-            "Pie",
-            "Charts",
-            "<3"
-        ]
-    }`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(db: Postgresql) {
-    const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    return {
-        data: query.rows.map((row) => row['0']),
-        labels: query.rows.map((row) => row['1']?.slice(0, 6))
-    };
-}`
-    },
-    scatterchartcomponent: {
-        deno: `export async function main() {
-    return [
-        {
-            label: "foo",
-            data: [
-                { x: 25, y: 50 },
-                { x: 23, y: 23 },
-                { x: 12, y: 37 }
-            ],
-            backgroundColor: "rgb(255, 12, 137)"
-        },
-        {
-            label: "bar",
-            data: [
-                { x: 32, y: 32 },
-                { x: 25, y: 42 },
-                { x: 3, y: 27 }
-            ],
-            backgroundColor: "orange"
-        }
-    ];
-}`,
-        python3: `def main():
-    return [
-        {
-            "label": "foo",
-            "data": [
-                { "x": 25, "y": 50 },
-                { "x": 23, "y": 23 },
-                { "x": 12, "y": 37 }
-            ],
-            "backgroundColor": "rgb(255, 12, 137)"
-        },
-        {
-            "label": "bar",
-            "data": [
-                { "x": 32, "y": 32 },
-                { "x": 25, "y": 42 },
-                { "x": 3, "y": 27 }
-            ],
-            "backgroundColor": "orange"
-        }
-    ]`,
-        pgsql: `import { pgSql } from "npm:windmill-client@${__pkg__.version}";
-
-type Postgresql = object
-
-export async function main(db: Postgresql) {
-    try {
-        const query = await pgSql(db)\`SELECT * FROM demo;\`;
-    const rows = query.rows.map((row, i) => ({
-      x: row['0'],
-      y: query.rows[query.rows.length - (i + 1)]['0']
-    }))
-        return [
-      {
-                label: "foo",
-                data: rows,
-                backgroundColor: "rgb(255, 12, 137)"
-            },
-            {
-                label: "bar",
-                data: rows.map(({x, y}) => ({
-          x: x * 2,
-          y: y * 1.5
-        })),
-                backgroundColor: "orange"
-            }
-    ];
-    } catch (e) {
-        return [];
-    }
-}`
-    },
-    timeseriescomponent: {
-        deno: `export async function main() {
-    return [
-        {
-            label: "foo",
-            data: [
-                {
-                    x: "2021-11-06 23:39:30",
-                    y: 50
-                },
-                {
-                    x: "2021-11-07 01:00:28",
-                    y: 60
-                },
-                {
-                    x: "2021-11-07 09:00:28",
-                    y: 20
-                }
-            ],
-            backgroundColor: "rgb(255, 12, 137)"
-        },
-        {
-            label: "bar",
-            data: [
-                {
-                    x: "2021-11-06 23:39:30",
-                    y: 20
-                },
-                {
-                    x: "2021-11-07 01:00:28",
-                    y: 13
-                },
-                {
-                    x: "2021-11-07 09:00:28",
-                    y: 45
-                }
-            ],
-            backgroundColor: "orange"
-        }
-    ]
-}`,
-        python3: `def main():
-    return [
-        {
-            "label": "foo",
-            "data": [
-                {
-                    "x": "2021-11-06 23:39:30",
-                    "y": 50
-                },
-                {
-                    "x": "2021-11-07 01:00:28",
-                    "y": 60
-                },
-                {
-                    "x": "2021-11-07 09:00:28",
-                    "y": 20
-                }
-            ],
-            "backgroundColor": "rgb(255, 12, 137)"
-        },
-        {
-            "label": "bar",
-            "data": [
-                {
-                    "x": "2021-11-06 23:39:30",
-                    "y": 20
-                },
-                {
-                    "x": "2021-11-07 01:00:28",
-                    "y": 13
-                },
-                {
-                    "x": "2021-11-07 09:00:28",
-                    "y": 45
-                }
-            ],
-            "backgroundColor": "orange"
-        }
-    ]`
-    },
-    iconcomponent: {
-        deno: `export async function main() {
-    return "Smile";
-}`,
-        python3: `def main():
-    return "Smile"`
-    },
-    schemaformcomponent: {
-        deno: `export async function main() {
-return {
-        properties: {
-            first_name: {
-                type: 'string',
-                description: 'your name',
-                default: 'default'
-            }
-        },
-        required: []
-    }
-}`,
-        python3: `def main():
-    return {
-        "properties": {
-            "first_name": {
-                "type": "string",
-                "description": "your name",
-                "default": "default"
-            }
-        },
-        "required": []
-    }
-`
-    },
-    listcomponent: {
-        deno: `export async function main() {
-    return [{
-        "foo": 1,
-    }, {
-        "foo": 2,
-    }, {
-        "foo": 3,
-    }];
-}`,
-        python3: `def main():
-    return [{"foo": 1}, {"foo": 2}, {"foo": 3}]`
-    }
-};