Add Fusion migration guide

website/lib/mdx-content.tsx

@@ -18,6 +18,7 @@ import { Video } from "@/components/mdx/video";
 import { Warning } from "@/components/mdx/warning";
 import { ApiChoiceTabs } from "@/components/mdx/api-choice-tabs";
 import { InputChoiceTabs } from "@/components/mdx/input-choice-tabs";
+import { PipelineChoiceTabs } from "@/components/mdx/pipeline-choice-tabs";
 import { List, Panel, Tab, Tabs } from "@/components/mdx/tabs";
 import { TopologyVisualization } from "@/components/mdx/topology-visualization";
 
@@ -35,6 +36,7 @@ const mdxComponents = {
   Warning,
   ApiChoiceTabs,
   InputChoiceTabs,
+  PipelineChoiceTabs,
   Tabs,
   Tab,
   List,
@@ -45,6 +47,8 @@ const mdxComponents = {
   "InputChoiceTabs-VisualStudio": InputChoiceTabs.VisualStudio,
   "ApiChoiceTabs-MinimalApis": ApiChoiceTabs.MinimalApis,
   "ApiChoiceTabs-Regular": ApiChoiceTabs.Regular,
+  "PipelineChoiceTabs-GitHubAction": PipelineChoiceTabs.GitHubAction,
+  "PipelineChoiceTabs-CLI": PipelineChoiceTabs.CLI,
   // Lowercase aliases: rehype-raw (used with format:"md") lowercases all HTML
   // tag names per the HTML spec, so <Video> becomes <video>, etc.
   video: Video,
@@ -56,6 +60,7 @@ const mdxComponents = {
   warning: Warning,
   apichoicetabs: ApiChoiceTabs,
   inputchoicetabs: InputChoiceTabs,
+  pipelinechoicetabs: PipelineChoiceTabs,
   tabs: Tabs,
   tab: Tab,
   list: List,
@@ -64,6 +69,8 @@ const mdxComponents = {
   "inputchoicetabs-visualstudio": InputChoiceTabs.VisualStudio,
   "apichoicetabs-minimalapis": ApiChoiceTabs.MinimalApis,
   "apichoicetabs-regular": ApiChoiceTabs.Regular,
+  "pipelinechoicetabs-githubaction": PipelineChoiceTabs.GitHubAction,
+  "pipelinechoicetabs-cli": PipelineChoiceTabs.CLI,
   topologyvisualization: TopologyVisualization,
 };
 

website/lib/mdx.ts

@@ -257,6 +257,8 @@ const DOTTED_COMPONENT_MAP: Record<string, string> = {
   "InputChoiceTabs.VisualStudio": "InputChoiceTabs-VisualStudio",
   "ApiChoiceTabs.MinimalApis": "ApiChoiceTabs-MinimalApis",
   "ApiChoiceTabs.Regular": "ApiChoiceTabs-Regular",
+  "PipelineChoiceTabs.GitHubAction": "PipelineChoiceTabs-GitHubAction",
+  "PipelineChoiceTabs.CLI": "PipelineChoiceTabs-CLI",
 };
 
 // Convert self-closing custom component tags to explicit open+close pairs.

website/src/components/mdx/code-block.tsx

@@ -12,6 +12,7 @@ import "prismjs/components/prism-json";
 import "prismjs/components/prism-bash";
 import "prismjs/components/prism-sql";
 import "prismjs/components/prism-diff";
+import "prismjs/components/prism-yaml";
 
 // Import Prism syntax highlighting theme
 import "@/style/prism-theme.css";
@@ -144,6 +145,10 @@ const codeLanguages: Record<
     content: "XML",
     color: "#ffffff",
   },
+  yaml: {
+    content: "YAML",
+    color: "#cb7676",
+  },
 };
 
 const IndicatorContent = styled.div`

website/src/components/mdx/pipeline-choice-tabs.tsx

@@ -0,0 +1,31 @@
+import React, { FC } from "react";
+
+import { List, Panel, Tab, Tabs } from "./tabs";
+
+export interface PipelineChoiceTabsComposition {
+  GitHubAction: FC;
+  CLI: FC;
+}
+
+export const PipelineChoiceTabs: FC & PipelineChoiceTabsComposition = ({
+  children,
+}) => {
+  return (
+    <Tabs defaultValue={"github-action"} groupId="pipeline-choice">
+      <List>
+        <Tab value="github-action">GitHub Action</Tab>
+        <Tab value="cli">CLI</Tab>
+      </List>
+      {children}
+    </Tabs>
+  );
+};
+
+const GitHubAction: FC = ({ children }) => (
+  <Panel value="github-action">{children}</Panel>
+);
+
+const CLI: FC = ({ children }) => <Panel value="cli">{children}</Panel>;
+
+PipelineChoiceTabs.GitHubAction = GitHubAction;
+PipelineChoiceTabs.CLI = CLI;

website/src/docs/docs.json

@@ -255,6 +255,10 @@
             "path": "migration",
             "title": "Migration",
             "items": [
+              {
+                "path": "migrating-from-15-to-16",
+                "title": "Migrating from v15 to v16"
+              },
               {
                 "path": "coming-from-apollo-federation",
                 "title": "Coming from Apollo Federation"