Merge pull request #77 from oslabs-beta/john/import3

John/import3

Author: austin-cavanagh

package-react/package-lock.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",

package-react/package.json

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react'
 import axios from 'axios'
 import {
@@ -8,15 +10,15 @@ 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()
 
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <Example />
-      {/* <ReactQueryRewind /> */}
+      <ReactQueryRewind />
     </QueryClientProvider>
   )
 }

package-react/react-examples-tanstack/pagination/src/pages/index.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
   ]
 };
 

package-react/rollup.config.js

@@ -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",

package-svelte/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": [