@brillout/docpress 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "exports": {
     ".": "./src/index.ts",
     "./client/initFeatureList": {

package/src/components/CodeBlock.tsx

@@ -0,0 +1,22 @@
+export { CodeBlock }
+
+import React from 'react'
+import { assert, objectAssign } from '../utils'
+
+function CodeBlock({ children, lineBreak }: { children: any; lineBreak?: true }) {
+  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 (
+    <pre>
+      <code style={style}>{children}</code>
+    </pre>
+  )
+}

package/src/components/Note.tsx

@@ -1,8 +1,8 @@
+export { Note }
+
 import React from 'react'
 import { assert } from '../utils'
 
-export { Note }
-
 function Note({
   type,
   icon,

package/src/components/index.ts

@@ -10,3 +10,4 @@ export * from './ImportMeta'
 export * from './features/FeatureList'
 export * from './HorizontalLine'
 export * from './Sponsors'
+export * from './CodeBlock'

package/src/headings.ts

@@ -61,7 +61,7 @@ function getHeadings(config: { headings: HeadingDefinition[]; headingsWithoutLin
       // if (heading.titleSize) {
       //   titleParsed = React.createElement('span', { style: { fontSize: heading.titleSize } }, titleParsed)
       // }
-      titleInNavProcessed = React.createElement(React.Fragment, {}, [getListPrefix(), titleParsed])
+      titleInNavProcessed = React.createElement(React.Fragment, {}, getListPrefix(), titleParsed)
     } else {
       titleInNavProcessed = parseTitle(titleInNav)
     }
@@ -180,14 +180,9 @@ function parseTitle(title: string): JSX.Element {
   const titleJsx = React.createElement(
     React.Fragment,
     {},
-    ...parts.map((part) => {
-      if (part.nodeType === 'code') {
-        return React.createElement('code', {}, part.content)
-      } else {
-        assert(part.nodeType === 'text')
-        return part.content
-      }
-    })
+    ...parts.map((part, i) =>
+      React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content)
+    )
   )
 
   return titleJsx