From 536a54a29f5d791f320dae73d5d822821d5f75fa Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Sun, 8 Jun 2025 20:24:38 +0300
Subject: [PATCH 1/3] chore: force object shorthand

---
 apps/site/app/[locale]/next-data/api-data/route.ts   |  2 +-
 apps/site/app/[locale]/next-data/page-data/route.ts  |  4 ++--
 apps/site/app/[locale]/page.tsx                      |  8 ++++----
 apps/site/components/withAvatarGroup.tsx             |  6 +++---
 apps/site/components/withBreadcrumbs.tsx             |  4 +++-
 apps/site/components/withFooter.tsx                  |  5 ++++-
 apps/site/components/withNavBar.tsx                  |  4 ++--
 apps/site/eslint.config.js                           |  4 ++--
 apps/site/hooks/react-generic/useSiteNavigation.ts   |  2 +-
 apps/site/i18n.tsx                                   |  2 +-
 apps/site/layouts/Blog.tsx                           |  7 ++++++-
 .../generators/__tests__/websiteFeeds.test.mjs       |  2 +-
 apps/site/next-data/generators/blogData.mjs          | 11 +++++++++--
 apps/site/next-data/generators/releaseData.mjs       |  8 ++++----
 apps/site/next-data/generators/websiteFeeds.mjs      | 11 ++++++-----
 apps/site/next.calendar.mjs                          |  4 ++--
 apps/site/next.dynamic.mjs                           |  8 ++++----
 apps/site/next.mdx.use.mjs                           | 10 +++++-----
 apps/site/next.rewrites.mjs                          |  4 ++--
 apps/site/reducers/releaseReducer.ts                 | 11 ++++++-----
 apps/site/scripts/orama-search/get-documents.mjs     |  2 +-
 eslint.config.js                                     |  5 +++--
 packages/i18n/eslint.config.js                       |  4 ++--
 packages/rehype-shiki/src/highlighter.mjs            | 12 ++++++------
 packages/rehype-shiki/src/plugin.mjs                 |  2 +-
 .../Common/BasePagination/useGetPageElements.tsx     |  8 ++++----
 packages/ui-components/Common/Select/index.tsx       |  5 ++++-
 packages/ui-components/Containers/Sidebar/index.tsx  |  2 +-
 packages/ui-components/eslint.config.js              |  4 ++--
 .../stylelint/one-utility-class-per-line.mjs         |  2 +-
 30 files changed, 93 insertions(+), 70 deletions(-)

diff --git a/apps/site/app/[locale]/next-data/api-data/route.ts b/apps/site/app/[locale]/next-data/api-data/route.ts
index de008a59739b0..27b00d2bdae3f 100644
--- a/apps/site/app/[locale]/next-data/api-data/route.ts
+++ b/apps/site/app/[locale]/next-data/api-data/route.ts
@@ -48,7 +48,7 @@ export const GET = async () => {
         const deflatedSource = deflateSync(cleanedContent).toString('base64');
 
         return {
-          filename,
+          filename: filename,
           pathname: getPathnameForApiFile(name, versionWithPrefix),
           content: deflatedSource,
         };
diff --git a/apps/site/app/[locale]/next-data/page-data/route.ts b/apps/site/app/[locale]/next-data/page-data/route.ts
index d7e9fdd09efd4..08fe71d48e610 100644
--- a/apps/site/app/[locale]/next-data/page-data/route.ts
+++ b/apps/site/app/[locale]/next-data/page-data/route.ts
@@ -35,7 +35,7 @@ export const GET = async () => {
       const cleanedContent = parseRichTextIntoPlainText(matter(source).content);
 
       // Deflates a String into a base64 string-encoded (zlib compressed)
-      const deflatedSource = deflateSync(cleanedContent).toString('base64');
+      const content = deflateSync(cleanedContent).toString('base64');
 
       // Returns metadata of each page available on the Website
       return {
@@ -43,7 +43,7 @@ export const GET = async () => {
         pathname,
         title,
         description,
-        content: deflatedSource,
+        content,
       };
     });
 
diff --git a/apps/site/app/[locale]/page.tsx b/apps/site/app/[locale]/page.tsx
index 624e7e1afe598..7e54ad9d66fc4 100644
--- a/apps/site/app/[locale]/page.tsx
+++ b/apps/site/app/[locale]/page.tsx
@@ -134,11 +134,11 @@ const getPage: FC<DynamicParams> = async props => {
 
     // Metadata and shared Context to be available through the lifecycle of the page
     const sharedContext = {
-      frontmatter,
-      headings,
+      frontmatter: frontmatter,
+      headings: headings,
       pathname: `/${pathname}`,
-      readingTime,
-      filename,
+      readingTime: readingTime,
+      filename: filename,
     };
 
     // Defines a shared Server Context for the Client-Side
diff --git a/apps/site/components/withAvatarGroup.tsx b/apps/site/components/withAvatarGroup.tsx
index fc0569877c50f..b034aa78f59ea 100644
--- a/apps/site/components/withAvatarGroup.tsx
+++ b/apps/site/components/withAvatarGroup.tsx
@@ -21,9 +21,9 @@ const WithAvatarGroup: FC<WithAvatarGroupProps> = ({
 }) => (
   <AvatarGroup
     avatars={getAuthors({
-      usernames: usernames,
-      names: names,
-      clickable: clickable,
+      usernames,
+      names,
+      clickable,
     })}
     as={Link}
     {...props}
diff --git a/apps/site/components/withBreadcrumbs.tsx b/apps/site/components/withBreadcrumbs.tsx
index a0fcc4f28792a..2df8b81e4bb59 100644
--- a/apps/site/components/withBreadcrumbs.tsx
+++ b/apps/site/components/withBreadcrumbs.tsx
@@ -57,7 +57,9 @@ const WithBreadcrumbs: FC<WithBreadcrumbsProps> = ({ navKeys = [] }) => {
         // Goes deeper on the tree of items if there are any.
         currentNode = items;
 
-        return label ? [...breadcrumbs, { label, href: link }] : breadcrumbs;
+        return label
+          ? [...breadcrumbs, { label: label, href: link }]
+          : breadcrumbs;
       }
 
       return breadcrumbs;
diff --git a/apps/site/components/withFooter.tsx b/apps/site/components/withFooter.tsx
index 8bf75ac402940..5f5407fbe277d 100644
--- a/apps/site/components/withFooter.tsx
+++ b/apps/site/components/withFooter.tsx
@@ -20,7 +20,10 @@ const WithFooter: FC = () => {
   // Add OpenJS link
   updatedFooterLinks.push(footerLinks.at(-1)!);
 
-  const navigation = { socialLinks, footerLinks: updatedFooterLinks };
+  const navigation = {
+    socialLinks: socialLinks,
+    footerLinks: updatedFooterLinks,
+  };
 
   return <Footer navigation={navigation} as={Link} pathname={pathname} />;
 };
diff --git a/apps/site/components/withNavBar.tsx b/apps/site/components/withNavBar.tsx
index 4d575157cc276..8cab6b824c919 100644
--- a/apps/site/components/withNavBar.tsx
+++ b/apps/site/components/withNavBar.tsx
@@ -48,9 +48,9 @@ const WithNavBar: FC = () => {
 
       <NavBar
         navItems={navigationItems.map(([, { label, link, target }]) => ({
-          link,
+          link: link,
           text: label,
-          target,
+          target: target,
         }))}
         pathname={pathname}
         as={Link}
diff --git a/apps/site/eslint.config.js b/apps/site/eslint.config.js
index 067acb4db1582..9b4ffe5029f77 100644
--- a/apps/site/eslint.config.js
+++ b/apps/site/eslint.config.js
@@ -1,5 +1,5 @@
 import { FlatCompat } from '@eslint/eslintrc';
-import importX from 'eslint-plugin-import-x';
+import { flatConfigs } from 'eslint-plugin-import-x';
 import * as mdx from 'eslint-plugin-mdx';
 import react from 'eslint-plugin-react';
 import tseslint from 'typescript-eslint';
@@ -25,7 +25,7 @@ export default tseslint.config(
     extends: [
       react.configs.flat['jsx-runtime'],
       ...tseslint.configs.recommended,
-      importX.flatConfigs.typescript,
+      flatConfigs.typescript,
       ...compatConfig,
     ],
     files: ['**/*.{js,md,mdx,mjs,ts,tsx}'],
diff --git a/apps/site/hooks/react-generic/useSiteNavigation.ts b/apps/site/hooks/react-generic/useSiteNavigation.ts
index edf49a5fc765e..a9dcabf1e154f 100644
--- a/apps/site/hooks/react-generic/useSiteNavigation.ts
+++ b/apps/site/hooks/react-generic/useSiteNavigation.ts
@@ -49,7 +49,7 @@ const useSiteNavigation = () => {
       ] => [
         key,
         {
-          target,
+          target: target,
           label: label ? getFormattedMessage(label, key) : '',
           link: link ? replaceLinkWithContext(link, context[key]) : '',
           items: items ? mapNavigationEntries(items, context) : [],
diff --git a/apps/site/i18n.tsx b/apps/site/i18n.tsx
index 3d899b06f6755..58cd0611b6921 100644
--- a/apps/site/i18n.tsx
+++ b/apps/site/i18n.tsx
@@ -35,7 +35,7 @@ export default getRequestConfig(async ({ requestLocale }) => {
   }
 
   return {
-    locale,
+    locale: locale,
     // This is the dictionary of messages to be loaded
     messages: await loadLocaleDictionary(locale),
     // We always define the App timezone as UTC
diff --git a/apps/site/layouts/Blog.tsx b/apps/site/layouts/Blog.tsx
index 154650d13c555..58d8c089ec921 100644
--- a/apps/site/layouts/Blog.tsx
+++ b/apps/site/layouts/Blog.tsx
@@ -24,7 +24,12 @@ const getBlogCategory = (pathname: string) => {
     Number(page)
   );
 
-  return { category, posts, pagination, page: Number(page) };
+  return {
+    category: category,
+    posts: posts,
+    pagination: pagination,
+    page: Number(page),
+  };
 };
 
 const BlogLayout: FC = async () => {
diff --git a/apps/site/next-data/generators/__tests__/websiteFeeds.test.mjs b/apps/site/next-data/generators/__tests__/websiteFeeds.test.mjs
index 3235698f649a2..29de591c4b639 100644
--- a/apps/site/next-data/generators/__tests__/websiteFeeds.test.mjs
+++ b/apps/site/next-data/generators/__tests__/websiteFeeds.test.mjs
@@ -41,7 +41,7 @@ describe('generateWebsiteFeeds', () => {
         id: blogData.posts[0].slug,
         title: blogData.posts[0].title,
         guid: `${blogData.posts[0].slug}?${date.getTime()}`,
-        date,
+        date: date,
         link: `${base}${blogData.posts[0].slug}`,
       },
     ]);
diff --git a/apps/site/next-data/generators/blogData.mjs b/apps/site/next-data/generators/blogData.mjs
index 0d34f9d348548..21b1a98314ae5 100644
--- a/apps/site/next-data/generators/blogData.mjs
+++ b/apps/site/next-data/generators/blogData.mjs
@@ -37,7 +37,14 @@ const getFrontMatter = (filename, source) => {
   // this is the url used for the blog post it based on the category and filename
   const slug = `/blog/${category}/${basename(filename, extname(filename))}`;
 
-  return { title, author, username, date: new Date(date), categories, slug };
+  return {
+    title: title,
+    author: author,
+    username: username,
+    date: new Date(date),
+    categories: categories,
+    slug: slug,
+  };
 };
 
 /**
@@ -103,7 +110,7 @@ const generateBlogData = async () => {
     )
   );
 
-  return { categories: [...blogCategories], posts };
+  return { categories: [...blogCategories], posts: posts };
 };
 
 export default generateBlogData;
diff --git a/apps/site/next-data/generators/releaseData.mjs b/apps/site/next-data/generators/releaseData.mjs
index 319f5608815f9..03800543b882f 100644
--- a/apps/site/next-data/generators/releaseData.mjs
+++ b/apps/site/next-data/generators/releaseData.mjs
@@ -39,7 +39,7 @@ const generateReleaseData = async () => {
     absolute: false,
   });
 
-  const nodevuOutput = await nodevu({ fetch: fetch });
+  const nodevuOutput = await nodevu({ fetch });
 
   const majors = Object.entries(nodevuOutput).filter(
     ([version, { support }]) => {
@@ -91,7 +91,7 @@ const generateReleaseData = async () => {
 
     return {
       ...support,
-      status,
+      status: status,
       major: latestVersion.semver.major,
       version: latestVersion.semver.raw,
       versionWithPrefix: `v${latestVersion.semver.raw}`,
@@ -101,8 +101,8 @@ const generateReleaseData = async () => {
       v8: latestVersion.dependencies.v8,
       releaseDate: latestVersion.releaseDate,
       modules: latestVersion.modules.version || '',
-      releaseAnnounceLink,
-      minorVersions,
+      releaseAnnounceLink: releaseAnnounceLink,
+      minorVersions: minorVersions,
     };
   });
 };
diff --git a/apps/site/next-data/generators/websiteFeeds.mjs b/apps/site/next-data/generators/websiteFeeds.mjs
index 961a2911ec237..7bc9ae2abfdba 100644
--- a/apps/site/next-data/generators/websiteFeeds.mjs
+++ b/apps/site/next-data/generators/websiteFeeds.mjs
@@ -41,17 +41,18 @@ const generateWebsiteFeeds = ({ posts }) => {
         .map(post => {
           const date = new Date(post.date);
           const time = date.getTime();
+          const guid =
+            time > guidTimestampStartDate
+              ? `${post.slug}?${date.getTime()}`
+              : post.slug;
 
           return {
             id: post.slug,
             title: post.title,
             author: post.author,
-            date,
+            date: date,
             link: `${canonicalUrl}${post.slug}`,
-            guid:
-              time > guidTimestampStartDate
-                ? `${post.slug}?${date.getTime()}`
-                : post.slug,
+            guid: guid,
           };
         });
 
diff --git a/apps/site/next.calendar.mjs b/apps/site/next.calendar.mjs
index d32b4f5af27c3..22add252415bf 100644
--- a/apps/site/next.calendar.mjs
+++ b/apps/site/next.calendar.mjs
@@ -18,8 +18,8 @@ export const getCalendarEvents = async (calendarId = '', maxResults = 20) => {
   nextWeekDate.setDate(currentDate.getDate() + 7);
 
   const calendarQueryParams = new URLSearchParams({
-    calendarId,
-    maxResults,
+    calendarId: calendarId,
+    maxResults: maxResults,
     singleEvents: true,
     timeZone: 'Etc/Utc',
     key: SHARED_CALENDAR_KEY,
diff --git a/apps/site/next.dynamic.mjs b/apps/site/next.dynamic.mjs
index a7e3467a4f123..fe878f1fb9bd3 100644
--- a/apps/site/next.dynamic.mjs
+++ b/apps/site/next.dynamic.mjs
@@ -35,7 +35,7 @@ const getPathname = (path = []) => path.join('/');
 // we use a platform-specific separator to split the pathname
 // since we're using filepaths here and not URL paths
 const mapPathToRoute = (locale = defaultLocale.code, path = '') => ({
-  locale,
+  locale: locale,
   path: path.split(sep),
 });
 
@@ -122,7 +122,7 @@ const getDynamicRouter = async () => {
           `${locale}${normalizedPathname}`
         );
 
-        return { source: fileContent, filename };
+        return { source: fileContent, filename: filename };
       }
 
       // Attempts to read a file or simply (and silently) fail, as the file might
@@ -140,7 +140,7 @@ const getDynamicRouter = async () => {
           fileLanguageContent
         );
 
-        return { source: fileLanguageContent, filename };
+        return { source: fileLanguageContent, filename: filename };
       }
 
       // Prevent infinite loops as if at this point the file does not exist with the default locale
@@ -160,7 +160,7 @@ const getDynamicRouter = async () => {
       // of the same locale for this file and improve read performance
       cachedMarkdownFiles.set(`${locale}${normalizedPathname}`, fileContent);
 
-      return { source: fileContent, filename };
+      return { source: fileContent, filename: filename };
     }
 
     return { filename: '', source: '' };
diff --git a/apps/site/next.mdx.use.mjs b/apps/site/next.mdx.use.mjs
index 537872c020e64..97332983c9583 100644
--- a/apps/site/next.mdx.use.mjs
+++ b/apps/site/next.mdx.use.mjs
@@ -12,13 +12,13 @@ import WithNodeRelease from './components/withNodeRelease';
  * @satisfies {import('mdx/types').MDXComponents}
  */
 export const mdxComponents = {
-  DownloadReleasesTable: DownloadReleasesTable,
+  DownloadReleasesTable,
   // HOC for getting Node.js Release Metadata
-  WithNodeRelease: WithNodeRelease,
+  WithNodeRelease,
   // HOC for providing Banner Data
-  WithBanner: WithBanner,
+  WithBanner,
   // HOC for providing Badge Data
-  WithBadgeGroup: WithBadgeGroup,
+  WithBadgeGroup,
   // Renders an container for Upcoming Node.js Meetings
-  UpcomingMeetings: UpcomingMeetings,
+  UpcomingMeetings,
 };
diff --git a/apps/site/next.rewrites.mjs b/apps/site/next.rewrites.mjs
index aa8bea4125883..5977a40ed6ddc 100644
--- a/apps/site/next.rewrites.mjs
+++ b/apps/site/next.rewrites.mjs
@@ -24,7 +24,7 @@ const redirects = async () => {
     // We prevent permanent redirects as in general the redirects are safeguards
     // of legacy or old pages or pages that moved, and in general we don't want permanent redirects
     permanent: false,
-    destination,
+    destination: destination,
   }));
 };
 
@@ -40,7 +40,7 @@ const rewrites = async () => {
   const mappedRewrites = siteRedirects.internal.map(
     ({ source, destination }) => ({
       source: source.replace('/:locale', localesMatch),
-      destination,
+      destination: destination,
     })
   );
 
diff --git a/apps/site/reducers/releaseReducer.ts b/apps/site/reducers/releaseReducer.ts
index 3ad09f64e089c..c16de5cf00be6 100644
--- a/apps/site/reducers/releaseReducer.ts
+++ b/apps/site/reducers/releaseReducer.ts
@@ -22,12 +22,13 @@ export const releaseState: Types.ReleaseState = {
 export const getActions = (
   dispatch: Dispatch<Types.ReleaseAction>
 ): Types.ReleaseDispatchActions => ({
-  setVersion: payload => dispatch({ type: 'SET_VERSION', payload }),
-  setOS: payload => dispatch({ type: 'SET_OS', payload }),
-  setPlatform: payload => dispatch({ type: 'SET_PLATFORM', payload }),
+  setVersion: payload => dispatch({ type: 'SET_VERSION', payload: payload }),
+  setOS: payload => dispatch({ type: 'SET_OS', payload: payload }),
+  setPlatform: payload => dispatch({ type: 'SET_PLATFORM', payload: payload }),
   setInstallMethod: payload =>
-    dispatch({ type: 'SET_INSTALL_METHOD', payload }),
-  setPackageManager: payload => dispatch({ type: 'SET_MANAGER', payload }),
+    dispatch({ type: 'SET_INSTALL_METHOD', payload: payload }),
+  setPackageManager: payload =>
+    dispatch({ type: 'SET_MANAGER', payload: payload }),
 });
 
 const reducer = (
diff --git a/apps/site/scripts/orama-search/get-documents.mjs b/apps/site/scripts/orama-search/get-documents.mjs
index 73f7dfd71a010..509f07d460299 100644
--- a/apps/site/scripts/orama-search/get-documents.mjs
+++ b/apps/site/scripts/orama-search/get-documents.mjs
@@ -70,7 +70,7 @@ export const siteContent = [...pageData, ...apiData]
       const path = `${pathname}#${slug(section.pageSectionTitle)}`;
 
       return {
-        path,
+        path: path,
         siteSection: uppercaseFirst(siteSection),
         pageTitle: title,
         ...section,
diff --git a/eslint.config.js b/eslint.config.js
index 4359c1ca31f3e..34f8fe27193b2 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,9 +1,9 @@
 import js from '@eslint/js';
-import importX from 'eslint-plugin-import-x';
+import { flatConfigs } from 'eslint-plugin-import-x';
 
 export default [
   js.configs.recommended,
-  importX.flatConfigs.recommended,
+  flatConfigs.recommended,
   {
     ignores: [
       'node_modules',
@@ -44,6 +44,7 @@ export default [
           },
         },
       ],
+      'object-shorthand': ['error', 'consistent-as-needed'],
     },
   },
 ];
diff --git a/packages/i18n/eslint.config.js b/packages/i18n/eslint.config.js
index 2a6304344fb89..522c9d121b479 100644
--- a/packages/i18n/eslint.config.js
+++ b/packages/i18n/eslint.config.js
@@ -1,4 +1,4 @@
-import importX from 'eslint-plugin-import-x';
+import { flatConfigs } from 'eslint-plugin-import-x';
 import tseslint from 'typescript-eslint';
 
 import baseConfig from '../../eslint.config.js';
@@ -6,7 +6,7 @@ import baseConfig from '../../eslint.config.js';
 export default [
   ...baseConfig,
   ...tseslint.configs.recommended,
-  importX.flatConfigs.typescript,
+  flatConfigs.typescript,
   {
     rules: {
       '@typescript-eslint/array-type': ['error', { default: 'generic' }],
diff --git a/packages/rehype-shiki/src/highlighter.mjs b/packages/rehype-shiki/src/highlighter.mjs
index 9f37e26ae179e..f015a8eb12955 100644
--- a/packages/rehype-shiki/src/highlighter.mjs
+++ b/packages/rehype-shiki/src/highlighter.mjs
@@ -38,12 +38,12 @@ export const createHighlighter = options => {
    * Highlights code and returns the inner HTML inside the <code> tag
    *
    * @param {string} code - The code to highlight
-   * @param {string} language - The programming language to use for highlighting
+   * @param {string} lang - The programming language to use for highlighting
    * @returns {string} The inner HTML of the highlighted code
    */
-  const highlightToHtml = (code, language) =>
+  const highlightToHtml = (code, lang) =>
     shiki
-      .codeToHtml(code, { lang: language, theme })
+      .codeToHtml(code, { lang, theme })
       // Shiki will always return the Highlighted code encapsulated in a <pre> and <code> tag
       // since our own CodeBox component handles the <code> tag, we just want to extract
       // the inner highlighted code to the CodeBox
@@ -53,10 +53,10 @@ export const createHighlighter = options => {
    * Highlights code and returns a HAST tree
    *
    * @param {string} code - The code to highlight
-   * @param {string} language - The programming language to use for highlighting
+   * @param {string} lang - The programming language to use for highlighting
    */
-  const highlightToHast = (code, language) =>
-    shiki.codeToHast(code, { lang: language, theme });
+  const highlightToHast = (code, lang) =>
+    shiki.codeToHast(code, { lang, theme });
 
   return {
     shiki,
diff --git a/packages/rehype-shiki/src/plugin.mjs b/packages/rehype-shiki/src/plugin.mjs
index c07416a4db326..a12ade9b811c0 100644
--- a/packages/rehype-shiki/src/plugin.mjs
+++ b/packages/rehype-shiki/src/plugin.mjs
@@ -110,7 +110,7 @@ export default function rehypeShikiji() {
           properties: {
             languages: languages.join('|'),
             displayNames: displayNames.join('|'),
-            defaultTab,
+            defaultTab: defaultTab,
           },
         };
 
diff --git a/packages/ui-components/Common/BasePagination/useGetPageElements.tsx b/packages/ui-components/Common/BasePagination/useGetPageElements.tsx
index 2cb159c994531..b079239a8dbf4 100644
--- a/packages/ui-components/Common/BasePagination/useGetPageElements.tsx
+++ b/packages/ui-components/Common/BasePagination/useGetPageElements.tsx
@@ -14,12 +14,12 @@ const parsePages = (
   getLabel: (pageNumber: number) => string
 ): Array<PaginationListItemProps> =>
   pages.map(({ url }, index) => ({
-    url,
+    url: url,
     pageNumber: index + 1,
-    currentPage,
-    totalPages,
+    currentPage: currentPage,
+    totalPages: totalPages,
     label: getLabel(index + 1),
-    as,
+    as: as,
   }));
 
 const createPaginationListItems = (
diff --git a/packages/ui-components/Common/Select/index.tsx b/packages/ui-components/Common/Select/index.tsx
index efef75be7f0a9..bf534c014eee3 100644
--- a/packages/ui-components/Common/Select/index.tsx
+++ b/packages/ui-components/Common/Select/index.tsx
@@ -65,7 +65,10 @@ const Select = <T extends string>({
     let mappedValues = values;
 
     if (isStringArray(mappedValues)) {
-      mappedValues = mappedValues.map(value => ({ label: value, value }));
+      mappedValues = mappedValues.map(value => ({
+        label: value,
+        value: value,
+      }));
     }
 
     if (isValuesArray(mappedValues)) {
diff --git a/packages/ui-components/Containers/Sidebar/index.tsx b/packages/ui-components/Containers/Sidebar/index.tsx
index 68b2404eb958c..4fe5d223bef3e 100644
--- a/packages/ui-components/Containers/Sidebar/index.tsx
+++ b/packages/ui-components/Containers/Sidebar/index.tsx
@@ -28,7 +28,7 @@ const SideBar: FC<PropsWithChildren<SidebarProps>> = ({
 }) => {
   const selectItems = groups.map(({ items, groupName }) => ({
     label: groupName,
-    items: items.map(({ label, link }) => ({ value: link, label })),
+    items: items.map(({ label, link }) => ({ value: link, label: label })),
   }));
 
   const currentItem = selectItems
diff --git a/packages/ui-components/eslint.config.js b/packages/ui-components/eslint.config.js
index fa5803300b76b..5d835e07068cf 100644
--- a/packages/ui-components/eslint.config.js
+++ b/packages/ui-components/eslint.config.js
@@ -1,4 +1,4 @@
-import importX from 'eslint-plugin-import-x';
+import { flatConfigs } from 'eslint-plugin-import-x';
 import react from 'eslint-plugin-react';
 import storybook from 'eslint-plugin-storybook';
 import tseslint from 'typescript-eslint';
@@ -11,7 +11,7 @@ export default tseslint.config(
     extends: [
       react.configs.flat['jsx-runtime'],
       ...tseslint.configs.recommended,
-      importX.flatConfigs.typescript,
+      flatConfigs.typescript,
     ],
     files: ['**/*.{js,mjs,ts,tsx}'],
     rules: {
diff --git a/packages/ui-components/stylelint/one-utility-class-per-line.mjs b/packages/ui-components/stylelint/one-utility-class-per-line.mjs
index 27135c986aeb2..f68c875026f56 100644
--- a/packages/ui-components/stylelint/one-utility-class-per-line.mjs
+++ b/packages/ui-components/stylelint/one-utility-class-per-line.mjs
@@ -48,7 +48,7 @@ const rule = () => (root, result) => {
 
       return report({
         ruleName: name,
-        result,
+        result: result,
         message: messages.className(rule.params),
         node: rule,
         fix: indentClassNames(rule),

From c012c68ad4d3b1663155e10f6f53600c0fdb857d Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Sun, 8 Jun 2025 20:46:02 +0300
Subject: [PATCH 2/3] chore: revert guid changes

---
 apps/site/next-data/generators/websiteFeeds.mjs | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/site/next-data/generators/websiteFeeds.mjs b/apps/site/next-data/generators/websiteFeeds.mjs
index 7bc9ae2abfdba..2b00744704be1 100644
--- a/apps/site/next-data/generators/websiteFeeds.mjs
+++ b/apps/site/next-data/generators/websiteFeeds.mjs
@@ -41,10 +41,6 @@ const generateWebsiteFeeds = ({ posts }) => {
         .map(post => {
           const date = new Date(post.date);
           const time = date.getTime();
-          const guid =
-            time > guidTimestampStartDate
-              ? `${post.slug}?${date.getTime()}`
-              : post.slug;
 
           return {
             id: post.slug,
@@ -52,7 +48,10 @@ const generateWebsiteFeeds = ({ posts }) => {
             author: post.author,
             date: date,
             link: `${canonicalUrl}${post.slug}`,
-            guid: guid,
+            guid:
+              time > guidTimestampStartDate
+                ? `${post.slug}?${date.getTime()}`
+                : post.slug,
           };
         });
 

From 717657149ccdfd2a4daab0bed5c1badb70173683 Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Sun, 8 Jun 2025 21:21:50 +0300
Subject: [PATCH 3/3] chore: content stylings

---
 apps/site/pages/en/learn/getting-started/fetch.md      |  2 +-
 .../en/learn/modules/backpressuring-in-streams.md      |  2 +-
 apps/site/pages/en/learn/modules/how-to-use-streams.md | 10 +++++-----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/site/pages/en/learn/getting-started/fetch.md b/apps/site/pages/en/learn/getting-started/fetch.md
index 26cd99cd51f70..ac897bec2bb11 100644
--- a/apps/site/pages/en/learn/getting-started/fetch.md
+++ b/apps/site/pages/en/learn/getting-started/fetch.md
@@ -98,7 +98,7 @@ async function streamOllamaCompletion(prompt) {
     headers: {
       'Content-Type': 'application/json',
     },
-    body: JSON.stringify({ prompt, model: 'mistral' }),
+    body: JSON.stringify({ prompt: prompt, model: 'mistral' }),
   });
 
   // You can read about HTTP status codes here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
diff --git a/apps/site/pages/en/learn/modules/backpressuring-in-streams.md b/apps/site/pages/en/learn/modules/backpressuring-in-streams.md
index 6d7f44869901c..5a062e358431e 100644
--- a/apps/site/pages/en/learn/modules/backpressuring-in-streams.md
+++ b/apps/site/pages/en/learn/modules/backpressuring-in-streams.md
@@ -599,7 +599,7 @@ import { Readable } from 'node:stream';
 // Create a custom Readable stream
 const myReadableStream = new Readable({
   objectMode: true,
-  read(size) {
+  read: function (size) {
     // Push some data onto the stream
     this.push({ message: 'Hello, world!' });
     this.push(null); // Mark the end of the stream
diff --git a/apps/site/pages/en/learn/modules/how-to-use-streams.md b/apps/site/pages/en/learn/modules/how-to-use-streams.md
index 0e61b44c56152..8356d15e15568 100644
--- a/apps/site/pages/en/learn/modules/how-to-use-streams.md
+++ b/apps/site/pages/en/learn/modules/how-to-use-streams.md
@@ -382,7 +382,7 @@ To create a new transform stream, we can pass an `options` object to the `Transf
 const { Transform } = require('node:stream');
 
 const upper = new Transform({
-  transform: function (data, enc, cb) {
+  transform(data, enc, cb) {
     this.push(data.toString().toUpperCase());
     cb();
   },
@@ -393,7 +393,7 @@ const upper = new Transform({
 import { Transform } from 'node:stream';
 
 const upper = new Transform({
-  transform: function (data, enc, cb) {
+  transform(data, enc, cb) {
     this.push(data.toString().toUpperCase());
     cb();
   },
@@ -456,7 +456,7 @@ import { Transform } from 'node:stream';
 
 let errorCount = 0;
 const upper = new Transform({
-  transform: function (data, enc, cb) {
+  transform(data, enc, cb) {
     if (errorCount === 10) {
       return cb(new Error('BOOM!'));
     }
@@ -549,7 +549,7 @@ import { Transform, pipeline } from 'node:stream';
 
 let errorCount = 0;
 const upper = new Transform({
-  transform: function (data, enc, cb) {
+  transform(data, enc, cb) {
     if (errorCount === 10) {
       return cb(new Error('BOOM!'));
     }
@@ -671,7 +671,7 @@ import { Readable } from 'node:stream';
 
 const readable = Readable({
   objectMode: true,
-  read() {
+  read: function () {
     this.push({ hello: 'world' });
     this.push(null);
   },