Merge branch 'master' into dependabot/npm_and_yarn/emotion/styled-11.14.1

Author: Rajesh-Nagarajan-11

package-lock.json

@@ -98,7 +98,7 @@
     "react-honeycomb": "^0.1.3",
     "react-intersection-observer": "^9.5.2",
     "react-loadable": "^5.5.0",
-    "react-modal": "^3.16.1",
+    "react-modal": "^3.16.3",
     "react-player": "^2.12.0",
     "react-scroll": "^1.9.0",
     "react-select": "^5.10.0",

package.json

@@ -0,0 +1,33 @@
+---
+title: Knative Eventing
+subtitle: Collaborative and visual infrastructure as design for Knative Eventing
+integrationIcon: icons/color/knative-eventing-color.svg
+darkModeIntegrationIcon: icons/white/knative-eventing-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/knative-eventing
+description: 
+category: Serverless
+subcategory: App Integration
+registrant: GitHub
+components: []
+featureList: [
+  "Provides building blocks for serverless",
+  "Simplifies event-driven architecture",
+  "Integrates with Kubernetes resources"
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Integrates Knative components"
+howItWorksDetails: "Streamlined serverless development on Kubernetes"
+published: TRUE
+---
+<p>
+
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in Kanvas. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, Kanvas, to create and deploy your own cloud native infrastructure designs.
+</p>

src/collections/integrations/knative-eventing/icons/color/knative-eventing-color.svg

@@ -7,80 +7,8 @@ docURL: https://docs.meshery.io/extensibility/integrations/knative-serving
 description: 
 category: Serverless
 subcategory: Installable Platform
-registrant: Artifact Hub
-components: [
-{
-"name": "certificate",
-"colorIcon": "icons/components/certificate/icons/color/certificate-color.svg",
-"whiteIcon": "icons/components/certificate/icons/white/certificate-white.svg",
-"description": "",
-},
-{
-"name": "configuration",
-"colorIcon": "icons/components/configuration/icons/color/configuration-color.svg",
-"whiteIcon": "icons/components/configuration/icons/white/configuration-white.svg",
-"description": "",
-},
-{
-"name": "cluster-domain-claim",
-"colorIcon": "icons/components/cluster-domain-claim/icons/color/cluster-domain-claim-color.svg",
-"whiteIcon": "icons/components/cluster-domain-claim/icons/white/cluster-domain-claim-white.svg",
-"description": "",
-},
-{
-"name": "domain-mapping",
-"colorIcon": "icons/components/domain-mapping/icons/color/domain-mapping-color.svg",
-"whiteIcon": "icons/components/domain-mapping/icons/white/domain-mapping-white.svg",
-"description": "",
-},
-{
-"name": "ingress",
-"colorIcon": "icons/components/ingress/icons/color/ingress-color.svg",
-"whiteIcon": "icons/components/ingress/icons/white/ingress-white.svg",
-"description": "",
-},
-{
-"name": "metric",
-"colorIcon": "icons/components/metric/icons/color/metric-color.svg",
-"whiteIcon": "icons/components/metric/icons/white/metric-white.svg",
-"description": "",
-},
-{
-"name": "pod-autoscaler",
-"colorIcon": "icons/components/pod-autoscaler/icons/color/pod-autoscaler-color.svg",
-"whiteIcon": "icons/components/pod-autoscaler/icons/white/pod-autoscaler-white.svg",
-"description": "",
-},
-{
-"name": "revision",
-"colorIcon": "icons/components/revision/icons/color/revision-color.svg",
-"whiteIcon": "icons/components/revision/icons/white/revision-white.svg",
-"description": "",
-},
-{
-"name": "route",
-"colorIcon": "icons/components/route/icons/color/route-color.svg",
-"whiteIcon": "icons/components/route/icons/white/route-white.svg",
-"description": "",
-},
-{
-"name": "serverless-service",
-"colorIcon": "icons/components/serverless-service/icons/color/serverless-service-color.svg",
-"whiteIcon": "icons/components/serverless-service/icons/white/serverless-service-white.svg",
-"description": "",
-},
-{
-"name": "service",
-"colorIcon": "icons/components/service/icons/color/service-color.svg",
-"whiteIcon": "icons/components/service/icons/white/service-white.svg",
-"description": "",
-},
-{
-"name": "image",
-"colorIcon": "icons/components/image/icons/color/image-color.svg",
-"whiteIcon": "icons/components/image/icons/white/image-white.svg",
-"description": "",
-}]
+registrant: GitHub
+components: []
 featureList: [
   "Auto-scaling based on demand",
   "Request-based routing",

src/collections/integrations/knative-eventing/icons/white/knative-eventing-white.svg

@@ -37,7 +37,7 @@ const TutorialsTable = () => {
               {value}
               {isNew && (
                 <img
-                  src="/images/new-badge.webp"
+                  src="/images/new-badge.png"
                   alt="New"
                 />
               )}

src/collections/integrations/knative-eventing/index.mdx

@@ -9,7 +9,7 @@ import Slider from "react-slick";
 
 const settings = {
   initialSlide: 1,
-  lazyLoad: true,
+  lazyLoad: false,
   arrows: false,
   dots: false,
   infinite: true,