Migrate AIO package to TS, build with @tanstack/vite-config (#224)

Author: lachlancollins

.changeset/nice-games-invite.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/config': patch
+---
+
+Migrate to TS, build with @tanstack/vite-config

.github/workflows/pr.yml

@@ -1,4 +1,4 @@
-name: pr
+name: PR
 
 on:
   pull_request:

docs/ci-cd.md

@@ -9,10 +9,10 @@ title: CI/CD
     - Runs tests for all pull requests
     - Runs `nx affected`, which only executes tasks with invalidated cache
     - Also uses `pkg-pr-new` to publish package previews and create links to our examples
-- `ci.yml`:
+- `release.yml`:
     - Runs tests for code merged into release branches
     - Runs `nx run-many`, which executes all tasks and ensures the outputs are present (necessary for publishing builds)
-    - Uses [@tanstack/config/publish](./publish.md) to handle versioning and npm release
+    - Uses [Changesets](https://github.com/changesets/changesets) to handle versioning and publishing
 
 ## Nx
 

docs/eslint.md

@@ -16,6 +16,8 @@ This package unifies the shared ESLint config used across all TanStack projects.
 ### eslint.config.js
 
 ```js
+import { tanstackConfig } from '@tanstack/eslint-config'
+// OR
 import { tanstackConfig } from '@tanstack/config/eslint'
 
 export default [
@@ -31,8 +33,8 @@ export default [
 - [@eslint/js](https://github.com/eslint/eslint) - The core ESLint rules
 - [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint) - Enables TypeScript support
 - [eslint-plugin-import-x](https://github.com/un-ts/eslint-plugin-import-x) - Lints imports and exports
-- [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn) - Miscellaneous useful rules
+- [eslint-plugin-n](https://github.com/eslint-community/eslint-plugin-n) - Useful rules for Node.js
 
 ## Rules
 
-You can inspect the enabled rules by running `pnpm dlx @eslint/config-inspector`, or by browsing the source [here](https://github.com/TanStack/config/tree/main/packages/config/src/eslint). Each rule has a comment explaining why it is included in the shared config.
+You can inspect the enabled rules by running `pnpm dlx @eslint/config-inspector`, or by browsing the source [here](https://github.com/TanStack/config/tree/main/packages/eslint-config). Each rule has a comment explaining why it is included in the shared config.

docs/overview.md

@@ -21,7 +21,20 @@ The following tools are required to use this package:
 To install the package, run the following command:
 
 ```bash
+# AIO
 pnpm add -D @tanstack/config
+
+# ESLint
+pnpm add -D @tanstack/eslint-config
+
+# Publish
+pnpm add -D @tanstack/publish-config
+
+# Typedoc
+pnpm add -D @tanstack/typedoc-config
+
+# Vite
+pnpm add -D @tanstack/vite-config
 ```
 
 ## Utilities

docs/publish.md

@@ -5,25 +5,12 @@ title: Publish
 
 ## Usage
 
-You have two options for using TanStack Config to publish:
-
-- [CLI Usage](#cli-usage)
-- [Programmatic Usage](#programmatic-usage)
-
-### CLI Usage
-
-To run the publish script for your package, run the following command:
-
-```bash
-pnpm run tanstack-config publish
-```
-
-### Programmatic Usage
-
 To use the TanStack Config programmatically, you can import the `publish` function:
 
 ```ts
 import { publish } from '@tanstack/config/publish'
+// OR
+import { publish } from '@tanstack/publish-config'
 
 publish({
   branchConfigs: configOpts.branchConfigs,

docs/vite.md

@@ -52,7 +52,10 @@ The build config is quite opinionated, as it is designed to work with our intern
 
 ```ts
 import { defineConfig, mergeConfig } from 'vite'
+
 import { tanstackViteConfig } from '@tanstack/config/vite'
+// OR
+import { tanstackViteConfig } from '@tanstack/vite-config'
 
 const config = defineConfig({
   // Framework plugins, vitest config, etc.

integrations/react/package.json

@@ -23,7 +23,8 @@
     "dist"
   ],
   "scripts": {
-    "test:build": "vite build && vitest && publint --strict"
+    "build": "vite build",
+    "test:build": "vitest && publint --strict"
   },
   "dependencies": {
     "@tanstack/query-core": "catalog:",

integrations/vanilla/package.json

@@ -23,7 +23,8 @@
     "dist"
   ],
   "scripts": {
-    "test:build": "vite build && vitest && publint --strict"
+    "build": "vite build",
+    "test:build": "vitest && publint --strict"
   },
   "devDependencies": {
     "@tanstack/config": "workspace:*",

integrations/vue/package.json

@@ -23,7 +23,8 @@
     "dist"
   ],
   "scripts": {
-    "test:build": "vite build && vitest && publint --strict"
+    "build": "vite build",
+    "test:build": "vitest && publint --strict"
   },
   "dependencies": {
     "vue": "catalog:"