Annotation for whole code block instead of inline annotation

[tomw1808]

I was wondering if there is an easy way to do the mkdocs-style highlights for code fences with annotators or similar, that is to do something like this:

```lang hl_lines="1 3 6-7"
line 1 is higlighted
line 2 is not
line 3 is highlighted
line 4 not
line 5 not
line 6 is highlighted
line 7 is highlighted
line 8 is not
```

My current attempt to do that is to parse the codeblock.meta wiht a regex for hl_lines and then insert some codehike annotation before line 1, before line 3 and before line 6. Then run the code through codehike and have an annotator through codehike that actually highlights the lines.

While it works, it really doesn't look elegant, architecturally. Is there a better way to do something that?

I was looking for a similar discussion or an open issue, but haven't found one, so maybe I am missing something obvious. If so, please simply delete the question.

[pomber]

insert some codehike annotation before line 1, before line 3 and before line 6

that's the way (if you are talking about inserting them in the annotations array)

it's totally fine to do something like:

const highlighted = await highlight(code, theme)
highlighted.annotations.push(something)

[tomw1808]

@pomber Thanks, yes, I just saw I can push something into the annotations array.

If ever someone is trying to do the same, I did it like this https://github.com/tomw1808/mkdocs-shadcn/blob/main/components/CodeHike.tsx#L17

With a little helper function that parses the meta string for hl_lines with a regex https://github.com/tomw1808/mkdocs-shadcn/blob/main/lib/highlight-parser.ts

Thanks again!