rename to tanstack-query-builder

Author: KurtGokhan

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
       - run: npm test
 
       - run: npm run attw
-        working-directory: ./packages/react-query-builder
+        working-directory: ./packages/tanstack-query-builder
 
       - run: npm run publint
-        working-directory: ./packages/react-query-builder
+        working-directory: ./packages/tanstack-query-builder

.vscode/react-query-builder.code-workspace

@@ -5,8 +5,8 @@
       "path": ".."
     },
     {
-      "name": "📦 React Query Builder",
-      "path": "../packages/react-query-builder"
+      "name": "📦 Tanstack Query Builder",
+      "path": "../packages/tanstack-query-builder"
     },
     {
       "name": "🌐 Website",

CHANGELOG.md

@@ -1 +1 @@
-# react-query-builder
+# tanstack-query-builder

README.md

@@ -1,16 +1,16 @@
-[![npm](https://img.shields.io/npm/v/react-query-builder?style=for-the-badge)](https://www.npmjs.com/package/react-query-builder)
-[![NPM](https://img.shields.io/npm/l/react-query-builder?style=for-the-badge)](https://github.com/KurtGokhan/react-query-builder/blob/main/LICENSE)
-[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/KurtGokhan/react-query-builder/ci.yml?style=for-the-badge)](https://github.com/KurtGokhan/react-query-builder/actions/workflows/ci.yml)
+[![npm](https://img.shields.io/npm/v/tanstack-query-builder?style=for-the-badge)](https://www.npmjs.com/package/tanstack-query-builder)
+[![NPM](https://img.shields.io/npm/l/tanstack-query-builder?style=for-the-badge)](https://github.com/KurtGokhan/tanstack-query-builder/blob/main/LICENSE)
+[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/KurtGokhan/tanstack-query-builder/ci.yml?style=for-the-badge)](https://github.com/KurtGokhan/tanstack-query-builder/actions/workflows/ci.yml)
 
-# React Query Builder
+# Tanstack Query Builder
 
 The simplest way to start building with Tanstack Query.
 
 This library builds on top of Tanstack Query to provide out-of-the-box functionality to help you get started faster, and keep the application code well-structured.
 
 It uses the builder pattern, the best pattern for working with complex Typescript types.
 
-[Visit the docs →](https://gkurt.com/react-query-builder/)
+[Visit the docs →](https://gkurt.com/tanstack-query-builder/)
 
 ## Features
 
@@ -36,7 +36,7 @@ When a Post is deleted, the list query is automatically invalidated and refetche
 
 ```tsx
 import { QueryClient } from "@tanstack/react-query";
-import { HttpQueryBuilder } from "react-query-builder";
+import { HttpQueryBuilder } from "tanstack-query-builder";
 
 type PostData = { id: number; title: string; body: string; userId: number };
 
@@ -95,4 +95,4 @@ export function MyApp() {
 }
 ```
 
-For more examples and documentation, [Visit the docs →](https://gkurt.com/react-query-builder/)
+For more examples and documentation, [Visit the docs →](https://gkurt.com/tanstack-query-builder/)

examples/vite/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-query-builder-example-vite",
+  "name": "tanstack-query-builder-example-vite",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -15,8 +15,8 @@
     "@tanstack/react-query-devtools": "^5.66.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-query-builder": "*",
-    "react-query-builder-example-mocks": "*"
+    "tanstack-query-builder": "*",
+    "tanstack-query-builder-example-mocks": "*"
   },
   "devDependencies": {
     "@types/react": "^19.0.10",

examples/vite/src/App.tsx

@@ -1,10 +1,10 @@
 import { setupWorker } from 'msw/browser';
 import { useRef, useState } from 'react';
-import { CommentData, PostData, baseUrl, getMockHandlers } from 'react-query-builder-example-mocks';
+import { CommentData, PostData, baseUrl, getMockHandlers } from 'tanstack-query-builder-example-mocks';
 import './App.css';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { HttpQueryBuilder } from 'react-query-builder';
+import { HttpQueryBuilder } from 'tanstack-query-builder';
 import { queryClient } from './client';
 import './index.css';
 

examples/vite/src/SimpleExample.tsx

@@ -1,5 +1,5 @@
 import { QueryClient } from '@tanstack/react-query';
-import { HttpQueryBuilder } from 'react-query-builder';
+import { HttpQueryBuilder } from 'tanstack-query-builder';
 
 type PostData = { id: number; title: string; body: string; userId: number };
 

examples/vite/tests/Render.test.tsx

@@ -1,4 +1,4 @@
-import { baseUrl } from 'react-query-builder-example-mocks';
+import { baseUrl } from 'tanstack-query-builder-example-mocks';
 import { expect, test } from 'vitest';
 import { render } from 'vitest-browser-react';
 import { App } from '../src/App';
@@ -70,7 +70,7 @@ test('Posts deleted in other tabs are synced', async () => {
 
   // Simulate delete in another tab and send sync message
   await fetch(`${baseUrl}/posts/1`, { method: 'DELETE' });
-  new BroadcastChannel('react-query-builder-tags').postMessage({ type: 'invalidate', data: [{ type: 'posts' }] });
+  new BroadcastChannel('tanstack-query-builder-tags').postMessage({ type: 'invalidate', data: [{ type: 'posts' }] });
 
   await expect.element(el).not.toBeInTheDocument();
 });

examples/vite/vite.config.ts

@@ -6,7 +6,7 @@ import { defineConfig } from 'vite';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  optimizeDeps: { exclude: ['react-query-builder'] },
+  optimizeDeps: { exclude: ['tanstack-query-builder'] },
   test: {
     globals: true,
     includeTaskLocation: true,