minor changes

Author: klendi

README.md

@@ -123,12 +123,12 @@ const App = () => {
 
 | Methods                                     |             Parameters              | Descriptions                                                                                                                                                                                                                |
 | ------------------------------------------- | :---------------------------------: | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| increase(value)                             |               Number                | Adds a value to the loading indicator.                                                                                                                                                                                      |
-| decrease(value)                             |               Number                | Decreases a value to the loading indicator.                                                                                                                                                                                 |
 | start(loaderType?)                          | `continuous` (default) or `static`  | Starts the loading indicator. If type is "static" it will start the static bar otherwise it will start the animated continuous bar.                                                                                         |
 | continuousStart(startingValue, refreshRate) | Number (optional), Number(optional) | Starts the loading indicator with a random starting value between 20-30, then repetitively after an refreshRate, increases it by a random value between 2-10. This continues until it reaches 90% of the indicator's width. |
 | staticStart(startingValue)                  |          Number (optional)          | Starts the loading indicator with a random starting value between 30-50.                                                                                                                                                    |
 | complete()                                  |                                     | Makes the loading indicator reach 100% of his width and then fade.                                                                                                                                                          |
+| increase(value)                             |               Number                | Adds a value to the loading indicator.                                                                                                                                                                                      |
+| decrease(value)                             |               Number                | Decreases a value to the loading indicator.                                                                                                                                                                                 |
 | getProgress()                               |                                     | Get the current progress value.                                                                                                                                                                                             |
 
 ## Properties

example/src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, RefObject } from "react";
+import React, { useState, useRef } from "react";
 import { Light as SyntaxHighlighter } from "react-syntax-highlighter";
 import js from "react-syntax-highlighter/dist/esm/languages/hljs/javascript";
 import atom from "react-syntax-highlighter/dist/esm/styles/hljs/atom-one-dark";
@@ -14,7 +14,7 @@ const App: React.FC = () => {
   const [progress, setProgress] = useState<number>(0);
   const [barColor, setBarColor] = useState<string>("#f11946");
   const [buttonsColor, setButtonsColor] = useState<string>("red");
-  const ref: RefObject<LoadingBarRef> = useRef(null);
+  const ref = useRef<LoadingBarRef>(null);
   const [usingRef, setUsingRef] = useState<boolean>(true);
   const [usingHooks, setUsingHooks] = useState<boolean>(true);
 

package.json

@@ -25,10 +25,9 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "prepublishOnly": "npm run build",
-    "test": "run-s test:unit test:lint test:build",
     "test:build": "npm run build",
     "predeploy": "cd example && npm install && npm run build",
-    "deploy": "gh-pages -d example/build"
+    "deploy": "gh-pages -d example/dist"
   },
   "peerDependencies": {
     "react": "^16 || ^17 || ^18 || ^19"

src/index.tsx

@@ -419,4 +419,4 @@ export const useLoadingBar = (props: IProps): Omit<IContext, "setProps"> => {
   };
 };
 
-export default LoadingBar;
+export { LoadingBar as default };

src/useInterval.ts

@@ -1,34 +1,32 @@
-import { useEffect, useRef } from 'react'
+import { useEffect, useRef } from "react";
 
 /** keep typescript happy */
-const noop = () => {}
+const noop = () => {};
 
 export function useInterval(
   callback: () => void,
   delay: number | null | false,
-  immediate?: boolean
+  immediate?: boolean,
 ) {
-  const savedCallback = useRef(noop)
+  const savedCallback = useRef(noop);
 
   // Remember the latest callback.
   useEffect(() => {
-    savedCallback.current = callback
-  })
+    savedCallback.current = callback;
+  });
 
   // Execute callback if immediate is set.
   useEffect(() => {
-    if (!immediate) return
-    if (delay === null || delay === false) return
-    savedCallback.current()
-  }, [immediate])
+    if (!immediate) return;
+    if (delay === null || delay === false) return;
+    savedCallback.current();
+  }, [immediate]);
 
   // Set up the interval.
   useEffect(() => {
-    if (delay === null || delay === false) return undefined
-    const tick = () => savedCallback.current()
-    const id = setInterval(tick, delay)
-    return () => clearInterval(id)
-  }, [delay])
+    if (delay === null || delay === false) return undefined;
+    const tick = () => savedCallback.current();
+    const id = setInterval(tick, delay);
+    return () => clearInterval(id);
+  }, [delay]);
 }
-
-export default useInterval