@brillout/docpress 0.4.14 → 0.4.16

package/dist/index.d.ts

@@ -150,9 +150,10 @@ type DivSize = {
 };
 declare function Sponsors(): JSX.Element;
 
-declare function CodeBlock({ children, lineBreak }: {
+type LineBreak = 'white-space' | 'break-word';
+declare function CodeBlockTransformer({ children, lineBreak }: {
     children: any;
-    lineBreak?: true;
+    lineBreak: LineBreak;
 }): JSX.Element;
 
-export { CodeBlock, Config, Construction, Emoji, EmojiName, HeadingDefinition, HeadingDetachedDefinition, HorizontalLine, ImportMeta, Info, Link, Note, P, ReadingRecommendation, RepoLink, Sponsor, Sponsors, Warning, assert, assertUsage, assertWarning, crawlAllFiles, determineSectionTitle, determineSectionUrlHash, filter, isBrowser, isRepoLink, jsxToTextContent, objectAssign };
+export { CodeBlockTransformer, Config, Construction, Emoji, EmojiName, HeadingDefinition, HeadingDetachedDefinition, HorizontalLine, ImportMeta, Info, Link, Note, P, ReadingRecommendation, RepoLink, Sponsor, Sponsors, Warning, assert, assertUsage, assertWarning, crawlAllFiles, determineSectionTitle, determineSectionUrlHash, filter, isBrowser, isRepoLink, jsxToTextContent, objectAssign };

package/dist/index.js

@@ -582,25 +582,20 @@ function isIndividual(sponsor) {
   return "username" in sponsor;
 }
 
-// src/components/CodeBlock.tsx
+// src/components/CodeBlockTransformer.tsx
 import React9 from "react";
-function CodeBlock({ children, lineBreak }) {
-  assert(lineBreak, "`lineBreak: true` is currently the only use case for <CodeBlock>");
-  const style = {};
-  if (lineBreak) {
-    objectAssign(style, {
-      wordWrap: "break-word",
-      wordBreak: "break-all",
-      whiteSpace: "initial",
-      paddingRight: "16px !important"
-    });
-  }
-  return /* @__PURE__ */ React9.createElement("pre", null, /* @__PURE__ */ React9.createElement("code", {
-    style
-  }, children));
+function CodeBlockTransformer({ children, lineBreak }) {
+  assert(
+    lineBreak === "white-space" || lineBreak === "break-word",
+    "`lineBreak` is currently the only use case for <CodeBlockTransformer>"
+  );
+  const className = `with-line-break_${lineBreak}`;
+  return /* @__PURE__ */ React9.createElement("div", {
+    className
+  }, children);
 }
 export {
-  CodeBlock,
+  CodeBlockTransformer,
   Construction,
   Emoji,
   FeatureList,

package/dist/renderer/_default.page.client.css

@@ -300,4 +300,15 @@ blockquote > div.paragraph:first-child::before {
   margin-right: 4px;
 }
 
+/* src/components/CodeBlockTransformer.css */
+.with-line-break_white-space code,
+.with-line-break_break-word code {
+  white-space: break-spaces;
+  padding-right: 16px !important;
+}
+.with-line-break_break-word code {
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
 /* src/css/index.css */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "scripts": {
     "// Check types while developing": "",
     "types": "tsc --noEmit --watch",