New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

docusaurus-preset-shiki-twoslash

Package Overview
Dependencies
Maintainers
3
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

docusaurus-preset-shiki-twoslash - npm Package Compare versions

Comparing version 1.0.4 to 1.1.0

4

package.json
{
"name": "docusaurus-preset-shiki-twoslash",
"version": "1.0.4",
"version": "1.1.0",
"license": "MIT",

@@ -25,5 +25,5 @@ "homepage": "https://github.com/shikijs/twoslash",

"dependencies": {
"remark-shiki-twoslash": "1.3.0",
"remark-shiki-twoslash": "1.4.2",
"typescript": ">3"
}
}

@@ -25,19 +25,3 @@ ### Docusaurus Preset Shiki Twoslash

1. Add the CSS from [npmjs.com/package/remark-shiki-twoslash](https://www.npmjs.com/package/remark-shiki-twoslash) to `src/css/custom.css`
1. Add the JS via a [root component](https://docusaurus.io/docs/using-themes#wrapper-your-site-with-root): `src/theme/Root.js`
```ts
import React, { useEffect } from "react"
import { setupTwoslashHovers } from "shiki-twoslash/dist/dom"
// Default implementation, that you can customize
function Root({children}) {
useEffect(setupTwoslashHovers, [])
return <>{children}</>;
}
export default Root;
```
1. Disable the in-built formatter: `src/theme/MDXComponents/index.js`:

@@ -44,0 +28,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc