Move components into src/frame (#45759)

Co-authored-by: Grace Park <gracepark@github.com>
adamlaska · Nov 13, 2023 · 5364189 · 5364189
1 parent 694d38e
commit 5364189
Show file tree

Hide file tree

Showing 147 changed files with 182 additions and 184 deletions.
diff --git a/.github/workflows/azure-preview-env-deploy.yml b/.github/workflows/azure-preview-env-deploy.yml
@@ -192,8 +192,7 @@ jobs:
           rsync -rptovR ./user-code/content/./**/*.md ./content
           rsync -rptovR ./user-code/assets/./**/*.png ./assets
           rsync -rptovR ./user-code/data/./**/*.{yml,md} ./data
-          rsync -rptovR ./user-code/components/./**/*.{scss,ts,tsx} ./components
-          rsync -rptovR ./user-code/src/./**/*.tsx ./src
+          rsync -rptovR ./user-code/src/./**/*.{scss,ts,tsx} ./src
 
       - uses: ./.github/actions/warmup-remotejson-cache
         with:

diff --git a/Dockerfile b/Dockerfile
@@ -44,7 +44,6 @@ RUN npm prune --production
 # ---------------
 FROM all_deps as builder
 
-COPY components ./components
 COPY src ./src
 # The star is because it's an optional directory
 COPY .remotejson-cache* ./.remotejson-cache

diff --git a/src/assets/scripts/find-orphaned-assets.js b/src/assets/scripts/find-orphaned-assets.js
@@ -95,7 +95,7 @@ async function main(opts) {
     }
   }
 
-  const roots = ['tests', 'components', 'contributing', 'src', 'assets']
+  const roots = ['tests', 'contributing', 'src', 'assets']
 
   for (const root of roots) {
     sourceFiles.push(

diff --git a/src/audit-logs/components/GroupedEvents.tsx b/src/audit-logs/components/GroupedEvents.tsx
@@ -1,6 +1,6 @@
 import { slug } from 'github-slugger'
 
-import { HeadingLink } from 'components/article/HeadingLink'
+import { HeadingLink } from 'src/frame/components/article/HeadingLink'
 import { useTranslation } from 'src/languages/components/useTranslation'
 
 type AuditLogEventT = {

diff --git a/src/audit-logs/pages/audit-log-events.tsx b/src/audit-logs/pages/audit-log-events.tsx
@@ -5,7 +5,7 @@ import {
   getMainContext,
   MainContext,
   MainContextT,
-} from 'components/context/MainContext'
+} from 'src/frame/components/context/MainContext'
 import {
   getAutomatedPageContextFromRequest,
   AutomatedPageContext,

diff --git a/src/automated-pipelines/components/AutomatedPage.tsx b/src/automated-pipelines/components/AutomatedPage.tsx
@@ -1,13 +1,13 @@
-import { DefaultLayout } from 'components/DefaultLayout'
-import { ArticleTitle } from 'components/article/ArticleTitle'
-import { MarkdownContent } from 'components/ui/MarkdownContent'
-import { Lead } from 'components/ui/Lead'
-import { PermissionsStatement } from 'components/ui/PermissionsStatement'
-import { ArticleGridLayout } from '../../../components/article/ArticleGridLayout'
-import { MiniTocs } from 'components/ui/MiniTocs'
+import { DefaultLayout } from 'src/frame/components/DefaultLayout'
+import { ArticleTitle } from 'src/frame/components/article/ArticleTitle'
+import { MarkdownContent } from 'src/frame/components/ui/MarkdownContent'
+import { Lead } from 'src/frame/components/ui/Lead'
+import { PermissionsStatement } from 'src/frame/components/ui/PermissionsStatement'
+import { ArticleGridLayout } from 'src/frame/components/article/ArticleGridLayout'
+import { MiniTocs } from 'src/frame/components/ui/MiniTocs'
 import { useAutomatedPageContext } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { ClientSideHighlight } from 'components/ClientSideHighlight'
-import { Callout } from 'components/ui/Callout'
+import { ClientSideHighlight } from 'src/frame/components/ClientSideHighlight'
+import { Callout } from 'src/frame/components/ui/Callout'
 
 type Props = {
   children: React.ReactNode

diff --git a/src/automated-pipelines/components/AutomatedPageContext.tsx b/src/automated-pipelines/components/AutomatedPageContext.tsx
@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react'
-import type { MiniTocItem } from 'components/context/ArticleContext'
+import type { MiniTocItem } from 'src/frame/components/context/ArticleContext'
 
 export type AutomatedPageContextT = {
   title: string

diff --git a/src/color-schemes/components/useTheme.ts b/src/color-schemes/components/useTheme.ts
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import Cookies from '../../../components/lib/cookies'
+import Cookies from '../../frame/components/lib/cookies'
 
 enum CssColorMode {
   auto = 'auto',

diff --git a/src/events/components/Survey.tsx b/src/events/components/Survey.tsx
@@ -3,7 +3,7 @@ import cx from 'classnames'
 import { useRouter } from 'next/router'
 import { ThumbsdownIcon, ThumbsupIcon } from '@primer/octicons-react'
 import { useTranslation } from 'src/languages/components/useTranslation'
-import { Link } from 'components/Link'
+import { Link } from 'src/frame/components/Link'
 import { sendEvent, EventType } from 'src/events/components/events'
 
 import styles from './Survey.module.scss'

diff --git a/src/events/components/events.ts b/src/events/components/events.ts
@@ -1,5 +1,5 @@
 /* eslint-disable camelcase */
-import Cookies from 'components/lib/cookies'
+import Cookies from 'src/frame/components/lib/cookies'
 import { parseUserAgent } from './user-agent'
 
 const COOKIE_NAME = '_docs-events'

diff --git a/components/ClientSideHighlight.tsx → src/frame/components/ClientSideHighlight.tsx b/components/ClientSideHighlight.tsx → src/frame/components/ClientSideHighlight.tsx
diff --git a/components/ClientSideHighlightJS.tsx → ...rame/components/ClientSideHighlightJS.tsx b/components/ClientSideHighlightJS.tsx → ...rame/components/ClientSideHighlightJS.tsx
diff --git a/components/ClientSideRefresh.tsx → src/frame/components/ClientSideRefresh.tsx b/components/ClientSideRefresh.tsx → src/frame/components/ClientSideRefresh.tsx
diff --git a/components/DefaultLayout.tsx → src/frame/components/DefaultLayout.tsx b/components/DefaultLayout.tsx → src/frame/components/DefaultLayout.tsx
@@ -1,16 +1,16 @@
 import Head from 'next/head'
 import { useRouter } from 'next/router'
 
-import { SidebarNav } from 'components/sidebar/SidebarNav'
-import { Header } from 'components/page-header/Header'
-import { LegalFooter } from 'components/page-footer/LegalFooter'
-import { ScrollButton } from 'components/ui/ScrollButton'
-import { SupportSection } from 'components/page-footer/SupportSection'
+import { SidebarNav } from 'src/frame/components/sidebar/SidebarNav'
+import { Header } from 'src/frame/components/page-header/Header'
+import { LegalFooter } from 'src/frame/components/page-footer/LegalFooter'
+import { ScrollButton } from 'src/frame/components/ui/ScrollButton'
+import { SupportSection } from 'src/frame/components/page-footer/SupportSection'
 import { DeprecationBanner } from 'src/versions/components/DeprecationBanner'
 import { RestBanner } from 'src/rest/components/RestBanner'
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 import { useTranslation } from 'src/languages/components/useTranslation'
-import { Breadcrumbs } from 'components/page-header/Breadcrumbs'
+import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs'
 import { useLanguages } from 'src/languages/components/LanguagesContext'
 
 const MINIMAL_RENDER = Boolean(JSON.parse(process.env.MINIMAL_RENDER || 'false'))

diff --git a/components/GenericError.tsx → src/frame/components/GenericError.tsx b/components/GenericError.tsx → src/frame/components/GenericError.tsx
@@ -3,7 +3,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/router'
 
 import { MarkGithubIcon, CommentDiscussionIcon } from '@primer/octicons-react'
-import { Lead } from 'components/ui/Lead'
+import { Lead } from 'src/frame/components/ui/Lead'
 
 export function GenericError() {
   return (

diff --git a/components/Link.tsx → src/frame/components/Link.tsx b/components/Link.tsx → src/frame/components/Link.tsx
diff --git a/components/README.md → src/frame/components/README.md b/components/README.md → src/frame/components/README.md
diff --git a/...nts/article/ArticleGridLayout.module.scss → ...nts/article/ArticleGridLayout.module.scss b/...nts/article/ArticleGridLayout.module.scss → ...nts/article/ArticleGridLayout.module.scss
diff --git a/components/article/ArticleGridLayout.tsx → .../components/article/ArticleGridLayout.tsx b/components/article/ArticleGridLayout.tsx → .../components/article/ArticleGridLayout.tsx
diff --git a/...s/article/ArticleInlineLayout.module.scss → ...s/article/ArticleInlineLayout.module.scss b/...s/article/ArticleInlineLayout.module.scss → ...s/article/ArticleInlineLayout.module.scss
diff --git a/components/article/ArticleInlineLayout.tsx → ...omponents/article/ArticleInlineLayout.tsx b/components/article/ArticleInlineLayout.tsx → ...omponents/article/ArticleInlineLayout.tsx
diff --git a/components/article/ArticlePage.tsx → src/frame/components/article/ArticlePage.tsx b/components/article/ArticlePage.tsx → src/frame/components/article/ArticlePage.tsx
@@ -3,27 +3,27 @@ import dynamic from 'next/dynamic'
 import cx from 'classnames'
 import { LinkExternalIcon } from '@primer/octicons-react'
 
-import { Callout } from 'components/ui/Callout'
-import { DefaultLayout } from 'components/DefaultLayout'
-import { ArticleTitle } from 'components/article/ArticleTitle'
-import { useArticleContext } from 'components/context/ArticleContext'
+import { Callout } from 'src/frame/components/ui/Callout'
+import { DefaultLayout } from 'src/frame/components/DefaultLayout'
+import { ArticleTitle } from 'src/frame/components/article/ArticleTitle'
+import { useArticleContext } from 'src/frame/components/context/ArticleContext'
 import { LearningTrackNav } from 'src/learning-track/components/article/LearningTrackNav'
-import { MarkdownContent } from 'components/ui/MarkdownContent'
-import { Lead } from 'components/ui/Lead'
-import { PermissionsStatement } from 'components/ui/PermissionsStatement'
+import { MarkdownContent } from 'src/frame/components/ui/MarkdownContent'
+import { Lead } from 'src/frame/components/ui/Lead'
+import { PermissionsStatement } from 'src/frame/components/ui/PermissionsStatement'
 import { ArticleGridLayout } from './ArticleGridLayout'
 import { ArticleInlineLayout } from './ArticleInlineLayout'
 import { PlatformPicker } from 'src/tools/components/PlatformPicker'
 import { ToolPicker } from 'src/tools/components/ToolPicker'
-import { MiniTocs } from 'components/ui/MiniTocs'
+import { MiniTocs } from 'src/frame/components/ui/MiniTocs'
 import { LearningTrackCard } from 'src/learning-track/components/article/LearningTrackCard'
 import { RestRedirect } from 'src/rest/components/RestRedirect'
-import { Breadcrumbs } from 'components/page-header/Breadcrumbs'
-import { Link } from 'components/Link'
+import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs'
+import { Link } from 'src/frame/components/Link'
 import { useTranslation } from 'src/languages/components/useTranslation'
 import { LinkPreviewPopover } from 'src/links/components/LinkPreviewPopover'
 
-const ClientSideRefresh = dynamic(() => import('components/ClientSideRefresh'), {
+const ClientSideRefresh = dynamic(() => import('src/frame/components/ClientSideRefresh'), {
   ssr: false,
 })
 const isDev = process.env.NODE_ENV === 'development'

diff --git a/components/article/ArticleTitle.tsx → ...frame/components/article/ArticleTitle.tsx b/components/article/ArticleTitle.tsx → ...frame/components/article/ArticleTitle.tsx
diff --git a/components/article/HeadingLink.tsx → src/frame/components/article/HeadingLink.tsx b/components/article/HeadingLink.tsx → src/frame/components/article/HeadingLink.tsx
diff --git a/...article/SupportPortalVaIframe.module.scss → ...article/SupportPortalVaIframe.module.scss b/...article/SupportPortalVaIframe.module.scss → ...article/SupportPortalVaIframe.module.scss
diff --git a/components/article/SupportPortalVaIframe.tsx → ...ponents/article/SupportPortalVaIframe.tsx b/components/article/SupportPortalVaIframe.tsx → ...ponents/article/SupportPortalVaIframe.tsx
diff --git a/components/context/ArticleContext.tsx → ...ame/components/context/ArticleContext.tsx b/components/context/ArticleContext.tsx → ...ame/components/context/ArticleContext.tsx
@@ -1,4 +1,4 @@
-import { SupportPortalVaIframeProps } from 'components/article/SupportPortalVaIframe'
+import { SupportPortalVaIframeProps } from 'src/frame/components/article/SupportPortalVaIframe'
 import { createContext, useContext } from 'react'
 
 export type LearningTrack = {

diff --git a/components/context/MainContext.tsx → src/frame/components/context/MainContext.tsx b/components/context/MainContext.tsx → src/frame/components/context/MainContext.tsx
@@ -1,8 +1,8 @@
 import { createContext, useContext } from 'react'
 import pick from 'lodash/pick'
 
-import type { BreadcrumbT } from 'components/page-header/Breadcrumbs'
-import type { FeatureFlags } from 'components/hooks/useFeatureFlags'
+import type { BreadcrumbT } from 'src/frame/components/page-header/Breadcrumbs'
+import type { FeatureFlags } from 'src/frame/components/hooks/useFeatureFlags'
 
 export type ProductT = {
   external: boolean

diff --git a/components/context/TocLandingContext.tsx → .../components/context/TocLandingContext.tsx b/components/context/TocLandingContext.tsx → .../components/context/TocLandingContext.tsx
diff --git a/components/declarations.d.ts → src/frame/components/declarations.d.ts b/components/declarations.d.ts → src/frame/components/declarations.d.ts
diff --git a/components/hooks/useFeatureFlags.ts → ...frame/components/hooks/useFeatureFlags.ts b/components/hooks/useFeatureFlags.ts → ...frame/components/hooks/useFeatureFlags.ts
@@ -1,4 +1,4 @@
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 
 export type FeatureFlags = {}
 

diff --git a/components/hooks/useHasAccount.ts → src/frame/components/hooks/useHasAccount.ts b/components/hooks/useHasAccount.ts → src/frame/components/hooks/useHasAccount.ts
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import Cookies from 'components/lib/cookies'
+import Cookies from 'src/frame/components/lib/cookies'
 
 // Measure if the user has a github.com account and signed in during this session.
 // The github.com sends the color_mode cookie every request when you sign in,

diff --git a/components/lib/ExcludesNull.ts → src/frame/components/lib/ExcludesNull.ts b/components/lib/ExcludesNull.ts → src/frame/components/lib/ExcludesNull.ts
diff --git a/components/lib/cookies.ts → src/frame/components/lib/cookies.ts b/components/lib/cookies.ts → src/frame/components/lib/cookies.ts
diff --git a/components/lib/copy-code.ts → src/frame/components/lib/copy-code.ts b/components/lib/copy-code.ts → src/frame/components/lib/copy-code.ts
diff --git a/components/lib/toggle-annotations.ts → ...rame/components/lib/toggle-annotations.ts b/components/lib/toggle-annotations.ts → ...rame/components/lib/toggle-annotations.ts
@@ -1,4 +1,4 @@
-import Cookies from 'components/lib/cookies'
+import Cookies from 'src/frame/components/lib/cookies'
 import { sendEvent, EventType } from 'src/events/components/events'
 
 enum annotationMode {

diff --git a/components/lib/wrap-code-terms.ts → src/frame/components/lib/wrap-code-terms.ts b/components/lib/wrap-code-terms.ts → src/frame/components/lib/wrap-code-terms.ts
diff --git a/components/page-footer/Contribution.tsx → ...e/components/page-footer/Contribution.tsx b/components/page-footer/Contribution.tsx → ...e/components/page-footer/Contribution.tsx
@@ -1,6 +1,6 @@
 import { GitPullRequestIcon } from '@primer/octicons-react'
 
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 import { useTranslation } from 'src/languages/components/useTranslation'
 
 export const Contribution = () => {

diff --git a/components/page-footer/LegalFooter.tsx → ...me/components/page-footer/LegalFooter.tsx b/components/page-footer/LegalFooter.tsx → ...me/components/page-footer/LegalFooter.tsx
diff --git a/components/page-footer/Support.tsx → src/frame/components/page-footer/Support.tsx b/components/page-footer/Support.tsx → src/frame/components/page-footer/Support.tsx
@@ -1,7 +1,7 @@
 import { PeopleIcon, CommentDiscussionIcon } from '@primer/octicons-react'
 
 import { useTranslation } from 'src/languages/components/useTranslation'
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 
 export const Support = () => {
   const { t } = useTranslation('support')

diff --git a/components/page-footer/SupportSection.tsx → ...components/page-footer/SupportSection.tsx b/components/page-footer/SupportSection.tsx → ...components/page-footer/SupportSection.tsx
@@ -1,9 +1,9 @@
 import cx from 'classnames'
 
 import { Survey } from 'src/events/components/Survey'
-import { Contribution } from 'components/page-footer/Contribution'
-import { Support } from 'components/page-footer/Support'
-import { useMainContext } from 'components/context/MainContext'
+import { Contribution } from 'src/frame/components/page-footer/Contribution'
+import { Support } from 'src/frame/components/page-footer/Support'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 import { useVersion } from 'src/versions/components/useVersion'
 import { useRouter } from 'next/router'
 import { useTranslation } from 'src/languages/components/useTranslation'

diff --git a/...nents/page-header/Breadcrumbs.module.scss → ...nents/page-header/Breadcrumbs.module.scss b/...nents/page-header/Breadcrumbs.module.scss → ...nents/page-header/Breadcrumbs.module.scss
diff --git a/components/page-header/Breadcrumbs.tsx → ...me/components/page-header/Breadcrumbs.tsx b/components/page-header/Breadcrumbs.tsx → ...me/components/page-header/Breadcrumbs.tsx
@@ -1,7 +1,7 @@
 import cx from 'classnames'
 
 import { useMainContext } from '../context/MainContext'
-import { Link } from 'components/Link'
+import { Link } from 'src/frame/components/Link'
 
 import styles from './Breadcrumbs.module.scss'
 

diff --git a/components/page-header/Header.module.scss → ...components/page-header/Header.module.scss b/components/page-header/Header.module.scss → ...components/page-header/Header.module.scss
diff --git a/components/page-header/Header.tsx → src/frame/components/page-header/Header.tsx b/components/page-header/Header.tsx → src/frame/components/page-header/Header.tsx
@@ -12,18 +12,18 @@ import {
 } from '@primer/octicons-react'
 
 import { DEFAULT_VERSION, useVersion } from 'src/versions/components/useVersion'
-import { Link } from 'components/Link'
-import { useMainContext } from 'components/context/MainContext'
-import { useHasAccount } from 'components/hooks/useHasAccount'
+import { Link } from 'src/frame/components/Link'
+import { useMainContext } from 'src/frame/components/context/MainContext'
+import { useHasAccount } from 'src/frame/components/hooks/useHasAccount'
 import { LanguagePicker } from 'src/languages/components/LanguagePicker'
-import { HeaderNotifications } from 'components/page-header/HeaderNotifications'
+import { HeaderNotifications } from 'src/frame/components/page-header/HeaderNotifications'
 import { ApiVersionPicker } from 'src/rest/components/ApiVersionPicker'
 import { useTranslation } from 'src/languages/components/useTranslation'
 import { Search } from 'src/search/components/Search'
-import { Breadcrumbs } from 'components/page-header/Breadcrumbs'
+import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs'
 import { VersionPicker } from 'src/versions/components/VersionPicker'
-import { SidebarNav } from 'components/sidebar/SidebarNav'
-import { AllProductsLink } from 'components/sidebar/AllProductsLink'
+import { SidebarNav } from 'src/frame/components/sidebar/SidebarNav'
+import { AllProductsLink } from 'src/frame/components/sidebar/AllProductsLink'
 
 import styles from './Header.module.scss'
 

diff --git a/...ge-header/HeaderNotifications.module.scss → ...ge-header/HeaderNotifications.module.scss b/...ge-header/HeaderNotifications.module.scss → ...ge-header/HeaderNotifications.module.scss
diff --git a/...nents/page-header/HeaderNotifications.tsx → ...nents/page-header/HeaderNotifications.tsx b/...nents/page-header/HeaderNotifications.tsx → ...nents/page-header/HeaderNotifications.tsx
@@ -3,9 +3,9 @@ import cx from 'classnames'
 import { XIcon } from '@primer/octicons-react'
 
 import { useLanguages } from 'src/languages/components/LanguagesContext'
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 import { useTranslation } from 'src/languages/components/useTranslation'
-import { ExcludesNull } from 'components/lib/ExcludesNull'
+import { ExcludesNull } from 'src/frame/components/lib/ExcludesNull'
 import { useVersion } from 'src/versions/components/useVersion'
 import { useUserLanguage } from 'src/languages/components/useUserLanguage'
 import styles from './HeaderNotifications.module.scss'

diff --git a/components/sidebar/AllProductsLink.tsx → ...me/components/sidebar/AllProductsLink.tsx b/components/sidebar/AllProductsLink.tsx → ...me/components/sidebar/AllProductsLink.tsx
@@ -1,7 +1,7 @@
 import { useRouter } from 'next/router'
 import { ArrowLeftIcon } from '@primer/octicons-react'
 import { DEFAULT_VERSION, useVersion } from 'src/versions/components/useVersion'
-import { Link } from 'components/Link'
+import { Link } from 'src/frame/components/Link'
 
 export const AllProductsLink = () => {
   const router = useRouter()

diff --git a/components/sidebar/SidebarNav.tsx → src/frame/components/sidebar/SidebarNav.tsx b/components/sidebar/SidebarNav.tsx → src/frame/components/sidebar/SidebarNav.tsx
@@ -1,11 +1,11 @@
 import cx from 'classnames'
 import { useRouter } from 'next/router'
 
-import { useMainContext } from 'components/context/MainContext'
+import { useMainContext } from 'src/frame/components/context/MainContext'
 import { SidebarProduct } from 'src/landings/components/SidebarProduct'
 import { AllProductsLink } from './AllProductsLink'
 import { ApiVersionPicker } from 'src/rest/components/ApiVersionPicker'
-import { Link } from 'components/Link'
+import { Link } from 'src/frame/components/Link'
 
 type Props = {
   variant?: 'full' | 'overlay'

diff --git a/components/ui/BumpLink/BumpLink.module.scss → ...mponents/ui/BumpLink/BumpLink.module.scss b/components/ui/BumpLink/BumpLink.module.scss → ...mponents/ui/BumpLink/BumpLink.module.scss
diff --git a/components/ui/BumpLink/BumpLink.tsx → ...frame/components/ui/BumpLink/BumpLink.tsx b/components/ui/BumpLink/BumpLink.tsx → ...frame/components/ui/BumpLink/BumpLink.tsx
diff --git a/components/ui/BumpLink/index.ts → src/frame/components/ui/BumpLink/index.ts b/components/ui/BumpLink/index.ts → src/frame/components/ui/BumpLink/index.ts
diff --git a/components/ui/Callout/Callout.module.scss → ...components/ui/Callout/Callout.module.scss b/components/ui/Callout/Callout.module.scss → ...components/ui/Callout/Callout.module.scss
diff --git a/components/ui/Callout/Callout.tsx → src/frame/components/ui/Callout/Callout.tsx b/components/ui/Callout/Callout.tsx → src/frame/components/ui/Callout/Callout.tsx
diff --git a/components/ui/Callout/index.ts → src/frame/components/ui/Callout/index.ts b/components/ui/Callout/index.ts → src/frame/components/ui/Callout/index.ts
diff --git a/components/ui/Lead/Lead.module.scss → ...frame/components/ui/Lead/Lead.module.scss b/components/ui/Lead/Lead.module.scss → ...frame/components/ui/Lead/Lead.module.scss
diff --git a/components/ui/Lead/Lead.tsx → src/frame/components/ui/Lead/Lead.tsx b/components/ui/Lead/Lead.tsx → src/frame/components/ui/Lead/Lead.tsx
diff --git a/components/ui/Lead/index.ts → src/frame/components/ui/Lead/index.ts b/components/ui/Lead/index.ts → src/frame/components/ui/Lead/index.ts
diff --git a/...rkdownContent/MarkdownContent.module.scss → ...rkdownContent/MarkdownContent.module.scss b/...rkdownContent/MarkdownContent.module.scss → ...rkdownContent/MarkdownContent.module.scss
diff --git a/...ts/ui/MarkdownContent/MarkdownContent.tsx → ...ts/ui/MarkdownContent/MarkdownContent.tsx b/...ts/ui/MarkdownContent/MarkdownContent.tsx → ...ts/ui/MarkdownContent/MarkdownContent.tsx
diff --git a/components/ui/MarkdownContent/index.ts → ...me/components/ui/MarkdownContent/index.ts b/components/ui/MarkdownContent/index.ts → ...me/components/ui/MarkdownContent/index.ts
diff --git a/.../ui/MarkdownContent/stylesheets/code.scss → .../ui/MarkdownContent/stylesheets/code.scss b/.../ui/MarkdownContent/stylesheets/code.scss → .../ui/MarkdownContent/stylesheets/code.scss
diff --git a/.../MarkdownContent/stylesheets/headers.scss → .../MarkdownContent/stylesheets/headers.scss b/.../MarkdownContent/stylesheets/headers.scss → .../MarkdownContent/stylesheets/headers.scss
diff --git a/...ui/MarkdownContent/stylesheets/lists.scss → ...ui/MarkdownContent/stylesheets/lists.scss b/...ui/MarkdownContent/stylesheets/lists.scss → ...ui/MarkdownContent/stylesheets/lists.scss
diff --git a/...ui/MarkdownContent/stylesheets/table.scss → ...ui/MarkdownContent/stylesheets/table.scss b/...ui/MarkdownContent/stylesheets/table.scss → ...ui/MarkdownContent/stylesheets/table.scss
diff --git a/components/ui/MiniTocs/MiniTocs.tsx → ...frame/components/ui/MiniTocs/MiniTocs.tsx b/components/ui/MiniTocs/MiniTocs.tsx → ...frame/components/ui/MiniTocs/MiniTocs.tsx
@@ -2,7 +2,7 @@ import { Heading, NavList } from '@primer/react'
 import { useEffect, useState } from 'react'
 import cx from 'classnames'
 
-import type { MiniTocItem } from 'components/context/ArticleContext'
+import type { MiniTocItem } from 'src/frame/components/context/ArticleContext'
 import { useTranslation } from 'src/languages/components/useTranslation'
 
 import styles from './Minitocs.module.scss'

diff --git a/components/ui/MiniTocs/Minitocs.module.scss → ...mponents/ui/MiniTocs/Minitocs.module.scss b/components/ui/MiniTocs/Minitocs.module.scss → ...mponents/ui/MiniTocs/Minitocs.module.scss
diff --git a/components/ui/MiniTocs/index.ts → src/frame/components/ui/MiniTocs/index.ts b/components/ui/MiniTocs/index.ts → src/frame/components/ui/MiniTocs/index.ts
diff --git a/...tatement/PermissionsStatement.module.scss → ...tatement/PermissionsStatement.module.scss b/...tatement/PermissionsStatement.module.scss → ...tatement/PermissionsStatement.module.scss
diff --git a/...issionsStatement/PermissionsStatement.tsx → ...issionsStatement/PermissionsStatement.tsx b/...issionsStatement/PermissionsStatement.tsx → ...issionsStatement/PermissionsStatement.tsx
diff --git a/components/ui/PermissionsStatement/index.ts → ...mponents/ui/PermissionsStatement/index.ts b/components/ui/PermissionsStatement/index.ts → ...mponents/ui/PermissionsStatement/index.ts
diff --git a/components/ui/ScrollButton/ScrollButton.tsx → ...mponents/ui/ScrollButton/ScrollButton.tsx b/components/ui/ScrollButton/ScrollButton.tsx → ...mponents/ui/ScrollButton/ScrollButton.tsx
diff --git a/components/ui/ScrollButton/index.ts → ...frame/components/ui/ScrollButton/index.ts b/components/ui/ScrollButton/index.ts → ...frame/components/ui/ScrollButton/index.ts
diff --git a/src/github-apps/components/EnabledList.tsx b/src/github-apps/components/EnabledList.tsx
@@ -2,9 +2,9 @@ import { Fragment } from 'react'
 import { useRouter } from 'next/router'
 import { slug as githubSlug } from 'github-slugger'
 
-import { HeadingLink } from 'components/article/HeadingLink'
-import { Link } from 'components/Link'
-import { MainContext, MainContextT } from 'components/context/MainContext'
+import { HeadingLink } from 'src/frame/components/article/HeadingLink'
+import { Link } from 'src/frame/components/Link'
+import { MainContext, MainContextT } from 'src/frame/components/context/MainContext'
 import {
   AutomatedPageContext,
   AutomatedPageContextT,

diff --git a/src/github-apps/components/PermissionsList.tsx b/src/github-apps/components/PermissionsList.tsx
@@ -2,10 +2,10 @@ import { useRouter } from 'next/router'
 import cx from 'classnames'
 import { slug as githubSlug } from 'github-slugger'
 
-import { HeadingLink } from 'components/article/HeadingLink'
+import { HeadingLink } from 'src/frame/components/article/HeadingLink'
 import { useTranslation } from 'src/languages/components/useTranslation'
-import { Link } from 'components/Link'
-import { MainContextT } from 'components/context/MainContext'
+import { Link } from 'src/frame/components/Link'
+import { MainContextT } from 'src/frame/components/context/MainContext'
 import {
   AutomatedPageContext,
   AutomatedPageContextT,

diff --git a/src/github-apps/pages/endpoints-available-for-fine-grained-personal-access-tokens.tsx b/src/github-apps/pages/endpoints-available-for-fine-grained-personal-access-tokens.tsx
@@ -4,7 +4,7 @@ import {
   AutomatedPageContextT,
   getAutomatedPageContextFromRequest,
 } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { MainContextT, getMainContext } from 'components/context/MainContext'
+import { MainContextT, getMainContext } from 'src/frame/components/context/MainContext'
 
 import { EnabledList, EnabledListT } from 'src/github-apps/components/EnabledList'
 

diff --git a/src/github-apps/pages/endpoints-available-for-github-app-installation-access-tokens.tsx b/src/github-apps/pages/endpoints-available-for-github-app-installation-access-tokens.tsx
@@ -4,7 +4,7 @@ import {
   AutomatedPageContextT,
   getAutomatedPageContextFromRequest,
 } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { MainContextT, getMainContext } from 'components/context/MainContext'
+import { MainContextT, getMainContext } from 'src/frame/components/context/MainContext'
 
 import { EnabledList, EnabledListT } from 'src/github-apps/components/EnabledList'
 

diff --git a/src/github-apps/pages/endpoints-available-for-github-app-user-access-tokens.tsx b/src/github-apps/pages/endpoints-available-for-github-app-user-access-tokens.tsx
@@ -4,7 +4,7 @@ import {
   AutomatedPageContextT,
   getAutomatedPageContextFromRequest,
 } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { MainContextT, getMainContext } from 'components/context/MainContext'
+import { MainContextT, getMainContext } from 'src/frame/components/context/MainContext'
 
 import { EnabledList, EnabledListT } from 'src/github-apps/components/EnabledList'
 

diff --git a/src/github-apps/pages/permissions-required-for-fine-grained-personal-access-tokens.tsx b/src/github-apps/pages/permissions-required-for-fine-grained-personal-access-tokens.tsx
@@ -4,7 +4,7 @@ import {
   AutomatedPageContextT,
   getAutomatedPageContextFromRequest,
 } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { MainContext, MainContextT, getMainContext } from 'components/context/MainContext'
+import { MainContext, MainContextT, getMainContext } from 'src/frame/components/context/MainContext'
 import { PermissionsList, PermissionListT } from 'src/github-apps/components/PermissionsList'
 
 type Props = {

diff --git a/src/github-apps/pages/permissions-required-for-github-apps.tsx b/src/github-apps/pages/permissions-required-for-github-apps.tsx
@@ -3,7 +3,7 @@ import {
   AutomatedPageContextT,
   getAutomatedPageContextFromRequest,
 } from 'src/automated-pipelines/components/AutomatedPageContext'
-import { MainContext, MainContextT, getMainContext } from 'components/context/MainContext'
+import { MainContext, MainContextT, getMainContext } from 'src/frame/components/context/MainContext'
 import { PermissionsList, PermissionListT } from 'src/github-apps/components/PermissionsList'
 
 type Props = {

diff --git a/src/graphql/components/BreakingChanges.tsx b/src/graphql/components/BreakingChanges.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import cx from 'classnames'
 
-import { HeadingLink } from 'components/article/HeadingLink'
+import { HeadingLink } from 'src/frame/components/article/HeadingLink'
 import { BreakingChangesT } from './types'
-import styles from 'components/ui/MarkdownContent/MarkdownContent.module.scss'
+import styles from 'src/frame/components/ui/MarkdownContent/MarkdownContent.module.scss'
 
 export type HeadingT = {
   title: string