feat: add tanstack support

.changeset/config.json

@@ -1,9 +1,6 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
-  "changelog": [
-    "@changesets/changelog-github",
-    { "repo": "vercel/workflow" }
-  ],
+  "changelog": ["@changesets/changelog-github", { "repo": "vercel/workflow" }],
   "commit": false,
   "fixed": [],
   "linked": [],
@@ -22,6 +19,7 @@
     "@workflow/example-nuxt",
     "@workflow/example-vite",
     "@workflow/example-sveltekit",
-    "@workflow/example-astro"
+    "@workflow/example-astro",
+    "@workflow/example-tanstack-start"
   ]
 }

.changeset/few-chairs-bet.md

@@ -0,0 +1,5 @@
+---
+"workflow": patch
+---
+
+Remove @workflow/rollup dependency from workflow package

.changeset/pre.json

@@ -38,7 +38,8 @@
     "@workflow/rollup": "4.0.0-beta.1",
     "@workflow/astro": "4.0.0-beta.1",
     "@workflow/example-fastify": "0.0.0",
-    "@workflow/vite": "4.0.0-beta.1"
+    "@workflow/vite": "4.0.0-beta.1",
+    "@workflow/example-tanstack-start": "0.0.0"
   },
   "changesets": [
     "add-documentation",

.github/workflows/tests.yml

@@ -27,8 +27,8 @@ jobs:
         id: find-comment
         with:
           issue-number: ${{ github.event.pull_request.number }}
-          comment-author: 'github-actions[bot]'
-          body-includes: '<!-- e2e-test-results -->'
+          comment-author: "github-actions[bot]"
+          body-includes: "<!-- e2e-test-results -->"
 
       - name: Get existing comment body
         if: steps.find-comment.outputs.comment-id != ''
@@ -130,9 +130,9 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          setup-rust: 'true'
-          install-args: '--ignore-scripts'
-          build-packages: 'false'
+          setup-rust: "true"
+          install-args: "--ignore-scripts"
+          build-packages: "false"
 
       - name: Run Unit Tests
         run: pnpm test --filter='!./docs'
@@ -212,6 +212,9 @@ jobs:
           - name: "astro"
             project-id: "prj_YDAXj3K8LM0hgejuIMhioz2yLgTI"
             project-slug: "workbench-astro-workflow"
+          - name: "tanstack-start"
+            project-id: "prj_643jeVugTMq5ivsOFQHcbLG1qcnu"
+            project-slug: "workbench-tanstack-start-workflow"
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ vars.TURBO_TEAM }}
@@ -222,7 +225,7 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          build-packages: 'false'
+          build-packages: "false"
 
       - name: Build CLI
         run: pnpm turbo run build --filter='@workflow/cli'
@@ -278,8 +281,8 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          install-dependencies: 'false'
-          build-packages: 'false'
+          install-dependencies: "false"
+          build-packages: "false"
 
       - id: set-matrix
         run: echo "matrix=$(node ./scripts/create-test-matrix.mjs)" >> $GITHUB_OUTPUT
@@ -303,8 +306,8 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          install-dependencies: 'false'
-          build-packages: 'false'
+          install-dependencies: "false"
+          build-packages: "false"
 
       - name: Setup canary
         if: ${{ matrix.app.canary }}
@@ -365,8 +368,8 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          install-dependencies: 'false'
-          build-packages: 'false'
+          install-dependencies: "false"
+          build-packages: "false"
 
       - name: Setup canary
         if: ${{ matrix.app.canary }}
@@ -447,8 +450,8 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          install-dependencies: 'false'
-          build-packages: 'false'
+          install-dependencies: "false"
+          build-packages: "false"
 
       - name: Setup canary
         if: ${{ matrix.app.canary }}
@@ -571,8 +574,8 @@ jobs:
       - name: Setup environment
         uses: ./.github/actions/setup-workflow-dev
         with:
-          install-dependencies: 'false'
-          build-packages: 'false'
+          install-dependencies: "false"
+          build-packages: "false"
 
       - id: set-matrix
         run: echo "matrix=$(node ./scripts/create-community-worlds-matrix.mjs)" >> $GITHUB_OUTPUT
@@ -597,7 +600,15 @@ jobs:
   summary:
     name: E2E Summary
     runs-on: ubuntu-latest
-    needs: [e2e-vercel-prod, e2e-local-dev, e2e-local-prod, e2e-local-postgres, e2e-windows, e2e-community]
+    needs:
+      [
+        e2e-vercel-prod,
+        e2e-local-dev,
+        e2e-local-prod,
+        e2e-local-postgres,
+        e2e-windows,
+        e2e-community,
+      ]
     if: always() && !cancelled()
     timeout-minutes: 10
 

docs/app/(home)/components/frameworks.tsx

@@ -131,14 +131,9 @@ export const AstroGray = (props: ComponentProps<'svg'>) => (
   </svg>
 );
 
-export const TanStack = (props: ComponentProps<'svg'>) => (
-  <svg
-    viewBox="0 0 410 413"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <title>TanStack</title>
+export const Tanstack = (props: ComponentProps<'svg'>) => (
+  <svg viewBox="0 0 410 413" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <title>Tanstack</title>
     <g clipPath="url(#clip0_17_9)">
       <path
         d="M189.288 0.390747C194.679 -0.325509 200.374 0.162063 205.807 0.162063C225.935 0.162063 245.697 3.32427 264.956 9.31751C289.534 16.9666 312.426 29.1958 332.631 45.2845C357.396 65.0042 377.916 90.8692 391.083 119.898C415.718 174.207 415.537 240.026 390.299 294.107C373.98 329.075 347.8 358.342 316.112 379.684C290.258 397.098 260.019 407.757 229.253 411.531C190.093 416.336 147.757 409.315 112.554 391.05C46.4657 356.762 1.53627 287.753 0.64743 212.126C0.476376 197.545 0.700717 182.878 3.5532 168.439C8.19935 144.924 16.3001 122.193 28.4662 101.56C41.6267 79.2387 58.626 59.5417 78.9824 43.6611C102.854 25.0379 130.599 11.6426 159.98 4.82797C167.075 3.18244 174.199 2.2705 181.359 1.38854L183.622 1.1102C185.508 0.877708 187.396 0.642166 189.288 0.390747ZM120.92 344.208C111.819 345.195 102.22 346.871 94.409 352.044C96.1674 352.471 98.1828 352.047 100.017 352.044C104.423 352.036 108.871 351.868 113.272 352.064C124.291 352.553 135.771 354.337 146.411 357.289C160.034 361.069 172.033 368.508 185.158 373.524C199.003 378.816 212.786 380.461 227.473 380.461C234.874 380.461 242.219 380.438 249.395 378.394C245.65 376.376 240.289 376.755 236.14 375.914C227.138 374.09 218.287 371.862 209.629 368.736C203.256 366.436 197.118 363.596 191.008 360.696L187.083 358.828C181.411 356.132 175.727 353.471 169.863 351.23C154.445 345.336 137.36 342.424 120.92 344.208ZM134.685 305.027C116.65 305.027 98.4096 308.241 82.1733 316.521C78.2395 318.528 74.5004 320.918 70.9572 323.567C69.8774 324.374 67.963 325.412 67.5638 326.816C67.159 328.24 68.6064 329.433 69.4277 330.343C73.4859 328.155 77.3417 325.838 81.6635 324.176C109.615 313.432 143.499 315.684 171.392 325.536C185.303 330.449 198.119 337.796 211.668 343.558C226.821 350.002 242.298 354.18 258.572 356.323C277.769 358.849 299.655 356.802 317.202 348.036C323.368 344.956 331.929 340.263 334.536 333.443C331.316 333.728 328.418 335.124 325.359 336.087C320.494 337.617 315.571 338.915 310.574 339.928C293.637 343.361 275.627 344.07 258.572 340.954C242.499 338.018 227.564 332.119 212.699 325.914L210.802 325.121C209.537 324.591 208.273 324.059 207.008 323.528L205.11 322.732C197.516 319.55 189.893 316.405 182.099 313.652C166.957 308.304 150.729 305.027 134.685 305.027ZM166.294 24.6928C144.675 29.5252 125.308 38.9354 106.645 50.7982C95.8095 57.6849 85.4448 64.74 76.0554 73.6035C62.0924 86.7854 51.4207 102.807 42.1134 119.541C32.5236 136.783 26.3752 156.878 23.4034 176.375C20.4882 195.503 20.008 215.615 23.3473 234.759C27.5217 258.693 35.4673 281.153 48.0151 301.926C52.2319 299.934 55.2255 295.39 58.7214 292.329C65.7804 286.149 73.1917 280.422 81.1536 275.479C84.1009 273.649 87.1288 272.228 90.3305 270.926C91.5382 270.435 93.5128 269.986 94.0812 268.644C94.9846 266.512 93.3139 262.802 93.0269 260.593C92.2076 254.275 91.7131 247.851 91.8676 241.476C92.3162 222.91 95.7448 204.086 102.273 186.709C107.192 173.615 114.707 161.727 123.609 151.058C126.63 147.438 129.841 144.068 133.156 140.725C135.114 138.75 137.545 137.059 138.764 134.525C132.372 134.529 125.978 136.394 119.9 138.288C106.806 142.367 94.0501 148.421 83.1929 156.961C78.2405 160.858 74.6136 165.964 69.9299 170.065C68.4932 171.323 65.9196 173.009 63.9343 172.059C60.9351 170.626 61.398 164.654 61.0544 161.908C59.7329 151.35 63.6856 137.994 68.7088 128.841C76.7727 114.149 91.683 101.603 109.194 102.041C116.756 102.23 123.377 104.889 130.606 106.625C128.773 103.989 126.315 102.068 123.979 99.9078C118.254 94.6145 111.992 89.78 105.115 86.123C102.349 84.652 99.3696 83.7582 96.4483 82.6773C94.9795 82.1343 93.1299 81.3867 92.5772 79.7349C91.554 76.6757 96.9979 73.8422 98.9974 72.5521C106.727 67.5652 116.206 63.4628 125.508 63.2319C140.046 62.8707 154.251 71.0336 160.239 84.9243C162.345 89.8072 162.967 94.9709 163.38 100.182L163.456 101.16L163.563 102.627C163.575 102.791 163.587 102.954 163.599 103.117L163.671 104.096L163.745 105.075C168.311 101.308 171.522 95.7651 175.981 91.731C186.408 82.2955 200.678 78.1068 214.218 82.3544C226.454 86.1922 237.089 94.737 243.348 106.108C244.985 109.083 249.554 116.354 246.253 119.317C243.67 121.637 240.394 119.829 237.669 118.867C235.606 118.139 233.475 117.677 231.336 117.249L230.169 117.018C229.78 116.941 229.391 116.864 229.002 116.785C221.594 115.282 212.976 115.438 205.551 116.759C200.75 117.613 196.059 119.342 191.275 120.058V121.091C204.354 121.201 217.006 128.751 223.459 140.208C226.133 144.955 227.468 150.388 228.492 155.708C229.758 162.285 228.868 169.449 227.093 175.859C226.497 178.007 225.416 181.65 222.877 182.145C221.082 182.495 219.557 180.687 218.533 179.468C215.846 176.271 213.291 173.233 210.139 170.473C202.164 163.491 193.732 157.051 185.158 150.841C180.605 147.543 175.618 143.257 170.373 141.242C171.848 144.837 173.292 148.179 173.794 152.092C175.27 163.601 170.508 174.434 163.361 183.092C161.18 185.734 158.847 188.396 156.098 190.448C154.958 191.3 153.527 192.412 152.019 192.171C147.291 191.415 146.728 184.203 146.003 180.509C143.548 167.994 144.534 155.565 147.94 143.308C144.91 144.863 142.719 148.267 140.816 151.058C136.629 157.201 132.996 163.698 130.39 170.692C120.015 198.55 120.115 231.18 133.556 258C135.057 260.995 137.335 260.593 140.293 260.593C140.739 260.593 141.185 260.59 141.632 260.586L142.973 260.572C145.656 260.544 148.345 260.532 150.999 260.89C152.377 261.076 154.29 260.91 155.38 261.938C156.686 263.168 155.99 265.278 155.689 266.793C154.849 271.026 154.568 274.874 154.568 279.193C160.149 278.318 161.696 269.265 163.674 264.726C165.915 259.585 168.196 254.438 170.27 249.226C171.29 246.664 172.654 243.8 172.296 240.959C171.894 237.767 169.615 234.382 168.026 231.659C165.019 226.506 161.601 221.204 159.388 215.642C157.618 211.196 159.266 205.641 164.255 204.052C167.007 203.176 169.943 204.894 171.734 206.907C175.49 211.127 177.914 217.406 180.641 222.359L201.91 261.109C203.717 264.391 205.527 267.669 207.375 270.926C208.096 272.197 208.83 274.16 210.307 274.702C211.622 275.184 213.419 274.498 214.727 274.233C218.124 273.545 221.515 272.802 224.924 272.179C229.009 271.432 235.235 271.572 238.179 268.343C233.873 266.963 228.896 267.044 224.414 267.355C221.722 267.542 218.738 268.517 216.264 266.926C212.583 264.559 210.136 259.09 207.883 255.426C202.33 246.39 197.098 237.219 191.78 228.042L190.929 226.581L189.218 223.662C188.364 222.201 187.517 220.737 186.695 219.259C186.06 218.116 185.118 216.61 186.028 215.35C186.984 214.027 189.068 213.949 190.949 213.946L191.322 213.946C192.061 213.947 192.754 213.948 193.315 213.873C200.905 212.863 208.601 212.026 216.257 212.026C215.661 209.928 213.957 207.557 214.502 205.311C215.721 200.286 222.866 198.714 226.189 202.319C228.42 204.74 229.717 208.072 231.168 210.992C233.084 214.848 235.265 218.575 237.316 222.359C240.906 228.983 244.827 235.426 248.519 241.993C248.823 242.534 249.137 243.073 249.454 243.611L249.931 244.419C251.525 247.112 253.125 249.823 253.984 252.843C241.161 252.249 231.535 237.187 225.943 227.009C225.497 228.639 226.222 230.093 226.802 231.659C228.007 234.912 229.446 238.009 231.258 240.959C233.846 245.172 236.813 249.511 240.728 252.569C247.677 257.997 256.839 258.027 265.2 257.447C270.561 257.074 277.26 254.605 282.534 256.28C287.799 257.953 289.918 263.829 286.791 268.342C284.449 271.723 281.323 273 277.436 273.51C280.185 279.477 283.786 285.014 286.396 291.076C287.484 293.602 288.617 297.472 291.223 298.805C292.958 299.691 295.443 298.866 297.319 298.826C295.436 293.787 291.912 289.51 290.181 284.36C295.458 284.604 300.562 287.39 305.476 289.169C315.142 292.667 324.686 296.491 334.216 300.351L338.614 302.133C342.534 303.722 346.478 305.295 350.34 307.022C351.754 307.654 353.71 309.131 355.272 308.222C356.547 307.479 357.371 305.709 358.157 304.51C360.356 301.155 362.348 297.671 364.32 294.176C372.22 280.181 378.014 264.845 381.885 249.226C394.652 197.712 383.699 140.872 353.019 97.8411C341.232 81.3081 326.408 67.0149 310.064 55.178C269.164 25.5567 215.504 13.6939 166.294 24.6928ZM249.905 281.585C239.063 284.445 227.889 287.038 216.767 288.493C218.229 293.532 221.804 298.434 224.42 302.96C225.432 304.71 226.514 307.053 228.513 307.813C230.771 308.671 233.5 307.279 235.63 306.577C234.644 303.845 232.984 301.388 231.625 298.826C231.065 297.77 230.199 296.52 230.66 295.266C231.533 292.897 235.154 293.036 237.16 292.624C242.445 291.539 247.675 290.185 252.964 289.113C254.913 288.718 257.626 287.647 259.584 288.309C261.05 288.804 261.934 290.026 262.77 291.301L263.145 291.876C263.646 292.641 264.158 293.389 264.797 293.973C266.935 295.926 270.133 296.227 272.847 296.76C271.191 292.988 268.438 289.688 266.673 285.91C265.646 283.712 264.803 280.479 262.556 279.209C259.461 277.46 253.069 280.75 249.905 281.585ZM181.589 256.459C181.078 263.01 179.093 268.339 175.981 274.026C179.547 274.483 183.185 274.646 186.687 275.524C189.312 276.182 191.731 277.438 194.334 278.16C192.943 274.306 190.36 270.868 188.36 267.309C186.34 263.717 184.532 259.352 181.589 256.459Z"
@@ -153,7 +148,7 @@ export const TanStack = (props: ComponentProps<'svg'>) => (
   </svg>
 );
 
-export const TanStackGray = (props: ComponentProps<'svg'>) => (
+export const TanstackGray = (props: ComponentProps<'svg'>) => (
   <svg
     viewBox="0 0 409 413"
     fill="none"
@@ -778,6 +773,13 @@ export const Frameworks = () => {
             <SvelteKit className="size-[56px] relative z-10" />
             <SvelteKit className="size-[64px] absolute top-0 left-0 opacity-10 blur-md" />
           </Link>
+          <Link
+            href="/docs/getting-started/tanstack-start"
+            className="relative opacity-100 hover:opacity-70 transition-opacity duration-200 ease-out"
+          >
+            <Tanstack className="size-[56px] relative z-10 dark:invert" />
+            <Tanstack className="size-[64px] absolute top-0 left-0 opacity-10 blur-md dark:invert" />
+          </Link>
         </div>
         <div>
           <Badge
@@ -796,10 +798,10 @@ export const Frameworks = () => {
             </div>
             <div
               className="group relative cursor-pointer"
-              onClick={() => handleRequest('TanStack')}
+              onClick={() => handleRequest('Tanstack')}
             >
-              <TanStackGray className="size-[56px] opacity-70 transition-all duration-200 group-hover:opacity-0 ease-out" />
-              <TanStack className="size-[56px] absolute inset-0 opacity-0 transition-all duration-200 group-hover:opacity-100 dark:invert ease-out" />
+              <TanstackGray className="size-[56px] opacity-70 transition-all duration-200 group-hover:opacity-0 ease-out" />
+              <Tanstack className="size-[56px] absolute inset-0 opacity-0 transition-all duration-200 group-hover:opacity-100 dark:invert ease-out" />
             </div>
           </div>
         </div>

docs/content/docs/getting-started/index.mdx

@@ -3,7 +3,7 @@ title: Getting Started
 description: Start by choosing your framework. Each guide will walk you through the steps to install the dependencies and start running your first workflow.
 ---
 
-import { Next, Nitro, SvelteKit, Nuxt, Hono, Bun, AstroDark, AstroLight, TanStack, Vite, Express, Nest, Fastify } from "@/app/(home)/components/frameworks";
+import { Next, Nitro, SvelteKit, Nuxt, Hono, Bun, AstroDark, AstroLight, Tanstack, Vite, Express, Nest, Fastify } from "@/app/(home)/components/frameworks";
 
 <Cards>
     <Card href="/docs/getting-started/next">
@@ -58,18 +58,17 @@ import { Next, Nitro, SvelteKit, Nuxt, Hono, Bun, AstroDark, AstroLight, TanStac
         <span className="font-medium">SvelteKit</span>
      </div>
     </Card>
+    <Card href="/docs/getting-started/tanstack-start" >
+     <div className="flex flex-col items-center justify-center gap-2">
+        <Tanstack className="size-16 dark:invert" />
+        <span className="font-medium">Tanstack Start</span>
+     </div>
+    </Card>
     <Card className="opacity-50">
       <div className="flex flex-col items-center justify-center gap-2">
         <Nest className="size-16 dark:invert grayscale" />
         <span className="font-medium">NestJS</span>
         <Badge variant="secondary">Coming soon</Badge>
       </div>
     </Card>
-    <Card className="opacity-50">
-      <div className="flex flex-col items-center justify-center gap-2">
-        <TanStack className="size-16 dark:invert grayscale" />
-        <span className="font-medium">TanStack Start</span>
-        <Badge variant="secondary">Coming soon</Badge>
-      </div>
-    </Card>
 </Cards>