Fix github workflows, prettier

.github/workflows/ci.yml

@@ -1,42 +1,53 @@
 name: ci
+
+on:
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: override release tag
+        required: false
+  push:
+    branches: ['main', 'alpha', 'beta']
+
 concurrency:
-  group: publish-${{ github.github.base_ref }}
+  group: ${{ github.workflow }}-${{ github.event.number || github.ref }}
   cancel-in-progress: true
+
 env:
-  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
-on:
-  push:
-    branches:
-      - 'main'
-      - 'beta'
+
 jobs:
   test-and-publish:
-    name: 'Test & Publish'
+    name: Test & Publish
+    if: github.repository == 'TanStack/virtual'
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v4
         with:
           fetch-depth: '0'
-      - name: Setup Pnpm
-        uses: pnpm/action-setup@v2.2.4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 8
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.19.0
-          cache: 'pnpm'
+          node-version-file: .nvmrc
+          cache: pnpm
       - name: Install dependencies
-        run: pnpm --filter "./packages/**" --prefer-offline install --no-frozen-lockfile
-      - name: Publish
+        run: pnpm install --frozen-lockfile --prefer-offline
+      - name: Run Tests
+        run: pnpm run test:ci
+- name: Publish
         run: |
           git config --global user.name 'Tanner Linsley'
           git config --global user.email '[email protected]'
           npm config set '//registry.npmjs.org/:_authToken' "${NPM_TOKEN}"
-          pnpm cipublish
+          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 }}

.github/workflows/pr.yml

@@ -1,27 +1,42 @@
 name: pr
-on: [pull_request]
+
+on:
+  pull_request:
+    paths-ignore:
+      - 'docs/**'
+      - 'media/**'
+      - '**/*.md'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.number || github.ref }}
+  cancel-in-progress: true
+
 env:
-  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
+
 jobs:
   test:
-    name: 'Test'
+    name: Test
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v4
         with:
-          fetch-depth: '0'
-      - name: Setup Pnpm
-        uses: pnpm/action-setup@v2.2.4
+          fetch-depth: 0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 8
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.19.0
-          cache: 'pnpm'
+          node-version-file: .nvmrc
+          cache: pnpm
       - name: Install dependencies
-        run: pnpm --filter "./packages/**" --prefer-offline install --no-frozen-lockfile
-      - name: Build & Test
-        run: npx nx run-many --targets=test,build --projects=@tanstack/* --exclude=@tanstack/react-start
+        run: pnpm install --frozen-lockfile --prefer-offline
+      - name: Get base and head commits for `nx affected`
+        uses: nrwl/nx-set-shas@v3
+        with:
+          main-branch-name: 'main'
+      - name: Run Checks
+        run: pnpm run test:pr

.gitignore

@@ -24,8 +24,6 @@ coverage
 .env.test.local
 .env.production.local
 .next
-.nx/cache
-.pnpm-store
 
 npm-debug.log*
 yarn-debug.log*
@@ -39,6 +37,9 @@ stats.html
 
 *.log
 .DS_Store
-node_modules
 .cache
-dist
+.nx/cache
+.pnpm-store
+
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.nx/workflows/dynamic-changesets.yaml

@@ -0,0 +1,4 @@
+distribute-on:
+  small-changeset: 8 linux-medium-js
+  medium-changeset: 10 linux-medium-js
+  large-changeset: 12 linux-medium-js

.prettierignore

@@ -0,0 +1,9 @@
+**/.next
+**/.nx/cache
+**/.svelte-kit
+**/build
+**/coverage
+**/dist
+**/docs
+**/codemods/**/__testfixtures__
+pnpm-lock.yaml

examples/react/dynamic/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/dynamic/vite.config.js

@@ -3,5 +3,5 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 })

examples/react/fixed/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/fixed/src/main.tsx

@@ -189,8 +189,8 @@ function GridVirtualizerFixed() {
                         ? 'ListItemOdd'
                         : 'ListItemEven'
                       : virtualRow.index % 2
-                      ? 'ListItemOdd'
-                      : 'ListItemEven'
+                        ? 'ListItemOdd'
+                        : 'ListItemEven'
                   }
                   style={{
                     position: 'absolute',

examples/react/infinite-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/padding/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/padding/src/main.tsx

@@ -211,8 +211,8 @@ function GridVirtualizerDynamic({ rows, columns }) {
                           ? 'ListItemOdd'
                           : 'ListItemEven'
                         : virtualRow.index % 2
-                        ? 'ListItemOdd'
-                        : 'ListItemEven'
+                          ? 'ListItemOdd'
+                          : 'ListItemEven'
                     }
                     style={{
                       position: 'absolute',

examples/react/scroll-padding/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/smooth-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/sticky/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/table/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/table/vite.config.js

@@ -3,5 +3,5 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 })

examples/react/variable/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/react/variable/src/main.tsx

@@ -204,8 +204,8 @@ function GridVirtualizerVariable({ rows, columns }) {
                         ? 'ListItemOdd'
                         : 'ListItemEven'
                       : virtualRow.index % 2
-                      ? 'ListItemOdd'
-                      : 'ListItemEven'
+                        ? 'ListItemOdd'
+                        : 'ListItemEven'
                   }
                   style={{
                     position: 'absolute',

examples/react/window/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/dynamic/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/fixed/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/infinite-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/smooth-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/sticky/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/svelte/table/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/dynamic/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/fixed/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/fixed/src/components/GridVirtualizerFixed.vue

@@ -21,8 +21,8 @@
                 ? 'ListItemOdd'
                 : 'ListItemEven'
               : virtualRow.index % 2
-              ? 'ListItemOdd'
-              : 'ListItemEven'
+                ? 'ListItemOdd'
+                : 'ListItemEven'
           "
           :style="{
             position: 'absolute',

examples/vue/infinite-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/padding/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/padding/src/components/GridVirtualizerPadding.vue

@@ -32,8 +32,8 @@
                 ? 'ListItemOdd'
                 : 'ListItemEven'
               : virtualRow.index % 2
-              ? 'ListItemOdd'
-              : 'ListItemEven'
+                ? 'ListItemOdd'
+                : 'ListItemEven'
           "
           :style="{
             position: 'absolute',

examples/vue/scroll-padding/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/smooth-scroll/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/sticky/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/table/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/vue/table/src/style.css

@@ -28,4 +28,4 @@ body {
 
 .text-left {
   text-align: left;
-}
+}

examples/vue/variable/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />