major v3.6.12

TheSGJ · Aug 27, 2024 · 9b5f213 · 9b5f213
1 parent fdc5615
commit 9b5f213
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -152,3 +152,16 @@
 ### Updated
 
 - Updated README.md Documentation made it more readable.
+
+## v3.6.12
+
+### Added (major changes)
+
+- Added new import for PagesTopLoader
+
+- Added new import for custom useRouter hook
+
+### Updated
+
+- Fixing for react js
+- Updated README.md Documentation made it more readable.
diff --git a/JSR.md b/JSR.md
@@ -60,7 +60,7 @@ export default function RootLayout({ children }) {
 For rendering add `<PagesTopLoader />` to your `return()` in `MyApp()` (Recommended):
 
 ```js
-import { PagesTopLoader } from '@thesgj/nextjs-toploader';
+import { PagesTopLoader } from '@thesgj/nextjs-toploader/pages';
 
 export default function MyApp({ Component, pageProps }) {
   return (
@@ -83,7 +83,7 @@ For triggering TopLoader when using `useRouter` hook (app router):
 ```js
 // Import the useRouter hook from @thesgj/nextjs-toploader to trigger the TopLoader
 
-import { useRouter } from '@thesgj/nextjs-toploader';
+import { useRouter } from '@thesgj/nextjs-toploader/app';
 ```
 
 Then simply use it in your code for example:
@@ -98,7 +98,7 @@ router.push('/some-page');
 For triggering TopLoader when using `useRouter` add `<PagesTopLoader />` to your `return()` in `MyApp()` :
 
 ```js
-import { PagesTopLoader } from '@thesgj/nextjs-toploader';
+import { PagesTopLoader } from '@thesgj/nextjs-toploader/pages';
 
 export default function MyApp({ Component, pageProps }) {
   return (

diff --git a/README.md b/README.md
@@ -51,7 +51,7 @@ export default function RootLayout({ children }) {
 For rendering add `<PagesTopLoader />` to your `return()` in `MyApp()` (Recommended):
 
 ```js
-import { PagesTopLoader } from 'nextjs-toploader';
+import { PagesTopLoader } from 'nextjs-toploader/pages';
 
 export default function MyApp({ Component, pageProps }) {
   return (
@@ -74,7 +74,7 @@ For triggering TopLoader when using `useRouter` hook (app router):
 ```js
 // Import the useRouter hook from nextjs-toploader to trigger the TopLoader
 
-import { useRouter } from 'nextjs-toploader';
+import { useRouter } from 'nextjs-toploader/app';
 ```
 
 Then simply use it in your code for example:
@@ -89,7 +89,7 @@ router.push('/some-page');
 For triggering TopLoader when using `useRouter` add `<PagesTopLoader />` to your `return()` in `MyApp()` :
 
 ```js
-import { PagesTopLoader } from 'nextjs-toploader';
+import { PagesTopLoader } from 'nextjs-toploader/pages';
 
 export default function MyApp({ Component, pageProps }) {
   return (

diff --git a/src/useRouter.ts → src/app.ts b/src/useRouter.ts → src/app.ts
diff --git a/src/index.tsx b/src/index.tsx
@@ -345,6 +345,3 @@ NextTopLoader.propTypes = {
   zIndex: PropTypes.number,
   showAtBottom: PropTypes.bool,
 };
-
-export { useRouter } from './useRouter';
-export {  PagesTopLoader } from './PagesTopLoader';
diff --git a/src/PagesTopLoader.tsx → src/pages.tsx b/src/PagesTopLoader.tsx → src/pages.tsx
diff --git a/tsconfig.json b/tsconfig.json
@@ -23,7 +23,7 @@
       }
     ]
   },
-  "files": ["src/index.tsx"],
+  "files": ["src/index.tsx", "src/pages.tsx", "src/app.ts"],
   "include": ["./src/**/*.ts", "./src/**/*.tsx"],
   "exclude": ["./dist", "node_modules"]
 }
diff --git a/tsup.config.ts b/tsup.config.ts
@@ -3,9 +3,9 @@ export const tsup: Options = {
   target: 'es6',
   clean: true,
   dts: true,
-  entry: ['src/index.tsx'],
+  entry: ['src/index.tsx', 'src/pages.tsx', 'src/app.ts'],
   keepNames: true,
-  minify: true,
   sourcemap: true,
+  minify: true,
   format: ['cjs'],
 };