react-alp-loading-bar 7.0.0 → 9.0.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.0](https://github.com/christophehurpeau/alp/compare/react-alp-loading-bar@8.0.0...react-alp-loading-bar@9.0.0) (2025-10-27)
+
+### ⚠ BREAKING CHANGES
+
+* drop node 20 and build using esbuild
+
+### Features
+
+* drop node 20 and build using esbuild ([812c4c1](https://github.com/christophehurpeau/alp/commit/812c4c1b0ad19984e389af4382a8d1e60643e4f1))
+
+## [8.0.0](https://github.com/christophehurpeau/alp/compare/react-alp-loading-bar@7.0.0...react-alp-loading-bar@8.0.0) (2025-08-02)
+
+### ⚠ BREAKING CHANGES
+
+* update dependencies and drop node 20
+* update dev dependencies, replace parse-json-object-as-map with native JSON.parse, update koa
+
+### Features
+
+* update babel ([a4bf455](https://github.com/christophehurpeau/alp/commit/a4bf455c715134973c56693b7425aa05de5b10f9))
+* update dependencies and drop node 20 ([fc5b322](https://github.com/christophehurpeau/alp/commit/fc5b322e076e9a3c7c4a235d16734b89fd85e211))
+* update dev dependencies, replace parse-json-object-as-map with native JSON.parse, update koa ([5ae7723](https://github.com/christophehurpeau/alp/commit/5ae77238cafc573fe72c5eb63b103802b8b2e537))
+
+### Bug Fixes
+
+* **deps:** update react monorepo ([#611](https://github.com/christophehurpeau/alp/issues/611)) ([b9ece4d](https://github.com/christophehurpeau/alp/commit/b9ece4dc070bcd49fa6c4a40534162d10087405b))
+
 ## [7.0.0](https://github.com/christophehurpeau/alp/compare/react-alp-loading-bar@6.1.1...react-alp-loading-bar@7.0.0) (2024-01-06)
 
 

package/README.md

@@ -1,16 +1,16 @@
-<h3 align="center">
+<h1 align="center">
   react-alp-loading-bar
-</h3>
+</h1>
 
 <p align="center">
   loading bar
 </p>
 
 <p align="center">
-  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/v/react-alp-loading-bar.svg?style=flat-square"></a>
-  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/dw/react-alp-loading-bar.svg?style=flat-square"></a>
-  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/node/v/react-alp-loading-bar.svg?style=flat-square"></a>
-  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/types/react-alp-loading-bar.svg?style=flat-square"></a>
+  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/v/react-alp-loading-bar.svg?style=flat-square" alt="npm version"></a>
+  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/dw/react-alp-loading-bar.svg?style=flat-square" alt="npm downloads"></a>
+  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/node/v/react-alp-loading-bar.svg?style=flat-square" alt="node version"></a>
+  <a href="https://npmjs.org/package/react-alp-loading-bar"><img src="https://img.shields.io/npm/types/react-alp-loading-bar.svg?style=flat-square" alt="types"></a>
 </p>
 
 ## Install

package/dist/definitions/index.d.ts

@@ -1,5 +1,5 @@
-import type { ReactElement } from 'react';
-import { PureComponent } from 'react';
+import type { ReactElement } from "react";
+import { PureComponent } from "react";
 interface LoadingBarProps {
     LoadingBarComponent: React.ComponentType<{
         progress: number;
@@ -13,7 +13,7 @@ interface LoadingBarState {
 }
 interface WebsocketInterface {
     isConnected: () => boolean;
-    on: (event: 'connect' | 'disconnect', callback: () => unknown) => void;
+    on: (event: "connect" | "disconnect", callback: () => unknown) => void;
 }
 export default class LoadingBar extends PureComponent<LoadingBarProps, LoadingBarState> {
     state: {

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmCtC,UAAU,eAAe;IACvB,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,aAAa,CACnD,eAAe,EACf,eAAe,CAChB;IACU,KAAK;;;;MAIZ;IAEF,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE/C,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE7C,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE/C,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAErC,iBAAiB,IAAI,IAAI;IAgBzB,kBAAkB,CACzB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,eAAe,GACzB,IAAI;IAaE,oBAAoB,IAAI,IAAI;IAOrC,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,OAAO;IAkBN,MAAM,IAAI,YAAY;CAmBhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmCtC,UAAU,eAAe;IACvB,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,aAAa,CACnD,eAAe,EACf,eAAe,CAChB;IACU,KAAK;;;;MAIZ;IAEF,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE/C,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE7C,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAE/C,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IAErC,iBAAiB,IAAI,IAAI;IAgBzB,kBAAkB,CACzB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,eAAe,GACzB,IAAI;IAaE,oBAAoB,IAAI,IAAI;IAOrC,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,OAAO;IAkBN,MAAM,IAAI,YAAY;CAmBhC"}

package/dist/index-browser.es.js

@@ -1,22 +1,18 @@
-import { PureComponent } from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { PureComponent } from 'react';
 
 const random = () => Math.ceil(Math.random() * 100) / 100;
-
-/**
- * around:
- * at 100ms 20%
- * at 1s 40%
- * at 2s 60%
- * at 3s 80%
- */
-const calculatePercent = percent => {
+const calculatePercent = (percent) => {
   if (percent < 60) return percent + random() * 10 + 5;
-  if (percent < 70) return percent + random() * 10 + 3;else if (percent < 80) return percent + random() + 5;else if (percent < 90) return percent + random() + 1;else if (percent < 95) return percent + 0.1;else return percent;
+  if (percent < 70) return percent + random() * 10 + 3;
+  else if (percent < 80) return percent + random() + 5;
+  else if (percent < 90) return percent + random() + 1;
+  else if (percent < 95) return percent + 0.1;
+  else return percent;
 };
 class LoadingBar extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.state = {
       loading: true,
       hidden: true,
@@ -25,28 +21,22 @@ class LoadingBar extends PureComponent {
   }
   componentDidMount() {
     if (this.props.websocket.isConnected()) {
-      this.setState(prevState => ({
+      this.setState((prevState) => ({
         loading: false,
         progress: 100,
         hidden: prevState.hidden || prevState.progress === 100
       }));
     }
-    this.props.websocket.on('connect', () => {
-      this.setState({
-        loading: false
-      });
+    this.props.websocket.on("connect", () => {
+      this.setState({ loading: false });
     });
-    this.props.websocket.on('disconnect', () => {
-      this.setState({
-        loading: true,
-        progress: 1,
-        hidden: false
-      });
+    this.props.websocket.on("disconnect", () => {
+      this.setState({ loading: true, progress: 1, hidden: false });
     });
   }
   componentDidUpdate(prevProps, prevState) {
     if (this.props.websocket !== prevProps.websocket) {
-      throw new Error('Unsupported at the moment');
+      throw new Error("Unsupported at the moment");
     }
     if (this.state.loading !== prevState.loading) {
       if (this.state.loading) {
@@ -66,16 +56,12 @@ class LoadingBar extends PureComponent {
     if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);
     if (this.resetTimeout) clearTimeout(this.resetTimeout);
     this.first20Timeout = setTimeout(() => {
-      this.setState({
-        progress: 20
-      });
+      this.setState({ progress: 20 });
     }, 100);
     this.progressTimer = setInterval(() => {
-      this.setState(prevState => {
+      this.setState((prevState) => {
         const newValue = calculatePercent(prevState.progress);
-        return {
-          progress: newValue
-        };
+        return { progress: newValue };
       });
     }, 500);
   }
@@ -92,24 +78,25 @@ class LoadingBar extends PureComponent {
         hidden: true,
         progress: 1
       });
-    }, 1000);
+    }, 1e3);
   }
   render() {
     const LoadingBarComponent = this.props.LoadingBarComponent;
-    return /*#__PURE__*/jsx("div", {
-      hidden: this.state.hidden,
-      style: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: 4,
-        pointerEvents: 'none'
-      },
-      children: /*#__PURE__*/jsx(LoadingBarComponent, {
-        progress: this.state.progress
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        hidden: this.state.hidden,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          zIndex: 4,
+          pointerEvents: "none"
+        },
+        children: /* @__PURE__ */ jsx(LoadingBarComponent, { progress: this.state.progress })
+      }
+    );
   }
 }
 

package/dist/index-browser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-browser.es.js","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { PureComponent } from 'react';\n\n/*\nExample with antd:\nimport { Progress } from 'antd';\n\nconst LoadingBarComponent = ({ progress }) => (\n  <Progress\n    type=\"line\"\n    status=\"active\"\n    percent={progress}\n    showInfo={false}\n  />\n);\n*/\n\n/* number between 0 and 1 */\nconst random = (): number => Math.ceil(Math.random() * 100) / 100;\n\n/**\n * around:\n * at 100ms 20%\n * at 1s 40%\n * at 2s 60%\n * at 3s 80%\n */\nconst calculatePercent = (percent: number): number => {\n  if (percent < 60) return percent + random() * 10 + 5;\n  if (percent < 70) return percent + random() * 10 + 3;\n  else if (percent < 80) return percent + random() + 5;\n  else if (percent < 90) return percent + random() + 1;\n  else if (percent < 95) return percent + 0.1;\n  else return percent;\n};\n\ninterface LoadingBarProps {\n  LoadingBarComponent: React.ComponentType<{ progress: number }>;\n  websocket: WebsocketInterface;\n}\n\ninterface LoadingBarState {\n  loading: boolean;\n  hidden: boolean;\n  progress: number;\n}\n\ninterface WebsocketInterface {\n  isConnected: () => boolean;\n  on: (event: 'connect' | 'disconnect', callback: () => unknown) => void;\n}\n\nexport default class LoadingBar extends PureComponent<\n  LoadingBarProps,\n  LoadingBarState\n> {\n  override state = {\n    loading: true,\n    hidden: true,\n    progress: 1,\n  };\n\n  fadeOffTimeout?: ReturnType<typeof setTimeout>;\n\n  resetTimeout?: ReturnType<typeof setTimeout>;\n\n  first20Timeout?: ReturnType<typeof setTimeout>;\n\n  progressTimer?: ReturnType<typeof setTimeout>;\n\n  override componentDidMount(): void {\n    if (this.props.websocket.isConnected()) {\n      this.setState((prevState) => ({\n        loading: false,\n        progress: 100,\n        hidden: prevState.hidden || prevState.progress === 100,\n      }));\n    }\n    this.props.websocket.on('connect', () => {\n      this.setState({ loading: false });\n    });\n    this.props.websocket.on('disconnect', () => {\n      this.setState({ loading: true, progress: 1, hidden: false });\n    });\n  }\n\n  override componentDidUpdate(\n    prevProps: LoadingBarProps,\n    prevState: LoadingBarState,\n  ): void {\n    if (this.props.websocket !== prevProps.websocket) {\n      throw new Error('Unsupported at the moment');\n    }\n    if (this.state.loading !== prevState.loading) {\n      if (this.state.loading) {\n        this.showBar();\n      } else {\n        this.hideBar();\n      }\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n  }\n\n  private showBar(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n\n    this.first20Timeout = setTimeout(() => {\n      this.setState({ progress: 20 });\n    }, 100);\n\n    this.progressTimer = setInterval(() => {\n      this.setState((prevState) => {\n        const newValue = calculatePercent(prevState.progress);\n        return { progress: newValue };\n      });\n    }, 500);\n  }\n\n  private hideBar(): void {\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n\n    this.fadeOffTimeout = setTimeout(() => {\n      this.setState({\n        progress: 100,\n      });\n    }, 500);\n\n    this.resetTimeout = setTimeout(() => {\n      this.setState({\n        hidden: true,\n        progress: 1,\n      });\n    }, 1000);\n  }\n\n  override render(): ReactElement {\n    const LoadingBarComponent = this.props.LoadingBarComponent;\n\n    return (\n      <div\n        hidden={this.state.hidden}\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          zIndex: 4,\n          pointerEvents: 'none',\n        }}\n      >\n        <LoadingBarComponent progress={this.state.progress} />\n      </div>\n    );\n  }\n}\n"],"names":["random","Math","ceil","calculatePercent","percent","LoadingBar","PureComponent","constructor","args","state","loading","hidden","progress","componentDidMount","props","websocket","isConnected","setState","prevState","on","componentDidUpdate","prevProps","Error","showBar","hideBar","componentWillUnmount","fadeOffTimeout","clearTimeout","resetTimeout","first20Timeout","progressTimer","clearInterval","setTimeout","setInterval","newValue","render","LoadingBarComponent","_jsx","style","position","top","left","right","zIndex","pointerEvents","children"],"mappings":";;;AAkBA,MAAMA,MAAM,GAAGA,MAAcC,IAAI,CAACC,IAAI,CAACD,IAAI,CAACD,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,gBAAgB,GAAIC,OAAe,IAAa;AACpD,EAAA,IAAIA,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;EACpD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAG,GAAG,CAAC,KACvC,OAAOA,OAAO,CAAA;AACrB,CAAC,CAAA;AAkBc,MAAMC,UAAU,SAASC,aAAa,CAGnD;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAA,IAAA,IAAA,CACSC,KAAK,GAAG;AACfC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,MAAM,EAAE,IAAI;AACZC,MAAAA,QAAQ,EAAE,CAAA;KACX,CAAA;AAAA,GAAA;AAUQC,EAAAA,iBAAiBA,GAAS;IACjC,IAAI,IAAI,CAACC,KAAK,CAACC,SAAS,CAACC,WAAW,EAAE,EAAE;AACtC,MAAA,IAAI,CAACC,QAAQ,CAAEC,SAAS,KAAM;AAC5BR,QAAAA,OAAO,EAAE,KAAK;AACdE,QAAAA,QAAQ,EAAE,GAAG;QACbD,MAAM,EAAEO,SAAS,CAACP,MAAM,IAAIO,SAAS,CAACN,QAAQ,KAAK,GAAA;AACrD,OAAC,CAAC,CAAC,CAAA;AACL,KAAA;IACA,IAAI,CAACE,KAAK,CAACC,SAAS,CAACI,EAAE,CAAC,SAAS,EAAE,MAAM;MACvC,IAAI,CAACF,QAAQ,CAAC;AAAEP,QAAAA,OAAO,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;AACnC,KAAC,CAAC,CAAA;IACF,IAAI,CAACI,KAAK,CAACC,SAAS,CAACI,EAAE,CAAC,YAAY,EAAE,MAAM;MAC1C,IAAI,CAACF,QAAQ,CAAC;AAAEP,QAAAA,OAAO,EAAE,IAAI;AAAEE,QAAAA,QAAQ,EAAE,CAAC;AAAED,QAAAA,MAAM,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;AAC9D,KAAC,CAAC,CAAA;AACJ,GAAA;AAESS,EAAAA,kBAAkBA,CACzBC,SAA0B,EAC1BH,SAA0B,EACpB;IACN,IAAI,IAAI,CAACJ,KAAK,CAACC,SAAS,KAAKM,SAAS,CAACN,SAAS,EAAE;AAChD,MAAA,MAAM,IAAIO,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,KAAA;IACA,IAAI,IAAI,CAACb,KAAK,CAACC,OAAO,KAAKQ,SAAS,CAACR,OAAO,EAAE;AAC5C,MAAA,IAAI,IAAI,CAACD,KAAK,CAACC,OAAO,EAAE;QACtB,IAAI,CAACa,OAAO,EAAE,CAAA;AAChB,OAAC,MAAM;QACL,IAAI,CAACC,OAAO,EAAE,CAAA;AAChB,OAAA;AACF,KAAA;AACF,GAAA;AAESC,EAAAA,oBAAoBA,GAAS;IACpC,IAAI,IAAI,CAACC,cAAc,EAAEC,YAAY,CAAC,IAAI,CAACD,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACE,YAAY,EAAED,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC,CAAA;IACtD,IAAI,IAAI,CAACC,cAAc,EAAEF,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACC,aAAa,EAAEC,aAAa,CAAC,IAAI,CAACD,aAAa,CAAC,CAAA;AAC3D,GAAA;AAEQP,EAAAA,OAAOA,GAAS;IACtB,IAAI,IAAI,CAACG,cAAc,EAAEC,YAAY,CAAC,IAAI,CAACD,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACE,YAAY,EAAED,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC,CAAA;AAEtD,IAAA,IAAI,CAACC,cAAc,GAAGG,UAAU,CAAC,MAAM;MACrC,IAAI,CAACf,QAAQ,CAAC;AAAEL,QAAAA,QAAQ,EAAE,EAAA;AAAG,OAAC,CAAC,CAAA;KAChC,EAAE,GAAG,CAAC,CAAA;AAEP,IAAA,IAAI,CAACkB,aAAa,GAAGG,WAAW,CAAC,MAAM;AACrC,MAAA,IAAI,CAAChB,QAAQ,CAAEC,SAAS,IAAK;AAC3B,QAAA,MAAMgB,QAAQ,GAAG/B,gBAAgB,CAACe,SAAS,CAACN,QAAQ,CAAC,CAAA;QACrD,OAAO;AAAEA,UAAAA,QAAQ,EAAEsB,QAAAA;SAAU,CAAA;AAC/B,OAAC,CAAC,CAAA;KACH,EAAE,GAAG,CAAC,CAAA;AACT,GAAA;AAEQV,EAAAA,OAAOA,GAAS;IACtB,IAAI,IAAI,CAACK,cAAc,EAAEF,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACC,aAAa,EAAEC,aAAa,CAAC,IAAI,CAACD,aAAa,CAAC,CAAA;AAEzD,IAAA,IAAI,CAACJ,cAAc,GAAGM,UAAU,CAAC,MAAM;MACrC,IAAI,CAACf,QAAQ,CAAC;AACZL,QAAAA,QAAQ,EAAE,GAAA;AACZ,OAAC,CAAC,CAAA;KACH,EAAE,GAAG,CAAC,CAAA;AAEP,IAAA,IAAI,CAACgB,YAAY,GAAGI,UAAU,CAAC,MAAM;MACnC,IAAI,CAACf,QAAQ,CAAC;AACZN,QAAAA,MAAM,EAAE,IAAI;AACZC,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAC,CAAC,CAAA;KACH,EAAE,IAAI,CAAC,CAAA;AACV,GAAA;AAESuB,EAAAA,MAAMA,GAAiB;AAC9B,IAAA,MAAMC,mBAAmB,GAAG,IAAI,CAACtB,KAAK,CAACsB,mBAAmB,CAAA;AAE1D,IAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACE1B,MAAAA,MAAM,EAAE,IAAI,CAACF,KAAK,CAACE,MAAO;AAC1B2B,MAAAA,KAAK,EAAE;AACLC,QAAAA,QAAQ,EAAE,OAAO;AACjBC,QAAAA,GAAG,EAAE,CAAC;AACNC,QAAAA,IAAI,EAAE,CAAC;AACPC,QAAAA,KAAK,EAAE,CAAC;AACRC,QAAAA,MAAM,EAAE,CAAC;AACTC,QAAAA,aAAa,EAAE,MAAA;OACf;MAAAC,QAAA,eAEFR,GAAA,CAACD,mBAAmB,EAAA;AAACxB,QAAAA,QAAQ,EAAE,IAAI,CAACH,KAAK,CAACG,QAAAA;OAAW,CAAA;AAAC,KACnD,CAAC,CAAA;AAEV,GAAA;AACF;;;;"}
+{"version":3,"file":"index-browser.es.js","sources":["../src/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport type { ReactElement } from \"react\";\nimport { PureComponent } from \"react\";\n\n/*\nExample with antd:\nimport { Progress } from 'antd';\n\nconst LoadingBarComponent = ({ progress }) => (\n  <Progress\n    type=\"line\"\n    status=\"active\"\n    percent={progress}\n    showInfo={false}\n  />\n);\n*/\n\n/* number between 0 and 1 */\nconst random = (): number => Math.ceil(Math.random() * 100) / 100;\n\n/**\n * around:\n * at 100ms 20%\n * at 1s 40%\n * at 2s 60%\n * at 3s 80%\n */\nconst calculatePercent = (percent: number): number => {\n  if (percent < 60) return percent + random() * 10 + 5;\n  if (percent < 70) return percent + random() * 10 + 3;\n  else if (percent < 80) return percent + random() + 5;\n  else if (percent < 90) return percent + random() + 1;\n  else if (percent < 95) return percent + 0.1;\n  else return percent;\n};\n\ninterface LoadingBarProps {\n  LoadingBarComponent: React.ComponentType<{ progress: number }>;\n  websocket: WebsocketInterface;\n}\n\ninterface LoadingBarState {\n  loading: boolean;\n  hidden: boolean;\n  progress: number;\n}\n\ninterface WebsocketInterface {\n  isConnected: () => boolean;\n  on: (event: \"connect\" | \"disconnect\", callback: () => unknown) => void;\n}\n\nexport default class LoadingBar extends PureComponent<\n  LoadingBarProps,\n  LoadingBarState\n> {\n  override state = {\n    loading: true,\n    hidden: true,\n    progress: 1,\n  };\n\n  fadeOffTimeout?: ReturnType<typeof setTimeout>;\n\n  resetTimeout?: ReturnType<typeof setTimeout>;\n\n  first20Timeout?: ReturnType<typeof setTimeout>;\n\n  progressTimer?: ReturnType<typeof setTimeout>;\n\n  override componentDidMount(): void {\n    if (this.props.websocket.isConnected()) {\n      this.setState((prevState) => ({\n        loading: false,\n        progress: 100,\n        hidden: prevState.hidden || prevState.progress === 100,\n      }));\n    }\n    this.props.websocket.on(\"connect\", () => {\n      this.setState({ loading: false });\n    });\n    this.props.websocket.on(\"disconnect\", () => {\n      this.setState({ loading: true, progress: 1, hidden: false });\n    });\n  }\n\n  override componentDidUpdate(\n    prevProps: LoadingBarProps,\n    prevState: LoadingBarState,\n  ): void {\n    if (this.props.websocket !== prevProps.websocket) {\n      throw new Error(\"Unsupported at the moment\");\n    }\n    if (this.state.loading !== prevState.loading) {\n      if (this.state.loading) {\n        this.showBar();\n      } else {\n        this.hideBar();\n      }\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n  }\n\n  private showBar(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n\n    this.first20Timeout = setTimeout(() => {\n      this.setState({ progress: 20 });\n    }, 100);\n\n    this.progressTimer = setInterval(() => {\n      this.setState((prevState) => {\n        const newValue = calculatePercent(prevState.progress);\n        return { progress: newValue };\n      });\n    }, 500);\n  }\n\n  private hideBar(): void {\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n\n    this.fadeOffTimeout = setTimeout(() => {\n      this.setState({\n        progress: 100,\n      });\n    }, 500);\n\n    this.resetTimeout = setTimeout(() => {\n      this.setState({\n        hidden: true,\n        progress: 1,\n      });\n    }, 1000);\n  }\n\n  override render(): ReactElement {\n    const LoadingBarComponent = this.props.LoadingBarComponent;\n\n    return (\n      <div\n        hidden={this.state.hidden}\n        style={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          right: 0,\n          zIndex: 4,\n          pointerEvents: \"none\",\n        }}\n      >\n        <LoadingBarComponent progress={this.state.progress} />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAmBA,MAAM,MAAA,GAAS,MAAc,IAAA,CAAK,IAAA,CAAK,KAAK,MAAA,EAAO,GAAI,GAAG,CAAA,GAAI,GAAA;AAS9D,MAAM,gBAAA,GAAmB,CAAC,OAAA,KAA4B;AACpD,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,OAAA,GAAU,MAAA,KAAW,EAAA,GAAK,CAAA;AACnD,EAAA,IAAI,UAAU,EAAA,EAAI,OAAO,OAAA,GAAU,MAAA,KAAW,EAAA,GAAK,CAAA;AAAA,OAAA,IAC1C,OAAA,GAAU,EAAA,EAAI,OAAO,OAAA,GAAU,QAAO,GAAI,CAAA;AAAA,OAAA,IAC1C,OAAA,GAAU,EAAA,EAAI,OAAO,OAAA,GAAU,QAAO,GAAI,CAAA;AAAA,OAAA,IAC1C,OAAA,GAAU,EAAA,EAAI,OAAO,OAAA,GAAU,GAAA;AAAA,OACnC,OAAO,OAAA;AACd,CAAA;AAkBA,MAAqB,mBAAmB,aAAA,CAGtC;AAAA,EAHF,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA;AAIE,IAAA,IAAA,CAAS,KAAA,GAAQ;AAAA,MACf,OAAA,EAAS,IAAA;AAAA,MACT,MAAA,EAAQ,IAAA;AAAA,MACR,QAAA,EAAU;AAAA,KACZ;AAAA;AAAA,EAUS,iBAAA,GAA0B;AACjC,IAAA,IAAI,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,WAAA,EAAY,EAAG;AACtC,MAAA,IAAA,CAAK,QAAA,CAAS,CAAC,SAAA,MAAe;AAAA,QAC5B,OAAA,EAAS,KAAA;AAAA,QACT,QAAA,EAAU,GAAA;AAAA,QACV,MAAA,EAAQ,SAAA,CAAU,MAAA,IAAU,SAAA,CAAU,QAAA,KAAa;AAAA,OACrD,CAAE,CAAA;AAAA;AAEJ,IAAA,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,EAAA,CAAG,SAAA,EAAW,MAAM;AACvC,MAAA,IAAA,CAAK,QAAA,CAAS,EAAE,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,KACjC,CAAA;AACD,IAAA,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,EAAA,CAAG,YAAA,EAAc,MAAM;AAC1C,MAAA,IAAA,CAAK,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,UAAU,CAAA,EAAG,MAAA,EAAQ,OAAO,CAAA;AAAA,KAC5D,CAAA;AAAA;AACH,EAES,kBAAA,CACP,WACA,SAAA,EACM;AACN,IAAA,IAAI,IAAA,CAAK,KAAA,CAAM,SAAA,KAAc,SAAA,CAAU,SAAA,EAAW;AAChD,MAAA,MAAM,IAAI,MAAM,2BAA2B,CAAA;AAAA;AAE7C,IAAA,IAAI,IAAA,CAAK,KAAA,CAAM,OAAA,KAAY,SAAA,CAAU,OAAA,EAAS;AAC5C,MAAA,IAAI,IAAA,CAAK,MAAM,OAAA,EAAS;AACtB,QAAA,IAAA,CAAK,OAAA,EAAQ;AAAA,OACf,MAAO;AACL,QAAA,IAAA,CAAK,OAAA,EAAQ;AAAA;AACf;AACF;AACF,EAES,oBAAA,GAA6B;AACpC,IAAA,IAAI,IAAA,CAAK,cAAA,EAAgB,YAAA,CAAa,IAAA,CAAK,cAAc,CAAA;AACzD,IAAA,IAAI,IAAA,CAAK,YAAA,EAAc,YAAA,CAAa,IAAA,CAAK,YAAY,CAAA;AACrD,IAAA,IAAI,IAAA,CAAK,cAAA,EAAgB,YAAA,CAAa,IAAA,CAAK,cAAc,CAAA;AACzD,IAAA,IAAI,IAAA,CAAK,aAAA,EAAe,aAAA,CAAc,IAAA,CAAK,aAAa,CAAA;AAAA;AAC1D,EAEQ,OAAA,GAAgB;AACtB,IAAA,IAAI,IAAA,CAAK,cAAA,EAAgB,YAAA,CAAa,IAAA,CAAK,cAAc,CAAA;AACzD,IAAA,IAAI,IAAA,CAAK,YAAA,EAAc,YAAA,CAAa,IAAA,CAAK,YAAY,CAAA;AAErD,IAAA,IAAA,CAAK,cAAA,GAAiB,WAAW,MAAM;AACrC,MAAA,IAAA,CAAK,QAAA,CAAS,EAAE,QAAA,EAAU,EAAA,EAAI,CAAA;AAAA,OAC7B,GAAG,CAAA;AAEN,IAAA,IAAA,CAAK,aAAA,GAAgB,YAAY,MAAM;AACrC,MAAA,IAAA,CAAK,QAAA,CAAS,CAAC,SAAA,KAAc;AAC3B,QAAA,MAAM,QAAA,GAAW,gBAAA,CAAiB,SAAA,CAAU,QAAQ,CAAA;AACpD,QAAA,OAAO,EAAE,UAAU,QAAA,EAAS;AAAA,OAC7B,CAAA;AAAA,OACA,GAAG,CAAA;AAAA;AACR,EAEQ,OAAA,GAAgB;AACtB,IAAA,IAAI,IAAA,CAAK,cAAA,EAAgB,YAAA,CAAa,IAAA,CAAK,cAAc,CAAA;AACzD,IAAA,IAAI,IAAA,CAAK,aAAA,EAAe,aAAA,CAAc,IAAA,CAAK,aAAa,CAAA;AAExD,IAAA,IAAA,CAAK,cAAA,GAAiB,WAAW,MAAM;AACrC,MAAA,IAAA,CAAK,QAAA,CAAS;AAAA,QACZ,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,OACA,GAAG,CAAA;AAEN,IAAA,IAAA,CAAK,YAAA,GAAe,WAAW,MAAM;AACnC,MAAA,IAAA,CAAK,QAAA,CAAS;AAAA,QACZ,MAAA,EAAQ,IAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,OACA,GAAI,CAAA;AAAA;AACT,EAES,MAAA,GAAuB;AAC9B,IAAA,MAAM,mBAAA,GAAsB,KAAK,KAAA,CAAM,mBAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAK,KAAA,CAAM,MAAA;AAAA,QACnB,KAAA,EAAO;AAAA,UACL,QAAA,EAAU,OAAA;AAAA,UACV,GAAA,EAAK,CAAA;AAAA,UACL,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO,CAAA;AAAA,UACP,MAAA,EAAQ,CAAA;AAAA,UACR,aAAA,EAAe;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,QAAA,EAAU,IAAA,CAAK,MAAM,QAAA,EAAU;AAAA;AAAA,KACtD;AAAA;AAGN;;;;"}

package/dist/{index-node18.mjs → index-node22.mjs}

@@ -1,49 +1,42 @@
-import { PureComponent } from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { PureComponent } from 'react';
 
 const random = () => Math.ceil(Math.random() * 100) / 100;
-
-/**
- * around:
- * at 100ms 20%
- * at 1s 40%
- * at 2s 60%
- * at 3s 80%
- */
-const calculatePercent = percent => {
+const calculatePercent = (percent) => {
   if (percent < 60) return percent + random() * 10 + 5;
-  if (percent < 70) return percent + random() * 10 + 3;else if (percent < 80) return percent + random() + 5;else if (percent < 90) return percent + random() + 1;else if (percent < 95) return percent + 0.1;else return percent;
+  if (percent < 70) return percent + random() * 10 + 3;
+  else if (percent < 80) return percent + random() + 5;
+  else if (percent < 90) return percent + random() + 1;
+  else if (percent < 95) return percent + 0.1;
+  else return percent;
 };
 class LoadingBar extends PureComponent {
-  state = {
-    loading: true,
-    hidden: true,
-    progress: 1
-  };
+  constructor() {
+    super(...arguments);
+    this.state = {
+      loading: true,
+      hidden: true,
+      progress: 1
+    };
+  }
   componentDidMount() {
     if (this.props.websocket.isConnected()) {
-      this.setState(prevState => ({
+      this.setState((prevState) => ({
         loading: false,
         progress: 100,
         hidden: prevState.hidden || prevState.progress === 100
       }));
     }
-    this.props.websocket.on('connect', () => {
-      this.setState({
-        loading: false
-      });
+    this.props.websocket.on("connect", () => {
+      this.setState({ loading: false });
     });
-    this.props.websocket.on('disconnect', () => {
-      this.setState({
-        loading: true,
-        progress: 1,
-        hidden: false
-      });
+    this.props.websocket.on("disconnect", () => {
+      this.setState({ loading: true, progress: 1, hidden: false });
     });
   }
   componentDidUpdate(prevProps, prevState) {
     if (this.props.websocket !== prevProps.websocket) {
-      throw new Error('Unsupported at the moment');
+      throw new Error("Unsupported at the moment");
     }
     if (this.state.loading !== prevState.loading) {
       if (this.state.loading) {
@@ -63,16 +56,12 @@ class LoadingBar extends PureComponent {
     if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);
     if (this.resetTimeout) clearTimeout(this.resetTimeout);
     this.first20Timeout = setTimeout(() => {
-      this.setState({
-        progress: 20
-      });
+      this.setState({ progress: 20 });
     }, 100);
     this.progressTimer = setInterval(() => {
-      this.setState(prevState => {
+      this.setState((prevState) => {
         const newValue = calculatePercent(prevState.progress);
-        return {
-          progress: newValue
-        };
+        return { progress: newValue };
       });
     }, 500);
   }
@@ -89,26 +78,27 @@ class LoadingBar extends PureComponent {
         hidden: true,
         progress: 1
       });
-    }, 1000);
+    }, 1e3);
   }
   render() {
     const LoadingBarComponent = this.props.LoadingBarComponent;
-    return /*#__PURE__*/jsx("div", {
-      hidden: this.state.hidden,
-      style: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: 4,
-        pointerEvents: 'none'
-      },
-      children: /*#__PURE__*/jsx(LoadingBarComponent, {
-        progress: this.state.progress
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        hidden: this.state.hidden,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          zIndex: 4,
+          pointerEvents: "none"
+        },
+        children: /* @__PURE__ */ jsx(LoadingBarComponent, { progress: this.state.progress })
+      }
+    );
   }
 }
 
 export { LoadingBar as default };
-//# sourceMappingURL=index-node18.mjs.map
+//# sourceMappingURL=index-node22.mjs.map

package/dist/index-node22.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-node22.mjs","sources":["../src/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport type { ReactElement } from \"react\";\nimport { PureComponent } from \"react\";\n\n/*\nExample with antd:\nimport { Progress } from 'antd';\n\nconst LoadingBarComponent = ({ progress }) => (\n  <Progress\n    type=\"line\"\n    status=\"active\"\n    percent={progress}\n    showInfo={false}\n  />\n);\n*/\n\n/* number between 0 and 1 */\nconst random = (): number => Math.ceil(Math.random() * 100) / 100;\n\n/**\n * around:\n * at 100ms 20%\n * at 1s 40%\n * at 2s 60%\n * at 3s 80%\n */\nconst calculatePercent = (percent: number): number => {\n  if (percent < 60) return percent + random() * 10 + 5;\n  if (percent < 70) return percent + random() * 10 + 3;\n  else if (percent < 80) return percent + random() + 5;\n  else if (percent < 90) return percent + random() + 1;\n  else if (percent < 95) return percent + 0.1;\n  else return percent;\n};\n\ninterface LoadingBarProps {\n  LoadingBarComponent: React.ComponentType<{ progress: number }>;\n  websocket: WebsocketInterface;\n}\n\ninterface LoadingBarState {\n  loading: boolean;\n  hidden: boolean;\n  progress: number;\n}\n\ninterface WebsocketInterface {\n  isConnected: () => boolean;\n  on: (event: \"connect\" | \"disconnect\", callback: () => unknown) => void;\n}\n\nexport default class LoadingBar extends PureComponent<\n  LoadingBarProps,\n  LoadingBarState\n> {\n  override state = {\n    loading: true,\n    hidden: true,\n    progress: 1,\n  };\n\n  fadeOffTimeout?: ReturnType<typeof setTimeout>;\n\n  resetTimeout?: ReturnType<typeof setTimeout>;\n\n  first20Timeout?: ReturnType<typeof setTimeout>;\n\n  progressTimer?: ReturnType<typeof setTimeout>;\n\n  override componentDidMount(): void {\n    if (this.props.websocket.isConnected()) {\n      this.setState((prevState) => ({\n        loading: false,\n        progress: 100,\n        hidden: prevState.hidden || prevState.progress === 100,\n      }));\n    }\n    this.props.websocket.on(\"connect\", () => {\n      this.setState({ loading: false });\n    });\n    this.props.websocket.on(\"disconnect\", () => {\n      this.setState({ loading: true, progress: 1, hidden: false });\n    });\n  }\n\n  override componentDidUpdate(\n    prevProps: LoadingBarProps,\n    prevState: LoadingBarState,\n  ): void {\n    if (this.props.websocket !== prevProps.websocket) {\n      throw new Error(\"Unsupported at the moment\");\n    }\n    if (this.state.loading !== prevState.loading) {\n      if (this.state.loading) {\n        this.showBar();\n      } else {\n        this.hideBar();\n      }\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n  }\n\n  private showBar(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n\n    this.first20Timeout = setTimeout(() => {\n      this.setState({ progress: 20 });\n    }, 100);\n\n    this.progressTimer = setInterval(() => {\n      this.setState((prevState) => {\n        const newValue = calculatePercent(prevState.progress);\n        return { progress: newValue };\n      });\n    }, 500);\n  }\n\n  private hideBar(): void {\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n\n    this.fadeOffTimeout = setTimeout(() => {\n      this.setState({\n        progress: 100,\n      });\n    }, 500);\n\n    this.resetTimeout = setTimeout(() => {\n      this.setState({\n        hidden: true,\n        progress: 1,\n      });\n    }, 1000);\n  }\n\n  override render(): ReactElement {\n    const LoadingBarComponent = this.props.LoadingBarComponent;\n\n    return (\n      <div\n        hidden={this.state.hidden}\n        style={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          right: 0,\n          zIndex: 4,\n          pointerEvents: \"none\",\n        }}\n      >\n        <LoadingBarComponent progress={this.state.progress} />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-alp-loading-bar",
-  "version": "7.0.0",
+  "version": "9.0.0",
   "description": "loading bar",
   "keywords": [],
   "author": "Christophe Hurpeau <christophe@hurpeau.com> (https://christophe.hurpeau.com)",
@@ -13,10 +13,10 @@
   "homepage": "https://github.com/christophehurpeau/alp",
   "type": "module",
   "engines": {
-    "node": ">=18.12.0"
+    "node": ">=22.18.0"
   },
   "sideEffects": false,
-  "main": "./dist/index-node18.mjs",
+  "main": "./dist/index-node22.mjs",
   "types": "./dist/definitions/index.d.ts",
   "module": "./dist/index-browser.es.js",
   "browser": "./dist/index-browser.es.js",
@@ -25,7 +25,7 @@
     ".": {
       "types": "./dist/definitions/index.d.ts",
       "node": {
-        "import": "./dist/index-node18.mjs"
+        "import": "./dist/index-node22.mjs"
       },
       "browser": {
         "import": "./dist/index-browser.es.js"
@@ -40,9 +40,9 @@
     "build": "yarn clean:build && rollup --config rollup.config.mjs && yarn run build:definitions",
     "build:definitions": "tsc -p tsconfig.json",
     "clean": "yarn clean:build",
-    "clean:build": "pob-babel-clean-out dist",
+    "clean:build": "pob-esbuild-clean-out dist",
     "lint": "yarn run lint:eslint",
-    "lint:eslint": "yarn ../.. run eslint --report-unused-disable-directives --resolve-plugins-relative-to . --quiet packages/react-alp-loading-bar",
+    "lint:eslint": "yarn ../.. run eslint --quiet packages/react-alp-loading-bar",
     "watch": "yarn clean:build && rollup --config rollup.config.mjs --watch"
   },
   "browserslist": {
@@ -55,33 +55,29 @@
     ]
   },
   "pob": {
-    "babelEnvs": [
+    "bundler": "rollup-esbuild",
+    "entries": [
+      "index"
+    ],
+    "envs": [
       {
         "target": "node",
-        "version": "18"
+        "version": "22"
       },
       {
         "target": "browser"
       }
     ],
-    "entries": [
-      "index"
-    ],
-    "jsx": true
+    "jsx": true,
+    "typescript": true
   },
   "prettier": "@pob/root/prettier-config",
   "peerDependencies": {
-    "react": "^18.1.0"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.23.7"
+    "react": "^19.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.7",
-    "@babel/preset-env": "7.23.7",
-    "@babel/preset-react": "7.23.3",
-    "pob-babel": "38.0.2",
-    "react": "18.2.0",
-    "typescript": "5.3.3"
+    "@pob/rollup-esbuild": "6.7.0",
+    "react": "19.1.1",
+    "typescript": "5.9.2"
   }
 }

package/src/index.tsx

@@ -1,5 +1,6 @@
-import type { ReactElement } from 'react';
-import { PureComponent } from 'react';
+/* eslint-disable react/destructuring-assignment */
+import type { ReactElement } from "react";
+import { PureComponent } from "react";
 
 /*
 Example with antd:
@@ -47,7 +48,7 @@ interface LoadingBarState {
 
 interface WebsocketInterface {
   isConnected: () => boolean;
-  on: (event: 'connect' | 'disconnect', callback: () => unknown) => void;
+  on: (event: "connect" | "disconnect", callback: () => unknown) => void;
 }
 
 export default class LoadingBar extends PureComponent<
@@ -76,10 +77,10 @@ export default class LoadingBar extends PureComponent<
         hidden: prevState.hidden || prevState.progress === 100,
       }));
     }
-    this.props.websocket.on('connect', () => {
+    this.props.websocket.on("connect", () => {
       this.setState({ loading: false });
     });
-    this.props.websocket.on('disconnect', () => {
+    this.props.websocket.on("disconnect", () => {
       this.setState({ loading: true, progress: 1, hidden: false });
     });
   }
@@ -89,7 +90,7 @@ export default class LoadingBar extends PureComponent<
     prevState: LoadingBarState,
   ): void {
     if (this.props.websocket !== prevProps.websocket) {
-      throw new Error('Unsupported at the moment');
+      throw new Error("Unsupported at the moment");
     }
     if (this.state.loading !== prevState.loading) {
       if (this.state.loading) {
@@ -148,12 +149,12 @@ export default class LoadingBar extends PureComponent<
       <div
         hidden={this.state.hidden}
         style={{
-          position: 'fixed',
+          position: "fixed",
           top: 0,
           left: 0,
           right: 0,
           zIndex: 4,
-          pointerEvents: 'none',
+          pointerEvents: "none",
         }}
       >
         <LoadingBarComponent progress={this.state.progress} />

package/dist/index-node18.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-node18.mjs","sources":["../src/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { PureComponent } from 'react';\n\n/*\nExample with antd:\nimport { Progress } from 'antd';\n\nconst LoadingBarComponent = ({ progress }) => (\n  <Progress\n    type=\"line\"\n    status=\"active\"\n    percent={progress}\n    showInfo={false}\n  />\n);\n*/\n\n/* number between 0 and 1 */\nconst random = (): number => Math.ceil(Math.random() * 100) / 100;\n\n/**\n * around:\n * at 100ms 20%\n * at 1s 40%\n * at 2s 60%\n * at 3s 80%\n */\nconst calculatePercent = (percent: number): number => {\n  if (percent < 60) return percent + random() * 10 + 5;\n  if (percent < 70) return percent + random() * 10 + 3;\n  else if (percent < 80) return percent + random() + 5;\n  else if (percent < 90) return percent + random() + 1;\n  else if (percent < 95) return percent + 0.1;\n  else return percent;\n};\n\ninterface LoadingBarProps {\n  LoadingBarComponent: React.ComponentType<{ progress: number }>;\n  websocket: WebsocketInterface;\n}\n\ninterface LoadingBarState {\n  loading: boolean;\n  hidden: boolean;\n  progress: number;\n}\n\ninterface WebsocketInterface {\n  isConnected: () => boolean;\n  on: (event: 'connect' | 'disconnect', callback: () => unknown) => void;\n}\n\nexport default class LoadingBar extends PureComponent<\n  LoadingBarProps,\n  LoadingBarState\n> {\n  override state = {\n    loading: true,\n    hidden: true,\n    progress: 1,\n  };\n\n  fadeOffTimeout?: ReturnType<typeof setTimeout>;\n\n  resetTimeout?: ReturnType<typeof setTimeout>;\n\n  first20Timeout?: ReturnType<typeof setTimeout>;\n\n  progressTimer?: ReturnType<typeof setTimeout>;\n\n  override componentDidMount(): void {\n    if (this.props.websocket.isConnected()) {\n      this.setState((prevState) => ({\n        loading: false,\n        progress: 100,\n        hidden: prevState.hidden || prevState.progress === 100,\n      }));\n    }\n    this.props.websocket.on('connect', () => {\n      this.setState({ loading: false });\n    });\n    this.props.websocket.on('disconnect', () => {\n      this.setState({ loading: true, progress: 1, hidden: false });\n    });\n  }\n\n  override componentDidUpdate(\n    prevProps: LoadingBarProps,\n    prevState: LoadingBarState,\n  ): void {\n    if (this.props.websocket !== prevProps.websocket) {\n      throw new Error('Unsupported at the moment');\n    }\n    if (this.state.loading !== prevState.loading) {\n      if (this.state.loading) {\n        this.showBar();\n      } else {\n        this.hideBar();\n      }\n    }\n  }\n\n  override componentWillUnmount(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n  }\n\n  private showBar(): void {\n    if (this.fadeOffTimeout) clearTimeout(this.fadeOffTimeout);\n    if (this.resetTimeout) clearTimeout(this.resetTimeout);\n\n    this.first20Timeout = setTimeout(() => {\n      this.setState({ progress: 20 });\n    }, 100);\n\n    this.progressTimer = setInterval(() => {\n      this.setState((prevState) => {\n        const newValue = calculatePercent(prevState.progress);\n        return { progress: newValue };\n      });\n    }, 500);\n  }\n\n  private hideBar(): void {\n    if (this.first20Timeout) clearTimeout(this.first20Timeout);\n    if (this.progressTimer) clearInterval(this.progressTimer);\n\n    this.fadeOffTimeout = setTimeout(() => {\n      this.setState({\n        progress: 100,\n      });\n    }, 500);\n\n    this.resetTimeout = setTimeout(() => {\n      this.setState({\n        hidden: true,\n        progress: 1,\n      });\n    }, 1000);\n  }\n\n  override render(): ReactElement {\n    const LoadingBarComponent = this.props.LoadingBarComponent;\n\n    return (\n      <div\n        hidden={this.state.hidden}\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          zIndex: 4,\n          pointerEvents: 'none',\n        }}\n      >\n        <LoadingBarComponent progress={this.state.progress} />\n      </div>\n    );\n  }\n}\n"],"names":["random","Math","ceil","calculatePercent","percent","LoadingBar","PureComponent","state","loading","hidden","progress","componentDidMount","props","websocket","isConnected","setState","prevState","on","componentDidUpdate","prevProps","Error","showBar","hideBar","componentWillUnmount","fadeOffTimeout","clearTimeout","resetTimeout","first20Timeout","progressTimer","clearInterval","setTimeout","setInterval","newValue","render","LoadingBarComponent","_jsx","style","position","top","left","right","zIndex","pointerEvents","children"],"mappings":";;;AAkBA,MAAMA,MAAM,GAAGA,MAAcC,IAAI,CAACC,IAAI,CAACD,IAAI,CAACD,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,gBAAgB,GAAIC,OAAe,IAAa;AACpD,EAAA,IAAIA,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;EACpD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAGJ,MAAM,EAAE,GAAG,CAAC,CAAC,KAChD,IAAII,OAAO,GAAG,EAAE,EAAE,OAAOA,OAAO,GAAG,GAAG,CAAC,KACvC,OAAOA,OAAO,CAAA;AACrB,CAAC,CAAA;AAkBc,MAAMC,UAAU,SAASC,aAAa,CAGnD;AACSC,EAAAA,KAAK,GAAG;AACfC,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,QAAQ,EAAE,CAAA;GACX,CAAA;AAUQC,EAAAA,iBAAiBA,GAAS;IACjC,IAAI,IAAI,CAACC,KAAK,CAACC,SAAS,CAACC,WAAW,EAAE,EAAE;AACtC,MAAA,IAAI,CAACC,QAAQ,CAAEC,SAAS,KAAM;AAC5BR,QAAAA,OAAO,EAAE,KAAK;AACdE,QAAAA,QAAQ,EAAE,GAAG;QACbD,MAAM,EAAEO,SAAS,CAACP,MAAM,IAAIO,SAAS,CAACN,QAAQ,KAAK,GAAA;AACrD,OAAC,CAAC,CAAC,CAAA;AACL,KAAA;IACA,IAAI,CAACE,KAAK,CAACC,SAAS,CAACI,EAAE,CAAC,SAAS,EAAE,MAAM;MACvC,IAAI,CAACF,QAAQ,CAAC;AAAEP,QAAAA,OAAO,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;AACnC,KAAC,CAAC,CAAA;IACF,IAAI,CAACI,KAAK,CAACC,SAAS,CAACI,EAAE,CAAC,YAAY,EAAE,MAAM;MAC1C,IAAI,CAACF,QAAQ,CAAC;AAAEP,QAAAA,OAAO,EAAE,IAAI;AAAEE,QAAAA,QAAQ,EAAE,CAAC;AAAED,QAAAA,MAAM,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;AAC9D,KAAC,CAAC,CAAA;AACJ,GAAA;AAESS,EAAAA,kBAAkBA,CACzBC,SAA0B,EAC1BH,SAA0B,EACpB;IACN,IAAI,IAAI,CAACJ,KAAK,CAACC,SAAS,KAAKM,SAAS,CAACN,SAAS,EAAE;AAChD,MAAA,MAAM,IAAIO,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,KAAA;IACA,IAAI,IAAI,CAACb,KAAK,CAACC,OAAO,KAAKQ,SAAS,CAACR,OAAO,EAAE;AAC5C,MAAA,IAAI,IAAI,CAACD,KAAK,CAACC,OAAO,EAAE;QACtB,IAAI,CAACa,OAAO,EAAE,CAAA;AAChB,OAAC,MAAM;QACL,IAAI,CAACC,OAAO,EAAE,CAAA;AAChB,OAAA;AACF,KAAA;AACF,GAAA;AAESC,EAAAA,oBAAoBA,GAAS;IACpC,IAAI,IAAI,CAACC,cAAc,EAAEC,YAAY,CAAC,IAAI,CAACD,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACE,YAAY,EAAED,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC,CAAA;IACtD,IAAI,IAAI,CAACC,cAAc,EAAEF,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACC,aAAa,EAAEC,aAAa,CAAC,IAAI,CAACD,aAAa,CAAC,CAAA;AAC3D,GAAA;AAEQP,EAAAA,OAAOA,GAAS;IACtB,IAAI,IAAI,CAACG,cAAc,EAAEC,YAAY,CAAC,IAAI,CAACD,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACE,YAAY,EAAED,YAAY,CAAC,IAAI,CAACC,YAAY,CAAC,CAAA;AAEtD,IAAA,IAAI,CAACC,cAAc,GAAGG,UAAU,CAAC,MAAM;MACrC,IAAI,CAACf,QAAQ,CAAC;AAAEL,QAAAA,QAAQ,EAAE,EAAA;AAAG,OAAC,CAAC,CAAA;KAChC,EAAE,GAAG,CAAC,CAAA;AAEP,IAAA,IAAI,CAACkB,aAAa,GAAGG,WAAW,CAAC,MAAM;AACrC,MAAA,IAAI,CAAChB,QAAQ,CAAEC,SAAS,IAAK;AAC3B,QAAA,MAAMgB,QAAQ,GAAG7B,gBAAgB,CAACa,SAAS,CAACN,QAAQ,CAAC,CAAA;QACrD,OAAO;AAAEA,UAAAA,QAAQ,EAAEsB,QAAAA;SAAU,CAAA;AAC/B,OAAC,CAAC,CAAA;KACH,EAAE,GAAG,CAAC,CAAA;AACT,GAAA;AAEQV,EAAAA,OAAOA,GAAS;IACtB,IAAI,IAAI,CAACK,cAAc,EAAEF,YAAY,CAAC,IAAI,CAACE,cAAc,CAAC,CAAA;IAC1D,IAAI,IAAI,CAACC,aAAa,EAAEC,aAAa,CAAC,IAAI,CAACD,aAAa,CAAC,CAAA;AAEzD,IAAA,IAAI,CAACJ,cAAc,GAAGM,UAAU,CAAC,MAAM;MACrC,IAAI,CAACf,QAAQ,CAAC;AACZL,QAAAA,QAAQ,EAAE,GAAA;AACZ,OAAC,CAAC,CAAA;KACH,EAAE,GAAG,CAAC,CAAA;AAEP,IAAA,IAAI,CAACgB,YAAY,GAAGI,UAAU,CAAC,MAAM;MACnC,IAAI,CAACf,QAAQ,CAAC;AACZN,QAAAA,MAAM,EAAE,IAAI;AACZC,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAC,CAAC,CAAA;KACH,EAAE,IAAI,CAAC,CAAA;AACV,GAAA;AAESuB,EAAAA,MAAMA,GAAiB;AAC9B,IAAA,MAAMC,mBAAmB,GAAG,IAAI,CAACtB,KAAK,CAACsB,mBAAmB,CAAA;AAE1D,IAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACE1B,MAAAA,MAAM,EAAE,IAAI,CAACF,KAAK,CAACE,MAAO;AAC1B2B,MAAAA,KAAK,EAAE;AACLC,QAAAA,QAAQ,EAAE,OAAO;AACjBC,QAAAA,GAAG,EAAE,CAAC;AACNC,QAAAA,IAAI,EAAE,CAAC;AACPC,QAAAA,KAAK,EAAE,CAAC;AACRC,QAAAA,MAAM,EAAE,CAAC;AACTC,QAAAA,aAAa,EAAE,MAAA;OACf;MAAAC,QAAA,eAEFR,GAAA,CAACD,mBAAmB,EAAA;AAACxB,QAAAA,QAAQ,EAAE,IAAI,CAACH,KAAK,CAACG,QAAAA;OAAW,CAAA;AAAC,KACnD,CAAC,CAAA;AAEV,GAAA;AACF;;;;"}

package/src/.eslintrc.json

@@ -1,31 +0,0 @@
-{
-  "root": true,
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "EXPERIMENTAL_useProjectService": true,
-    "project": "packages/react-alp-loading-bar/tsconfig.json"
-  },
-  "plugins": ["@typescript-eslint"],
-  "extends": [
-    "@pob/eslint-config-typescript",
-    "@pob/eslint-config-typescript-react"
-  ],
-  "ignorePatterns": ["*.d.ts"],
-  "overrides": [
-    {
-      "files": ["**/*.test.{ts,tsx}", "__tests__/**/*.{ts,tsx}"],
-      "extends": ["@pob/eslint-config-typescript/test"],
-      "env": {
-        "jest": true
-      },
-      "rules": {
-        "import/no-extraneous-dependencies": [
-          "error",
-          {
-            "devDependencies": true
-          }
-        ]
-      }
-    }
-  ]
-}