From a015d0dd179ce4b6a470870473254dc4309541ad Mon Sep 17 00:00:00 2001 From: l5io Date: Tue, 26 Nov 2024 01:04:07 +0000 Subject: [PATCH 1/5] Updated feature data from source repository Signed-off-by: l5io --- feature_data.json | 208 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 208 insertions(+) diff --git a/feature_data.json b/feature_data.json index 7f01ed823eb7..bd3d93deb6da 100644 --- a/feature_data.json +++ b/feature_data.json @@ -951,6 +951,214 @@ "Theme (also: Keychain Name)": "Support and Deployment" } }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "VirtualService", + "Function": "VirtualService", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "DestinationRule", + "Function": "DestinationRule", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "mTLS (PeerAuthentication)", + "Function": "mTLS (PeerAuthentication)", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "AuthorizationPolicy", + "Function": "AuthorizationPolicy", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "EnvoyFilters", + "Function": "EnvoyFilters", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Istio Operator", + "Function": "Istio Operator", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Ingress Gateway (Gateways)", + "Function": "Ingress Gateway (Gateways)", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Egress Gateway (Gateways)", + "Function": "Egress Gateway (Gateways)", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Add-on: Prometheus", + "Function": "Add-on: Prometheus", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Add-on: Kiali", + "Function": "Add-on: Kiali", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Add-on: Grafana", + "Function": "Add-on: Grafana", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Add-on: Zipkin", + "Function": "Add-on: Zipkin", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Add-on: Jaeger", + "Function": "Add-on: Jaeger", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Istio", + "Documented?": "", + "Feature": "Custom Configuration", + "Function": "Custom Configuration", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Pattern Support: Kubernetes", + "Documented?": "", + "Feature": "Ingress", + "Function": "Ingress", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, + { + "pricing_page": "true", + "entire_row": { + "Category": "Multi-Mesh", + "Documented?": "", + "Feature": "Canary Rollout", + "Function": "Canary Rollout", + "Pricing page?": "X", + "Subscription Tier": "Free", + "Tech": "Adapter", + "Theme (also: Keychain Name)": "Configuration Management" + } + }, { "pricing_page": "true", "entire_row": { From aecf56b7827ddea4bfe7051fbbda8a5cadc5bcef Mon Sep 17 00:00:00 2001 From: l5io Date: Wed, 27 Nov 2024 01:04:57 +0000 Subject: [PATCH 2/5] Updated feature data from source repository Signed-off-by: l5io --- feature_data.json | 65 ----------------------------------------------- 1 file changed, 65 deletions(-) diff --git a/feature_data.json b/feature_data.json index bd3d93deb6da..a4b503056adb 100644 --- a/feature_data.json +++ b/feature_data.json @@ -1055,71 +1055,6 @@ "Theme (also: Keychain Name)": "Configuration Management" } }, - { - "pricing_page": "true", - "entire_row": { - "Category": "Pattern Support: Istio", - "Documented?": "", - "Feature": "Add-on: Prometheus", - "Function": "Add-on: Prometheus", - "Pricing page?": "X", - "Subscription Tier": "Free", - "Tech": "Adapter", - "Theme (also: Keychain Name)": "Configuration Management" - } - }, - { - "pricing_page": "true", - "entire_row": { - "Category": "Pattern Support: Istio", - "Documented?": "", - "Feature": "Add-on: Kiali", - "Function": "Add-on: Kiali", - "Pricing page?": "X", - "Subscription Tier": "Free", - "Tech": "Adapter", - "Theme (also: Keychain Name)": "Configuration Management" - } - }, - { - "pricing_page": "true", - "entire_row": { - "Category": "Pattern Support: Istio", - "Documented?": "", - "Feature": "Add-on: Grafana", - "Function": "Add-on: Grafana", - "Pricing page?": "X", - "Subscription Tier": "Free", - "Tech": "Adapter", - "Theme (also: Keychain Name)": "Configuration Management" - } - }, - { - "pricing_page": "true", - "entire_row": { - "Category": "Pattern Support: Istio", - "Documented?": "", - "Feature": "Add-on: Zipkin", - "Function": "Add-on: Zipkin", - "Pricing page?": "X", - "Subscription Tier": "Free", - "Tech": "Adapter", - "Theme (also: Keychain Name)": "Configuration Management" - } - }, - { - "pricing_page": "true", - "entire_row": { - "Category": "Pattern Support: Istio", - "Documented?": "", - "Feature": "Add-on: Jaeger", - "Function": "Add-on: Jaeger", - "Pricing page?": "X", - "Subscription Tier": "Free", - "Tech": "Adapter", - "Theme (also: Keychain Name)": "Configuration Management" - } - }, { "pricing_page": "true", "entire_row": { From cde00e50bc8e169491b9af71ae2f8b9a738b027d Mon Sep 17 00:00:00 2001 From: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> Date: Sat, 30 Nov 2024 09:44:06 +0000 Subject: [PATCH 3/5] Remove box page Signed-off-by: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> --- src/pages/projects/sistent/components/box/code.js | 8 -------- src/pages/projects/sistent/components/box/guidance.js | 8 -------- src/pages/projects/sistent/components/box/index.js | 8 -------- 3 files changed, 24 deletions(-) delete mode 100644 src/pages/projects/sistent/components/box/code.js delete mode 100644 src/pages/projects/sistent/components/box/guidance.js delete mode 100644 src/pages/projects/sistent/components/box/index.js diff --git a/src/pages/projects/sistent/components/box/code.js b/src/pages/projects/sistent/components/box/code.js deleted file mode 100644 index f7228ded370a..000000000000 --- a/src/pages/projects/sistent/components/box/code.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import { BoxCode } from "../../../../../sections/Projects/Sistent/components/box/code"; - -const BoxCodePage = () => { - return ; -}; - -export default BoxCodePage; diff --git a/src/pages/projects/sistent/components/box/guidance.js b/src/pages/projects/sistent/components/box/guidance.js deleted file mode 100644 index 7294f7552040..000000000000 --- a/src/pages/projects/sistent/components/box/guidance.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import { BoxGuidance } from "../../../../../sections/Projects/Sistent/components/box/guidance"; - -const BoxGuidancePage = () => { - return ; -}; - -export default BoxGuidancePage; diff --git a/src/pages/projects/sistent/components/box/index.js b/src/pages/projects/sistent/components/box/index.js deleted file mode 100644 index 31eb7536a5e2..000000000000 --- a/src/pages/projects/sistent/components/box/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import SistentBox from "../../../../../sections/Projects/Sistent/components/box/index"; - -const SistentBoxPage = () => { - return ; -}; - -export default SistentBoxPage; From 17f0107c2de50644447f05a6e01e1a694faaf354 Mon Sep 17 00:00:00 2001 From: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> Date: Sat, 30 Nov 2024 09:47:03 +0000 Subject: [PATCH 4/5] refactor: change component to default export Signed-off-by: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> --- src/sections/Projects/Sistent/components/box/code.js | 4 +++- src/sections/Projects/Sistent/components/box/guidance.js | 4 +++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/sections/Projects/Sistent/components/box/code.js b/src/sections/Projects/Sistent/components/box/code.js index e2ef20c0ed79..7dd3032bc2c1 100644 --- a/src/sections/Projects/Sistent/components/box/code.js +++ b/src/sections/Projects/Sistent/components/box/code.js @@ -53,7 +53,7 @@ const codes = [ `, ]; -export const BoxCode = () => { +const BoxCode = () => { const location = useLocation(); const { isDark } = useStyledDarkMode(); @@ -206,3 +206,5 @@ export const BoxCode = () => { ); }; + +export default BoxCode; \ No newline at end of file diff --git a/src/sections/Projects/Sistent/components/box/guidance.js b/src/sections/Projects/Sistent/components/box/guidance.js index 9edf1052df65..e692d982a680 100644 --- a/src/sections/Projects/Sistent/components/box/guidance.js +++ b/src/sections/Projects/Sistent/components/box/guidance.js @@ -8,7 +8,7 @@ import { SistentLayout } from "../../sistent-layout"; import TabButton from "../../../../../reusecore/Button"; import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode"; -export const BoxGuidance = () => { +const BoxGuidance = () => { const location = useLocation(); const { isDark } = useStyledDarkMode(); @@ -177,3 +177,5 @@ export const BoxGuidance = () => { ); }; + +export default BoxGuidance; From e1087f50051b41875b665a6bd68e7997b464c9f9 Mon Sep 17 00:00:00 2001 From: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> Date: Sat, 30 Nov 2024 09:52:05 +0000 Subject: [PATCH 5/5] fix: dynamic import of page Signed-off-by: Vidit Kushwaha <120644015+Vidit-Kushwaha@users.noreply.github.com> --- gatsby-node.js | 16 +-- src/components/SistentNavigation/index.js | 2 +- .../Projects/Sistent/components/content.js | 100 ++++++++++++++++++ .../Projects/Sistent/components/index.js | 87 +-------------- 4 files changed, 106 insertions(+), 99 deletions(-) create mode 100644 src/sections/Projects/Sistent/components/content.js diff --git a/gatsby-node.js b/gatsby-node.js index 1ca139303732..c38e2531ceed 100644 --- a/gatsby-node.js +++ b/gatsby-node.js @@ -10,6 +10,9 @@ const slugify = require("./src/utils/slugify"); const { paginate } = require("gatsby-awesome-pagination"); const { createFilePath } = require("gatsby-source-filesystem"); const config = require("./gatsby-config"); +const { + componentsData, +} = require("./src/sections/Projects/Sistent/components/content"); if (process.env.CI === "true") { // All process.env.CI conditionals in this file are in place for GitHub Pages, if webhost changes in the future, code may need to be modified or removed. @@ -723,18 +726,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => { } }); - const components = [ - "button", - "text-input", - "modal", - "paper", - "popper", - "text-field", - "link", - "container", - "button-group", - "tooltip", - ]; + const components = componentsData.map((component) => component.src.replace("/", "")); const createComponentPages = (createPage, components) => { const pageTypes = [ diff --git a/src/components/SistentNavigation/index.js b/src/components/SistentNavigation/index.js index 549e3012520b..e5e1eb54dcad 100644 --- a/src/components/SistentNavigation/index.js +++ b/src/components/SistentNavigation/index.js @@ -3,7 +3,7 @@ import { HiOutlineChevronLeft } from "@react-icons/all-files/hi/HiOutlineChevron import { Link } from "gatsby"; import { IoMdClose } from "@react-icons/all-files/io/IoMdClose"; import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDropdownCircle"; -import { componentsData } from "../../sections/Projects/Sistent/components"; +import { componentsData } from "../../sections/Projects/Sistent/components/content"; import TOCWrapper from "./toc.style"; import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown"; diff --git a/src/sections/Projects/Sistent/components/content.js b/src/sections/Projects/Sistent/components/content.js new file mode 100644 index 000000000000..388e34486f06 --- /dev/null +++ b/src/sections/Projects/Sistent/components/content.js @@ -0,0 +1,100 @@ +const componentsData = [ + { + id: 1, + name: "Button", + description: + "A button is an interactive element that triggers a specific action and also lets users know what will happen next.", + url: "/projects/sistent/components/button", + src: "/button", + }, + { + id: 2, + name: "Text Input", + description: + "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.", + url: "/projects/sistent/components/text-input", + src: "/text-input", + }, + { + id: 3, + name: "Modal", + description: + "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.", + url: "/projects/sistent/components/modal", + src: "/modal", + }, + { + id: 4, + name: "Paper", + description: + "The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.", + url: "/projects/sistent/components/paper", + src: "/paper", + }, + { + id: 5, + name: "Popper", + description: + "A popper is a tooltip that appears when a user interacts with an element.", + url: "/projects/sistent/components/popper", + src: "/popper", + }, + { + id: 6, + name: "Text Field", + description: + "The TextField component is a versatile input field used to capture user input in forms and user interfaces.", + url: "/projects/sistent/components/text-field", + src: "/text-field", + }, + { + id: 7, + name: "Link", + description: + "Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.", + url: "/projects/sistent/components/link", + src: "/link", + }, + { + id: 8, + name: "Container", + description: + "Containers align and center content, providing responsive layout options for different screen sizes.", + url: "/projects/sistent/components/container", + src: "/container", + }, + { + id: 9, + name: "ButtonGroup", + description: + "ButtonGroup is a component that groups multiple buttons together.", + url: "/projects/sistent/components/button-group", + src: "/button-group", + }, + { + id: 10, + name: "Box", + description: + "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.", + url: "/projects/sistent/components/box", + src: "/box", + }, + { + id: 11, + name: "Tooltip", + description: + "The Tooltip component is a small pop-up box that appears when a user hovers over an element.", + url: "/projects/sistent/components/tooltip", + src: "/tooltip", + }, + { + id: 12, + name: "Backdrop", + description: + "Backdrop component overlays a dimmed screen to focus attention on foreground content.", + url: "/projects/sistent/components/backdrop", + src: "/backdrop", + }, +]; + +module.exports = { componentsData }; \ No newline at end of file diff --git a/src/sections/Projects/Sistent/components/index.js b/src/sections/Projects/Sistent/components/index.js index db571b715629..3988ff1670cc 100644 --- a/src/sections/Projects/Sistent/components/index.js +++ b/src/sections/Projects/Sistent/components/index.js @@ -7,93 +7,8 @@ import SearchBox from "../../../../reusecore/Search"; import useDataList from "../../../../utils/usedataList"; import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight"; import { Link } from "gatsby"; +import { componentsData } from "./content"; -export const componentsData = [ - { - id: 1, - name: "Button", - description: - "A button is an interactive element that triggers a specific action and also lets users know what will happen next.", - url: "/projects/sistent/components/button", - }, - { - id: 2, - name: "Text Input", - description: - "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.", - url: "/projects/sistent/components/text-input", - }, - { - id: 3, - name: "Modal", - description: - "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.", - url: "/projects/sistent/components/modal", - }, - { - id: 4, - name: "Paper", - description: - "The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.", - url: "/projects/sistent/components/paper", - }, - { - id: 5, - name: "Popper", - description: - "A popper is a tooltip that appears when a user interacts with an element.", - url: "/projects/sistent/components/popper", - }, - { - id: 6, - name: "Text Field", - description: - "The TextField component is a versatile input field used to capture user input in forms and user interfaces.", - url: "/projects/sistent/components/text-field", - }, - { - id: 7, - name: "Link", - description: - "Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.", - url: "/projects/sistent/components/link", - }, - { - id: 8, - name: "Container", - description: - "Containers align and center content, providing responsive layout options for different screen sizes.", - url: "/projects/sistent/components/container", - }, - { - id: 9, - name: "ButtonGroup", - description: - "ButtonGroup is a component that groups multiple buttons together.", - url: "/projects/sistent/components/button-group", - }, - { - id: 10, - name: "Box", - description: - "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.", - url: "/projects/sistent/components/box", - }, - { - id: 11, - name: "Tooltip", - description: - "The Tooltip component is a small pop-up box that appears when a user hovers over an element.", - url: "/projects/sistent/components/tooltip", - }, - { - id: 12, - name: "Backdrop", - description: - "Backdrop component overlays a dimmed screen to focus attention on foreground content.", - url: "/projects/sistent/components/backdrop", - }, -]; const SistentComponents = () => { const [searchQuery, setSearchQuery] = useState("");