Chore: Merge main into accessibility-fix

Author: Shubham-1068

.github/workflows/create-release-post.yml

@@ -35,6 +35,7 @@ jobs:
 
       - run: node --run scripts:release-post -- "$VERSION"
         working-directory: apps/site
+        id: release-post
         env:
           VERSION: ${{ inputs.version }}
 
@@ -54,4 +55,5 @@ jobs:
           commit-message: 'feat(blog): create post for ${{ inputs.version }}'
           labels: fast-track
           title: 'feat(blog): create post for ${{ inputs.version }}'
+          assignees: ${{ steps.release-post.outputs.author }}
           draft: true

apps/site/components/Common/Searchbox/DocumentLink/index.tsx

@@ -1,11 +1,12 @@
 'use client';
 
+import styles from '@node-core/ui-components/Common/Search/Results/Hit/index.module.css';
 import Link from 'next/link';
 import { useLocale } from 'next-intl';
 
 import type { FC } from 'react';
 
-import styles from './index.module.css';
+import { getDocumentHref } from '../SearchItem/utils';
 
 export type Document = {
   path: string;
@@ -22,30 +23,21 @@ type DocumentLinkProps = {
 
 export const DocumentLink: FC<DocumentLinkProps> = ({
   document,
-  className = styles.documentLink,
+  className = styles.link,
   children,
   'data-focus-on-arrow-nav': dataFocusOnArrowNav,
   ...props
 }) => {
   const locale = useLocale();
 
-  const href =
-    document.siteSection?.toLowerCase() === 'docs'
-      ? `/${document.path}`
-      : `/${locale}/${document.path}`;
-
   return (
     <Link
-      href={href}
+      href={getDocumentHref(document, locale)}
       className={className}
       data-focus-on-arrow-nav={dataFocusOnArrowNav}
       {...props}
     >
-      {children || (
-        <span className={styles.documentTitle}>
-          {document.pageSectionTitle}
-        </span>
-      )}
+      {children}
     </Link>
   );
 };

apps/site/components/Common/Searchbox/SearchItem/index.module.css

@@ -1,41 +1,36 @@
-'use client';
-
-import { DocumentTextIcon } from '@heroicons/react/24/outline';
-import { SearchResults } from '@orama/ui/components';
+import SearchHit from '@node-core/ui-components/Common/Search/Results/Hit';
+import Link from 'next/link';
+import { useLocale } from 'next-intl';
 
 import type { Document } from '../DocumentLink';
-import type { FC } from 'react';
-
-import { DocumentLink } from '../DocumentLink';
-import { getFormattedPath } from './utils';
+import type { LinkLike } from '@node-core/ui-components/types';
+import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
+import { getDocumentHref, getFormattedPath } from './utils';
 
-type SearchItemProps = {
+type SearchItemProps = Omit<
+  ComponentProps<typeof SearchHit>,
+  'document' | 'as'
+> & {
   document: Document;
-  mode?: 'search' | 'chat';
 };
 
-export const SearchItem: FC<SearchItemProps> = ({ document, mode }) => (
-  <SearchResults.Item className={styles.searchResultsItem}>
-    <DocumentLink
-      document={document as Document}
-      tabIndex={mode === 'search' ? 0 : -1}
-      aria-hidden={mode === 'chat'}
-      data-focus-on-arrow-nav
-    >
-      <DocumentTextIcon />
-      <div>
-        {typeof document?.pageSectionTitle === 'string' && (
-          <h3>{document.pageSectionTitle}</h3>
-        )}
-        {typeof document?.pageSectionTitle === 'string' &&
-          typeof document?.path === 'string' && (
-            <p className={styles.searchResultsItemDescription}>
-              {getFormattedPath(document.path, document.pageSectionTitle)}
-            </p>
-          )}
-      </div>
-    </DocumentLink>
-  </SearchResults.Item>
-);
+const SearchItem: FC<SearchItemProps> = ({ document, ...props }) => {
+  const locale = useLocale();
+
+  return (
+    <SearchHit
+      document={{
+        title: document.pageSectionTitle,
+        description:
+          document.pageSectionTitle &&
+          getFormattedPath(document.path, document.pageSectionTitle),
+        href: getDocumentHref(document, locale),
+      }}
+      as={Link as LinkLike}
+      {...props}
+    />
+  );
+};
+
+export default SearchItem;

apps/site/components/Common/Searchbox/SearchItem/index.tsx

@@ -1,3 +1,5 @@
+import type { Document } from '../DocumentLink';
+
 export const uppercaseFirst = (word: string) =>
   word.charAt(0).toUpperCase() + word.slice(1);
 
@@ -9,3 +11,8 @@ export const getFormattedPath = (path: string, title: string) =>
     .map(element => uppercaseFirst(element))
     .filter(Boolean)
     .join(' > ')} — ${title}`;
+
+export const getDocumentHref = (document: Document, locale: string) =>
+  document.siteSection?.toLowerCase() === 'docs'
+    ? `/${document.path}`
+    : `/${locale}/${document.path}`;

apps/site/components/Common/Searchbox/SearchItem/utils.ts

@@ -14,7 +14,7 @@ import type { FC } from 'react';
 
 import { Footer } from './Footer';
 import { oramaClient } from './orama-client';
-import { SearchItem } from './SearchItem';
+import SearchItem from './SearchItem';
 import { SlidingChatPanel } from './SlidingChatPanel';
 
 import styles from './index.module.css';

apps/site/components/Common/Searchbox/index.tsx

@@ -1,7 +1,7 @@
 import next from '@next/eslint-plugin-next';
 import * as mdx from 'eslint-plugin-mdx';
 import react from 'eslint-plugin-react';
-import * as hooks from 'eslint-plugin-react-hooks';
+import reactHooks from 'eslint-plugin-react-hooks';
 
 import baseConfig from '../../eslint.config.js';
 
@@ -11,7 +11,7 @@ export default baseConfig.concat([
   },
 
   react.configs.flat['jsx-runtime'],
-  hooks.configs['recommended-latest'],
+  reactHooks.configs.flat['recommended-latest'],
   next.configs['core-web-vitals'],
   mdx.flatCodeBlocks,
 

apps/site/eslint.config.js

@@ -3,17 +3,22 @@
 import { useState, useEffect } from 'react';
 
 const useMediaQuery = (query: string) => {
-  const [matches, setMatches] = useState(false);
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === 'undefined') {
+      return false;
+    }
+
+    return window.matchMedia?.(query)?.matches ?? false;
+  });
 
   useEffect(() => {
-    const { matches, addEventListener, removeEventListener } =
-      window.matchMedia?.(query) ?? {
-        matches: false,
-        addEventListener: () => {},
-        removeEventListener: () => {},
-      };
-
-    setMatches(matches);
+    const { addEventListener, removeEventListener } = window.matchMedia?.(
+      query
+    ) ?? {
+      matches: false,
+      addEventListener: () => {},
+      removeEventListener: () => {},
+    };
 
     const handler = (event: MediaQueryListEvent) => setMatches(event.matches);
 

apps/site/hooks/react-client/useMediaQuery.ts

@@ -41,9 +41,9 @@
     "@opentelemetry/api-logs": "~0.206.0",
     "@opentelemetry/instrumentation": "~0.206.0",
     "@opentelemetry/resources": "~1.30.1",
-    "@orama/core": "^1.2.13",
-    "@orama/ui": "^1.5.3",
     "@opentelemetry/sdk-logs": "~0.206.0",
+    "@orama/core": "^1.2.14",
+    "@orama/ui": "^1.5.3",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/postcss": "~4.1.17",
@@ -59,7 +59,7 @@
     "github-slugger": "~2.0.0",
     "gray-matter": "~4.0.3",
     "mdast-util-to-string": "^4.0.0",
-    "next": "16.0.7",
+    "next": "16.0.10",
     "next-intl": "~4.5.3",
     "next-themes": "~0.4.6",
     "postcss-calc": "~10.1.1",
@@ -93,7 +93,7 @@
     "eslint-config-next": "16.0.7",
     "eslint-plugin-mdx": "~3.6.2",
     "eslint-plugin-react": "~7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "global-jsdom": "^27.0.0",
     "handlebars": "4.7.8",
     "jsdom": "^27.2.0",