[data-shapes] add code highlighting to examples (#465)

VladimirAlexiev has just created a new issue for https://github.com/w3c/data-shapes:

== add code highlighting to examples ==
Eg https://raw.githack.com/w3c/data-shapes/master/shacl12-core/index.html#example-12
These Turtle and SHACLC are imho too green:

<img width="640" height="366" alt="Image" src="https://github.com/user-attachments/assets/b2c7c169-7bf4-43a7-8dcc-e59e918e7e15" />

<img width="753" height="173" alt="Image" src="https://github.com/user-attachments/assets/44b7eae8-23d8-4b00-93b8-c3b4218e4ed8" />

Here's eg how they look in emacs:

<img width="600" height="317" alt="Image" src="https://github.com/user-attachments/assets/e007b283-c1e6-46e1-9fb3-471b7583c927" />

(this one can use some improvement, eg also highlight `message=` and `severity=`
<img width="763" height="115" alt="Image" src="https://github.com/user-attachments/assets/68338487-9172-43ac-84f4-6d2cc571c0ed" />

Highlighers:
- Highlight.js has a Turtle highlighter (can't remember about SHACLC) but is not yet merged in trunk
- VScode has Stardog LSP definitions that include highlighting

Note:
- Italic in the Turtle highlights the current construct that the example illustrates. 
- I don't know whether highlight.js supports such a feature, but reveal.js (which uses it) does: https://revealjs.com/code/#line-numbers-%26-highlights

@ajnelson-nist @jeswr @TallTed @nicholascar do you think it's worth it?

Please view or discuss this issue at https://github.com/w3c/data-shapes/issues/465 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 5 August 2025 07:06:20 UTC