Merge branch 'main' into CAI-644-add-clickhouse

amanfrinati · amanfrinati · commit f5840bff2c88 · 2025-10-30T14:50:36.000+01:00
diff --git a/.changeset/hot-hounds-wish.md b/.changeset/hot-hounds-wish.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Update code inline styling
diff --git a/.changeset/sour-toys-move.md b/.changeset/sour-toys-move.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Add indentation for h3 level guide in page menu items and a left continous border, add hover effect with changing background color for all items in guide in page menu
diff --git a/.github/workflows/sync_gitbook_docs.yaml b/.github/workflows/sync_gitbook_docs.yaml
@@ -123,6 +123,12 @@ jobs:
           NEXT_PUBLIC_COGNITO_REGION: ${{ vars.NEXT_PUBLIC_COGNITO_REGION || 'eu-south-1' }}
         run: npm run generate-strapi-response-files -w gitbook-docs
 
+      - name: Sync docs folder to S3
+        if: inputs.generate_metadata_only == false
+        working-directory: ./devportal-docs
+        run: |
+          aws s3 sync docs s3://devportal-${{ env.ENV_SHORT }}-website-static-content/devportal-docs/docs --delete ${{ inputs.incremental_mode == true && ' --size-only' || '' }}
+
       - name: Generate guides metadata      
         if: inputs.metadata_type == 'guides' || inputs.metadata_type == 'all'
         env:
@@ -161,12 +167,6 @@ jobs:
           NEXT_PUBLIC_COGNITO_REGION: ${{ vars.NEXT_PUBLIC_COGNITO_REGION || 'eu-south-1' }}
         run: npm run generate-release-notes-metadata -w gitbook-docs
 
-      - name: Sync docs folder to S3
-        if: inputs.generate_metadata_only == false
-        working-directory: ./devportal-docs
-        run: |
-          aws s3 sync docs s3://devportal-${{ env.ENV_SHORT }}-website-static-content/devportal-docs/docs --delete ${{ inputs.incremental_mode == true && ' --size-only' || '' }}
-
       - name: Invalidate CloudFront asset bucket cache
         run: |
           aws cloudfront create-invalidation \
diff --git a/README.md b/README.md
@@ -159,3 +159,15 @@ The summary you provide here will be added to the `CHANGELOG.md` file. Follow th
 4. **Creating a Pull Request**: after generating the changelog, the workflow will create a PR with the proposed changes, which include version bumping and updating the `CHANGELOG.md` file.
 
 5. **Updating the PR**: if additional changes are made while the PR is open, the changeset's bot will automatically update the PR based on the changes in the `.changeset` folder.
+
+## SOAP API Sync
+
+Launch the SOAP API sync manually from GitHub Actions.
+
+Steps:
+
+1. Open the repository’s Actions tab.
+2. Select the workflow named Sync SOAP API Repo.
+3. Click Run workflow and confirm.
+
+No automatic schedule or trigger is configured due to the low frequency of SOAP API repository updates. Run it only when the upstream SOAP API repo has changed.
diff --git a/apps/nextjs-website/src/components/atoms/GuideMenu/GuideMenu.tsx b/apps/nextjs-website/src/components/atoms/GuideMenu/GuideMenu.tsx
@@ -24,6 +24,7 @@ import { SITE_HEADER_HEIGHT } from '@/components/molecules/SiteHeader/SiteHeader
 import { useScrollUp } from '../ProductHeader/useScrollUp';
 import GuideMenuItems, { type GuideMenuItemsProps } from './Menu';
 import { useTranslations } from 'next-intl';
+import { PRODUCT_HEADER_HEIGHT } from '../ProductHeader/ProductHeader';
 
 type GuideMenuProps = GuideMenuItemsProps & {
   distanceFromTop?: number;
@@ -50,7 +51,7 @@ const GuideMenu = (menuProps: GuideMenuProps) => {
     ? {
         xs: topOffsetXs + 62,
         sm: topOffsetXs + 90,
-        md: SITE_HEADER_HEIGHT + 25,
+        md: SITE_HEADER_HEIGHT + PRODUCT_HEADER_HEIGHT,
       }
     : {
         xs: topOffsetXs,
@@ -135,7 +136,7 @@ const GuideMenu = (menuProps: GuideMenuProps) => {
       >
         <Stack
           sx={{
-            padding: { lg: '80px 0' },
+            padding: { lg: '28px 0' },
             flexGrow: { lg: 0 },
             flexShrink: { lg: 0 },
           }}
diff --git a/apps/nextjs-website/src/components/organisms/GitBookContent/components/Item.tsx b/apps/nextjs-website/src/components/organisms/GitBookContent/components/Item.tsx
@@ -8,11 +8,8 @@ const Item = ({ children }: ItemProps<ReactNode>) => {
     <Typography
       component='li'
       variant='body1'
-      style={{
-        wordBreak: 'break-word',
-        margin: '0px 0px 8px',
-      }}
       sx={{
+        fontSize: '0.937rem',
         '& div.MuiContainer-root:has(img)': {
           width: 'initial',
           marginLeft: '1rem',
@@ -25,6 +22,8 @@ const Item = ({ children }: ItemProps<ReactNode>) => {
         '.list-item-container, div.list-item-container > *': {
           fontSize: '1rem',
         },
+        margin: '0px 0px 8px',
+        wordBreak: 'break-word',
       }}
     >
       <div className='list-item-container'>{children}</div>
diff --git a/apps/nextjs-website/src/components/organisms/GitBookContent/components/StyledText.tsx b/apps/nextjs-website/src/components/organisms/GitBookContent/components/StyledText.tsx
@@ -12,9 +12,12 @@ const StyledText = ({ style, children }: StyledTextProps) => {
           variant='monospaced'
           component='span'
           sx={{
-            paddingY: 0.5,
-            paddingX: 1,
+            color: palette.grey[800],
+            paddingY: 0,
+            paddingX: '4px',
             backgroundColor: palette.background.default,
+            fontWeight: 600,
+            borderRadius: '5px',
           }}
         >
           {children}
diff --git a/apps/nextjs-website/src/components/organisms/GuideInPageMenu/GuideInPageMenu.tsx b/apps/nextjs-website/src/components/organisms/GuideInPageMenu/GuideInPageMenu.tsx
@@ -124,7 +124,7 @@ const GuideInPageMenu = ({
         sx={{
           maxHeight: `calc(100vh - ${headerOffset}px)`,
           overflowY: 'auto',
-          paddingTop: '50px',
+          paddingY: '50px',
         }}
       >
         <Typography
@@ -133,6 +133,7 @@ const GuideInPageMenu = ({
           fontWeight={700}
           textTransform={'uppercase'}
           marginBottom={'18px'}
+          marginLeft='8px'
         >
           {title}
         </Typography>
diff --git a/apps/nextjs-website/src/components/organisms/GuideInPageMenu/components/Heading.tsx b/apps/nextjs-website/src/components/organisms/GuideInPageMenu/components/Heading.tsx
@@ -2,43 +2,55 @@
 import { HeadingProps } from 'gitbook-docs/markdoc/schema/heading';
 import React, { ReactNode, useCallback } from 'react';
 import MUILink from '@mui/material/Link';
-import { Typography, useTheme } from '@mui/material';
+import { Box, Typography, useTheme } from '@mui/material';
 import { useFragment } from '@/components/organisms/FragmentProvider/FragmentProvider';
 
 const Heading = ({ level, id, children }: HeadingProps<ReactNode>) => {
   const isString = typeof children === 'string';
   const { palette } = useTheme();
   const { fragment, setFragment } = useFragment();
   const isCurrentFragment = fragment === `#${id}`;
+  const isLevel2 = level === 2;
 
   const handleClick = useCallback(() => {
     setFragment(`#${id}`, { source: 'manual', suppressAutoForMs: 1500 });
   }, [id, setFragment]);
 
   return (
-    <MUILink
-      href={`#${id}`}
-      title={isString ? children : ''}
-      onClick={handleClick}
+    <Box
       sx={{
-        display: 'block',
-        fontFamily: 'Titillium Web',
-        marginBottom: '12px',
-        textDecoration: 'none',
+        borderLeft: isLevel2 ? 'none' : `.5px solid ${palette.grey[300]}`,
+        marginLeft: isLevel2 ? '0px' : '9px',
+        marginTop: isLevel2 ? '8px' : '0',
+        paddingLeft: '8px',
+        paddingY: '6px',
+        ':hover': { backgroundColor: palette.action.hover },
       }}
     >
-      <Typography
+      <MUILink
+        href={`#${id}`}
+        title={isString ? children : ''}
+        onClick={handleClick}
         sx={{
-          color: isCurrentFragment
-            ? palette.primary.main
-            : palette.text.secondary,
-          fontSize: level === 2 ? 15 : 13,
-          fontWeight: 400,
+          display: 'block',
+          fontFamily: 'Titillium Web',
+          textDecoration: 'none',
         }}
       >
-        {children}
-      </Typography>
-    </MUILink>
+        <Typography
+          sx={{
+            color: isCurrentFragment
+              ? palette.primary.main
+              : palette.text.secondary,
+            fontSize: isLevel2 ? 15 : 13,
+            fontWeight: 400,
+            marginLeft: isLevel2 ? '0px' : '8px',
+          }}
+        >
+          {children}
+        </Typography>
+      </MUILink>
+    </Box>
   );
 };
 
diff --git a/apps/nextjs-website/src/components/templates/GitBookTemplate/GitBookTemplate.tsx b/apps/nextjs-website/src/components/templates/GitBookTemplate/GitBookTemplate.tsx
@@ -48,9 +48,6 @@ const GitBookTemplate = ({
     xs: '30px',
     md: '65px',
   };
-  const headersOffset = hasHeader
-    ? `${SITE_HEADER_HEIGHT + PRODUCT_HEADER_HEIGHT}px`
-    : '0px';
 
   return (
     <FragmentProvider>
@@ -96,9 +93,9 @@ const GitBookTemplate = ({
         {hasInPageMenu && (
           <Box
             sx={{
-              display: { xs: 'none', lg: 'initial' },
+              display: { lg: 'none', xl: 'initial' },
               position: 'relative',
-              padding: { lg: '0 64px 0 32px' },
+              padding: { lg: '0 32px', xl: '0 64px 0 32px' },
               width: { lg: '378px' },
             }}
           >

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"nextjs-website": patch
 +---
++
 +Update code inline styling