@brillout/docpress 0.6.3 → 0.6.5

package/+config.ts

@@ -2,7 +2,7 @@ import type { Config } from 'vike/types'
 
 export default {
   // @ts-ignore Remove this ts-ignore once Vike's new version is released.
-  name: '@brillout/docpress' ,
+  name: '@brillout/docpress',
   onRenderHtml: 'import:@brillout/docpress/renderer/onRenderHtml:onRenderHtml',
   client: 'import:@brillout/docpress/renderer/client:doesNotExist',
   meta: {

package/css/code/block.css

@@ -1,5 +1,8 @@
 pre > code {
-  padding: 16px !important;
+  padding: 16px 0px !important;
+}
+pre [data-line] {
+  padding: 0px 16px !important;
 }
 @media screen and (max-width: 900px) {
   pre > code {
@@ -34,3 +37,7 @@ pre > code {
   display: reset;
   word-break: reset;
 }
+
+figure[data-rehype-pretty-code-figure] {
+  margin: 0 !important;
+}

package/css/code/diff.css

@@ -0,0 +1,34 @@
+/* Attributes generted by https://shiki.style/packages/transformers#transformernotationdiff */
+pre.has-diff .diff {
+  position: relative;
+}
+
+pre.has-diff .diff.remove {
+  background-color: #fbdcda;
+}
+
+pre.has-diff .diff.add {
+  background-color: #d7ecdf;
+}
+
+pre.has-diff .diff::before {
+  content: "+";
+  position: absolute;
+  font-weight: 500;
+}
+
+pre.has-diff .diff.add::before {
+  content: "+";
+  color: rgb(24, 121, 78);
+  font-size: 1.2em;
+  top: -2px;
+  left: 3px;
+}
+
+pre.has-diff .diff.remove::before {
+  content: "-";
+  color: rgb(179, 78, 82);
+  font-size: 1.4em;
+  top: -5px;
+  left: 2px;
+}

package/css/code/inline.css

@@ -1,27 +1,21 @@
 code {
-  padding: 2px 5px;
+  padding: 3px 6px;
 }
 
 /*
  * Line breaks in `<code>`:
  *  - Avoid them on desktop
  *  - Allow them on mobile
- *  - Allo them for `<code long>`
+ *  - Allow them for `<code long>`
  */
-code {
-  display: inline-block;
-}
 @media screen and (max-width: 500px) {
   code {
     word-break: break-word;
-    display: inline;
   }
 }
 .inline-code-break code {
-  display: inline;
   word-break: break-word;
 }
 code.long {
   word-break: break-word;
-  display: inline;
 }

package/css/code.css

@@ -1,5 +1,6 @@
 @import './code/inline.css';
 @import './code/block.css';
+@import './code/diff.css';
 
 code {
   /*

package/dist/vite.config.js

@@ -4,8 +4,9 @@ import vike from 'vike/plugin';
 import { markdownHeadingsVitePlugin } from './markdownHeadingsVitePlugin.js';
 import rehypePrettyCode from 'rehype-pretty-code';
 import remarkGfm from 'remark-gfm';
+import { transformerNotationDiff } from '@shikijs/transformers';
 var root = process.cwd();
-var prettyCode = [rehypePrettyCode, { theme: 'github-light' }];
+var prettyCode = [rehypePrettyCode, { theme: 'github-light', transformers: [transformerNotationDiff()] }];
 var rehypePlugins = [prettyCode];
 var remarkPlugins = [remarkGfm];
 var config = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "scripts": {
     "// Build vite.config.ts and +config.ts": "",
     "build": "rm -rf dist/ && tsc --project tsconfig.config.json",
@@ -14,14 +14,15 @@
     "release:breaking-change": "release-me minor"
   },
   "dependencies": {
-    "@mdx-js/mdx": "^2.0.0",
-    "@mdx-js/react": "^2.0.0",
-    "@mdx-js/rollup": "^2.0.0",
+    "@mdx-js/mdx": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/rollup": "^3.0.1",
+    "@shikijs/transformers": "^1.2.0",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "balloon-css": "^1.2.0",
-    "rehype-pretty-code": "^0.3.2",
-    "remark-gfm": "^3.0.1",
-    "shiki": "^0.10.1",
+    "rehype-pretty-code": "^0.13.0",
+    "remark-gfm": "^4.0.0",
+    "shiki": "^1.2.0",
     "twemoji": "^13.1.0",
     "vike-contributors": "^0.0.9"
   },
@@ -64,8 +65,8 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "*",
-    "vike": "0.4.161-commit-ba539a4",
-    "vite": "npm:@brillout/vite@5.1.0-commit-3dc7abd"
+    "vike": "^0.4.162",
+    "vite": "^5.2.0"
   },
   "devDependencies": {
     "@brillout/release-me": "^0.1.13",
@@ -74,9 +75,9 @@
     "@types/react-dom": "^17.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vike": "0.4.161-commit-ba539a4",
-    "vite": "npm:@brillout/vite@5.1.0-commit-3dc7abd",
-    "typescript": "^4.9.4"
+    "typescript": "^4.9.4",
+    "vike": "^0.4.166",
+    "vite": "^5.2.2"
   },
   "license": "MIT",
   "repository": "https://github.com/brillout/docpress",

package/vite.config.ts

@@ -5,9 +5,10 @@ import { UserConfig } from 'vite'
 import { markdownHeadingsVitePlugin } from './markdownHeadingsVitePlugin.js'
 import rehypePrettyCode from 'rehype-pretty-code'
 import remarkGfm from 'remark-gfm'
+import { transformerNotationDiff } from '@shikijs/transformers'
 
 const root = process.cwd()
-const prettyCode = [rehypePrettyCode, { theme: 'github-light' }]
+const prettyCode = [rehypePrettyCode, { theme: 'github-light', transformers: [transformerNotationDiff()] }]
 const rehypePlugins: any = [prettyCode]
 const remarkPlugins = [remarkGfm]