Merge pull request #148 from basehub-ai/rich-text-highlight-support

Add highlight mark handlers

.changeset/sixty-guests-carry.md

@@ -0,0 +1,5 @@
+---
+"basehub": patch
+---
+
+Add highlight mark handlers

.github/workflows/sdk-preview.yml

@@ -9,6 +9,8 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
+      - run: npm install -g corepack@latest
+
       - run: corepack enable
       - uses: actions/setup-node@v4
         with:

packages/basehub/src/react/rich-text/primitive.tsx

@@ -64,6 +64,7 @@ type Marks = Array<Mark>;
 type Handlers = {
   p: (props: { children: ReactNode }) => ReactNode;
   b: (props: { children: ReactNode }) => ReactNode;
+  highlight: (props: { children: ReactNode }) => ReactNode;
   em: (props: { children: ReactNode }) => ReactNode;
   s: (props: { children: ReactNode }) => ReactNode;
   kbd: (props: { children: ReactNode }) => ReactNode;
@@ -220,6 +221,7 @@ const defaultHandlers: Handlers = {
   }) as Handlers["a"],
   p: ({ children }) => <p>{children}</p>,
   b: ({ children }) => <b>{children}</b>,
+  highlight: ({ children }) => <span>{children}</span>,
   em: ({ children }) => <em>{children}</em>,
   s: ({ children }) => <s>{children}</s>,
   kbd: ({ children }) => <kbd>{children}</kbd>,
@@ -575,6 +577,14 @@ const Marks = ({
         (disableDefaultComponents ? () => <></> : defaultHandlers.b);
       props = { children } satisfies ExtractPropsForHandler<Handlers["b"]>;
       break;
+    case "highlight":
+      Handler =
+        components?.highlight ??
+        (disableDefaultComponents ? () => <></> : defaultHandlers.highlight);
+      props = { children } satisfies ExtractPropsForHandler<
+        Handlers["highlight"]
+      >;
+      break;
     case "italic":
       Handler =
         components?.em ??