Merge pull request #5 from uiuxarghya/dev

Bump version to `v1.0.4`

.github/workflows/publish.yml

@@ -5,25 +5,28 @@ on:
     types: [created]
 
 jobs:
-  build:
+  publish:
     runs-on: ubuntu-latest
     permissions:
       packages: write
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+
+      - name: Set up Node.js, Bun, and install dependencies
+        uses: actions/setup-node@v2
         with:
-          node-version: '16'
-          cache: yarn
+          node-version: '20'
           registry-url: https://registry.npmjs.org/
-      - run: yarn install
-      - run: yarn lint
-      - run: npm publish --access=public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-      - uses: actions/setup-node@v2
+      - uses: oven-sh/setup-bun@v2
         with:
-          registry-url: https://npm.pkg.github.com/
-      - run: npm publish
+          cache: bun
+      - run: bun install
+      - run: bun run lint
+
+      - name: Publish to npm and GitHub Packages
+        run: |
+          npm publish --access=public
+          npm publish --registry=https://npm.pkg.github.com/
         env:
-          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/size.yml

@@ -1,12 +1,30 @@
 name: size
+
 on: [pull_request]
+
 jobs:
   size:
     runs-on: ubuntu-latest
     env:
       CI_JOB_NUMBER: 1
     steps:
-      - uses: actions/checkout@v1
-      - uses: andresz1/size-limit-action@v1
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Build project
+        run: bun run build
+
+      - name: Run size-limit
+        uses: andresz1/size-limit-action@v1
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
+
+

.github/workflows/tests.yml

@@ -8,8 +8,9 @@ jobs:
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
+      - uses: oven-sh/setup-bun@v2
         with:
-          node-version: '16'
-          cache: yarn
-      - run: yarn install
-      - run: yarn lint
+          node-version: "20"
+          cache: bun
+      - run: bun install
+      - run: bun run lint

README.md

@@ -1,4 +1,4 @@
-# progress-bar [![Verified on Openbase](https://badges.openbase.com/js/verified/@uiuxarghya/progress-bar.svg?style=openbase)](https://openbase.com/js/@uiuxarghya/progress-bar?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)  [![tests](https://github.com/uiuxarghya/progress-bar/workflows/tests/badge.svg)](https://github.com/uiuxarghya/progress-bar/actions?query=workflow%3Atests) [![npm](https://img.shields.io/npm/v/@uiuxarghya/progress-bar.svg)](https://www.npmjs.com/package/@uiuxarghya/progress-bar) [![jsdeliver hits](https://data.jsdelivr.com/v1/package/npm/@uiuxarghya/progress-bar/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@uiuxarghya/progress-bar) [![Featured on Openbase](https://badges.openbase.com/js/featured/@uiuxarghya/progress-bar.svg?style=openbase)](https://openbase.com/js/@uiuxarghya/progress-bar?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
+# progress-bar [![tests](https://github.com/uiuxarghya/progress-bar/workflows/tests/badge.svg)](https://github.com/uiuxarghya/progress-bar/actions?query=workflow%3Atests) [![npm](https://img.shields.io/npm/v/@uiuxarghya/progress-bar.svg)](https://www.npmjs.com/package/@uiuxarghya/progress-bar) [![jsdeliver hits](https://data.jsdelivr.com/v1/package/npm/@uiuxarghya/progress-bar/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@uiuxarghya/progress-bar)
 
 A small, easy & zero-dependency progress bar component.
 

example/index.tsx

@@ -1,13 +1,13 @@
-import 'react-app-polyfill/ie11';
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import ProgressBar from '../src';
+import * as React from "react";
+import "react-app-polyfill/ie11";
+import * as ReactDOM from "react-dom";
+import ProgressBar from "../src";
 
 const progress = new ProgressBar({
   size: 4,
-  color: '#3B82F6',
-  className: 'progress-bar',
-  delay: 100,
+  color: "#3B82F6",
+  className: "progress-bar",
+  delay: 100
 });
 
 const App = () => {
@@ -19,9 +19,12 @@ const App = () => {
   return (
     <div>
       <h2>Progress Bar Demo</h2>
-      <p> Press Ctrl+R or Command (⌘)+R to reload the page to see the progress bar.</p>
+      <p>
+        Press Ctrl+R or Command (⌘)+R to reload the page to see the progress
+        bar.
+      </p>
     </div>
   );
 };
 
-ReactDOM.render(<App />, document.getElementById('root'));
+ReactDOM.render(<App />, document.getElementById("root"));

example/package.json

@@ -16,9 +16,9 @@
     "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
   },
   "devDependencies": {
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.0.8",
-    "parcel": "^2.7.0",
-    "typescript": "^4.8.4"
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "parcel": "^2.12.0",
+    "typescript": "^5.5.4"
   }
 }