modified the script run build

Author: sanjeetkumaritoutlook-user

.github/workflows/deploy.yml

@@ -39,7 +39,7 @@ jobs:
       - name: Check if www folder exists
         run: |
           ls -la www
-          
+
       - name: Check if there are changes
         run: |
           git diff --exit-code || echo "There are changes to commit"
@@ -51,7 +51,12 @@ jobs:
           git config --global user.name "sanjeetkumaritoutlook"
           git config --global user.email "sanjeetkumarit@outlook.com"
           git remote set-url origin https://github.com/sanjeetkumaritoutlook/sanjeetkumaritoutlook.github.io.git
-          git add .
-          git commit -m "Deploy to GitHub Pages"
-          git push origin `git subtree split --prefix www main`:gh-pages --force
+          # Check for changes
+          if [ -n "$(git status --porcelain)" ]; then
+            git add .
+            git commit -m "Deploy to GitHub Pages"
+            git push origin `git subtree split --prefix www main`:gh-pages --force
+          else
+           echo "No changes to commit, skipping deployment"
+          fi  
       

src/components.d.ts

@@ -6,8 +6,6 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
-    interface AppHeader {
-    }
     interface AppHomePage {
     }
     interface AppProfilePage {
@@ -17,16 +15,12 @@ export namespace Components {
     }
     interface HeaderNavigation {
     }
+    interface PostsDashboard {
+    }
     interface WebComponents {
     }
 }
 declare global {
-    interface HTMLAppHeaderElement extends Components.AppHeader, HTMLStencilElement {
-    }
-    var HTMLAppHeaderElement: {
-        prototype: HTMLAppHeaderElement;
-        new (): HTMLAppHeaderElement;
-    };
     interface HTMLAppHomePageElement extends Components.AppHomePage, HTMLStencilElement {
     }
     var HTMLAppHomePageElement: {
@@ -51,24 +45,28 @@ declare global {
         prototype: HTMLHeaderNavigationElement;
         new (): HTMLHeaderNavigationElement;
     };
+    interface HTMLPostsDashboardElement extends Components.PostsDashboard, HTMLStencilElement {
+    }
+    var HTMLPostsDashboardElement: {
+        prototype: HTMLPostsDashboardElement;
+        new (): HTMLPostsDashboardElement;
+    };
     interface HTMLWebComponentsElement extends Components.WebComponents, HTMLStencilElement {
     }
     var HTMLWebComponentsElement: {
         prototype: HTMLWebComponentsElement;
         new (): HTMLWebComponentsElement;
     };
     interface HTMLElementTagNameMap {
-        "app-header": HTMLAppHeaderElement;
         "app-home-page": HTMLAppHomePageElement;
         "app-profile-page": HTMLAppProfilePageElement;
         "app-root": HTMLAppRootElement;
         "header-navigation": HTMLHeaderNavigationElement;
+        "posts-dashboard": HTMLPostsDashboardElement;
         "web-components": HTMLWebComponentsElement;
     }
 }
 declare namespace LocalJSX {
-    interface AppHeader {
-    }
     interface AppHomePage {
     }
     interface AppProfilePage {
@@ -78,26 +76,28 @@ declare namespace LocalJSX {
     }
     interface HeaderNavigation {
     }
+    interface PostsDashboard {
+    }
     interface WebComponents {
     }
     interface IntrinsicElements {
-        "app-header": AppHeader;
         "app-home-page": AppHomePage;
         "app-profile-page": AppProfilePage;
         "app-root": AppRoot;
         "header-navigation": HeaderNavigation;
+        "posts-dashboard": PostsDashboard;
         "web-components": WebComponents;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "app-header": LocalJSX.AppHeader & JSXBase.HTMLAttributes<HTMLAppHeaderElement>;
             "app-home-page": LocalJSX.AppHomePage & JSXBase.HTMLAttributes<HTMLAppHomePageElement>;
             "app-profile-page": LocalJSX.AppProfilePage & JSXBase.HTMLAttributes<HTMLAppProfilePageElement>;
             "app-root": LocalJSX.AppRoot & JSXBase.HTMLAttributes<HTMLAppRootElement>;
             "header-navigation": LocalJSX.HeaderNavigation & JSXBase.HTMLAttributes<HTMLHeaderNavigationElement>;
+            "posts-dashboard": LocalJSX.PostsDashboard & JSXBase.HTMLAttributes<HTMLPostsDashboardElement>;
             "web-components": LocalJSX.WebComponents & JSXBase.HTMLAttributes<HTMLWebComponentsElement>;
         }
     }

src/components/app-root/app-root.tsx

@@ -27,7 +27,7 @@ export class AppRoot {
             </Route>
 
             <Route path={/^\/posts-dashboard/}>
-            <app-header></app-header>
+            <posts-dashboard></posts-dashboard>
             </Route> 
 
             <Route path={/^\/web-components/}>

src/components/app-header/app-header.css renamed to src/components/posts-dashboard/posts-dashboard.css

@@ -1,8 +1,8 @@
 import { Component,State, h } from '@stencil/core';
 
 @Component({
-  tag: 'app-header',
-  styleUrl: 'app-header.css',
+  tag: 'posts-dashboard',
+  styleUrl: 'posts-dashboard.css',
   shadow: true,
 })
 export class AppHeader {

src/components/app-header/app-header.tsx renamed to src/components/posts-dashboard/posts-dashboard.tsx

@@ -1,11 +1,11 @@
 import { newE2EPage } from '@stencil/core/testing';
 
-describe('app-header', () => {
+describe('posts-dashboard', () => {
   it('renders', async () => {
     const page = await newE2EPage();
-    await page.setContent('<app-header></app-header>');
+    await page.setContent('<posts-dashboard></posts-dashboard>');
 
-    const element = await page.find('app-header');
+    const element = await page.find('posts-dashboard');
     expect(element).toHaveClass('hydrated');
   });
 });

src/components/app-header/test/app-header.e2e.ts renamed to src/components/posts-dashboard/test/posts-dashboard.e2e.ts

@@ -1,18 +1,18 @@
 import { newSpecPage } from '@stencil/core/testing';
-import { AppHeader } from '../app-header';
+import { AppHeader } from '../posts-dashboard';
 
-describe('app-header', () => {
+describe('posts-dashboard', () => {
   it('renders', async () => {
     const page = await newSpecPage({
       components: [AppHeader],
-      html: `<app-header></app-header>`,
+      html: `<posts-dashboard></posts-dashboard>`,
     });
     expect(page.root).toEqualHtml(`
-      <app-header>
+      <posts-dashboard>
         <mock:shadow-root>
           <slot></slot>
         </mock:shadow-root>
-      </app-header>
+      </posts-dashboard>
     `);
   });
 });