stiff siren
I have the following code
export const highlights = [1, 4, 7 - 8]
<Code code={giteaEnv} lang="toml" title=".gitea.env" mark={highlights} />
And the following error:
Plugin "TextMarkers" caused an error in its "preprocessMetadata" hook. Error message: Line index must be a non-negative number
It's seem like it's evaluate 7-8 = -1, is it possible to highlight range of line?
vernal sun
why not just export const highlights = [1, 4, 7, 8] ? This is just a javascript array so a dash will indicate a subtraction operation
If you really need to specify a long range then you can generate it yourself, for example
export const highlights = [1, 4, ...[...Array(5).keys()].map((key) => key + 7)]
// [1, 4, 7, 8, 9, 10, 11]
But again, it's probably easiest to hard code the highlighted range unless they get really long
stiff siren
why not just `export const highlights = [1, 4, 7, 8]` ? This is just a javascrip...
7-8, it's just for the exemple, I have a bigger range
stiff siren
But again, it's probably easiest to hard code the highlighted range unless they ...
When I use the simple code block, I don't have problem with highlight, just with Code component, and I need it because i'am loading dynamic content
vernal sun
I've just realised you're asking about the starlight Code component. I haven't used it myself, but if I understand the docs correctly you should be able to use strings in the MarkerDefinition array https://expressive-code.com/key-features/text-markers/#markerdefinition
so maybe this works
const highlights = [1, 4, "7-8"]
stiff siren
Already try it, and it's just looking for plaintext
https://expressive-code.com/key-features/text-markers/#marking-individual-text-inside-lines
With you're exemple, it's highlight line 1 and 4, and plaintext search for 7-8
vernal sun
The array also accepts an object of the shape { range: string; label?: string | undefined }
const highlights = [1, 4, {range: "7-8"}]
Does this work?