nextjs-toploader - npm Package Compare versions

Comparing version 1.1.1 to 1.2.1

dist/index.d.ts

 import * as PropTypes from 'prop-types';
-import * as React from 'react';
 
@@ -52,3 +51,3 @@ /**
 }
-declare const _default: React.MemoExoticComponent<{
+declare const NextTopLoader: {
     (props: NextTopLoaderProps): JSX.Element;
@@ -65,4 +64,4 @@ propTypes: {
     };
-}>;
+};
 
-export { NextTopLoaderProps, _default as default };
+export { NextTopLoaderProps, NextTopLoader as default };

dist/index.js

@@ -1,41 +0,2 @@
-"use strict";var f=Object.create;var s=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var u=(e,n)=>s(e,"name",{value:n,configurable:!0});var y=(e,n)=>{for(var r in n)s(e,r,{get:n[r],enumerable:!0})},d=(e,n,r,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of m(n))!b.call(e,i)&&i!==r&&s(e,i,{get:()=>n[i],enumerable:!(c=g(n,i))||c.enumerable});return e};var a=(e,n,r)=>(r=e!=null?f(h(e)):{},d(n||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>d(s({},"__esModule",{value:!0}),e);var S={};y(S,{default:()=>w});module.exports=v(S);var l=a(require("next/script")),t=a(require("prop-types")),o=a(require("react"));var p=u(e=>{let n="#29d";return o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:`#nprogress{pointer-events:none}#nprogress .bar{background:${e.color?e.color:n};position:fixed;z-index:1031;top:0;left:0;width:100%;height:${e.height?e.height:3}px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px ${e.color?e.color:n},0 0 5px ${e.color?e.color:n};opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:${e.color?e.color:n};border-left-color:${e.color?e.color:n};border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`}}),o.createElement(l.default,{id:"next-top-loader"},`
-        var npgclass = document.querySelectorAll("html");
-        let currentUrl = window.location.href;
-        let navLinks = document.querySelectorAll("a");
-        navLinks.forEach(navLink => {
-        navLink.addEventListener('click', (event) => {
-            ${e.showSpinner===!0?`NProgress.configure({ showSpinner: ${e.showSpinner} });`:""}
-            ${e.showSpinner===!1?`NProgress.configure({ showSpinner: ${e.showSpinner} });`:""}
-            ${e.crawl===!0?`NProgress.configure({ trickle: ${e.crawl} });`:""}
-            ${e.crawl===!1?`NProgress.configure({ trickle: ${e.crawl} });`:""}
-            ${e.crawlSpeed?`NProgress.configure({ trickleSpeed: ${e.crawlSpeed} });`:""}
-            ${e.initialPosition?`NProgress.configure({ minimum: ${e.initialPosition} });`:""}
-            ${e.easing?`NProgress.configure({ easing: ${e.easing} });`:""}
-            ${e.speed?`NProgress.configure({ speed: ${e.speed} });`:""}
-            let currentUrl = window.location.href;
-            let newUrl = event.target.href;
-            if (newUrl === currentUrl) {
-                NProgress.start();
-                let newUrl = event.target.href;
-                NProgress.done();
-                [].forEach.call(npgclass, function(el) {
-                    el.classList.remove("nprogress-busy");
-                });
-            } else {
-                NProgress.start();
-                (function(history){
-                var pushState = history.pushState;
-                history.pushState = function(state) {
-                    NProgress.done();
-                    let newUrl = event.target.href;
-                    [].forEach.call(npgclass, function(el) {
-                        el.classList.remove("nprogress-busy");
-                    });
-                    return pushState.apply(history, arguments);
-                };
-                })(window.history);
-            }
-        });
-      });
-    `),o.createElement(l.default,{id:"nprogress.js"},`!function(e,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n():e.NProgress=n()}(this,(function(){var e,n,t={version:"0.2.0"},r=t.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function i(e,n,t){return e<n?n:e>t?t:e}function s(e){return 100*(-1+e)}t.configure=function(e){var n,t;for(n in e)void 0!==(t=e[n])&&e.hasOwnProperty(n)&&(r[n]=t);return this},t.status=null,t.set=function(e){var n=t.isStarted();e=i(e,r.minimum,1),t.status=1===e?null:e;var u=t.render(!n),c=u.querySelector(r.barSelector),l=r.speed,f=r.easing;return u.offsetWidth,o((function(n){""===r.positionUsing&&(r.positionUsing=t.getPositioningCSS()),a(c,function(e,n,t){var i;i="translate3d"===r.positionUsing?{transform:"translate3d("+s(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+s(e)+"%,0)"}:{"margin-left":s(e)+"%"};return i.transition="all "+n+"ms "+t,i}(e,l,f)),1===e?(a(u,{transition:"none",opacity:1}),u.offsetWidth,setTimeout((function(){a(u,{transition:"all "+l+"ms linear",opacity:0}),setTimeout((function(){t.remove(),n()}),l)}),l)):setTimeout(n,l)})),this},t.isStarted=function(){return"number"==typeof t.status},t.start=function(){t.status||t.set(0);var e=function(){setTimeout((function(){t.status&&(t.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},t.done=function(e){return e||t.status?t.inc(.3+.5*Math.random()).set(1):this},t.inc=function(e){var n=t.status;return n?("number"!=typeof e&&(e=(1-n)*i(Math.random()*n,.1,.95)),n=i(n+e,0,.994),t.set(n)):t.start()},t.trickle=function(){return t.inc(Math.random()*r.trickleRate)},e=0,n=0,t.promise=function(r){return r&&"resolved"!==r.state()?(0===n&&t.start(),e++,n++,r.always((function(){0==--n?(e=0,t.done()):t.set((e-n)/e)})),this):this},t.render=function(e){if(t.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=r.template;var i,o=n.querySelector(r.barSelector),u=e?"-100":s(t.status||0),l=document.querySelector(r.parent);return a(o,{transition:"all 0 linear",transform:"translate3d("+u+"%,0,0)"}),r.showSpinner||(i=n.querySelector(r.spinnerSelector))&&d(i),l!=document.body&&c(l,"nprogress-custom-parent"),l.appendChild(n),n},t.remove=function(){l(document.documentElement,"nprogress-busy"),l(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&d(e)},t.isRendered=function(){return!!document.getElementById("nprogress")},t.getPositioningCSS=function(){var e=document.body.style,n="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return n+"Perspective"in e?"translate3d":n+"Transform"in e?"translate":"margin"};var o=function(){var e=[];function n(){var t=e.shift();t&&t(n)}return function(t){e.push(t),1==e.length&&n()}}(),a=function(){var e=["Webkit","O","Moz","ms"],n={};function t(t){return t=t.replace(/^-ms-/,"ms-").replace(/-([da-z])/gi,(function(e,n){return n.toUpperCase()})),n[t]||(n[t]=function(n){var t=document.body.style;if(n in t)return n;for(var r,i=e.length,s=n.charAt(0).toUpperCase()+n.slice(1);i--;)if((r=e[i]+s)in t)return r;return n}(t))}function r(e,n,r){n=t(n),e.style[n]=r}return function(e,n){var t,i,s=arguments;if(2==s.length)for(t in n)void 0!==(i=n[t])&&n.hasOwnProperty(t)&&r(e,t,i);else r(e,s[1],s[2])}}();function u(e,n){return("string"==typeof e?e:f(e)).indexOf(" "+n+" ")>=0}function c(e,n){var t=f(e),r=t+n;u(t,n)||(e.className=r.substring(1))}function l(e,n){var t,r=f(e);u(e,n)&&(t=r.replace(" "+n+" "," "),e.className=t.substring(1,t.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/s+/gi," ")}function d(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return t}));`))},"NextTopLoader"),w=o.memo(p);p.propTypes={color:t.string,height:t.number,showSpinner:t.bool,crawl:t.bool,crawlSpeed:t.number,initialPosition:t.number,easing:t.string,speed:t.number};0&&(module.exports={});
+"use client"; var N = Object.create; var c = Object.defineProperty; var v = Object.getOwnPropertyDescriptor; var L = Object.getOwnPropertyNames; var E = Object.getPrototypeOf, U = Object.prototype.hasOwnProperty; var f = (e, r) => c(e, "name", { value: r, configurable: !0 }); var $ = (e, r) => { for (var t in r) c(e, t, { get: r[t], enumerable: !0 }) }, x = (e, r, t, g) => { if (r && typeof r == "object" || typeof r == "function") for (let s of L(r)) !U.call(e, s) && s !== t && c(e, s, { get: () => r[s], enumerable: !(g = v(r, s)) || g.enumerable }); return e }; var h = (e, r, t) => (t = e != null ? N(E(e)) : {}, x(r || !e || !e.__esModule ? c(t, "default", { value: e, enumerable: !0 }) : t, e)), A = e => x(c({}, "__esModule", { value: !0 }), e); var z = {}; $(z, { default: () => R }); module.exports = A(z); var o = h(require("prop-types")), p = h(require("react")), n = h(require("nprogress")); var P = f(e => { let r = "#29d", g = p.createElement("style", null, `#nprogress{pointer-events:none}#nprogress .bar{background:${e.color ? e.color : r};position:fixed;z-index:1031;top:0;left:0;width:100%;height:${e.height ? e.height : 3}px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px ${e.color ? e.color : r},0 0 5px ${e.color ? e.color : r};opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:${e.color ? e.color : r};border-left-color:${e.color ? e.color : r};border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`); return p.useEffect(() => { e.showSpinner !== void 0 && n.configure({ showSpinner: e.showSpinner }), e.crawl !== void 0 && n.configure({ trickle: e.crawl }), e.crawlSpeed !== void 0 && n.configure({ trickleSpeed: e.crawlSpeed }), e.initialPosition !== void 0 && n.configure({ minimum: e.initialPosition }), e.easing !== void 0 && n.configure({ easing: e.easing }), e.speed !== void 0 && n.configure({ speed: e.speed }); var s = document.querySelectorAll("html"); document.querySelectorAll("a").forEach(y => { y.addEventListener("click", k => { let u = window.location.href, m = k.currentTarget.href; function S(i, d) { let a = new URL(i), l = new URL(d); if (a.hostname === l.hostname && a.pathname === l.pathname && a.search === l.search) { let b = a.hash, w = l.hash; return b !== w && a.href.replace(b, "") === l.href.replace(w, "") } return !1 } f(S, "isAnchorOfCurrentUrl"); let T = S(u, m); m === u || T ? (n.start(), n.done(), [].forEach.call(s, function (i) { i.classList.remove("nprogress-busy") })) : (n.start(), function (i) { var d = i.pushState; i.pushState = function () { return n.done(), [].forEach.call(s, function (a) { a.classList.remove("nprogress-busy") }), d.apply(i, arguments) } }(window.history)) }) }) }), g }, "NextTopLoader"), R = P; P.propTypes = { color: o.string, height: o.number, showSpinner: o.bool, crawl: o.bool, crawlSpeed: o.number, initialPosition: o.number, easing: o.string, speed: o.number }; 0 && (module.exports = {});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "nextjs-toploader",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "description": "A Next.js Top Loading Bar component made using nprogress, works with Next.js 13.",
@@ -8,4 +8,3 @@ "main": "dist/index.js",
   "scripts": {
-    "build": "tsup",
-    "prepack": "npm run build",
+    "build-lib": "tsup",
     "lint": "eslint --fix --cache src/",
@@ -43,2 +42,3 @@ "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
@@ -50,2 +50,3 @@ "@typescript-eslint/parser": "^5.54.0",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "tsup": "^6.6.3",
@@ -56,8 +57,11 @@ "typescript": "^4.9.5"
     "next": ">= 6.0.0",
-    "react": ">= 16.0.0"
+    "react": ">= 16.0.0",
+    "react-dom": ">= 16.0.0"
   },
   "packageManager": "yarn@3.2.4",
   "dependencies": {
+    "@types/nprogress": "^0.2.0",
+    "nprogress": "^0.2.0",
     "prop-types": "^15.8.1"
   }
 }

README.md

@@ -89,2 +89,2 @@ # Next Js TopLoader
 
-After passing the props reload the next.js server once in the browser, to see changes for `<NextTopLoader />` ( This is because NextTopLoader uses built-in history api in browser for indicating progress )
+After passing the props reload the your next.js page once in the browser, to see changes for `<NextTopLoader />` ( This is because NextTopLoader uses built-in history api in browser for indicating progress. )

No alert changes

Worsened metrics

Total package byte prevSize

18421

decreased by-28.82%

Dependency count

6

increased by100%

Dev dependency count

12

increased by20%

Lines of code

75

decreased by-40.94%

Dependency changes

• + Added@types/nprogress@^0.2.0

• + Addednprogress@^0.2.0

• + Added@types/nprogress@0.2.3(transitive)

• + Addedcaniuse-lite@1.0.30001698(transitive)

• + Addednprogress@0.2.0(transitive)

• + Addedreact-dom@19.0.0(transitive)

• + Addedscheduler@0.25.0(transitive)

• + Addedsemver@7.7.1(transitive)

• - Removedcaniuse-lite@1.0.30001696(transitive)

• - Removedsemver@7.7.0(transitive)