Use djot-grammars as canonical source for syntax highlighting (#103)

* Use djot-grammars as the canonical source for syntax highlighting grammars

- Remove duplicate hljs-djot.ts and hljs-djot.js files
- Update docs to use djot-grammars npm package for TextMate and highlight.js grammars
- Update syntax-highlighting cookbook to reference djot-grammars
- Update tests to use djot-grammars package

* Fix: Use GitHub URL for djot-grammars (not yet on npm)

* Update package-lock.json and fix workflow paths

Author: dereuromark

.github/workflows/test-hljs.yml

@@ -4,11 +4,9 @@ on:
   push:
     branches: [master]
     paths:
-      - 'docs/public/assets/hljs-djot.js'
       - 'docs/tests/**'
   pull_request:
     paths:
-      - 'docs/public/assets/hljs-djot.js'
       - 'docs/tests/**'
   workflow_dispatch:
 

README.md

@@ -133,3 +133,4 @@ See [Safe Mode](https://php-collective.github.io/djot-php/guide/safe-mode) for d
 - [Djot](https://djot.net/) - Official Djot website with syntax reference and playground
 - [jgm/djot](https://github.com/jgm/djot) - Reference implementation in JavaScript by John MacFarlane
 - [JetBrains IDE support](https://github.com/php-collective/djot-intellij) - Plugin for PhpStorm, IntelliJ IDEA, WebStorm, etc.
+- [djot-grammars](https://github.com/php-collective/djot-grammars) - Syntax highlighting grammars (TextMate, highlight.js, Prism.js)

docs/.vitepress/components/DjotPlayground.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, onMounted, nextTick } from 'vue'
 import hljs from 'highlight.js'
-import hljsDjot from '../hljs-djot'
+import hljsDjot from 'djot-grammars/highlightjs/djot.js'
 
 // Register Djot language for syntax highlighting
 if (!hljs.getLanguage('djot')) {