@brillout/docpress 0.6.17 → 0.6.19

package/components/Note.tsx

@@ -19,28 +19,33 @@ import { assert } from '../utils/assert'
 import './Note.css'
 */
 
-function Warning({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric type="warning">{children}</NoteGeneric>
+type Props = {
+  children: React.ReactNode
+  style: React.CSSProperties
+}
+function Warning(props: Props) {
+  return <NoteGeneric type="warning" {...props} />
 }
-function Advanced({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric type="advanced">{children}</NoteGeneric>
+function Advanced(props: Props) {
+  return <NoteGeneric type="advanced" {...props} />
 }
-function Construction({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric type="construction">{children}</NoteGeneric>
+function Construction(props: Props) {
+  return <NoteGeneric type="construction" {...props} />
 }
-function Contribution({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric type="contribution">{children}</NoteGeneric>
+function Contribution(props: Props) {
+  return <NoteGeneric type="contribution" {...props} />
 }
-function Danger({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric type="danger">{children}</NoteGeneric>
+function Danger(props: Props) {
+  return <NoteGeneric type="danger" {...props} />
 }
-function NoteWithoutIcon({ children }: { children: React.ReactNode }) {
-  return <NoteGeneric icon={null}>{children}</NoteGeneric>
+function NoteWithoutIcon(props: Props) {
+  return <NoteGeneric icon={null} {...props} />
 }
 type CustomIcon = JSX.Element | string
-function NoteWithCustomIcon({ icon, children }: { children: React.ReactNode; icon: CustomIcon }) {
+function NoteWithCustomIcon(props: Props & { icon: CustomIcon }) {
+  const { icon } = props
   if (!icon) throw new Error(`<NoteWithCustomIcon icon={/*...*/}> property 'icon' is \`${icon}\` which is forbidden`)
-  return <NoteGeneric icon={icon}>{children}</NoteGeneric>
+  return <NoteGeneric {...props} />
 }
 
 function NoteGeneric({
@@ -48,11 +53,11 @@ function NoteGeneric({
   icon,
   iconMargin,
   children,
-}: {
+  style,
+}: Props & {
   icon?: null | CustomIcon
   iconMargin?: null | number
   type?: 'danger' | 'warning' | 'construction' | 'contribution' | 'advanced'
-  children: React.ReactNode
 }) {
   assert(icon === null || icon || type, { icon, type })
   iconMargin ??= 2
@@ -88,7 +93,7 @@ function NoteGeneric({
     className = `${className} ${classColor}`
   }
   return (
-    <blockquote className={className}>
+    <blockquote className={className} style={style}>
       <div style={{ marginBottom: 20 }} />
       <span style={{ fontFamily: 'emoji' }}>{icon}</span>
       <span style={{ width: iconMargin ?? undefined, display: 'inline-block' }}></span>{' '}

package/dist/vite.config.js

@@ -23,7 +23,7 @@ var config = {
             includeAssetsImportedByServer: true,
         }),
     ],
-    optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
+    optimizeDeps: { include: ['@brillout/docpress', 'react-dom'] },
     // @ts-ignore
     ssr: {
         noExternal: ['@brillout/docpress'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.6.17",
+  "version": "0.6.19",
   "type": "module",
   "scripts": {
     "// Build vite.config.ts and +config.ts": "",

package/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.mdx' {
-  const value: () => JSX.Element
+  const value: (props?: any) => JSX.Element
   export default value
   export const headings: { level: number; title: string; id: string }[]
 }

package/vite.config.ts

@@ -26,7 +26,7 @@ const config: UserConfig = {
       includeAssetsImportedByServer: true,
     }),
   ],
-  optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
+  optimizeDeps: { include: ['@brillout/docpress', 'react-dom'] },
   // @ts-ignore
   ssr: {
     noExternal: ['@brillout/docpress'],