WIP: Shiki based syntax highlighting in codemirror

[evoactivity]

First commit is just a proof of concept.

Switching between languages will be the main thing to figure out from here.

• https://github.com/fengzilong/codemirror-shiki/tree/main
• https://discuss.codemirror.net/t/shiki-integration-for-codemirror/9538

[bolt-new-by-stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[socket-security[bot]]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​shikijs/​themes@​3.13.0
	shiki@​3.13.0
	ember-repl@​7.0.0 ⏵ 7.0.1	-22		-16	-10
	codemirror-shiki@​0.3.0
	@​shikijs/​langs@​3.13.0

View full report

[socket-security[bot]]

[!WARNING] Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		[email protected] has Obfuscated code. Confidence: 0.91 Location: Package overview From: apps/tutorial/package.json → npm/[email protected] ℹ Read more on: This package | This alert | What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at [email protected]. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/[email protected]. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

[github-actions[bot]]

Project	Preview URL[^note]	Manage
Limber	https://shiki-highlighter.limber-glimdown.pages.dev	on Cloudflare
Tutorial	https://shiki-highlighter.limber-glimmer-tutorial.pages.dev	on Cloudflare

Logs

[^note]: if these branch preview links are not working, please check the logs for the commit-based preview link. There is a character limit of 28 for the branch subdomain, as well as some other heuristics, described here for the sake of implementation ease in deploy-preview.yml, that algo has been omitted. The URLs are logged in the wrangler output, but it's hard to get outputs from a matrix job.

[NullVoxPopuli]

EXCITE!