TanStack · Jun 30, 2024 · Jul 3, 2024 · Jul 9, 2024 · Jul 9, 2024 · Jul 9, 2024
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended",
+    "schedule:weekly",
+    ":approveMajorUpdates",
+    ":disablePeerDependencies",
+    ":semanticCommitTypeAll(chore)"
+  ],
+  "ignorePresets": [":ignoreModulesAndTests"],
+  "labels": ["dependencies"],
+  "rangeStrategy": "bump",
+  "postUpdateOptions": ["pnpmDedupe"],
+  "semanticCommits": "enabled",
+  "packageRules": [
+    {
+      "groupName": "all non-major dependencies",
+      "groupSlug": "all-minor-patch",
+      "matchCurrentVersion": ">=1.0.0",
+      "matchUpdateTypes": ["minor", "patch"]
+    }
+  ],
+  "ignoreDeps": ["@types/node", "node", "typescript"]
+}
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -25,16 +25,9 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
         with:
-          fetch-depth: '0'
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: .nvmrc
-          cache: pnpm
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile --prefer-offline
+          fetch-depth: 0
+      - name: Setup Tools
+        uses: tanstack/config/.github/setup@main
       - name: Run Tests
         run: pnpm run test:ci
       - name: Publish
@@ -44,8 +37,6 @@ jobs:
           npm config set '//registry.npmjs.org/:_authToken' "${NPM_TOKEN}"
           pnpm run cipublish
         env:
-          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
           GH_TOKEN: ${{ secrets.GH_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           TAG: ${{ inputs.tag }}
diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
@@ -23,18 +23,25 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: .nvmrc
-          cache: pnpm
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile --prefer-offline
+      - name: Setup Tools
+        uses: tanstack/config/.github/setup@main
       - name: Get base and head commits for `nx affected`
-        uses: nrwl/nx-set-shas@v3
+        uses: nrwl/nx-set-shas@v4
         with:
-          main-branch-name: 'main'
+          main-branch-name: main
       - name: Run Checks
         run: pnpm run test:pr
+  preview:
+    name: Preview
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Setup Tools
+        uses: tanstack/config/.github/setup@main
+      - name: Build Packages
+        run: pnpm run build:all
+      - name: Publish Previews
+        run: pnpx pkg-pr-new publish --pnpm --compact './packages/*' --template './examples/*/*'
diff --git a/.nx/workflows/dynamic-changesets.yaml b/.nx/workflows/dynamic-changesets.yaml
diff --git a/docs/config.json b/docs/config.json
@@ -173,6 +173,19 @@
               "label": "Scroll Padding"
             }
           ]
+        },
+        {
+          "label": "lit",
+          "children": [
+            {
+              "to": "framework/lit/examples/fixed",
+              "label": "Fixed"
+            },
+            {
+              "to": "framework/lit/examples/dynamic",
+              "label": "Dynamic"
+            }
+          ]
         }
       ]
     }

diff --git a/docs/installation.md b/docs/installation.md
@@ -30,6 +30,12 @@ $ npm install @tanstack/svelte-virtual
 $ npm install @tanstack/vue-virtual
 ```
 
+## Lit Virtual
+
+```bash
+$ npm install @tanstack/lit-virtual
+```
+
 ## Virtual Core (no framework)
 
 ```bash

diff --git a/docs/introduction.md b/docs/introduction.md
@@ -2,7 +2,7 @@
 title: Introduction
 ---
 
-TanStack Virtual is a headless UI utility for virtualizing long lists of elements in JS/TS, React, Vue, Svelte and Solid. It is not a component therefore does not ship with or render any markup or styles for you. While this requires a bit of markup and styles from you, you will retain 100% control over your styles, design and implementation.
+TanStack Virtual is a headless UI utility for virtualizing long lists of elements in JS/TS, React, Vue, Svelte, Solid and Lit. It is not a component therefore does not ship with or render any markup or styles for you. While this requires a bit of markup and styles from you, you will retain 100% control over your styles, design and implementation.
 
 ## The Virtualizer
 

diff --git a/examples/lit/dynamic/package.json b/examples/lit/dynamic/package.json
@@ -9,13 +9,13 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/lit-virtual": "^3.8.1",
-    "@tanstack/virtual-core": "^3.8.1",
-    "lit": "^3.1.3"
+    "@tanstack/lit-virtual": "^3.8.2",
+    "@tanstack/virtual-core": "^3.8.2",
+    "lit": "^3.1.4"
   },
   "devDependencies": {
     "@types/node": "^18.19.3",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/lit/fixed/package.json b/examples/lit/fixed/package.json
@@ -9,13 +9,13 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/lit-virtual": "^3.8.1",
-    "@tanstack/virtual-core": "^3.8.1",
-    "lit": "^3.1.3"
+    "@tanstack/lit-virtual": "^3.8.2",
+    "@tanstack/virtual-core": "^3.8.2",
+    "lit": "^3.1.4"
   },
   "devDependencies": {
     "@types/node": "^18.19.3",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/dynamic/package.json b/examples/react/dynamic/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -19,6 +19,6 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/fixed/package.json b/examples/react/fixed/package.json
@@ -8,7 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -18,6 +18,6 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/infinite-scroll/package.json b/examples/react/infinite-scroll/package.json
@@ -9,13 +9,13 @@
     "start": "vite"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@tanstack/react-query": "^5.48.0"
+    "@tanstack/react-query": "^5.50.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/padding/package.json b/examples/react/padding/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@tanstack/react-virtual": "^3.8.1"
+    "@tanstack/react-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/scroll-padding/package.json b/examples/react/scroll-padding/package.json
@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@react-hookz/web": "^24.0.4",
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/smooth-scroll/package.json b/examples/react/smooth-scroll/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@tanstack/react-virtual": "^3.8.1"
+    "@tanstack/react-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/sticky/package.json b/examples/react/sticky/package.json
@@ -10,13 +10,13 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "lodash": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/table/package.json b/examples/react/table/package.json
@@ -10,15 +10,15 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/react-table": "^8.17.3",
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-table": "^8.19.2",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/variable/package.json b/examples/react/variable/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@tanstack/react-virtual": "^3.8.1"
+    "@tanstack/react-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/react/window/package.json b/examples/react/window/package.json
@@ -8,7 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.8.1",
+    "@tanstack/react-virtual": "^3.8.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
@@ -18,6 +18,6 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/svelte/dynamic/package.json b/examples/svelte/dynamic/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@tanstack/svelte-virtual": "^3.8.1"
+    "@tanstack/svelte-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
@@ -19,6 +19,6 @@
     "svelte-check": "^3.8.4",
     "tslib": "^2.6.3",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/svelte/fixed/package.json b/examples/svelte/fixed/package.json
@@ -9,7 +9,7 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "@tanstack/svelte-virtual": "^3.8.1"
+    "@tanstack/svelte-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
@@ -18,6 +18,6 @@
     "svelte-check": "^3.8.4",
     "tslib": "^2.6.3",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }
diff --git a/examples/svelte/infinite-scroll/package.json b/examples/svelte/infinite-scroll/package.json
@@ -9,8 +9,8 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "@tanstack/svelte-query": "^5.48.0",
-    "@tanstack/svelte-virtual": "^3.8.1"
+    "@tanstack/svelte-query": "^5.50.3",
+    "@tanstack/svelte-virtual": "^3.8.2"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
@@ -19,6 +19,6 @@
     "svelte-check": "^3.8.4",
     "tslib": "^2.6.3",
     "typescript": "5.2.2",
-    "vite": "^5.3.2"
+    "vite": "^5.3.3"
   }
 }