fix: Update CI/CD workflow for two-project Firebase deployment

- Remove multi-site targets in favor of two separate Firebase projects
- Update firebase.json to single-site configuration for Storybook
- Add entryPoint parameter for demo deployment
- Update documentation to reflect two-project approach
- Fixes deployment error: "Deploy target docs not configured"

Author: ishansasika

.github/workflows/README.md

@@ -8,49 +8,44 @@ The `deploy.yml` workflow automatically deploys both Storybook documentation and
 
 ### Required Setup
 
-Before the workflow can run successfully, you need to configure the Firebase service account secret:
+Before the workflow can run successfully, you need to configure two Firebase service account secrets:
 
-1. **Generate Firebase Service Account Key:**
-   ```bash
-   # Login to Firebase CLI
-   firebase login
+1. **Generate Firebase Service Account Keys:**
 
-   # Create a service account key
-   firebase init hosting:github
-   ```
+   For the Storybook project (`premium-react-loaders`):
+   - Go to Firebase Console → Project Settings → Service Accounts
+   - Click "Generate New Private Key"
+   - Save the JSON file securely
 
-   Or manually create one from the Firebase Console:
-   - Go to Project Settings > Service Accounts
+   For the Demo project (`premium-react-loaders-demo`):
+   - Go to Firebase Console → Project Settings → Service Accounts
    - Click "Generate New Private Key"
    - Save the JSON file securely
 
-2. **Add Secret to GitHub Repository:**
+2. **Add Secrets to GitHub Repository:**
    - Go to your GitHub repository
    - Navigate to Settings > Secrets and variables > Actions
-   - Click "New repository secret"
-   - Name: `FIREBASE_SERVICE_ACCOUNT`
-   - Value: Paste the entire contents of the service account JSON file
-   - Click "Add secret"
+   - Create two secrets:
 
-### Firebase Multi-Site Configuration
+     **Secret 1:**
+     - Name: `FIREBASE_SERVICE_ACCOUNT_PREMIUM_REACT_LOADERS`
+     - Value: Contents of the Storybook project service account JSON
 
-The project uses Firebase multi-site hosting with two targets:
+     **Secret 2:**
+     - Name: `FIREBASE_SERVICE_ACCOUNT_PREMIUM_REACT_LOADERS_DEMO`
+     - Value: Contents of the demo project service account JSON
 
-- **`docs`** target → Deploys Storybook to `docs.premium-react-loaders.ishansasika.dev`
-  - Build output: `storybook-static/`
-
-- **`demo`** target → Deploys demo app to `premium-react-loaders.ishansasika.dev`
-  - Build output: `demo/dist/`
+### Firebase Project Configuration
 
-To configure the hosting targets locally:
+The project uses two separate Firebase projects:
 
-```bash
-# Apply hosting targets to your Firebase sites
-firebase target:apply hosting docs <your-docs-site-id>
-firebase target:apply hosting demo <your-demo-site-id>
-```
+- **`premium-react-loaders`** → Deploys Storybook to `docs.premium-react-loaders.ishansasika.dev`
+  - Configuration: Root `firebase.json` and `.firebaserc`
+  - Build output: `storybook-static/`
 
-These targets are referenced in `firebase.json` and the GitHub Actions workflow.
+- **`premium-react-loaders-demo`** → Deploys demo app to `premium-react-loaders.ishansasika.dev`
+  - Configuration: `demo/firebase.json` and `demo/.firebaserc`
+  - Build output: `demo/dist/`
 
 ### Workflow Trigger
 

.github/workflows/deploy.yml

@@ -46,3 +46,4 @@ jobs:
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_PREMIUM_REACT_LOADERS_DEMO }}'
           projectId: premium-react-loaders-demo
           channelId: live
+          entryPoint: demo

CLAUDE.md

@@ -139,25 +139,30 @@ Components support a `testId` prop for test targeting. When provided, it's appli
 
 ## Firebase Deployment
 
-Both Storybook and the demo app are deployed to Firebase Hosting using multi-site configuration:
+Both Storybook and the demo app are deployed to Firebase Hosting using two separate Firebase projects:
 
 - **Storybook**: https://docs.premium-react-loaders.ishansasika.dev/ (component documentation)
-- **Demo App**: https://premium-react-loaders.ishansasika.dev/ (interactive playground)
-
-### Multi-Site Configuration
+  - Firebase project: `premium-react-loaders`
+  - Configuration: Root `firebase.json` and `.firebaserc`
+  - Build output: `storybook-static/`
 
-The root `firebase.json` defines two hosting targets:
-- `docs` target → Deploys `storybook-static/` to docs subdomain
-- `demo` target → Deploys `demo/dist/` to main domain
+- **Demo App**: https://premium-react-loaders.ishansasika.dev/ (interactive playground)
+  - Firebase project: `premium-react-loaders-demo`
+  - Configuration: `demo/firebase.json` and `demo/.firebaserc`
+  - Build output: `demo/dist/`
 
 ### CI/CD with GitHub Actions
 
 Automated deployments are configured via `.github/workflows/deploy.yml`:
 - Triggers on push to `main` branch
 - Builds both Storybook and demo app
-- Deploys both sites to Firebase Hosting
+- Deploys both to their respective Firebase projects
+
+**Required Secrets**: Two GitHub repository secrets must be configured:
+- `FIREBASE_SERVICE_ACCOUNT_PREMIUM_REACT_LOADERS` (for Storybook)
+- `FIREBASE_SERVICE_ACCOUNT_PREMIUM_REACT_LOADERS_DEMO` (for demo app)
 
-**Required Secret**: `FIREBASE_SERVICE_ACCOUNT` must be configured in GitHub repository secrets. See `.github/workflows/README.md` for setup instructions.
+See `.github/workflows/README.md` for detailed setup instructions.
 
 ## Demo App Architecture
 

firebase.json

@@ -1,34 +1,16 @@
 {
-  "hosting": [
-    {
-      "target": "docs",
-      "public": "storybook-static",
-      "ignore": [
-        "firebase.json",
-        "**/.*",
-        "**/node_modules/**"
-      ],
-      "rewrites": [
-        {
-          "source": "**",
-          "destination": "/index.html"
-        }
-      ]
-    },
-    {
-      "target": "demo",
-      "public": "demo/dist",
-      "ignore": [
-        "firebase.json",
-        "**/.*",
-        "**/node_modules/**"
-      ],
-      "rewrites": [
-        {
-          "source": "**",
-          "destination": "/index.html"
-        }
-      ]
-    }
-  ]
+  "hosting": {
+    "public": "storybook-static",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
 }