{"_id":"@atomiks/mdx-pretty-code","_rev":"6-4007ce1c15796529d3cde40d8208c461","name":"@atomiks/mdx-pretty-code","dist-tags":{"latest":"0.1.0"},"versions":{"0.0.1":{"name":"@atomiks/mdx-pretty-code","version":"0.0.1","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*","unist-util-visit":"*"},"devDependencies":{"prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.1.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"3d43ff7d798341b2f3143320f236508ebb3c7fa6","_id":"@atomiks/mdx-pretty-code@0.0.1","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-qWBy7M5dl5QX53WDonuOJ8Avzd+KEPy3ONQI6aNULDd4J+jk/0m0GfW/oxdddhLz2sf470Ug8aIv8h+rlBkxKw==","shasum":"ef752857474cf20e977d8a7591e98359e40ffb94","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.0.1.tgz","fileCount":6,"unpackedSize":14592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhr72/CRA9TVsSAnZWagAA2qgP/3GHRoZn3nJ5M8L7/PL2\nZSwq/Dfjkl2zmDgzyQ9J8Qy+M3rLF88UktKpILWYjwWrVXUxZfv9hXEEYNpq\nkxyU1Yk8uY8/Zsi2UW2TkutdnHE15yjHKetwZrZCxedivIihnS/rC4CZEikG\ngaANciqbV2cf6j31GzFAo0JCGGuDBTSNUo4X1j821y3fX5IQkQAo0+VdyY4G\nEoPV85c29Aszkp0gYA3YcE514JR24mfaYuzcUjXbaWASSd71DDoiZmhzLgqb\nNcnu3HuxbHjYPdLR8jwlKnwrG9KiY3pYnvi0sFE6y8BW4xbPjCd9YwmlT5lg\nADJhXsfsnn/LjV1P1p9aU3klrjhbCK9+XctwlM4+uMx+F0pbqpbVVyRbCJ6k\nWtJz6twLY0uOq50WKAYOatRYdi0QSd/vESGgEyg6cPIpQ0NwV2MZ5Rg9JP3p\nilIYBITJhzHjjQbz0afEll0TcKaCCqCeZ2StvgUa4oGT0KlQcfD0A3tLQ+aE\nFSJ1hZoaARwF9FOiL7t4UHX6wUWO8BDwAIjSKv8kUVHaDASZvmhO+PzTH7OL\nAry9i1m+8AYtvJOYH4RPl8o2hC0jLFYcS6c/rL+rVxYTokQAxGoFkvhZLCTA\nqQ5QYf8+BxtpgPge7McTLWAcSGitonRrexogNJ7A3Cxg2c+Y9qY2HoCUqwp3\nF6l6\r\n=Fi+D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6y3TdSZIRof7H6LFBitZsFgChZKX4ANzFI1QymaacVAiB9DKN2J6si9WAh94Q3UwYNribBjIX1HULLKPcFV6x5fA=="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.0.1_1638907327036_0.5236244908492802"},"_hasShrinkwrap":false},"0.0.2":{"name":"@atomiks/mdx-pretty-code","version":"0.0.2","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*","unist-util-visit":"*"},"devDependencies":{"prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.1.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"c23635d39ae792b6f61a5ff731dee2874b68311c","_id":"@atomiks/mdx-pretty-code@0.0.2","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-KAnAPtrkOjihZiODke2/QIPz6PX6lxJwbCNqIbaZmkHH3ZWVgFb7KdlTOa2Jgc3xEm8xDZHuJ10a7TekM80H+g==","shasum":"879d03ab0b43b072c1a3b08ca23cb46f0f4538ce","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.0.2.tgz","fileCount":6,"unpackedSize":15635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsF8yCRA9TVsSAnZWagAA7BEQAI8+uqo1vq5gDnB8qcjA\nSv2RoJ2OCSRF3V3NPGyq9R7bYroFFElzY727eueXVCLXG6eCRxjXLHg2t6ya\nZFdwyPWV8sbaKRdrCwpzAomsCwNFRWRR7JgAeD4XjsPrwH0swg0Ke1jc/los\nDOPP1QCa1uKzadB36D3ySFgNfwYmWuFuZZSjJZr0WRH5cDGEG2ATy9EukCqr\nWwPTu1eANw0bqSREmK4/8JY0tk4mWxj+UQilwLytJVm5e86Bei25u2nUKKtb\nKB0hXv3nUc/QCV3/btibYs5uHIAECWYM0aFwJ5PItmphNRju+LRKFObqAvGL\nI4CL2Cefq+4A8YK4Qzu4Ywnl6CMqc8p+oeC7sPlf2/E0J7HL8ReFWS3bmhrC\n6PUxyHae2sLuJoBUO5keBT8/97oozc1MGqAZzHHmGuXfmQuK9phTW1B6cudF\nSGUWMJfyuqJJG5iIxaPFcH9dLK7ER0aHfHDDyitWZA1qLD3EnfQrSVSNZ3a7\ntq8B8MhKGO68txGNCRPsVg0pJLRpTN8WNclFcxiCs3tak9QdJfs3AbDHsUha\n29N3Fk+VcYNPSyNTV1XREHE6lGgcmVFfErqCzOlDpR6tlZLqWnHCUzRpZcmA\na0RRe9yoFt//M6R/fK1MXA2rsKEEYC1ts8JMQHkFRYngmr6uPdvLG17bSqLG\npiap\r\n=hys8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7YldavPH+WWcWk5EnNIkUNa8CXo9mzEGQ3EPAbbWx1AIgUqhY+sbRP3ygu2dDZHSXejQd8htVGMpw8oVrifpeL9c="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.0.2_1638948658356_0.45783835310298837"},"_hasShrinkwrap":false},"0.0.3":{"name":"@atomiks/mdx-pretty-code","version":"0.0.3","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","module":"./dist/mdx-pretty-code.js","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*"},"devDependencies":{"@rollup/plugin-node-resolve":"^13.1.1","prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.0.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"25e25523dded8751946cedca8d651a1c3e959b84","_id":"@atomiks/mdx-pretty-code@0.0.3","_nodeVersion":"16.13.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-g8S6kE9Bxy3tqjMJ5wUgnEOkdEIb0sn5Z+fbWRDEn3o1/YfQoZTtrKWqUwoLVMszpXfFrFd9gKcJ4vbeqjnIcQ==","shasum":"02139fb33d5057859462d7fd52dd6483a1578201","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.0.3.tgz","fileCount":6,"unpackedSize":34825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw9H6CRA9TVsSAnZWagAALaEP/3ac0MbvG0BcYDM/sWi4\no0LxvofuuKWgqx/vR/GmoDKX5VonHBAN5zGjfn3ODzGuWoXZfslhnjG7mo5j\nIoqdXeWXuWJySWwYa3pJn0FQpiU2302DVG58DFHM/iNXXKx1s9JaAikSPbOk\nV3/ehNwbanTBr4zp3NfGN/TXItjC7ZlU05oy+aHDEvuIv4ldVfNgWjtRTeW0\nw8E6tSgkswqooH8AQW/BdI6pxKGJ4xc+SvNEt0UjnXmGB8YFnumb3GOmzgp+\nlVsIf9uH+35QTHA+UGCONdlWT4GJfI6U414UB6uRVZKH40E3xeY6MexwPXG4\nOXvrXurXCpNhxA+AO3N3U6ATWDeCnAbRVzGM8wyYmsQ18QAFwamwCFwf1Yam\n0hVM8qA229WGbL5aNC+hvlvp3xRYxSKZmhXWH+YaJLVFxn7ERABAKWEvtMMV\n5J0XN8m7E8Q6Mkz8R38i2tKHCtwEMrpHYo+iR1k/Tjtn40szI15uBG6lM/OG\n+gTM3e649BDVkmVhBDsUTXp6jY82sUQeyGhk/UPLQbFK7uGBOmHeHVNES0lg\ne6FQXuvhjTNO/92aKzEDr3KFykg8MGGmxS9NUeaWfS9f35/9JO3Al1yUDD3O\n7ArCb5u66jsdw17F2sH/7jZiiUmufetD/SSPXxuMyUQd9AmLcuC1FHhPYF6E\nJZ8m\r\n=yZ2I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDrxobop+2DkDMs3xIYK4Dms8yCH9QhffVgxrm4Nzf+xAiAal70slQeqN9RyeMiSgpl87JVkNwStVQN87TLYLPI4LQ=="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.0.3_1640223226617_0.23148778741898224"},"_hasShrinkwrap":false},"0.0.4":{"name":"@atomiks/mdx-pretty-code","version":"0.0.4","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","module":"./dist/mdx-pretty-code.js","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*"},"devDependencies":{"@rollup/plugin-node-resolve":"^13.1.1","prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.0.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"4fb20fc6f22c79d26bf3b12d5179ae0fa82e904e","_id":"@atomiks/mdx-pretty-code@0.0.4","_nodeVersion":"16.13.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-WnM7NUgZKCvSFXNe4tK676Vvy9IncRd0fCWejHA57ijDZf3usdjmI+B9snPvb4rxHtJCSykeNcI+a6CL2gDnWg==","shasum":"a12af4d2d53955304bb1ec052c6783a1ff15cfd9","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.0.4.tgz","fileCount":6,"unpackedSize":34859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhw9QrCRA9TVsSAnZWagAAuxQP/18nn/KviPzUGU6xp/3N\nTg3YseiDysRSVY0y6DpbUjQJ4sM9xYEXImqCeKyKJx0tailAX0E1tMH7xlBq\nF8HD9w7pk3cm/KABCENX0PycKmSUDHkm0u8Nv7qd9FSDcJ1H7FhGyRRirF/h\ng1Kgqq3Yn5tb+fAUeACDsSAAfR/hvDVe3eFsODW1BoM9ut5l9JwHrnl5qxcQ\nrrYOvcWzbVcsivRkpMx4e0C3NyxToAY4UgNDyR8lk5bTpGJapwt2cKpZnmVI\nyRrfMzhbTeIlXiKVJwjSIun3KQ2fyHn1QrnQTCGEOnc1fdLQhu0WzK5SnpeM\n/4aw3TXVAKmjoxWkelb+BAgOeUR5xlR52+jVrVTJWiFy7WRlP/Ea9R6HMcgq\ngWKcsjI89mgqSl+vVYpunTl7CcQ+d3xmA0sx72H7YGMDmHTcoti1CxlSJz1a\nmRwESiPLIKfIiHnk0/yEXdFYpZEhoCxHSSdZreMKilxuRqylyfxnnrI1LZeW\n00Gh+R2lEg6BmvhzklGIkOt6dQdh7XMoqJ/mBH3Oz5NGcgW52CcrdF1XR3V7\nFsqgcFO3ns1CscXt4yGrkPOqENgM9sts27VnSJS/6p5733c7QeMOVG7QD18Z\nng/CD5CsYkn2fvcex5Xo8IwdR9RDiQFriOQcl8LKQoG7OJ8hoOo/bF0JTCoJ\nAr6U\r\n=W0Yb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERQ0fBbrzfXYIPafhrMSvObwZKOG/JCux9MmdeK0OHGAiEAu+8SD2YNfECnsf7M1AcAFlDtoD7xt0FPSNNKoZuTMEE="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.0.4_1640223787335_0.3958610227298833"},"_hasShrinkwrap":false},"0.0.5":{"name":"@atomiks/mdx-pretty-code","version":"0.0.5","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","module":"./dist/mdx-pretty-code.js","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*"},"devDependencies":{"@rollup/plugin-node-resolve":"^13.1.1","prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.0.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"61727cfd15abbd190d596735e3f6515352ff52e6","_id":"@atomiks/mdx-pretty-code@0.0.5","_nodeVersion":"16.13.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-ZsSr/ROF+4W08ASGyE47A63sb3aEpZp2CV8Wv42+bn+TtbtuWlhU3IVs4GLLi647EU/40C/7w/x1Bi6kNXAXOg==","shasum":"13a588200a5102d247ac2cb440dee4db506929e3","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.0.5.tgz","fileCount":6,"unpackedSize":34863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyaPnCRA9TVsSAnZWagAAI64QAJ1dkc3knSqDB3zQ0i1a\nICaMq+JWrWWvWu0Rskt3WVZvSqglLakIMQJ8acA4TIBlSuXEbi8GOo2FNr0P\nJqlvSsy+2zxC2Tsf63scNNpCWRL4+EVEZm8HEjgdTqkv8lHlyIF1bvsX1pD/\nJQAKqd744KjGQ0zHx105upNhB9N5o42H9imLL44LGEg5zisPAl6zoMu3khJc\nx9/gVGh7yso3KoAFbZLM4HdIlpfTwKe4ec2oMZgiz6u/HwHAizb1GR5noOyn\nxu6Hq/o1xQF55Wc2uqGFHfWNBynpxK7w7vbb3t5Hje0kzPDLUTX2Iqac2bCT\ncN+sorUAos55hPojl8sy2sLTNBm0ai5DreEleoR5L82Yg3L9mbbIbuvIbpCy\ncO6SH5g70NNwX2xB/hRaVwFL6hFaIVSWtlDZB02dpyS7lh2HJKVzrSTShsWm\n4SbI+DB/DhfV02sGuD1A1gh0em3tyf6jdLfD08UsV8R/IrP8GbZU/+DC8tZS\neRtlYU4ZutpSTG7iTwEjeZHtOZXTTCqazdyBwGGIZAZppzDnywFTmJ78bUpL\nWYAp9WukYAu9jf54xz3nvHVEl2uAxyHktgLToEq1PluHHQFOdW7CtlVw5+B3\nJQTqDIcBBpQzek0PoaYuC+RIDhkMvN4kepfLucqsr5LVwPmeAyQcLGLrH5QN\nNK3D\r\n=/rx6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyiB7xHl1d82SF/VfJITep/BeIks2RyCRQrkVPwqbFUgIgb/RJ4WJEszX//oahxhW+/5ARFVyh3LBnMrHs2reFJUs="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.0.5_1640604647879_0.9912299028592633"},"_hasShrinkwrap":false},"0.1.0":{"name":"@atomiks/mdx-pretty-code","version":"0.1.0","description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","main":"./dist/mdx-pretty-code.cjs","module":"./dist/mdx-pretty-code.js","type":"module","exports":{"import":"./dist/mdx-pretty-code.js","require":"./dist/mdx-pretty-code.cjs"},"scripts":{"build":"npx rollup -c"},"author":"","license":"MIT","prettier":{"bracketSpacing":false,"singleQuote":true,"proseWrap":"always"},"peerDependencies":{"shiki":"*"},"devDependencies":{"@rollup/plugin-node-resolve":"^13.1.1","prettier":"^2.5.1","rollup":"^2.60.2","shiki":"^0.9.14","typescript":"^4.5.2","unist-util-visit":"^4.0.0"},"dependencies":{"jsdom":"^19.0.0","parse-numeric-range":"^1.3.0","sanitize-html":"^2.6.0"},"gitHead":"2197bc0660b8daacca66150a0c6dc95f0934dbb0","_id":"@atomiks/mdx-pretty-code@0.1.0","_nodeVersion":"16.13.0","_npmVersion":"8.3.0","dist":{"integrity":"sha512-s6L3XBgqE9J9MlNQWbETxY5srrv4rN2B+c46o5KHg7W8+VrAAu0NInci1F6AwcEzaV+/vlc6WO6lPSucCwpngA==","shasum":"074b0469f823cc81d537a1078ea98757b6f24490","tarball":"https://registry.npmjs.org/@atomiks/mdx-pretty-code/-/mdx-pretty-code-0.1.0.tgz","fileCount":6,"unpackedSize":41255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0qeSCRA9TVsSAnZWagAAOzYP/3Nrzz4+xZcvnDhgnUqT\nE36Y8jeptVxNIALBqyejh0ZLz9jHqmoAu9TH9HPGMZ+hhgq7pb0KnyHph0o+\nSp2fi58+y+3ViNwNj8mCGMS/sV20XjKSeD88ZB9JSxE7IsYmZspeMpfr8h23\nqxq/Hkx0G6B5+Vt8z8XrKU2la6fJNNFNI8oZ+MGOhi4v4bJnrGY/vJPOy982\nUGloFqrAYQnHGUqBm5bgUobek6QXj3buU9e+ioDJg0kNTUethIxa6fyjc3kV\nadlfdkya+b9dZ8pZZ1olYAw07prhsZSVkoJ0hRzVRYR9k2YidRuHbbYkPxhk\nj5mcS1N3kghFSKgfWv+H8kmEb7O8ockkxHNqIZGZNxKKPQD1sAE5veEWVbAt\nCKhIm/DlnyLAoSdJYB4jgdBEUmOKkWrcVEbrQAR/n4/5hPRjIILuHfdEYokf\nmqUpAE9oJzthv+nqNMPuLEtpZZnMt85HXxIYdjwfmXG7bZLYeYI3lCWV4W2S\n18qrbN/UlUqkOQbYvkGlgfedrGOnmSVGDClrGvt3CvZ9kOReEOwmNJ3pENAL\nHHSuf0yY667CU9pyY+DQZGSxyBvI/Wex9s0Z5tdByon62wMqWcsyGfCAp85D\nRAPjUUuDJcNKZ8Ulu3uy4tspw+MFmsZ2XONuaOfb9O8hItklxR49m5RlAMmd\nYwVv\r\n=JSlf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF4dc9fZrSuht6t8pEDwNs3CEMbA3Xt018IyZnoVsvrfAiB7jdL4j1takqtjElcCc/bVRqTnW2A71TTxiqkNGrv82Q=="}]},"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx-pretty-code_0.1.0_1641195410727_0.26178309670504163"},"_hasShrinkwrap":false}},"time":{"created":"2021-12-07T20:02:06.977Z","0.0.1":"2021-12-07T20:02:07.163Z","modified":"2022-04-04T16:15:30.591Z","0.0.2":"2021-12-08T07:30:58.511Z","0.0.3":"2021-12-23T01:33:46.772Z","0.0.4":"2021-12-23T01:43:07.526Z","0.0.5":"2021-12-27T11:30:47.991Z","0.1.0":"2022-01-03T07:36:50.864Z"},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"description":"A Remark plugin to make the code in your MDX docs simply beautiful. Powered by [Shiki](https://github.com/shikijs/shiki).","license":"MIT","readme":"# MDX Pretty Code\n\n

\n \n

\n\nA Remark plugin to make the code in your MDX docs simply beautiful. Powered by\n[Shiki](https://github.com/shikijs/shiki).\n\n- ✅ Perfect VS Code highlighting (use any theme)\n- ✅ Line and word highlighting\n- ✅ Context-adjustable inline code highlighting\n- ✅ Line numbers\n- ✅ No runtime or bundle size cost\n\n## Installation\n\n```shell\nnpm install @atomiks/mdx-pretty-code shiki\n```\n\n## Usage\n\n```js\nimport {createRemarkPlugin} from '@atomiks/mdx-pretty-code';\nimport fs from 'fs';\n\nconst prettyCode = createRemarkPlugin({\n // Options passed to shiki.getHighlighter()\n shikiOptions: {\n // Link to your VS Code theme JSON file\n theme: JSON.parse(\n fs.readFileSync(require.resolve('./themes/my-theme.json'), 'utf-8')\n ),\n },\n // These are hooks which allow you to style the node. `node` is an element\n // using JSDOM, so you can apply any CSS.\n onVisitLine(node) {\n // Style a line node.\n Object.assign(node.style, {\n margin: '0 -1.5rem',\n padding: '0 1.5rem',\n });\n },\n onVisitHighlightedLine(node) {\n // Style a highlighted line node.\n Object.assign(node.style, {\n backgroundColor: 'rgba(0,0,0,0.1)',\n });\n },\n onVisitHighlightedWord(node) {\n // Style a highlighted word node.\n Object.assign(node.style, {\n backgroundColor: 'rgba(0,0,0,0.5)',\n padding: '0.25rem',\n borderRadius: '0.25rem',\n });\n },\n});\n```\n\nThen pass the plugin to your MDX `remarkPlugins` option. For example, in\n`next.config.js` using MDX v2:\n\n```js\nmodule.exports = {\n experimental: {esmExternals: true},\n webpack(config, options) {\n config.module.rules.push({\n test: /\\.mdx?$/,\n use: [\n options.defaultLoaders.babel,\n {\n loader: '@mdx-js/loader',\n /** @type {import('@mdx-js/loader').Options} */\n options: {\n remarkPlugins: [prettyCode],\n },\n },\n ],\n });\n\n return config;\n },\n};\n```\n\n## Multiple themes (dark/light mode)\n\nBecause Shiki generates themes at build time, client-side theme switching\nsupport is not built in. There are two popular options for supporting something\nlike Dark Mode with Shiki. See the\n[Shiki docs](https://github.com/shikijs/shiki/blob/main/docs/themes.md#dark-mode-support)\nfor more info.\n\n#### 1. Load multiple themes\n\nThis will render duplicate code blocks for each theme. You can then hide the\nother blocks with CSS.\n\nPass your themes to `shikiOptions.theme`, where the keys represent the color\nmode:\n\n```js\nshikiOptions: {\n theme: {\n dark: JSON.parse(\n fs.readFileSync(require.resolve('./themes/dark.json'), \"utf-8\")\n ),\n light: JSON.parse(\n fs.readFileSync(require.resolve('./themes/light.json'), \"utf-8\")\n ),\n },\n}\n```\n\nThe `code` elements and the inline code `` wrappers\nwill have a data attribute `data-theme=\"[key]\"`, e.g `data-theme=\"light\"`. You\ncan target the data attribute `[data-theme='dark']` to apply styles for that\ntheme.\n\nNow, you can use CSS to display the desired theme:\n\n```css\n@media (prefers-color-scheme: dark) {\n code[data-theme='light'] {\n display: none;\n }\n}\n\n@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {\n code[data-theme='dark'] {\n display: none;\n }\n}\n```\n\n#### 2. Use the \"css-variables\" theme (Shiki version `0.9.9` and above)\n\n
\n This gives you access to CSS variable styling, which you can control across Dark\n and Light mode.\n\nNote that **this client-side theme is less granular than most other supported VS\nCode themes**. Also, be aware that this will generate unstyled code if you do\nnot define these CSS variables somewhere else on your page:\n\n```html\n\n```\n\n
\n\n## API\n\nCode blocks are configured via the meta string after the top codeblock fence.\n\n### Line highlighting\n\nHighlight lines 1, 2 through 4, and 6.\n\n\\`\\`\\`js {1,2-4,6}\n\n### Word highlighting\n\nHighlight the literal word `carrot`. Regex is not currently supported.\n\n\\`\\`\\`js /carrot/\n\n#### Limit word highlighting to specific instances\n\nIf you want to limit which words get highlighted, this is possible. For\ninstance:\n\n\\`\\`\\`js /carrot/1-2,4\n\nThe numeric range must be directly after the `/`.\n\nThis will only highlight the first, second, and fourth instances of `carrot`,\nbut not the third, or fifth+.\n\n### Inline highlighting\n\nAppend `{:lang}` (e.g. `{:js}`) at the end of the inline code to highlight it\nlike it's a regular code block.\n\n```\nThis is `inline(){:js}` code which will be colored like a regular code block.\n```\n\nIn your `MDXProvider`'s `components` prop, modify `span` like so:\n\n```js\nconst mdxComponents = {\n span(props) {\n if (props['data-mdx-pretty-code'] != null) {\n return (\n \n {props.children.props.children}\n \n );\n }\n\n return ;\n },\n};\n\n```\n\n#### Context-specific highlighting\n\nShiki will color plain variables as plain text since the highlighting has no\ncontext. But if you're referring to a variable which was colored a different way\nby Shiki in a code block above or below the inline code, it won't be semantic.\n\nYou can instruct MDX Pretty Code to color a word by supplying a token whose\ncolor is specified in the VS Code theme.\n\nIt must start with a `.` to indicate it's a token, not a language.\n\n```\nThe function name is `hello{:.entity.name.function}`.\n```\n\nYou can create a `tokensMap` to shorten this throughout your docs:\n\n```js\ncreateRemarkPlugin({\n // ...\n tokensMap: {\n function: 'entity.name.function',\n },\n});\n```\n\nNow you can just do:\n\n```\nThe function name is `hello{:.function}`.\n```\n\n> Note: for the token feature to work, you must have supplied a JSON object to\n> `shikiOptions.theme`, not a default Shiki theme string.\n\n## Line numbers\n\nCSS counters can be used to add line numbers.\n\n```css\ncode {\n counter-reset: line;\n}\n\ncode > .line::before {\n counter-increment: line;\n content: counter(line);\n\n /* Other styling */\n display: inline-block;\n width: 1rem;\n margin-right: 2rem;\n text-align: right;\n color: gray;\n}\n```\n\n## Language meta\n\nThe `code` tag has a `data-language` attribute, so you can add the language\ninformation to the code block.\n\n## Sanitizing\n\nAll HTML is sanitized via\n[`sanitize-html`](https://www.npmjs.com/package/sanitize-html). To configure the\nsanitizing options, pass `sanitizeOptions`, which is 1:1 with its API.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}