diff --git a/packages/internal/docs/docs/shared/components/ImgThemed.component.tsx b/packages/internal/docs/docs/shared/components/ImgThemed.component.tsx new file mode 100644 index 000000000..6e81cfac9 --- /dev/null +++ b/packages/internal/docs/docs/shared/components/ImgThemed.component.tsx @@ -0,0 +1,14 @@ +import React from 'react'; +import { useColorMode } from '@docusaurus/theme-common'; + +interface ImgThemedProps extends React.ImgHTMLAttributes { + srcDark: string; +} + +const ImgThemed = ({ srcDark, ...props }: ImgThemedProps) => { + const { colorMode } = useColorMode(); + + return ; +}; + +export default ImgThemed; diff --git a/packages/internal/docs/docs/shared/partials/architecture/_cicd_architecture.mdx b/packages/internal/docs/docs/shared/partials/architecture/_cicd_architecture.mdx index c89f79c61..23f82daf9 100644 --- a/packages/internal/docs/docs/shared/partials/architecture/_cicd_architecture.mdx +++ b/packages/internal/docs/docs/shared/partials/architecture/_cicd_architecture.mdx @@ -1,4 +1,5 @@ import useBaseUrl from "@docusaurus/useBaseUrl"; +import ImgThemed from '../../components/ImgThemed.component'; ## CI/CD architecture diagram @@ -9,5 +10,5 @@ The deployment pipeline is configured to start automatically after each code pus CodeCommit repository created by the CI/CD CDK stack. Each environment can have a different branch configuration.

- CI/CD Diagram +

diff --git a/packages/internal/docs/docs/shared/partials/architecture/_system_architecture.mdx b/packages/internal/docs/docs/shared/partials/architecture/_system_architecture.mdx index 51f10d1a6..3e25553fb 100644 --- a/packages/internal/docs/docs/shared/partials/architecture/_system_architecture.mdx +++ b/packages/internal/docs/docs/shared/partials/architecture/_system_architecture.mdx @@ -1,9 +1,10 @@ import useBaseUrl from "@docusaurus/useBaseUrl"; +import ImgThemed from '../../components/ImgThemed.component'; ## System architecture diagram The following diagram illustrates the standard set of AWS services used and configured for every application environment.

- System Diagram +

diff --git a/packages/internal/docs/package.json b/packages/internal/docs/package.json index 98e174a52..48d0c74cf 100644 --- a/packages/internal/docs/package.json +++ b/packages/internal/docs/package.json @@ -12,6 +12,7 @@ "dependencies": { "@docusaurus/core": "^3.2.1", "@docusaurus/preset-classic": "^3.2.1", + "@docusaurus/theme-common": "3.2.1", "@mdx-js/react": "^3.0.1", "clsx": "^1.2.1", "react": "^18.2.0", @@ -26,10 +27,10 @@ "@sb/infra-shared": "workspace:*", "@sb/tools": "workspace:*", "@sb/webapp-api-client": "workspace:*", - "@sb/webapp-core": "workspace:*", - "@sb/webapp-tenants": "workspace:*", "@sb/webapp-contentful": "workspace:*", + "@sb/webapp-core": "workspace:*", "@sb/webapp-emails": "workspace:*", + "@sb/webapp-tenants": "workspace:*", "docusaurus-plugin-typedoc": "^0.22.0", "typedoc": "^0.25.13", "typedoc-plugin-markdown": "^3.17.1", diff --git a/packages/internal/docs/static/img/cicd-diagram-v3.png b/packages/internal/docs/static/img/cicd-diagram-v3.png deleted file mode 100644 index dc0422f1d..000000000 Binary files a/packages/internal/docs/static/img/cicd-diagram-v3.png and /dev/null differ diff --git a/packages/internal/docs/static/img/cicd-diagram-v4-dark.png b/packages/internal/docs/static/img/cicd-diagram-v4-dark.png new file mode 100644 index 000000000..046e46d6e Binary files /dev/null and b/packages/internal/docs/static/img/cicd-diagram-v4-dark.png differ diff --git a/packages/internal/docs/static/img/cicd-diagram-v4.png b/packages/internal/docs/static/img/cicd-diagram-v4.png new file mode 100644 index 000000000..a5cfb1c18 Binary files /dev/null and b/packages/internal/docs/static/img/cicd-diagram-v4.png differ diff --git a/packages/internal/docs/static/img/system-diagram-v1.png b/packages/internal/docs/static/img/system-diagram-v1.png deleted file mode 100644 index 08a0bb486..000000000 Binary files a/packages/internal/docs/static/img/system-diagram-v1.png and /dev/null differ diff --git a/packages/internal/docs/static/img/system-diagram-v4-dark.png b/packages/internal/docs/static/img/system-diagram-v4-dark.png new file mode 100644 index 000000000..e234e549e Binary files /dev/null and b/packages/internal/docs/static/img/system-diagram-v4-dark.png differ diff --git a/packages/internal/docs/static/img/system-diagram-v4.png b/packages/internal/docs/static/img/system-diagram-v4.png new file mode 100644 index 000000000..e546e742f Binary files /dev/null and b/packages/internal/docs/static/img/system-diagram-v4.png differ diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index de7270d8d..62cbfd519 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -483,6 +483,9 @@ importers: '@docusaurus/preset-classic': specifier: ^3.2.1 version: 3.2.1(@algolia/client-search@4.23.3)(@types/react@18.3.3)(esbuild@0.21.3)(eslint@9.3.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(search-insights@2.14.0)(typescript@5.4.5) + '@docusaurus/theme-common': + specifier: 3.2.1 + version: 3.2.1(@docusaurus/types@3.2.1(esbuild@0.21.3)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(esbuild@0.21.3)(eslint@9.3.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.4.5) '@mdx-js/react': specifier: ^3.0.1 version: 3.0.1(@types/react@18.3.3)(react@18.2.0) @@ -22854,7 +22857,7 @@ snapshots: jiti: 1.21.0 js-yaml: 4.1.0 lodash: 4.17.21 - micromatch: 4.0.5 + micromatch: 4.0.7 prompts: 2.4.2 resolve-pathname: 3.0.0 shelljs: 0.8.5 @@ -23635,7 +23638,7 @@ snapshots: dependencies: graphql: 16.8.1 lodash.sortby: 4.7.0 - tslib: 2.5.3 + tslib: 2.6.2 '@graphql-tools/executor-graphql-ws@1.1.0(graphql@16.8.1)': dependencies: @@ -23765,12 +23768,12 @@ snapshots: '@graphql-tools/optimize@1.4.0(graphql@16.8.1)': dependencies: graphql: 16.8.1 - tslib: 2.4.1 + tslib: 2.6.2 '@graphql-tools/optimize@2.0.0(graphql@16.8.1)': dependencies: graphql: 16.8.1 - tslib: 2.5.3 + tslib: 2.6.2 '@graphql-tools/prisma-loader@8.0.1(@types/node@20.12.12)(encoding@0.1.13)(graphql@16.8.1)': dependencies: @@ -23805,7 +23808,7 @@ snapshots: '@ardatan/relay-compiler': 12.0.0(encoding@0.1.13)(graphql@16.8.1) '@graphql-tools/utils': 9.2.1(graphql@16.8.1) graphql: 16.8.1 - tslib: 2.4.1 + tslib: 2.6.2 transitivePeerDependencies: - encoding - supports-color @@ -23815,7 +23818,7 @@ snapshots: '@ardatan/relay-compiler': 12.0.0(encoding@0.1.13)(graphql@16.8.1) '@graphql-tools/utils': 10.0.6(graphql@16.8.1) graphql: 16.8.1 - tslib: 2.5.3 + tslib: 2.6.2 transitivePeerDependencies: - encoding - supports-color @@ -23868,13 +23871,13 @@ snapshots: '@graphql-tools/utils@8.13.1(graphql@16.8.1)': dependencies: graphql: 16.8.1 - tslib: 2.4.1 + tslib: 2.6.2 '@graphql-tools/utils@9.2.1(graphql@16.8.1)': dependencies: '@graphql-typed-document-node/core': 3.2.0(graphql@16.8.1) graphql: 16.8.1 - tslib: 2.4.1 + tslib: 2.6.2 '@graphql-tools/wrap@10.0.1(graphql@16.8.1)': dependencies: @@ -26958,7 +26961,7 @@ snapshots: get-npm-tarball-url: 2.1.0 giget: 1.2.3 globby: 14.0.1 - jscodeshift: 0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.6)) + jscodeshift: 0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.5)) leven: 3.1.0 ora: 5.4.1 prettier: 3.2.5 @@ -27007,7 +27010,7 @@ snapshots: '@types/cross-spawn': 6.0.6 cross-spawn: 7.0.3 globby: 14.0.1 - jscodeshift: 0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.6)) + jscodeshift: 0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.5)) lodash: 4.17.21 prettier: 3.2.5 recast: 0.23.7 @@ -34038,7 +34041,7 @@ snapshots: is-lower-case@2.0.2: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 is-map@2.0.3: {} @@ -34152,7 +34155,7 @@ snapshots: is-upper-case@2.0.2: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 is-weakmap@2.0.2: {} @@ -34670,7 +34673,7 @@ snapshots: dependencies: argparse: 2.0.1 - jscodeshift@0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.6)): + jscodeshift@0.15.2(@babel/preset-env@7.24.6(@babel/core@7.24.5)): dependencies: '@babel/core': 7.24.6 '@babel/parser': 7.24.6 @@ -35306,7 +35309,7 @@ snapshots: lower-case-first@2.0.2: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 lower-case@2.0.2: dependencies: @@ -39068,7 +39071,7 @@ snapshots: sponge-case@1.0.1: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 sprintf-js@1.0.3: {} @@ -39564,7 +39567,7 @@ snapshots: swap-case@2.0.2: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 symbol-observable@1.2.0: {} @@ -40249,7 +40252,7 @@ snapshots: upper-case-first@2.0.2: dependencies: - tslib: 2.5.3 + tslib: 2.6.2 upper-case@2.0.2: dependencies: