Smart Links

Creating smart links with SDK

Configure a task to auto-execute from a URL

Import the components

pnpm i @doable.sh/sdk

import { TaskDefinition, startTask } from '@doable.sh/sdk';

Check for a task definition in url

const searchParams = useSearchParams();
const taskId = searchParams.get("taskId");
const autoExecute = searchParams.get("autoExecute") === "create-operator-task" ? true : false;

Add useEffect to start a task i.e. src/app/(app)/(user)/dashboard/page.tsx

useEffect(() => {
    console.log("autoExecute", autoExecute);
    if (autoExecute) {
        startTask("create-operator-task");
    }
}, [autoExecute]);

Create a task definition i.e. src/app/(app)/(user)/dashboard/page.tsx

<TaskDefinition
    id="create-operator-task"
    name="Create Operator"
    description="Create a new operator"
    steps={[
        "Click the 'Create New Operator' button in the top right",
        "Fill out the form with dummy values for 'Acme Inc. Web App Operator'",
        "Use example.com as the domain",
        "Create the operator",
        "Click the 'Configuration' Tab next to Sessions"
    ]}
/>

Serve http://localhost:3000 or development port to see results.

Smart Links

Configure a task to auto-execute from a URL

On this page