ci: prepare for trusted publishing

.github/ISSUE_TEMPLATE/config.yml

@@ -1,8 +1,11 @@
 blank_issues_enabled: false
 contact_links:
-  - name: Feature Requests & Questions
+  - name: 🤔 Feature Requests & Questions
     url: https://github.com/TanStack/table/discussions
     about: Please ask and answer questions here.
-  - name: Community Chat
+  - name: 💬 Community Chat
     url: https://discord.gg/mQd7egN
     about: A dedicated discord server hosted by TanStack
+  - name: 🦋 TanStack Bluesky
+    url: https://bsky.app/profile/tanstack.com
+    about: Stay up to date with new releases of our libraries

.github/workflows/autofix.yml

@@ -18,13 +18,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Setup Tools
         uses: tanstack/config/.github/setup@main
       - name: Fix formatting
-        run: pnpm prettier:write
+        run: pnpm format
       - name: Apply fixes
         uses: autofix-ci/action@dd55f44df8f7cdb7a6bf74c78677eb8acd40cd0a
         with:

.github/workflows/pr.yml

@@ -23,15 +23,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Start Nx Agents
         run: npx nx-cloud start-ci-run --distribute-on=".nx/workflows/dynamic-changesets.yaml"
       - name: Setup Tools
         uses: tanstack/config/.github/setup@main
       - name: Get base and head commits for `nx affected`
-        uses: nrwl/nx-set-shas@v4.3.3
+        uses: nrwl/nx-set-shas@v4.4.0
         with:
           main-branch-name: main
       - name: Run Checks
@@ -44,7 +44,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Setup Tools
@@ -58,7 +58,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Check Provenance

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: ci
+name: Release
 
 on:
   push:
@@ -23,7 +23,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Start Nx Agents
@@ -44,4 +44,3 @@ jobs:
           title: 'ci: Version Packages'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

examples/angular/basic/src/app/app.component.ts

@@ -46,35 +46,35 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => `<i>${info.getValue<string>()}</i>`,
+    cell: (info) => `<i>${info.getValue<string>()}</i>`,
     header: () => `<span>Last Name</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => `<span>Visits</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
 ]
 

examples/angular/basic/src/main.ts

@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))

examples/angular/column-ordering/src/app/app.component.ts

@@ -18,48 +18,48 @@ import { faker } from '@faker-js/faker'
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
         columns: [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -87,12 +87,12 @@ export class AppComponent {
       columnVisibility: this.columnVisibility(),
     },
     getCoreRowModel: getCoreRowModel(),
-    onColumnVisibilityChange: updaterOrValue => {
+    onColumnVisibilityChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnVisibility.update(updaterOrValue)
         : this.columnVisibility.set(updaterOrValue)
     },
-    onColumnOrderChange: updaterOrValue => {
+    onColumnOrderChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnOrder.update(updaterOrValue)
         : this.columnOrder.set(updaterOrValue)
@@ -108,7 +108,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 

examples/angular/column-ordering/src/main.ts

@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))

examples/angular/column-pinning-sticky/src/app/app.component.ts

@@ -32,44 +32,44 @@ const defaultColumns: ColumnDef<Person>[] = [
     accessorKey: 'firstName',
     id: 'firstName',
     header: 'First Name',
-    cell: info => info.getValue(),
-    footer: props => props.column.id,
+    cell: (info) => info.getValue(),
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => 'Last Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'age',
     id: 'age',
     header: 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'visits',
     id: 'visits',
     header: 'Visits',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'status',
     id: 'status',
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'progress',
     id: 'progress',
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
 ]
@@ -103,7 +103,7 @@ export class AppComponent {
   })
 
   readonly getCommonPinningStyles = (
-    column: Column<Person>
+    column: Column<Person>,
   ): Record<string, any> => {
     const isPinned = column.getIsPinned()
     const isLastLeftPinnedColumn =
@@ -128,7 +128,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 

examples/angular/column-pinning-sticky/src/main.ts

@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))

examples/angular/column-pinning/src/app/app.component.ts

@@ -29,48 +29,48 @@ type Person = {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
         columns: [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -100,17 +100,17 @@ export class AppComponent {
       columnOrder: this.columnOrder(),
       columnPinning: this.columnPinning(),
     },
-    onColumnVisibilityChange: updaterOrValue => {
+    onColumnVisibilityChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnVisibility.update(updaterOrValue)
         : this.columnVisibility.set(updaterOrValue)
     },
-    onColumnOrderChange: updaterOrValue => {
+    onColumnOrderChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnOrder.update(updaterOrValue)
         : this.columnOrder.set(updaterOrValue)
     },
-    onColumnPinningChange: updaterOrValue => {
+    onColumnPinningChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnPinning.update(updaterOrValue)
         : this.columnPinning.set(updaterOrValue)
@@ -127,7 +127,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }