From 05af5f61302b310a1535a565682667ebe09b0590 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sat, 6 Jul 2024 22:58:46 -0700 Subject: [PATCH 01/13] updated readme --- README.md | 17 +++++++++++++++++ package-svelte/README.md | 2 +- package-vue/README.md | 2 +- 3 files changed, 19 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 2f945bc..a474d1f 100644 --- a/README.md +++ b/README.md @@ -35,10 +35,27 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c 1. Download npm package into your application. + **React** + ```sh npm i -D react-query-rewind ``` + **Svelte** + + ```sh + npm i --save-dev @react-query-rewind/svelte-query-rewind + ``` + + **Vue** + + ```sh + npm i --save-dev @react-query-rewind/vue-query-rewind + ``` + + **NextJS** + _Some older versions of NextJS point to the + 2. Import the ReactQueryRewind component into the root of your applicaiton. _picture of importing the component_ diff --git a/package-svelte/README.md b/package-svelte/README.md index f86be26..849ee50 100644 --- a/package-svelte/README.md +++ b/package-svelte/README.md @@ -36,7 +36,7 @@ Svelte Query Rewind introduces a powerful DevTool extension designed to work in 1. Download npm package into your application as a dev dependency. ```sh - npm i --save-dev react-query-rewind + npm i --save-dev @react-query-rewind/svelte-query-rewind ``` 2. Import the ReactQueryRewind component into the root of your applicaiton. diff --git a/package-vue/README.md b/package-vue/README.md index f58dd56..f625e35 100644 --- a/package-vue/README.md +++ b/package-vue/README.md @@ -36,7 +36,7 @@ Vue Query Rewind introduces a powerful DevTool extension designed to work in con 1. Download npm package into your application as a dev dependency. ```sh - npm i --save-dev react-query-rewind + npm i --save-dev @react-query-rewind/vue-query-rewind ``` 2. Import the ReactQueryRewind component into the root of your applicaiton. From 30139a6938e944c5b426433108ccefb59af45fd6 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sat, 6 Jul 2024 23:03:29 -0700 Subject: [PATCH 02/13] updated readme --- README.md | 12 +++++++----- package-react/README.md | 2 -- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index a474d1f..d405a91 100644 --- a/README.md +++ b/README.md @@ -53,17 +53,19 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c npm i --save-dev @react-query-rewind/vue-query-rewind ``` - **NextJS** - _Some older versions of NextJS point to the - 2. Import the ReactQueryRewind component into the root of your applicaiton. - _picture of importing the component_ - ```javascript import ReactQueryRewind from "react-query-rewind"; ``` + _Note: Some older versions of NextJS default to the commonJS version of the package, causing apps to error_ + _If you encounter this error, import the component with:_ + + ```javascript + import ReactQueryRewind from "../../node_modules/react-query-rewind/dist/esm/index.js"; + ``` + 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. ```javascript diff --git a/package-react/README.md b/package-react/README.md index 2f945bc..4334fab 100644 --- a/package-react/README.md +++ b/package-react/README.md @@ -41,8 +41,6 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c 2. Import the ReactQueryRewind component into the root of your applicaiton. - _picture of importing the component_ - ```javascript import ReactQueryRewind from "react-query-rewind"; ``` From 2ae2a7cb30d74d486f4e6a21b640135329ce535d Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sat, 6 Jul 2024 23:03:59 -0700 Subject: [PATCH 03/13] updated readme --- package-react/README.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/package-react/README.md b/package-react/README.md index 4334fab..e527bb0 100644 --- a/package-react/README.md +++ b/package-react/README.md @@ -45,6 +45,13 @@ React Query Rewind introduces a powerful DevTool extension designed to work in c import ReactQueryRewind from "react-query-rewind"; ``` + _Note: Some older versions of NextJS default to the commonJS version of the package, causing apps to error_ + _If you encounter this error, import the component with:_ + + ```javascript + import ReactQueryRewind from "../../node_modules/react-query-rewind/dist/esm/index.js"; + ``` + 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. ```javascript From 86a0f8c1c67ef75a52113d819ba09ee828f6a45c Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sat, 6 Jul 2024 23:04:48 -0700 Subject: [PATCH 04/13] updated package versions --- package-react/package.json | 2 +- package-svelte/package.json | 2 +- package-vue/package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-react/package.json b/package-react/package.json index 90dcc26..2964496 100644 --- a/package-react/package.json +++ b/package-react/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, - "version": "2.1.9", + "version": "2.1.10", "description": "React Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "react", diff --git a/package-svelte/package.json b/package-svelte/package.json index 3f538c8..b45d8da 100644 --- a/package-svelte/package.json +++ b/package-svelte/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind" }, - "version": "1.1.6", + "version": "1.1.7", "description": "Svelte Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "react", diff --git a/package-vue/package.json b/package-vue/package.json index 82a97e1..0df0c64 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -1,6 +1,6 @@ { "name": "@react-query-rewind/vue-query-rewind", - "version": "1.1.6", + "version": "1.1.7", "description": "Vue Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "type": "module", "files": [ From 011803693d795d534d895b16eb98eee7ae0329cd Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sat, 6 Jul 2024 23:09:02 -0700 Subject: [PATCH 05/13] updated links in all readmes --- README.md | 4 +++- package-react/README.md | 4 +++- package-svelte/README.md | 4 +++- package-vue/README.md | 4 +++- 4 files changed, 12 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index d405a91..81411b1 100644 --- a/README.md +++ b/README.md @@ -127,7 +127,9 @@ Rui Fan - [GitHub](https://github.com/ruifan-IU) - [LinkedIn](https://www.linked [](https://medium.com/@teeringe/react-query-rewind-time-travel-debugging-made-simple-46aaeeafd497) [](https://www.linkedin.com/company/react-query-rewind/) -Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind-chrome) +Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind) + +Website: [reactqueryrewind.com](https://reactqueryrewind.com/) # License [MIT](https://www.mit.edu/~amini/LICENSE.md) diff --git a/package-react/README.md b/package-react/README.md index e527bb0..a9f3acd 100644 --- a/package-react/README.md +++ b/package-react/README.md @@ -113,7 +113,9 @@ Rui Fan - [GitHub](https://github.com/ruifan-IU) - [LinkedIn](https://www.linked [](https://medium.com/@teeringe/react-query-rewind-time-travel-debugging-made-simple-46aaeeafd497) [](https://www.linkedin.com/company/react-query-rewind/) -Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind-chrome) +Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind) + +Website: [reactqueryrewind.com](https://reactqueryrewind.com/) # License [MIT](https://www.mit.edu/~amini/LICENSE.md) diff --git a/package-svelte/README.md b/package-svelte/README.md index 849ee50..df46a1c 100644 --- a/package-svelte/README.md +++ b/package-svelte/README.md @@ -97,7 +97,9 @@ Rui Fan - [GitHub](https://github.com/ruifan-IU) - [LinkedIn](https://www.linked [](https://medium.com/@teeringe/react-query-rewind-time-travel-debugging-made-simple-46aaeeafd497) [](https://www.linkedin.com/company/react-query-rewind/) -Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind-chrome) +Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind) + +Website: [reactqueryrewind.com](https://reactqueryrewind.com/) # License diff --git a/package-vue/README.md b/package-vue/README.md index f625e35..2168baa 100644 --- a/package-vue/README.md +++ b/package-vue/README.md @@ -97,7 +97,9 @@ Rui Fan - [GitHub](https://github.com/ruifan-IU) - [LinkedIn](https://www.linked [](https://medium.com/@teeringe/react-query-rewind-time-travel-debugging-made-simple-46aaeeafd497) [](https://www.linkedin.com/company/react-query-rewind/) -Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind-chrome) +Project Link: [React Query Rewind](https://github.com/oslabs-beta/react-query-rewind) + +Website: [reactqueryrewind.com](https://reactqueryrewind.com/) # License From c6a6b037afa8d703b1c3422059d40880923150df Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sun, 7 Jul 2024 01:12:26 -0700 Subject: [PATCH 06/13] fixed issue with vue package.json name where it overwrote react query --- package-svelte/package-lock.json | 4 ++-- package-svelte/package.json | 6 +++--- package-vue/package.json | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/package-svelte/package-lock.json b/package-svelte/package-lock.json index 4382c76..04bbe39 100644 --- a/package-svelte/package-lock.json +++ b/package-svelte/package-lock.json @@ -1,12 +1,12 @@ { "name": "react-query-rewind", - "version": "1.1.1", + "version": "1.1.7", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "react-query-rewind", - "version": "1.1.1", + "version": "1.1.7", "license": "MIT", "devDependencies": { "@babel/preset-env": "^7.23.5", diff --git a/package-svelte/package.json b/package-svelte/package.json index b45d8da..1be8b79 100644 --- a/package-svelte/package.json +++ b/package-svelte/package.json @@ -1,5 +1,5 @@ { - "name": "react-query-rewind", + "name": "@react-query-rewind/svelte-query-rewind", "contributors": [ { "name": "John Dunn" @@ -16,12 +16,12 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/oslabs-beta/react-query-rewind" + "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, "version": "1.1.7", "description": "Svelte Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ - "react", + "svelte", "react query", "tanstack query", "@tanstack", diff --git a/package-vue/package.json b/package-vue/package.json index 0df0c64..f48f48c 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -8,7 +8,7 @@ ], "repository": { "type": "git", - "url": "git+https://github.com/oslabs-beta/react-query-rewind" + "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, "main": "./dist/VueQueryRewind.cjs.js", "module": "./dist/VueQueryRewind.es.js", From 822e455389e2e429ffe1fb2cc4166dac32a8c5d3 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Sun, 7 Jul 2024 01:12:59 -0700 Subject: [PATCH 07/13] updated versions --- package-react/package.json | 2 +- package-svelte/package.json | 2 +- package-vue/package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-react/package.json b/package-react/package.json index 2964496..9bb3015 100644 --- a/package-react/package.json +++ b/package-react/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, - "version": "2.1.10", + "version": "2.1.11", "description": "React Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "react", diff --git a/package-svelte/package.json b/package-svelte/package.json index 1be8b79..60d2490 100644 --- a/package-svelte/package.json +++ b/package-svelte/package.json @@ -18,7 +18,7 @@ "type": "git", "url": "git+https://github.com/oslabs-beta/react-query-rewind.git" }, - "version": "1.1.7", + "version": "1.1.8", "description": "Svelte Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "keywords": [ "svelte", diff --git a/package-vue/package.json b/package-vue/package.json index f48f48c..b99c859 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -1,6 +1,6 @@ { "name": "@react-query-rewind/vue-query-rewind", - "version": "1.1.7", + "version": "1.1.8", "description": "Vue Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "type": "module", "files": [ From 3651b07eab864af7ff4049ec81e053bff99d8f44 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Mon, 8 Jul 2024 11:48:28 -0700 Subject: [PATCH 08/13] updated vue license in the package.json --- package-vue/package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package-vue/package.json b/package-vue/package.json index b99c859..b6de9f2 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -47,6 +47,7 @@ "vue-plugin", "tanstack" ], + "license": "MIT", "contributors": [ { "name": "John Dunn" From a9cb9695e8a163f8062b62c65ad05114ec44e13f Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Mon, 8 Jul 2024 11:57:59 -0700 Subject: [PATCH 09/13] updated vue documentation --- package-svelte/README.md | 4 +--- package-vue/README.md | 14 ++++---------- 2 files changed, 5 insertions(+), 13 deletions(-) diff --git a/package-svelte/README.md b/package-svelte/README.md index df46a1c..1666cc9 100644 --- a/package-svelte/README.md +++ b/package-svelte/README.md @@ -41,10 +41,8 @@ Svelte Query Rewind introduces a powerful DevTool extension designed to work in 2. Import the ReactQueryRewind component into the root of your applicaiton. - _picture of importing the component_ - ```javascript - import ReactQueryRewind from 'react-query-rewind'; + import ReactQueryRewind from '@react-query-rewind/svelte-query-rewind;` ``` 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. diff --git a/package-vue/README.md b/package-vue/README.md index 2168baa..e50a9c8 100644 --- a/package-vue/README.md +++ b/package-vue/README.md @@ -41,21 +41,15 @@ Vue Query Rewind introduces a powerful DevTool extension designed to work in con 2. Import the ReactQueryRewind component into the root of your applicaiton. - _picture of importing the component_ - ```javascript - import ReactQueryRewind from 'react-query-rewind'; + import VueQueryRewind from '@react-query-rewind/vue-query-rewind'; ``` -3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component. +3. Use the VueQuery plugins ```javascript - ReactDOM.createRoot(document.getElementById('root')!).render( - <QueryClientProvider client={queryClient}> - <App /> - <ReactQueryRewind /> - </QueryClientProvider> - ); + app.use(VueQueryPlugin, { queryClient }); // from Tanstack + app.use(VueQueryRewind); ``` 4. Open the Chrome DevTool Extension and start coding! From b7af5e04bc2fd2939f4c13b117a2fda270ded925 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Mon, 8 Jul 2024 11:58:30 -0700 Subject: [PATCH 10/13] update vue package version --- package-vue/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package-vue/package.json b/package-vue/package.json index b6de9f2..8766b59 100644 --- a/package-vue/package.json +++ b/package-vue/package.json @@ -1,6 +1,6 @@ { "name": "@react-query-rewind/vue-query-rewind", - "version": "1.1.8", + "version": "1.1.9", "description": "Vue Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools", "type": "module", "files": [ From 3607ae28270ba05f794ef5ea5b0a2ec3cbbfdc89 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Mon, 8 Jul 2024 13:43:43 -0700 Subject: [PATCH 11/13] updated gitignore --- .gitignore | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitignore b/.gitignore index 99669e3..aeb0261 100644 --- a/.gitignore +++ b/.gitignore @@ -135,6 +135,7 @@ public/ # macOS *.DS_Store +.DS_Store *.AppleDouble *.LSOverride From 37917c722faa3744d2c1c1ce295a2137fc130a17 Mon Sep 17 00:00:00 2001 From: John Dunn <johnwdunn20@gmail.com> Date: Mon, 8 Jul 2024 14:21:39 -0700 Subject: [PATCH 12/13] added license --- License.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 License.md diff --git a/License.md b/License.md new file mode 100644 index 0000000..d3e695c --- /dev/null +++ b/License.md @@ -0,0 +1,7 @@ +# Released under MIT License + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file From 8c49c257a91f6fb44bcb59f38d165ba6f4e8cf3f Mon Sep 17 00:00:00 2001 From: John Dunn <47347324+johnwdunn20@users.noreply.github.com> Date: Mon, 8 Jul 2024 14:25:38 -0700 Subject: [PATCH 13/13] Delete .DS_Store --- .DS_Store | Bin 6148 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 12179556317777d9bc8f9c3ae3c5120e529211d2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHK%}N6?5T4X(cM+in1;I<eYsJ<-6faAyFW`zERBG3)y0|9N-CCg(_678Xd=H<; znIsjZ^(rbeF!_?qOn$yB$qoRBW<PEKQ~|(4B`o<^OcAn^PDsi1lo5p)LqP@!Xi(8$ z!kasOBLj4HK6K#;ax6ccU-l5CIzsDf^pGZ5Ua!B2(oA`FuHsd^dG8{;)q^na<o&GK z>77yQSnD(z*E`Wk(jBy`iw9ceokVqeCLoEs=yHCVs8|o0y07BQ#D>=3`JUgdt_+83 zjg6hXnrv)tH%2u%+}+x)$*ub4XykiKtLytm?Ys0|>1WHRz>m+!g2OSqU}ehY;_NDo zaIxez#e9u+GSjG2%#UGDrCQyfbv!Q(#KH_P1I)l5V!&Nr-uxe0GcT1HU<Q7M0lFU~ zDq-NTuxPFhEKCZ3NWYOruui!I#Yl&N!@?q3P=pOdw4uVK7{Z2QzjS_q!@{Bs2jP+r z;bs;tLlI_n9A6rD5P?N5nE__tD+4pOS*7>?@caD#YY?}X0cPM|F(AsVu+_vZxwmy< xbM)3q)Js$n@+&NUgkZ%y#pp{<@iM9r?3YwQ3>+2~u?K~J1Pl#aFatlzz&nFiT)qGR