Refreshed code snippets

[kylegach]

• Use shiki for code highlighting
• Pull first comment line into snippet title (if it's a filename)
• Move copy button into snippet toolbar
• Move CodeLanguageSelector out of SubNav and into snippet toolbar
• Do the same for a new PackageManagerSelector
  • Value saved/read from localStorage

TODO

Later

• [ ] Fix tests
• [ ] Create postinstall script to copy shiki files to /static

[netlify[bot]]

✅ Deploy Preview for storybook-frontpage ready!

Name	Link
🔨 Latest commit	961bb4a317d1e028cefad359424172f86375608a
🔍 Latest deploy log	https://app.netlify.com/sites/storybook-frontpage/deploys/655bb1d9dbebd90008299541
😎 Deploy Preview	https://deploy-preview-632--storybook-frontpage.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[socket-security[bot]]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
shiki	0.14.5	network, filesystem, environment	+4	16.6 MB	antfu
@radix-ui/react-tabs	1.0.4	None	+0	65 kB	benoitgrelard

[socket-security[bot]]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Issue	Package	Version	Note	Source
New author	vscode-oniguruma	1.7.0	New Author: vscode-bot Previous Author: alexandrudima	shiki@0.14.5 via package.json

Next steps

What is new author?

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Scrutinize new collaborator additions to packages because they now have the ability to publish code into your dependency tree. Packages should avoid frequent or unnecessary additions or changes to publishing rights.

Take a deeper look at the dependency

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 support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@* or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore vscode-oniguruma@1.7.0