diff --git a/package-react/package-lock.json b/package-react/package-lock.json index b9dc01e..6220224 100644 --- a/package-react/package-lock.json +++ b/package-react/package-lock.json @@ -1,12 +1,12 @@ { "name": "react-query-rewind", - "version": "2.1.0", + "version": "2.1.6", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "react-query-rewind", - "version": "2.1.0", + "version": "2.1.6", "license": "MIT", "dependencies": { "react-error-boundary": "^4.0.13" diff --git a/package-react/package.json b/package-react/package.json index 5908a60..90dcc26 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.6", + "version": "2.1.9", "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", @@ -30,7 +30,7 @@ ], "private": false, "type": "module", - "main": "dist/cjs/index.js", + "main": "dist/cjs/index.cjs", "module": "dist/esm/index.js", "types": "dist/cjs/index.d.ts", "files": [ @@ -48,31 +48,31 @@ "link-package": "npm link && (cd example/client && npm link react-query-rewind)", "link-dependencies": "npm link example/client/node_modules/react example/client/node_modules/react-dom example/client/node_modules/@tanstack/react-query", "unlink-package": "(cd example/client && npm unlink react-query-rewind) && npm unlink", - "package-setup-1": "npm i && npm run install-example && npm run link-dependencies && npm run watch", + "package-setup-1": "npm run clean && npm i && npm run install-example && npm run link-dependencies && npm run watch", "package-setup-2": "npm run link-package && npm run example", "install-algolia": "cd react-examples-tanstack/algolia && npm i", "link-package-algolia": "npm link && (cd react-examples-tanstack/algolia && npm link react-query-rewind)", "link-dependencies-algolia": "npm link react-examples-tanstack/algolia/node_modules/react react-examples-tanstack/algolia/node_modules/react-dom example/client/node_modules/@tanstack/react-query", "unlink-package-algolia": "(cd react-examples-tanstack/algolia && npm unlink react-query-rewind) && npm unlink", - "package-setup-1-algolia": "npm i && npm run install-algolia && npm run link-dependencies-algolia && npm run watch", + "package-setup-1-algolia": "npm run clean && npm i && npm run install-algolia && npm run link-dependencies-algolia && npm run watch", "package-setup-2-algolia": "npm run link-package-algolia && (cd react-examples-tanstack/algolia && npm run dev)", "install-basic": "cd react-examples-tanstack/basic && npm i", "link-package-basic": "npm link && (cd react-examples-tanstack/basic && npm link react-query-rewind)", "link-dependencies-basic": "npm link react-examples-tanstack/basic/node_modules/react react-examples-tanstack/basic/node_modules/react-dom example/client/node_modules/@tanstack/react-query", "unlink-package-basic": "(cd react-examples-tanstack/basic && npm unlink react-query-rewind) && npm unlink", - "package-setup-1-basic": "npm i && npm run install-basic && npm run link-dependencies-basic && npm run watch", + "package-setup-1-basic": "npm run clean && npm i && npm run install-basic && npm run link-dependencies-basic && npm run watch", "package-setup-2-basic": "npm run link-package-basic && (cd react-examples-tanstack/basic && npm run dev)", "install-basic-typescript": "cd react-examples-tanstack/basic-typescript && npm i", "link-package-basic-typescript": "npm link && (cd react-examples-tanstack/basic-typescript && npm link react-query-rewind)", "link-dependencies-basic-typescript": "npm link react-examples-tanstack/basic-typescript/node_modules/react react-examples-tanstack/basic-typescript/node_modules/react-dom example/client/node_modules/@tanstack/react-query", "unlink-package-basic-typescript": "(cd react-examples-tanstack/basic-typescript && npm unlink react-query-rewind) && npm unlink", - "package-setup-1-basic-typescript": "npm i && npm run install-basic-typescript && npm run link-dependencies-basic-typescript && npm run watch", + "package-setup-1-basic-typescript": "npm run clean && npm i && npm run install-basic-typescript && npm run link-dependencies-basic-typescript && npm run watch", "package-setup-2-basic-typescript": "npm run link-package-basic-typescript && (cd react-examples-tanstack/basic-typescript && npm run dev)", "install-pagination": "cd react-examples-tanstack/pagination && npm i", "link-package-pagination": "npm link && (cd react-examples-tanstack/pagination && npm link react-query-rewind)", "link-dependencies-pagination": "npm link react-examples-tanstack/pagination/node_modules/react react-examples-tanstack/pagination/node_modules/react-dom example/client/node_modules/@tanstack/react-query", "unlink-package-pagination": "(cd react-examples-tanstack/pagination && npm unlink react-query-rewind) && npm unlink", - "package-setup-1-pagination": "npm i && npm run install-pagination && npm run link-dependencies-pagination && npm run watch", + "package-setup-1-pagination": "npm run clean && npm i && npm run install-pagination && npm run link-dependencies-pagination && npm run watch", "package-setup-2-pagination": "npm run link-package-pagination && (cd react-examples-tanstack/pagination && npm run dev)" }, "license": "MIT", diff --git a/package-react/react-examples-tanstack/pagination/src/pages/index.js b/package-react/react-examples-tanstack/pagination/src/pages/index.js index 39e846d..261700c 100644 --- a/package-react/react-examples-tanstack/pagination/src/pages/index.js +++ b/package-react/react-examples-tanstack/pagination/src/pages/index.js @@ -1,3 +1,5 @@ +'use client'; + import React from 'react' import axios from 'axios' import { @@ -8,7 +10,7 @@ import { keepPreviousData, } from '@tanstack/react-query' import { ReactQueryDevtools } from '@tanstack/react-query-devtools' -// import ReactQueryRewind from 'react-query-rewind' +import ReactQueryRewind from 'react-query-rewind' const queryClient = new QueryClient() @@ -16,7 +18,7 @@ export default function App() { return ( <QueryClientProvider client={queryClient}> <Example /> - {/* <ReactQueryRewind /> */} + <ReactQueryRewind /> </QueryClientProvider> ) } diff --git a/package-react/rollup.config.js b/package-react/rollup.config.js index b65c976..d95f2a0 100644 --- a/package-react/rollup.config.js +++ b/package-react/rollup.config.js @@ -11,9 +11,10 @@ export default { input: 'src/index.tsx', // Main TypeScript file of our package output: [ { - file: 'dist/cjs/index.js', // CommonJS format + file: 'dist/cjs/index.cjs', // CommonJS format format: 'cjs', - sourcemap: true + sourcemap: true, + exports: "named" }, { file: 'dist/esm/index.js', // ES Module format @@ -27,10 +28,11 @@ export default { commonjs(), // Converts CommonJS modules to ES6 typescript({ tsconfig: './tsconfig.json' }), // TypeScript plugin babel({ - exclude: 'node_modules/**', // Babel for transpiling React and ES6 - presets: ['@babel/preset-react'] + babelHelpers: 'bundled', + extensions: ['.js', '.jsx', '.ts', '.tsx'], + exclude: 'node_modules/**' }), - terser(), // Minifies the bundles + // terser(), // Minifies the bundles ] }; \ No newline at end of file diff --git a/package-svelte/package.json b/package-svelte/package.json index ea68a2a..3f538c8 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.5", + "version": "1.1.6", "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 5765d80..82a97e1 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.5", + "version": "1.1.6", "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": [