Merge branch 'master' into update-kanvas-logos

Author: Rajesh-Nagarajan-11

.github/workflows/label-triggered.yml

@@ -38,7 +38,7 @@ jobs:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
           comment: "We are sending you an invitation to join the Layer5 GitHub Organization. :partying_face: <b>Welcome to the community! 🎉</b><br /><br />&nbsp;&nbsp;&nbsp;Be sure to :star: [star the projects](../stargazers), if you haven't already.<br />"
         env:
-          INVITE_TOKEN: ${{ secrets.RELEASEDRAFTER_PAT }}
+          INVITE_TOKEN: ${{ secrets.GH_ACCESS_TOKEN }}
       - name: View context attributes
         uses: actions/github-script@master
         id: set-url

.github/workflows/labeler.yml

@@ -9,6 +9,6 @@ jobs:
       pull-requests: write
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/labeler@v5
+    - uses: actions/labeler@v6
       with:
         repo-token: "${{ secrets.GITHUB_TOKEN }}"

gatsby-node.js

@@ -36,7 +36,6 @@ if (process.env.CI === "true") {
     if (page.path !== oldPage.path) {
       // Replace new page with old page
       deletePage(oldPage);
-      page.slices = { ...DEFAULT_SLICES, ...(page.slices || {}) };
       createPage(page);
 
       createRedirect({
@@ -52,59 +51,17 @@ if (process.env.CI === "true") {
 
 const { loadRedirects } = require("./src/utils/redirects.js");
 
-const DEFAULT_SLICES = {
-  "site-header": "site-header",
-  "site-footer": "site-footer",
-  "cta-bottom": "cta-bottom",
-  "cta-fullwidth": "cta-fullwidth",
-  "cta-imageonly": "cta-imageonly",
-};
-
 exports.createPages = async ({ actions, graphql, reporter }) => {
-  const { createRedirect, createSlice } = actions;
+  const { createRedirect } = actions;
   const redirects = loadRedirects();
   redirects.forEach(redirect => createRedirect(redirect)); // Handles all hardcoded ones dynamically
   // Create Pages
   const { createPage } = actions;
 
-  createSlice({
-    id: "site-header",
-    component: path.resolve("./src/slices/site-header.js"),
-  });
-
-  createSlice({
-    id: "site-footer",
-    component: path.resolve("./src/slices/site-footer.js"),
-  });
-
-  createSlice({
-    id: "cta-bottom",
-    component: path.resolve("./src/slices/cta-bottom.js"),
-  });
-
-  createSlice({
-    id: "cta-fullwidth",
-    component: path.resolve("./src/slices/cta-fullwidth.js"),
-  });
-
-  createSlice({
-    id: "cta-imageonly",
-    component: path.resolve("./src/slices/cta-imageonly.js"),
-  });
-
   const envCreatePage = (props) => {
-    const pageConfig = { ...props };
-
-    if (isDevelopment) {
-      pageConfig.defer = true;
-    } else if (isProduction) {
-      pageConfig.mode = "SSR";
-    }
-    pageConfig.slices = { ...DEFAULT_SLICES, ...(pageConfig.slices || {}) };
-
     if (process.env.CI === "true") {
-      const { path, matchPath, ...rest } = pageConfig;
-
+      const { path, matchPath, ...rest } = props;
+      const isHandbookPage = path.startsWith("/community/handbook/");
       createRedirect({
         fromPath: `/${path}/`,
         toPath: `/${path}`,
@@ -113,12 +70,12 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
       });
 
       return createPage({
-        path: `${path}.html`,
+        path: isHandbookPage ? path : `${path}.html`,
         matchPath: matchPath || path,
         ...rest,
       });
     }
-    return createPage(pageConfig);
+    return createPage(props);
   };
 
   const blogPostTemplate = path.resolve("src/templates/blog-single.js");
@@ -180,6 +137,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     `
     : "";
 
+  const HandbookTemplate = path.resolve("src/templates/handbook-template.js");
+
+
   const res = await graphql(`
     {
       allPosts: allMdx(filter: { frontmatter: { published: { eq: true } } }) {
@@ -197,6 +157,19 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
           }
         }
       }
+      handbookPages: allMdx(
+        filter: { fields: { collection: { eq: "handbook" } } }
+      ) {
+        nodes {
+          fields {
+            slug
+            collection
+          }
+          internal {
+            contentFilePath
+          }
+        }
+      }
       blogTags: allMdx(
         filter: {
           fields: { collection: { eq: "blog" } }
@@ -296,6 +269,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   const members = filterByCollection("members");
   const integrations = filterByCollection("integrations");
 
+  const handbook = res.data.handbookPages.nodes;
+
+
   const singleWorkshop = res.data.singleWorkshop.nodes;
   const labs = res.data.labs.nodes;
 
@@ -457,6 +433,17 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     });
   }
 
+  handbook.forEach((page) => {
+    envCreatePage({
+      path: page.fields.slug,
+      component: `${HandbookTemplate}?__contentFilePath=${page.internal.contentFilePath}`,
+      context: {
+        slug: page.fields.slug,
+      },
+    });
+  });
+
+
   programs.forEach((program) => {
     envCreatePage({
       path: `/programs/${program.frontmatter.programSlug}`,
@@ -555,7 +542,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   });
 
   const components = componentsData.map((component) => component.src.replace("/", ""));
-  const createComponentPages = (envCreatePage, components) => {
+  const createComponentPages = (createPage, components) => {
     const pageTypes = [
       { suffix: "", file: "index.js" },
       { suffix: "/guidance", file: "guidance.js" },
@@ -568,7 +555,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
         const componentPath = `./src/sections/Projects/Sistent/components/${name}/${file}`;
         if (fs.existsSync(path.resolve(componentPath))) {
           try {
-            envCreatePage({
+            createPage({
               path: pagePath,
               component: require.resolve(componentPath),
             });
@@ -582,7 +569,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     });
   };
 
-  createComponentPages(envCreatePage, components);
+  createComponentPages(createPage, components);
 };
 
 // slug starts and ends with '/' so parts[0] and parts[-1] will be empty
@@ -713,6 +700,9 @@ exports.onCreateNode = ({ node, actions, getNode }) => {
           if (node.frontmatter.published)
             slug = `/community/members/${node.frontmatter.permalink ?? slugify(node.frontmatter.name)}`;
           break;
+        case "handbook":
+          slug = `/community/handbook/${slugify(node.frontmatter.title)}`;
+          break;
         case "events":
           if (node.frontmatter.title)
             slug = `/community/events/${slugify(node.frontmatter.title)}`;

root-wrapper.js

@@ -1,7 +1,9 @@
 import React from "react";
 import { MDXProvider } from "@mdx-js/react";
 import Code from "./src/components/CodeBlock";
-import { Slice } from "gatsby";
+import CTA_ImageOnly from "./src/components/Call-To-Actions/CTA_ImageOnly";
+import CTA_FullWidth from "./src/components/Call-To-Actions/CTA_FullWidth";
+import CTA_Bottom from "./src/components/Call-To-Actions/CTA_Bottom";
 import { ContextWrapper } from "./context-wrapper";
 
 // Custom image component for better CLS scores
@@ -39,9 +41,9 @@ const components = {
     }
   },
   img: OptimizedImage,
-  CTA_ImageOnly: (props) => <Slice alias="cta-imageonly" sliceContext={props} />, // slice to avoid page rebuilds on CTA tweaks
-  CTA_FullWidth: (props) => <Slice alias="cta-fullwidth" sliceContext={props} />, // slice to avoid page rebuilds on CTA tweaks
-  CTA_Bottom: (props) => <Slice alias="cta-bottom" sliceContext={props} />
+  CTA_ImageOnly,
+  CTA_FullWidth,
+  CTA_Bottom
 };
 
 export const wrapRootElement = ({ element }) => (

src/collections/blog/2022/2022-01-07-Recap-KubeCon-China-TAG-Network-talk/index.mdx

@@ -93,7 +93,7 @@ The majority of the more detailed activities occur in the CNCF Service Mesh Work
     alt="GetNighthawk"
  />
 
-<strong>Calcote and Owens packed a great deal of information in this talk. If you are passionate about Cloud Native Networking and Service Meshes, then this talk is definitely worth your time. Find the recording below. The <a href="/static/events/2021/kubecon-china-2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">presentation slides</a> are available.</strong>
+<strong>Calcote and Owens packed a great deal of information in this talk. If you are passionate about Cloud Native Networking and Service Meshes, then this talk is definitely worth your time. Find the recording below. The <a href="/events/2021/kubecon-china-2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">presentation slides</a> are available.</strong>
 <div className="iframe-container">
 <iframe src="https://www.youtube.com/embed/pUDm8Xx4RXg" loading="lazy" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
 </div>

src/collections/events/2021/kubecon-china-2021/index.mdx

@@ -44,7 +44,7 @@ Speakers:
   </li>
 </ul>
 
-- <a href="/static/events/2021/kubecon-china-2021/solving-the-service-mesh-adopters-dilemma-anita-ihuman-kubecon-china-2021.pdf">Presentation Slides</a>
+- <a href="/events/2021/kubecon-china-2021/solving-the-service-mesh-adopters-dilemma-anita-ihuman-kubecon-china-2021.pdf">Presentation Slides</a>
 
 <h2>
   <a href="https://kccncosschn21.sched.com/event/pcYk/cncf-tag-jie-zhang-re-jie-yuan-cncf-tag-network-and-service-mesh-working-group-lee-calcote-layer5-ed-warnicke-cisco-ken-owens-fiserv?iframe=no">
@@ -66,7 +66,7 @@ Speakers:
 <li>Ken Owens</li>
 </ul>
 
-- <a href="/static/events/2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">Presentation Slides</a>
+- <a href="/events/2021/kubecon-china-2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">Presentation Slides</a>
 
 <h2>Meshery Project Office Hours</h2>
 
@@ -112,7 +112,7 @@ Speakers:
 <li>MeshMate <Link to="/community/members/anita-ihuman">Anita Ihuman</Link></li>
 </ul>
 
-- <a href="/static/events/2021/kubecon-china-2021/solving-the-service-mesh-adopters-dilemma-anita-ihuman-kubecon-china-2021.pdf">Presentation Slides</a>
+- <a href="/events/2021/kubecon-china-2021/solving-the-service-mesh-adopters-dilemma-anita-ihuman-kubecon-china-2021.pdf">Presentation Slides</a>
 
 
 <h2><a href="https://kccncosschn21.sched.com/event/pcYk/cncf-tag-jie-zhang-re-jie-yuan-cncf-tag-network-and-service-mesh-working-group-lee-calcote-layer5-ed-warnicke-cisco-ken-owens-fiserv?iframe=no">CNCF TAG Network and Service Mesh Working Group</a></h2>
@@ -126,7 +126,7 @@ Speakers:
 <li>Ken Owens</li>
 </ul>
 
-- <a href="/static/events/2021/kubecon-china-2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">Presentation Slides</a>
+- <a href="/events/2021/kubecon-china-2021/cncf-tag-network-and-service-mesh-working-group-kubecon-china-2021-lee-calcote-ken-owens.pdf">Presentation Slides</a>
 
 
 <h2>Meshery Project Office Hours</h2>

src/collections/events/2022/hacktoberfest-2022/index.mdx

@@ -19,6 +19,6 @@ Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects t
  Resources:
 <ul>
     <li><Link to="https://www.youtube.com/watch?v=3dqFF_0FsTE">Watch the livestream recording</Link></li>
-    <li><a href="/static/events/2022/hacktoberfest-2022/hacktoberfest-prep-easing-into-cncf-open-source-projects.pdf">Review the slides</a></li>
+    <li><a href="/events/2022/hacktoberfest-2022/hacktoberfest-prep-easing-into-cncf-open-source-projects.pdf">Review the slides</a></li>
 </ul>
 

src/collections/events/2023/hacktoberfest-2023-docker-ext/index.mdx

@@ -33,7 +33,7 @@ Prepare for Hacktoberfest and ready yourself for contributing to <a to="https://
     <ul>
     <li><Link to="https://docs.google.com/spreadsheets/d/11KPLU9vVklgGn9NbluLegbfQAyBA5ZS58AhoA8_PCVI/edit#gid=0">Issues for Hacktoberfest</Link></li>
     <li><a href="https://www.youtube.com/watch?v=T7xLUqrnxtI">Recorded Livestream</a></li>
-    <li><a href="/static/events/2023/hacktoberfest-2023-docker-ext/hacktoberfest-prep-easing-into-cncf-open-source-projects.pdf">Presentation Slides</a></li>
+    <li><a href="/events/2023/hacktoberfest-2023-docker-ext/hacktoberfest-prep-easing-into-cncf-open-source-projects.pdf">Presentation Slides</a></li>
     </ul>
 Earn a Badge
 Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects during this Hacktoberfest.

src/collections/events/2024/hacktoberfest-2024/index.mdx

@@ -38,5 +38,5 @@ Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects t
     <li><Link to="/blog/open-source/ways-to-contribute-at-layer5">Code and Non-Code Contributing at Layer5</Link></li>
     <li><a href="https://github.com/issues?q=is%3Aopen+is%3Aissue+archived%3Afalse+org%3Alayer5io+org%3Ameshery+org%3Aservice-mesh-performance+org%3Aservice-mesh-patterns+label%3A%22hacktoberfest%22+">Issues for Hacktoberfest</a></li>
     <li><a href="https://www.youtube.com/watch?v=iKe52yMWWK4">Recorded Livestream</a></li>
-    <li><a href="/static/events/2024/hacktoberfest-2024/hacktoberfest-prep-2024-extending-meshery-models.pdf">Presentation Slides</a></li>
+    <li><a href="/events/2024/hacktoberfest-2024/hacktoberfest-prep-2024-extending-meshery-models.pdf">Presentation Slides</a></li>
 </ul>