v

basehub-ai · Aug 18, 2024 · 544a13e · 544a13e
1 parent 3be3f6d
commit 544a13e
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 2 deletions.
diff --git a/packages/basehub/CHANGELOG.md b/packages/basehub/CHANGELOG.md
@@ -1,5 +1,11 @@
 # basehub
 
+## 7.2.5
+
+### Patch Changes
+
+- Support lineNumbers out of the box
+
 ## 7.2.4
 
 ### Patch Changes

diff --git a/packages/basehub/package.json b/packages/basehub/package.json
@@ -2,7 +2,7 @@
  "name": "basehub",
  "description": "The first AI-native content hub.",
  "author": "JB <[email protected]>",
- "version": "7.2.4",
+ "version": "7.2.5",
  "license": "MIT",
  "repository": "basehub-ai/basehub",
  "bugs": "https://github.com/basehub-ai/basehub/issues",

diff --git a/packages/basehub/src/react/code-block/highlighter.tsx b/packages/basehub/src/react/code-block/highlighter.tsx
@@ -29,6 +29,7 @@ export type HighlighterProps = {
  extraTransformers?: Array<ShikiTransformer>;
  startHidden: boolean;
  groupId: string;
+ lineNumbers?: boolean | { className?: string };
 };
 
 export const Highlighter = async ({
@@ -40,6 +41,7 @@ export const Highlighter = async ({
  extraTransformers,
  startHidden,
  groupId,
+ lineNumbers,
 }: HighlighterProps) => {
  const hast = await codeToHast(children, {
  lang,
@@ -49,6 +51,28 @@ export const Highlighter = async ({
  transformerNotationErrorLevel(),
  transformerNotationHighlight(),
  transformerNotationWordHighlight(),
+ ...(lineNumbers
+ ? [
+ {
+ line(node, line) {
+ node.children = [
+ {
+ type: "element",
+ tagName: "span",
+ properties: {
+ class:
+ lineNumbers === true
+ ? "line-number"
+ : lineNumbers.className,
+ },
+ children: [{ type: "text", value: line.toString() }],
+ },
+ ...node.children,
+ ];
+ },
+ } satisfies ShikiTransformer,
+ ]
+ : []),
  ...(extraTransformers ?? []),
  ],
  });

diff --git a/packages/basehub/src/react/code-block/primitive.tsx b/packages/basehub/src/react/code-block/primitive.tsx
@@ -15,6 +15,7 @@ export type CodeBlockProps = {
  components?: HighlighterProps["components"];
  extraTransformers?: HighlighterProps["extraTransformers"];
  disableLocalStorageSelection?: boolean;
+ lineNumbers?: HighlighterProps["lineNumbers"];
 };
 
 export const CodeBlock = ({
@@ -24,6 +25,8 @@ export const CodeBlock = ({
  childrenBottom,
  components,
  disableLocalStorageSelection,
+ extraTransformers,
+ lineNumbers,
 }: CodeBlockProps) => {
  const groupId = "__bshb_code-block-id" + Math.random().toString(16).slice(2);
 
@@ -47,6 +50,8 @@ export const CodeBlock = ({
  components={components}
  startHidden={i > 0}
  groupId={groupId}
+ extraTransformers={extraTransformers}
+ lineNumbers={lineNumbers}
  >
  {snippet.code}
  </Highlighter>

diff --git a/playground/CHANGELOG.md b/playground/CHANGELOG.md
@@ -1,5 +1,12 @@
 # playground
 
+## 0.0.129
+
+### Patch Changes
+
+- Updated dependencies
+ - [email protected]
+
 ## 0.0.128
 
 ### Patch Changes

diff --git a/playground/package.json b/playground/package.json
@@ -1,7 +1,7 @@
 {
  "name": "playground",
  "private": true,
- "version": "0.0.128",
+ "version": "0.0.129",
  "scripts": {
  "dev": "basehub dev & next dev",
  "build": "basehub && next build",