Support for additional inline ln: ranges in a single code block

[SlyCedix]

It would be nice to be able to "interrupt" the flow of lines and start from a new offset to, for example, display breadcrumbs as follows:

```c file:app.c ln:5260
void send_stats(void) {  // interpret voltage and current accum for rms value as
                         // well as freq, PF and total watts
    // Actual DSP response \ln:5297
    sprintf(string1, "^%04d", DSP_UNIT_ADDR);
    stringPointer = string1;
    WriteString();
    if ((DSP_CONTROL_MODE & 0x80) > 0) {
        sprintf(string1,
                ",%05.1f,%05.1f,%05.1f",
                SystemStats[VA_LL],
                SystemStats[VB_LL],
                SystemStats[VC_LL]);
        stringPointer = string1;
        WriteString();
    }
```

might render as:

[mugiwara85]

Yes, that is a reasonable idea. How would you want to define in which line the new numbering should start? I mean you had to specify a line number from which the new line numbering starts, and the new line numbering. I will think about it, but if you have an idea just let me know.
Also, would you want to display that separator line as well?

[SlyCedix]

In the post above I actually included \ln:5297 on the line where it changes, but If you prefer not to parse and mutate content this preamble based approach would work:

```c ln:5260 ln:3,5297
equivalent to:
```c ln:1,5260 ln:3,5297

As for the separator, I included it because its otherwise unclear that the line number jumps. The exact styling isn't super important i just used a border-bottom: dashed 1px;. A more stylable approach might be to add a blank line with a dedicated class for separator lines. This is something I whipped up using that approach:

// modified from https://css-shape.com/zig-zag-line/
.codeblock-customizer-line-separator {
  --a: 90deg; /* control the angle */
  --s: 12px; /* size of the zig-zag */
  --b: 1px;  /* control the thickness */
  padding-top: 16px;
  background: var(--codeblock-customizer-gutter-text-color);
  height: calc(var(--b) + var(--s)/(2*tan(var(--a)/2)));
  width: 100%;
  --_g:var(--s) repeat-x conic-gradient(from calc(var(--a)/-2) at bottom,
    #0000,#000 1deg calc(var(--a) - 1deg),#0000 var(--a));
  mask: 50% calc(-1*var(--b))/var(--_g) exclude,50%/var(--_g);
}

[mugiwara85]

oh, I see now. Let me think about it, how to implement it, and I'll get back to you.

[mugiwara85]

@SlyCedix Sorry for the delay, but I was a little busy. What do think about this?

ln was defined here like this: ln:15:50,60:200,201:500000
15:50 means that on line 15 (the line is meant where the line number 15 is displayed, which is currently not visible anymore since it was changed to 50) change the numbering to 50. Then line numbering continous from 50, and then 60:200 means, that on the line where the line number 60 is displayed, change the line numbering to 200, and then the line numbering continous from there. If you wanted to define the starting line number then you would do ln:15:50,60:200,201:500000.
Is this understandable?

(Still work in progress)

[SlyCedix]

Sounds perfect!

[mugiwara85]

@SlyCedix Sorry for the delay, but I finally had the time to finish this. You can take the current main.js and styles.css and try it out. I also added a setting in the settingspage, where you can choose from 3 available separator line (zigzag,dashed, double line).
I would appreciate a feedback, so I know, if it is ok, or should I change something else.

[mugiwara85]

@SlyCedix Available in version 1.4.0