modified site and npm deployment scripts

Signed-off-by: Alok Ranjan Daftuar <aloknecessary@gmail.com>

branch updated for demo deployment under gh-pages

permission fixed

modified site and npm deployment scripts

Author: aloknecessary

.env

@@ -0,0 +1,66 @@
+name: Deploy Site + Storybook
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      # 1️⃣ Build Storybook under /demo
+      - name: Build Storybook
+        run: npm run build-storybook
+        env:
+          STORYBOOK_BASE_PATH: /${{ github.event.repository.name }}/demo/
+
+      # 2️⃣ Create landing page from README
+      - name: Generate landing page
+        run: |
+          npx marked README.md > index.html
+
+      # 3️⃣ Prepare final deploy folder
+      - name: Prepare deploy folder
+        run: |
+          mkdir site
+          mv index.html site/
+          cp -r docs site/docs
+          mv storybook-static site/demo
+
+      # 4️⃣ Upload artifact
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v4
+        with:
+          path: ./site
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    needs: build
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/deploy-storybook.yml

@@ -0,0 +1,79 @@
+name: Publish to npm
+
+on:
+  push:
+    tags:
+      - "v*"
+
+concurrency:
+  group: npm-publish
+  cancel-in-progress: false
+
+jobs:
+  publish:
+    if: github.ref_type == 'tag'
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write # required for GitHub Release
+      id-token: write # required for npm provenance
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: "https://registry.npmjs.org"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+        env:
+          NODE_ENV: development # ensure devDependencies are installed
+
+      # - name: Run lint (optional but recommended)
+      #   run: npm run lint --if-present
+
+      # - name: Run tests
+      #   run: npm test --if-present
+
+      - name: Build package
+        run: npm run compile
+        env:
+          NODE_ENV: production # explicitly production during build
+
+      - name: Validate version matches tag
+        run: |
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
+          TAG_VERSION=${GITHUB_REF#refs/tags/v}
+          if [ "$PACKAGE_VERSION" != "$TAG_VERSION" ]; then
+            echo "Tag version ($TAG_VERSION) does not match package.json version ($PACKAGE_VERSION)"
+            exit 1
+          fi
+
+      - name: Ensure package does not already exist
+        run: |
+          PACKAGE_NAME=$(node -p "require('./package.json').name")
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
+          if npm view "$PACKAGE_NAME@$PACKAGE_VERSION" > /dev/null 2>&1; then
+            echo "Version already published."
+            exit 1
+          fi
+
+      - name: Validate package contents
+        run: |
+          npm pack
+          tar -tf *.tgz
+
+      - name: Publish to npm
+        run: npm publish --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Create GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          generate_release_notes: true

.github/workflows/github-pages-storybook.yml

@@ -27,3 +27,4 @@ yarn-error.log*
 dist
 .env
 *.tgz
+.env

.github/workflows/npm-publish.yml

@@ -11,5 +11,16 @@ const config: StorybookConfig = {
     name: "@storybook/react-vite",
     options: {},
   },
+  staticDirs: [],
+
+  async viteFinal(config) {
+    const basePath = process.env.STORYBOOK_BASE_PATH;
+
+    // Default to root for local builds
+    config.base = basePath ?? "/";
+
+    return config;
+  },
 };
+
 export default config;

.github/workflows/publish-npm.yml

@@ -4,10 +4,11 @@
 <br/>
 </p>
 
-# <p align="center">React Progress Stepper</p>
-### <p align="center">Minimal and beautiful stepper for React.</p>
+<h1 align="center">React Progress Stepper</h1>
+<h3 align="center">Minimal and beautiful stepper for React.</h3>
+
 <p align="center">
-<a href="https://aloknecessary.github.io/react-progress-stepper-ts"><img src="https://img.shields.io/badge/LIVE DEMO-23c275?style=flat"></a>
+<a href="https://aloknecessary.github.io/react-progress-stepper-ts/demo"><img src="https://img.shields.io/badge/LIVE DEMO-23c275?style=flat"></a>
 <img src="https://img.shields.io/badge/Open%20Source-🤍-23c275">
 <img src="https://img.shields.io/github/stars/aloknecessary/react-progress-stepper-ts?color=23c275&label=Stars">
 <img src="https://img.shields.io/npm/dw/react-progress-stepper-ts?color=23c275&label=Downloads">