@blocknote/xl-pdf-exporter 0.49.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/blocknote-xl-pdf-exporter.cjs +2 -2
  2. package/dist/blocknote-xl-pdf-exporter.cjs.map +1 -1
  3. package/dist/blocknote-xl-pdf-exporter.js +2 -3
  4. package/dist/blocknote-xl-pdf-exporter.js.map +1 -1
  5. package/dist/webpack-stats.json +1 -1
  6. package/package.json +4 -4
  7. package/src/pdf/__snapshots__/example.jsx +1 -2
  8. package/src/pdf/__snapshots__/exampleWithHeaderAndFooter.jsx +1 -2
  9. package/src/pdf/defaultSchema/blocks.tsx +7 -3
package/dist/blocknote-xl-pdf-exporter.cjs CHANGED
@@ -1,3 +1,3 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@react-pdf/renderer`),t=require(`react/jsx-runtime`),n=require(`@blocknote/core`),r=require(`react`);var i=e.StyleSheet.create({listItem:{display:`flex`,flexDirection:`row`,gap:8*.75,paddingRight:10},bullet:{}}),a=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z`})}),o=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z`})}),s=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z`})}),c=({listMarker:n,children:r,style:a})=>(0,t.jsxs)(e.View,{style:[i.listItem,a||{}],children:[(0,t.jsx)(e.View,{style:i.bullet,children:typeof n==`string`?(0,t.jsx)(e.Text,{children:n}):n}),r]}),l=.75,u=e.StyleSheet.create({tableContainer:{},row:{flexDirection:`row`,flexWrap:`wrap`,display:`flex`},cell:{paddingHorizontal:5*l,paddingTop:3*l,borderLeft:`1px solid #ddd`,borderTop:`1px solid #ddd`,wordWrap:`break-word`,whiteSpace:`pre-wrap`},headerCell:{fontWeight:`bold`},bottomCell:{borderBottom:`1px solid #ddd`},rightCell:{borderRight:`1px solid #ddd`}}),d=r=>{let i=Array(r.data.headerRows??0).fill(!0),a=Array(r.data.headerCols??0).fill(!0);return(0,t.jsx)(e.View,{style:u.tableContainer,wrap:!1,children:r.data.rows.map((o,s)=>(0,t.jsx)(e.View,{style:[u.row,s===r.data.rows.length-1?u.bottomCell:{}],children:o.cells.map((c,l)=>{let d=(0,n.mapTableCell)(c),f=i[s],p=a[l];return(0,t.jsx)(e.View,{style:[u.cell,f||p?u.headerCell:{},l===o.cells.length-1?u.rightCell:{},r.data.columnWidths[l]?{width:r.data.columnWidths[l]}:{flex:1},{color:d.props.textColor===`default`?void 0:r.transformer.options.colors[d.props.textColor]?.text,backgroundColor:d.props.backgroundColor===`default`?void 0:r.transformer.options.colors[d.props.backgroundColor]?.background,textAlign:d.props.textAlignment}],children:r.transformer.transformInlineContent(d.content)},l)})},s))})},f=.75,p=16,m={paragraph:(n,r)=>(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)},`paragraph`+n.id),toggleListItem:(n,r)=>(0,t.jsx)(c,{listMarker:a,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})}),bulletListItem:(n,r)=>(0,t.jsx)(c,{listMarker:`•`,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`bulletListItem`+n.id),numberedListItem:(n,r,i,a)=>(0,t.jsx)(c,{listMarker:`${a}.`,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`numberedListItem`+n.id),checkListItem:(n,r)=>(0,t.jsx)(c,{listMarker:n.props.checked?s:o,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`checkListItem`+n.id),heading:(n,r)=>{let i={1:2,2:1.5,3:1.17,4:1,5:.83,6:.67}[n.props.level];return(0,t.jsx)(e.Text,{style:{fontSize:i*p*f,lineHeight:1.25,fontWeight:700},children:r.transformInlineContent(n.content)},`heading`+n.id)},quote:(n,r)=>(0,t.jsx)(e.Text,{style:{borderLeft:`#7D797A`,color:`#7D797A`,paddingLeft:9.5*f},children:r.transformInlineContent(n.content)},`quote`+n.id),codeBlock:n=>{let r=(n.content[0]?.text||``).split(`
2
- `).map((r,i)=>(0,t.jsx)(e.Text,{style:{marginLeft:(r.match(/^\s*/)?.[0].length||0)*9.5*f},children:r.trimStart()||(0,t.jsx)(t.Fragment,{children:`\xA0`})},`line_${i}`+n.id));return(0,t.jsx)(e.View,{wrap:!1,style:{padding:24*f,backgroundColor:`#161616`,color:`#ffffff`,lineHeight:1.25,fontSize:p*f,fontFamily:`GeistMono`},children:r},`codeBlock`+n.id)},pageBreak:()=>(0,t.jsx)(e.View,{break:!0},`pageBreak`),divider:()=>(0,t.jsx)(e.View,{style:{borderTop:`1px solid #ccc`,marginTop:11.5*f,marginBottom:11.5*f}}),column:(n,r,i,a,o)=>(0,t.jsx)(e.View,{style:{flex:n.props.width},children:o}),columnList:(n,r,i,a,o)=>(0,t.jsx)(e.View,{style:{display:`flex`,gap:8*f,flexDirection:`row`},children:o}),audio:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open audio file`,(0,t.jsx)(e.Svg,{height:14,width:14,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z`})}),r),g(n.props,r)]},`audio`+n.id),video:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open video file`,(0,t.jsx)(e.Svg,{height:14,width:14,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z`})}),r),g(n.props,r)]},`video`+n.id),file:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open file`,(0,t.jsx)(e.Svg,{height:16,width:16,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z`})}),r),g(n.props,r)]},`file`+n.id),image:async(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[(0,t.jsx)(e.Image,{src:await r.resolveFile(n.props.url),style:{width:n.props.previewWidth?n.props.previewWidth*f:void 0}}),g(n.props,r)]},`image`+n.id),table:(e,n)=>(0,t.jsx)(d,{data:e.content,transformer:n},`table`+e.id)};function h(n,r,i,a){return(0,t.jsx)(e.Link,{src:n.url,children:(0,t.jsxs)(e.View,{style:{display:`flex`,gap:8*.75,flexDirection:`row`},children:[i,(0,t.jsx)(e.Text,{children:n.name||r})]})},`file`+n.url)}function g(n,r){if(n.caption)return(0,t.jsx)(e.Text,{style:{width:n.previewWidth?n.previewWidth*f:void 0,fontSize:p*.8*f},children:n.caption},`caption`+n.caption)}var _={blockMapping:m,inlineContentMapping:{link:(n,r)=>(0,t.jsx)(e.Link,{href:n.href,children:n.content.map(e=>r.transformStyledText(e))},`link`+n.href),text:(e,t)=>t.transformStyledText(e)},styleMapping:{bold:e=>e?{fontWeight:`bold`}:{},italic:e=>e?{fontStyle:`italic`}:{},underline:e=>e?{textDecoration:`underline`}:{},strike:e=>e?{textDecoration:`line-through`}:{},backgroundColor:(e,t)=>e?{backgroundColor:t.options.colors[e]?.background}:{},textColor:(e,t)=>e?{color:t.options.colors[e]?.text}:{},code:e=>e?{fontFamily:`GeistMono`}:{}}};async function v(e){return`https://corsproxy.api.blocknotejs.org/corsproxy/?url=`+encodeURIComponent(e)}async function y(e,t){return e.default}async function b(e){return y(e,`font/ttf`)}var x=16,S=.75,C=class extends n.Exporter{fontsRegistered=!1;styles=e.StyleSheet.create({page:{paddingTop:35,paddingBottom:65,paddingHorizontal:35,fontFamily:`Inter`,fontSize:x*S,lineHeight:1.5},block:{},blockChildren:{},header:{},footer:{position:`absolute`}});options;constructor(e,t,r){let i={emojiSource:{format:`png`,url:`https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/`},resolveFileUrl:v,colors:n.COLORS_DEFAULT,...r};super(e,t,i),this.schema=e,this.options=i}transformStyledText(n){let r=this.mapStyles(n.styles);return(0,t.jsx)(e.Text,{style:Object.assign({},...r),children:n.text},n.text)}async transformBlocks(n,i=0){let a=[],o=0;for(let s of n){s.type===`numberedListItem`?o++:o=0;let n=await this.transformBlocks(s.children,i+1),c=await this.mapBlock(s,i,o,n);if([`pageBreak`,`columnList`,`column`].includes(s.type)){a.push(c);continue}let l=this.blocknoteDefaultPropsToReactPDFStyle(s.props);a.push((0,t.jsxs)(r.Fragment,{children:[(0,t.jsx)(e.View,{style:{paddingVertical:3*S,...this.styles.block,...l},children:c}),n.length>0&&(0,t.jsx)(e.View,{style:{marginLeft:x*1.5*S,...this.styles.blockChildren},children:n},s.id+i+`children`)]},s.id))}return a}async registerFonts(){if(this.fontsRegistered)return;this.options.emojiSource&&e.Font.registerEmojiSource(this.options.emojiSource);let t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Regular-DqCBtXZR.cjs`)));e.Font.register({family:`Inter`,src:t}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Italic-CbkMTTYj.cjs`))),e.Font.register({family:`Inter`,fontStyle:`italic`,src:t}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Bold-BJ9YYd-d.cjs`))),e.Font.register({family:`Inter`,src:t,fontWeight:`bold`}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-BoldItalic-DIU6URl8.cjs`))),e.Font.register({family:`Inter`,fontStyle:`italic`,src:t,fontWeight:`bold`}),t=await b(await Promise.resolve().then(()=>require(`./GeistMono-Regular-BG912g5C.cjs`))),e.Font.register({family:`GeistMono`,src:t}),this.fontsRegistered=!0}async toReactPDFDocument(n,r={}){return await this.registerFonts(),(0,t.jsx)(e.Document,{children:(0,t.jsxs)(e.Page,{dpi:100,size:`A4`,style:this.styles.page,children:[r.header&&(0,t.jsx)(e.View,{fixed:!0,style:this.styles.header,children:r.header}),await this.transformBlocks(n),r.footer&&(0,t.jsx)(e.View,{fixed:!0,style:[{left:this.styles.page.paddingHorizontal||0,bottom:(this.styles.page.paddingBottom||0)/2,right:this.styles.page.paddingHorizontal||0},this.styles.footer],children:r.footer})]})})}blocknoteDefaultPropsToReactPDFStyle(e){return{textAlign:e.textAlignment,backgroundColor:e.backgroundColor===`default`||!e.backgroundColor?void 0:this.options.colors[e.backgroundColor]?.background,color:e.textColor===`default`||!e.textColor?void 0:this.options.colors[e.textColor]?.text,alignItems:e.textAlignment===`right`?`flex-end`:e.textAlignment===`center`?`center`:void 0}}};exports.PDFExporter=C,exports.pdfDefaultSchemaMappings=_;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@react-pdf/renderer`),t=require(`react/jsx-runtime`),n=require(`@blocknote/core`),r=require(`react`);var i=e.StyleSheet.create({listItem:{display:`flex`,flexDirection:`row`,gap:8*.75,paddingRight:10},bullet:{}}),a=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z`})}),o=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z`})}),s=(0,t.jsx)(e.Svg,{style:{marginTop:2},height:`12`,viewBox:`0 -960 960 960`,width:`12`,fill:`undefined`,children:(0,t.jsx)(e.Path,{d:`m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z`})}),c=({listMarker:n,children:r,style:a})=>(0,t.jsxs)(e.View,{style:[i.listItem,a||{}],children:[(0,t.jsx)(e.View,{style:i.bullet,children:typeof n==`string`?(0,t.jsx)(e.Text,{children:n}):n}),r]}),l=.75,u=e.StyleSheet.create({tableContainer:{},row:{flexDirection:`row`,flexWrap:`wrap`,display:`flex`},cell:{paddingHorizontal:5*l,paddingTop:3*l,borderLeft:`1px solid #ddd`,borderTop:`1px solid #ddd`,wordWrap:`break-word`,whiteSpace:`pre-wrap`},headerCell:{fontWeight:`bold`},bottomCell:{borderBottom:`1px solid #ddd`},rightCell:{borderRight:`1px solid #ddd`}}),d=r=>{let i=Array(r.data.headerRows??0).fill(!0),a=Array(r.data.headerCols??0).fill(!0);return(0,t.jsx)(e.View,{style:u.tableContainer,wrap:!1,children:r.data.rows.map((o,s)=>(0,t.jsx)(e.View,{style:[u.row,s===r.data.rows.length-1?u.bottomCell:{}],children:o.cells.map((c,l)=>{let d=(0,n.mapTableCell)(c),f=i[s],p=a[l];return(0,t.jsx)(e.View,{style:[u.cell,f||p?u.headerCell:{},l===o.cells.length-1?u.rightCell:{},r.data.columnWidths[l]?{width:r.data.columnWidths[l]}:{flex:1},{color:d.props.textColor===`default`?void 0:r.transformer.options.colors[d.props.textColor]?.text,backgroundColor:d.props.backgroundColor===`default`?void 0:r.transformer.options.colors[d.props.backgroundColor]?.background,textAlign:d.props.textAlignment}],children:r.transformer.transformInlineContent(d.content)},l)})},s))})},f=.75,p=16,m={paragraph:(n,r)=>(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)},`paragraph`+n.id),toggleListItem:(n,r)=>(0,t.jsx)(c,{listMarker:a,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})}),bulletListItem:(n,r)=>(0,t.jsx)(c,{listMarker:`•`,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`bulletListItem`+n.id),numberedListItem:(n,r,i,a)=>(0,t.jsx)(c,{listMarker:`${a}.`,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`numberedListItem`+n.id),checkListItem:(n,r)=>(0,t.jsx)(c,{listMarker:n.props.checked?s:o,children:(0,t.jsx)(e.Text,{children:r.transformInlineContent(n.content)})},`checkListItem`+n.id),heading:(n,r)=>{let i={1:2,2:1.5,3:1.17,4:1,5:.83,6:.67}[n.props.level];return(0,t.jsx)(e.Text,{style:{fontSize:i*p*f,lineHeight:1.25,fontWeight:700},children:r.transformInlineContent(n.content)},`heading`+n.id)},quote:(n,r)=>(0,t.jsx)(e.Text,{style:{borderLeft:`#7D797A`,color:`#7D797A`,paddingLeft:9.5*f},children:r.transformInlineContent(n.content)},`quote`+n.id),codeBlock:n=>{let r=n.content.map(e=>e.text).join(``).split(`
2
+ `).map((r,i)=>(0,t.jsx)(e.Text,{style:{marginLeft:(r.match(/^\s*/)?.[0].length||0)*9.5*f},children:r.trimStart()||(0,t.jsx)(t.Fragment,{children:`\xA0`})},`line_${i}`+n.id));return(0,t.jsx)(e.View,{wrap:!1,style:{padding:24*f,border:`1px solid #000000`,lineHeight:1.25,fontSize:p*f,fontFamily:`GeistMono`},children:r},`codeBlock`+n.id)},pageBreak:()=>(0,t.jsx)(e.View,{break:!0},`pageBreak`),divider:()=>(0,t.jsx)(e.View,{style:{borderTop:`1px solid #ccc`,marginTop:11.5*f,marginBottom:11.5*f}}),column:(n,r,i,a,o)=>(0,t.jsx)(e.View,{style:{flex:n.props.width},children:o}),columnList:(n,r,i,a,o)=>(0,t.jsx)(e.View,{style:{display:`flex`,gap:8*f,flexDirection:`row`},children:o}),audio:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open audio file`,(0,t.jsx)(e.Svg,{height:14,width:14,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z`})}),r),g(n.props,r)]},`audio`+n.id),video:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open video file`,(0,t.jsx)(e.Svg,{height:14,width:14,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z`})}),r),g(n.props,r)]},`video`+n.id),file:(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[h(n.props,`Open file`,(0,t.jsx)(e.Svg,{height:16,width:16,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,t.jsx)(e.Path,{d:`M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z`})}),r),g(n.props,r)]},`file`+n.id),image:async(n,r)=>(0,t.jsxs)(e.View,{wrap:!1,children:[(0,t.jsx)(e.Image,{src:await r.resolveFile(n.props.url),style:{width:n.props.previewWidth?n.props.previewWidth*f:void 0}}),g(n.props,r)]},`image`+n.id),table:(e,n)=>(0,t.jsx)(d,{data:e.content,transformer:n},`table`+e.id)};function h(n,r,i,a){return(0,t.jsx)(e.Link,{src:n.url,children:(0,t.jsxs)(e.View,{style:{display:`flex`,gap:8*.75,flexDirection:`row`},children:[i,(0,t.jsx)(e.Text,{children:n.name||r})]})},`file`+n.url)}function g(n,r){if(n.caption)return(0,t.jsx)(e.Text,{style:{width:n.previewWidth?n.previewWidth*f:void 0,fontSize:p*.8*f},children:n.caption},`caption`+n.caption)}var _={blockMapping:m,inlineContentMapping:{link:(n,r)=>(0,t.jsx)(e.Link,{href:n.href,children:n.content.map(e=>r.transformStyledText(e))},`link`+n.href),text:(e,t)=>t.transformStyledText(e)},styleMapping:{bold:e=>e?{fontWeight:`bold`}:{},italic:e=>e?{fontStyle:`italic`}:{},underline:e=>e?{textDecoration:`underline`}:{},strike:e=>e?{textDecoration:`line-through`}:{},backgroundColor:(e,t)=>e?{backgroundColor:t.options.colors[e]?.background}:{},textColor:(e,t)=>e?{color:t.options.colors[e]?.text}:{},code:e=>e?{fontFamily:`GeistMono`}:{}}};async function v(e){return`https://corsproxy.api.blocknotejs.org/corsproxy/?url=`+encodeURIComponent(e)}async function y(e,t){return e.default}async function b(e){return y(e,`font/ttf`)}var x=16,S=.75,C=class extends n.Exporter{fontsRegistered=!1;styles=e.StyleSheet.create({page:{paddingTop:35,paddingBottom:65,paddingHorizontal:35,fontFamily:`Inter`,fontSize:x*S,lineHeight:1.5},block:{},blockChildren:{},header:{},footer:{position:`absolute`}});options;constructor(e,t,r){let i={emojiSource:{format:`png`,url:`https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/`},resolveFileUrl:v,colors:n.COLORS_DEFAULT,...r};super(e,t,i),this.schema=e,this.options=i}transformStyledText(n){let r=this.mapStyles(n.styles);return(0,t.jsx)(e.Text,{style:Object.assign({},...r),children:n.text},n.text)}async transformBlocks(n,i=0){let a=[],o=0;for(let s of n){s.type===`numberedListItem`?o++:o=0;let n=await this.transformBlocks(s.children,i+1),c=await this.mapBlock(s,i,o,n);if([`pageBreak`,`columnList`,`column`].includes(s.type)){a.push(c);continue}let l=this.blocknoteDefaultPropsToReactPDFStyle(s.props);a.push((0,t.jsxs)(r.Fragment,{children:[(0,t.jsx)(e.View,{style:{paddingVertical:3*S,...this.styles.block,...l},children:c}),n.length>0&&(0,t.jsx)(e.View,{style:{marginLeft:x*1.5*S,...this.styles.blockChildren},children:n},s.id+i+`children`)]},s.id))}return a}async registerFonts(){if(this.fontsRegistered)return;this.options.emojiSource&&e.Font.registerEmojiSource(this.options.emojiSource);let t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Regular-DqCBtXZR.cjs`)));e.Font.register({family:`Inter`,src:t}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Italic-CbkMTTYj.cjs`))),e.Font.register({family:`Inter`,fontStyle:`italic`,src:t}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-Bold-BJ9YYd-d.cjs`))),e.Font.register({family:`Inter`,src:t,fontWeight:`bold`}),t=await b(await Promise.resolve().then(()=>require(`./Inter_18pt-BoldItalic-DIU6URl8.cjs`))),e.Font.register({family:`Inter`,fontStyle:`italic`,src:t,fontWeight:`bold`}),t=await b(await Promise.resolve().then(()=>require(`./GeistMono-Regular-BG912g5C.cjs`))),e.Font.register({family:`GeistMono`,src:t}),this.fontsRegistered=!0}async toReactPDFDocument(n,r={}){return await this.registerFonts(),(0,t.jsx)(e.Document,{children:(0,t.jsxs)(e.Page,{dpi:100,size:`A4`,style:this.styles.page,children:[r.header&&(0,t.jsx)(e.View,{fixed:!0,style:this.styles.header,children:r.header}),await this.transformBlocks(n),r.footer&&(0,t.jsx)(e.View,{fixed:!0,style:[{left:this.styles.page.paddingHorizontal||0,bottom:(this.styles.page.paddingBottom||0)/2,right:this.styles.page.paddingHorizontal||0},this.styles.footer],children:r.footer})]})})}blocknoteDefaultPropsToReactPDFStyle(e){return{textAlign:e.textAlignment,backgroundColor:e.backgroundColor===`default`||!e.backgroundColor?void 0:this.options.colors[e.backgroundColor]?.background,color:e.textColor===`default`||!e.textColor?void 0:this.options.colors[e.textColor]?.text,alignItems:e.textAlignment===`right`?`flex-end`:e.textAlignment===`center`?`center`:void 0}}};exports.PDFExporter=C,exports.pdfDefaultSchemaMappings=_;
3
3
  //# sourceMappingURL=blocknote-xl-pdf-exporter.cjs.map
package/dist/blocknote-xl-pdf-exporter.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"blocknote-xl-pdf-exporter.cjs","names":[],"sources":["../src/pdf/util/listItem.tsx","../src/pdf/util/table/Table.tsx","../src/pdf/defaultSchema/blocks.tsx","../src/pdf/defaultSchema/inlinecontent.tsx","../src/pdf/defaultSchema/styles.tsx","../src/pdf/defaultSchema/index.ts","../../../shared/api/corsProxy.ts","../../../shared/util/fileUtil.ts","../src/pdf/pdfExporter.tsx"],"sourcesContent":["import { Path, StyleSheet, Svg, Text, View } from \"@react-pdf/renderer\";\nimport { Style } from \"../types.js\";\n\n// https://github.com/diegomura/react-pdf/issues/134\n\nconst PIXELS_PER_POINT = 0.75;\n\nconst styles = StyleSheet.create({\n listItem: {\n display: \"flex\",\n flexDirection: \"row\",\n gap: 8 * PIXELS_PER_POINT,\n paddingRight: 10, // otherwise text overflows, seems like a react-pdf / yoga bug\n },\n bullet: {\n // fontFamily: \"\", // we could add symbol font if we don't want to use inter (default font) here\n },\n});\n\nexport const BULLET_MARKER = \"\\u2022\";\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed\nexport const CHEVRON_MARKER = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box_outline_blank:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_UNCHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_CHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n </Svg>\n);\n\nexport const ListItem = ({\n listMarker,\n children,\n style,\n}: {\n listMarker: string | React.ReactNode;\n children: React.ReactNode;\n style?: Style;\n}) => {\n return (\n <View style={[styles.listItem, style || {}]}>\n <View style={styles.bullet}>\n {/* <Svg width={2} height={2}>\n <Circle cx=\"1\" cy=\"1\" r=\"2\" fill=\"black\" />\n </Svg> */}\n {typeof listMarker === \"string\" ? (\n <Text>{listMarker}</Text>\n ) : (\n listMarker\n )}\n </View>\n {children}\n </View>\n );\n};\n","import {\n Exporter,\n InlineContentSchema,\n mapTableCell,\n StyleSchema,\n TableContent,\n} from \"@blocknote/core\";\nimport { StyleSheet, View } from \"@react-pdf/renderer\";\nconst PIXELS_PER_POINT = 0.75;\n\n// ( impossible?) to make tables with flex that don't have a fixed / 100% width?\n// we'd need to measure the width of every column manually\nconst styles = StyleSheet.create({\n tableContainer: {\n // width: \"100%\",\n },\n row: {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n // width: \"100%\",\n // justifyContent: \"space-between\",\n display: \"flex\",\n },\n cell: {\n paddingHorizontal: 5 * PIXELS_PER_POINT,\n paddingTop: 3 * PIXELS_PER_POINT,\n // paddingBottom: 1 * PIXELS_PER_POINT, should be 3px but looks odd, better with no padding Bottom\n borderLeft: \"1px solid #ddd\",\n borderTop: \"1px solid #ddd\",\n wordWrap: \"break-word\",\n whiteSpace: \"pre-wrap\",\n },\n headerCell: {\n fontWeight: \"bold\",\n },\n bottomCell: {\n borderBottom: \"1px solid #ddd\",\n },\n rightCell: {\n borderRight: \"1px solid #ddd\",\n },\n});\n\nexport const Table = (props: {\n data: TableContent<InlineContentSchema>;\n transformer: Exporter<\n any,\n InlineContentSchema,\n StyleSchema,\n any,\n any,\n any,\n any\n >;\n}) => {\n // If headerRows is 1, then the first row is a header row\n const headerRows = new Array(props.data.headerRows ?? 0).fill(true);\n // If headerCols is 1, then the first column is a header column\n const headerCols = new Array(props.data.headerCols ?? 0).fill(true);\n\n return (\n <View style={styles.tableContainer} wrap={false}>\n {props.data.rows.map((row, rowIndex) => (\n <View\n style={[\n styles.row,\n rowIndex === props.data.rows.length - 1 ? styles.bottomCell : {},\n ]}\n key={rowIndex}\n >\n {row.cells.map((c, colIndex) => {\n const cell = mapTableCell(c);\n\n const isHeaderRow = headerRows[rowIndex];\n const isHeaderCol = headerCols[colIndex];\n\n // TODO we need to support for colspan and rowspan, but at the moment are blocked by react-pdf\n return (\n <View\n style={[\n styles.cell,\n isHeaderRow || isHeaderCol ? styles.headerCell : {},\n colIndex === row.cells.length - 1 ? styles.rightCell : {},\n props.data.columnWidths[colIndex]\n ? { width: props.data.columnWidths[colIndex] }\n : { flex: 1 },\n {\n color:\n cell.props.textColor === \"default\"\n ? undefined\n : props.transformer.options.colors[cell.props.textColor]\n ?.text,\n backgroundColor:\n cell.props.backgroundColor === \"default\"\n ? undefined\n : props.transformer.options.colors[\n cell.props.backgroundColor\n ]?.background,\n textAlign: cell.props.textAlignment,\n },\n ]}\n key={colIndex}\n >\n {props.transformer.transformInlineContent(cell.content)}\n </View>\n );\n })}\n </View>\n ))}\n </View>\n );\n};\n","import {\n BlockMapping,\n DefaultBlockSchema,\n DefaultProps,\n createPageBreakBlockConfig,\n StyledText,\n} from \"@blocknote/core\";\nimport { multiColumnSchema } from \"@blocknote/xl-multi-column\";\nimport { Image, Link, Path, Svg, Text, View } from \"@react-pdf/renderer\";\nimport {\n BULLET_MARKER,\n CHECK_MARKER_CHECKED,\n CHECK_MARKER_UNCHECKED,\n CHEVRON_MARKER,\n ListItem,\n} from \"../util/listItem.js\";\nimport { Table } from \"../util/table/Table.js\";\n\nconst PIXELS_PER_POINT = 0.75;\nconst FONT_SIZE = 16;\n\nexport const pdfBlockMappingForDefaultSchema: BlockMapping<\n DefaultBlockSchema & {\n pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n } & typeof multiColumnSchema.blockSchema,\n any,\n any,\n React.ReactElement<Text>,\n React.ReactElement<Text> | React.ReactElement<Link>\n> = {\n paragraph: (block, exporter) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n return (\n <Text key={\"paragraph\" + block.id}>\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n toggleListItem: (block, exporter) => {\n return (\n <ListItem listMarker={CHEVRON_MARKER}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n bulletListItem: (block, exporter) => {\n // const style = t(block.props);\n return (\n <ListItem listMarker={BULLET_MARKER} key={\"bulletListItem\" + block.id}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n numberedListItem: (block, exporter, _nestingLevel, numberedListIndex) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n // console.log(\"NUMBERED LIST ITEM\", block.props.textAlignment, style);\n return (\n <ListItem\n listMarker={`${numberedListIndex}.`}\n key={\"numberedListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n // would be nice to have pdf checkboxes:\n // https://github.com/diegomura/react-pdf/issues/2103\n checkListItem: (block, exporter) => {\n return (\n <ListItem\n listMarker={\n block.props.checked ? CHECK_MARKER_CHECKED : CHECK_MARKER_UNCHECKED\n }\n key={\"checkListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n heading: (block, exporter) => {\n const levelFontSizeEM = {\n 1: 2,\n 2: 1.5,\n 3: 1.17,\n 4: 1,\n 5: 0.83,\n 6: 0.67,\n }[block.props.level as 1 | 2 | 3 | 4 | 5 | 6];\n return (\n <Text\n key={\"heading\" + block.id}\n style={{\n fontSize: levelFontSizeEM * FONT_SIZE * PIXELS_PER_POINT,\n lineHeight: 1.25,\n fontWeight: 700,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n quote: (block, exporter) => {\n return (\n <Text\n key={\"quote\" + block.id}\n style={{\n borderLeft: \"#7D797A\",\n color: \"#7D797A\",\n paddingLeft: 9.5 * PIXELS_PER_POINT,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n codeBlock: (block) => {\n const textContent = (block.content as StyledText<any>[])[0]?.text || \"\";\n const lines = textContent.split(\"\\n\").map((line, index) => {\n const indent = line.match(/^\\s*/)?.[0].length || 0;\n\n return (\n <Text\n key={`line_${index}` + block.id}\n style={{\n marginLeft: indent * 9.5 * PIXELS_PER_POINT,\n }}\n >\n {line.trimStart() || <>&nbsp;</>}\n </Text>\n );\n });\n\n return (\n <View\n wrap={false}\n style={{\n padding: 24 * PIXELS_PER_POINT,\n backgroundColor: \"#161616\",\n color: \"#ffffff\",\n lineHeight: 1.25,\n fontSize: FONT_SIZE * PIXELS_PER_POINT,\n fontFamily: \"GeistMono\",\n }}\n key={\"codeBlock\" + block.id}\n >\n {lines}\n </View>\n );\n },\n pageBreak: () => {\n return <View break key={\"pageBreak\"} />;\n },\n divider: () => {\n return (\n <View\n style={{\n borderTop: \"1px solid #ccc\",\n marginTop: 11.5 * PIXELS_PER_POINT,\n marginBottom: 11.5 * PIXELS_PER_POINT,\n }}\n />\n );\n },\n column: (block, _exporter, _nestingLevel, _numberedListIndex, children) => {\n return <View style={{ flex: block.props.width }}>{children}</View>;\n },\n columnList: (\n _block,\n _exporter,\n _nestingLevel,\n _numberedListIndex,\n children,\n ) => {\n return (\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {children}\n </View>\n );\n },\n audio: (block, exporter) => {\n return (\n <View wrap={false} key={\"audio\" + block.id}>\n {file(\n block.props,\n \"Open audio file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></Path>\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n video: (block, exporter) => {\n return (\n <View wrap={false} key={\"video\" + block.id}>\n {file(\n block.props,\n \"Open video file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n file: (block, exporter) => {\n return (\n <View wrap={false} key={\"file\" + block.id}>\n {file(\n block.props,\n \"Open file\",\n <Svg height={16} width={16} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n image: async (block, t) => {\n return (\n <View wrap={false} key={\"image\" + block.id}>\n <Image\n src={await t.resolveFile(block.props.url)}\n style={{\n width: block.props.previewWidth\n ? block.props.previewWidth * PIXELS_PER_POINT\n : undefined,\n }}\n />\n {caption(block.props, t)}\n </View>\n );\n },\n table: (block, t) => {\n return (\n <Table data={block.content} transformer={t} key={\"table\" + block.id} />\n );\n },\n};\n\nfunction file(\n props: Partial<DefaultProps & { name: string; url: string }>,\n defaultText: string,\n icon: React.ReactElement<Svg>,\n _exporter: any,\n) {\n const PIXELS_PER_POINT = 0.75;\n return (\n <Link src={props.url} key={\"file\" + props.url}>\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {icon}\n <Text>{props.name || defaultText}</Text>\n </View>\n </Link>\n );\n}\n\nfunction caption(\n props: Partial<DefaultProps & { caption: string; previewWidth: number }>,\n _exporter: any,\n) {\n if (!props.caption) {\n return undefined;\n }\n return (\n <Text\n key={\"caption\" + props.caption}\n style={{\n width: props.previewWidth\n ? props.previewWidth * PIXELS_PER_POINT\n : undefined,\n fontSize: FONT_SIZE * 0.8 * PIXELS_PER_POINT,\n }}\n >\n {props.caption}\n </Text>\n );\n}\n","import {\n DefaultInlineContentSchema,\n InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link, Text } from \"@react-pdf/renderer\";\n\nexport const pdfInlineContentMappingForDefaultSchema: InlineContentMapping<\n DefaultInlineContentSchema,\n any,\n React.ReactElement<Link> | React.ReactElement<Text>,\n React.ReactElement<Text>\n> = {\n link: (ic, exporter) => {\n return (\n <Link href={ic.href} key={\"link\" + ic.href}>\n {ic.content.map((content) => exporter.transformStyledText(content))}\n </Link>\n );\n },\n text: (ic, exporter) => {\n return exporter.transformStyledText(ic);\n },\n};\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { TextProps } from \"@react-pdf/renderer\";\n\nexport const pdfStyleMappingForDefaultSchema: StyleMapping<\n DefaultStyleSchema,\n TextProps[\"style\"]\n> = {\n bold: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontWeight: \"bold\",\n };\n },\n italic: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontStyle: \"italic\",\n };\n },\n underline: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"underline\", // TODO: could conflict with strike\n };\n },\n strike: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"line-through\",\n };\n },\n backgroundColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n backgroundColor: exporter.options.colors[val]?.background,\n };\n },\n textColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n color: exporter.options.colors[val]?.text,\n };\n },\n code: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontFamily: \"GeistMono\",\n };\n },\n};\n","import { pdfBlockMappingForDefaultSchema } from \"./blocks.js\";\nimport { pdfInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nimport { pdfStyleMappingForDefaultSchema } from \"./styles.js\";\n\nexport const pdfDefaultSchemaMappings: {\n blockMapping: typeof pdfBlockMappingForDefaultSchema;\n inlineContentMapping: typeof pdfInlineContentMappingForDefaultSchema;\n styleMapping: typeof pdfStyleMappingForDefaultSchema;\n} = {\n blockMapping: pdfBlockMappingForDefaultSchema,\n inlineContentMapping: pdfInlineContentMappingForDefaultSchema,\n styleMapping: pdfStyleMappingForDefaultSchema,\n};\n","export async function corsProxyResolveFileUrl(url: string) {\n return (\n \"https://corsproxy.api.blocknotejs.org/corsproxy/?url=\" +\n encodeURIComponent(url)\n );\n}\n","/**\n *\n * Helper functions so that we can import files both on vitest, browser and node\n * TODO: should find a way to test automatically in all environments\n */\n\nexport async function loadFileDataUrl(\n requireUrl: { default: string },\n mimeType: string,\n) {\n if (import.meta.env.NODE_ENV === \"test\") {\n const buffer = await loadFileBuffer(requireUrl);\n const fileBase64 = buffer.toString(\"base64\");\n\n const dataUrl = `data:${mimeType};base64,${fileBase64}`;\n return dataUrl;\n } else {\n // in browser, this is already a data url\n return requireUrl.default as string;\n }\n}\n\nexport async function loadFontDataUrl(requireUrl: { default: string }) {\n return loadFileDataUrl(requireUrl, \"font/ttf\");\n}\n\nexport async function loadFileBuffer(requireUrl: {\n default: string;\n}): Promise<Buffer | ArrayBuffer> {\n if (import.meta.env.NODE_ENV === \"test\") {\n // in vitest, this is the url we need to load with readfilesync\n // eslint-disable-next-line\n const fs = require(\"fs\");\n let url = requireUrl.default;\n\n if (url.startsWith(\"/@fs/\")) {\n url = url.substring(\"/@fs\".length);\n }\n // On Windows, vite/vitest may yield paths like \"/C:/...\" after removing /@fs\n // Node on Windows treats paths starting with \"/\" as relative to current drive,\n // which would produce \"C:\\C:\\...\". Strip leading slash when followed by a drive letter.\n if (/^\\/[A-Za-z]:/.test(url)) {\n url = url.slice(1);\n }\n const buffer = fs.readFileSync(url);\n return buffer;\n } else {\n // in browser, this is already a data url\n const dataUrl = requireUrl.default as string;\n // convert to buffer on browser\n const response = await fetch(dataUrl);\n const arrayBuffer = await response.arrayBuffer();\n return arrayBuffer;\n }\n}\n\n/**\n * usage:\n * \n * await loadFontDataUrl(\n await import(\"../fonts/inter/Inter_18pt-Italic.ttf\")\n );\n */\n","import {\n Block,\n BlockNoteSchema,\n BlockSchema,\n COLORS_DEFAULT,\n DefaultProps,\n Exporter,\n ExporterOptions,\n InlineContentSchema,\n StyleSchema,\n StyledText,\n} from \"@blocknote/core\";\nimport {\n Document,\n Font,\n Link,\n Page,\n StyleSheet,\n Text,\n TextProps,\n View,\n} from \"@react-pdf/renderer\";\nimport { corsProxyResolveFileUrl } from \"@shared/api/corsProxy.js\";\nimport { Fragment } from \"react\";\nimport { loadFontDataUrl } from \"../../../../shared/util/fileUtil.js\";\n\nimport { Style } from \"./types.js\";\n\nconst FONT_SIZE = 16;\nconst PIXELS_PER_POINT = 0.75;\n\ntype Options = ExporterOptions & {\n /**\n *\n * @default uses the remote emoji source hosted on cloudflare (https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/)\n */\n emojiSource: false | ReturnType<typeof Font.getEmojiSource>;\n};\n\n/**\n * Exports a BlockNote document to a .pdf file using the react-pdf library.\n */\nexport class PDFExporter<\n B extends BlockSchema,\n S extends StyleSchema,\n I extends InlineContentSchema,\n> extends Exporter<\n B,\n I,\n S,\n React.ReactElement<Text>,\n React.ReactElement<Link> | React.ReactElement<Text>,\n TextProps[\"style\"],\n React.ReactElement<Text>\n> {\n private fontsRegistered = false;\n\n public styles = StyleSheet.create({\n page: {\n paddingTop: 35,\n paddingBottom: 65,\n paddingHorizontal: 35,\n fontFamily: \"Inter\",\n fontSize: FONT_SIZE * PIXELS_PER_POINT, // pixels\n lineHeight: 1.5,\n },\n block: {},\n blockChildren: {},\n header: {},\n footer: {\n position: \"absolute\",\n },\n });\n\n public readonly options: Options;\n\n public constructor(\n /**\n * The schema of your editor. The mappings are automatically typed checked against this schema.\n */\n protected readonly schema: BlockNoteSchema<B, I, S>,\n /**\n * The mappings that map the BlockNote schema to the react-pdf content.\n *\n * Pass {@link pdfDefaultSchemaMappings} for the default schema.\n */\n mappings: Exporter<\n NoInfer<B>,\n NoInfer<I>,\n NoInfer<S>,\n React.ReactElement<Text>, // RB\n React.ReactElement<Link> | React.ReactElement<Text>, // RI\n TextProps[\"style\"], // RS\n React.ReactElement<Text> // TS\n >[\"mappings\"],\n options?: Partial<Options>,\n ) {\n const defaults = {\n emojiSource: {\n format: \"png\",\n url: \"https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/\",\n },\n resolveFileUrl: corsProxyResolveFileUrl,\n colors: COLORS_DEFAULT,\n } satisfies Partial<Options>;\n\n const newOptions = {\n ...defaults,\n ...options,\n };\n super(schema, mappings, newOptions);\n this.options = newOptions;\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public transformStyledText(styledText: StyledText<S>) {\n const stylesArray = this.mapStyles(styledText.styles);\n const styles = Object.assign({}, ...stylesArray);\n return (\n <Text style={styles} key={styledText.text}>\n {styledText.text}\n </Text>\n );\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public async transformBlocks(\n blocks: Block<B, I, S>[], // Or BlockFromConfig<B[keyof B], I, S>?\n nestingLevel = 0,\n ): Promise<React.ReactElement<Text>[]> {\n const ret: React.ReactElement<Text>[] = [];\n let numberedListIndex = 0;\n\n for (const b of blocks) {\n if (b.type === \"numberedListItem\") {\n numberedListIndex++;\n } else {\n numberedListIndex = 0;\n }\n const children = await this.transformBlocks(b.children, nestingLevel + 1);\n const self = await this.mapBlock(\n b as any,\n nestingLevel,\n numberedListIndex,\n children,\n ); // TODO: any\n\n if ([\"pageBreak\", \"columnList\", \"column\"].includes(b.type)) {\n ret.push(self);\n continue;\n }\n\n const style = this.blocknoteDefaultPropsToReactPDFStyle(b.props as any);\n ret.push(\n <Fragment key={b.id}>\n <View\n style={{\n paddingVertical: 3 * PIXELS_PER_POINT,\n ...this.styles.block,\n ...style,\n }}\n >\n {self}\n </View>\n {children.length > 0 && (\n <View\n style={{\n marginLeft: FONT_SIZE * 1.5 * PIXELS_PER_POINT,\n ...this.styles.blockChildren,\n }}\n key={b.id + nestingLevel + \"children\"}\n >\n {children}\n </View>\n )}\n </Fragment>,\n );\n }\n\n return ret;\n }\n\n protected async registerFonts() {\n if (this.fontsRegistered) {\n return;\n }\n\n if (this.options.emojiSource) {\n Font.registerEmojiSource(this.options.emojiSource);\n }\n let font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Regular.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Italic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Bold.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/GeistMono-Regular.ttf\"),\n );\n Font.register({\n family: \"GeistMono\",\n src: font,\n });\n\n this.fontsRegistered = true;\n }\n\n /**\n * Convert a document (array of Blocks) to a react-pdf Document.\n */\n public async toReactPDFDocument(\n blocks: Block<B, I, S>[],\n options: {\n /**\n * Add a header to every page.\n * The React component passed must be a React-PDF component\n */\n header?: React.ReactElement;\n /**\n * Add a footer to every page.\n * The React component passed must be a React-PDF component\n */\n footer?: React.ReactElement;\n } = {},\n ) {\n await this.registerFonts();\n\n return (\n <Document>\n <Page dpi={100} size=\"A4\" style={this.styles.page}>\n {options.header && (\n <View fixed style={this.styles.header}>\n {options.header}\n </View>\n )}\n {await this.transformBlocks(blocks)}\n {options.footer && (\n <View\n fixed\n style={[\n {\n left: this.styles.page.paddingHorizontal || 0,\n bottom: (this.styles.page.paddingBottom || 0) / 2,\n right: this.styles.page.paddingHorizontal || 0,\n },\n this.styles.footer,\n ]}\n >\n {options.footer}\n </View>\n )}\n </Page>\n </Document>\n );\n }\n\n protected blocknoteDefaultPropsToReactPDFStyle(\n props: Partial<DefaultProps>,\n ): Style {\n return {\n textAlign: props.textAlignment,\n backgroundColor:\n props.backgroundColor === \"default\" || !props.backgroundColor\n ? undefined\n : this.options.colors[props.backgroundColor]?.background,\n color:\n props.textColor === \"default\" || !props.textColor\n ? undefined\n : this.options.colors[props.textColor]?.text,\n alignItems:\n props.textAlignment === \"right\"\n ? \"flex-end\"\n : props.textAlignment === \"center\"\n ? \"center\"\n : undefined,\n };\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"blocknote-xl-pdf-exporter.cjs","names":[],"sources":["../src/pdf/util/listItem.tsx","../src/pdf/util/table/Table.tsx","../src/pdf/defaultSchema/blocks.tsx","../src/pdf/defaultSchema/inlinecontent.tsx","../src/pdf/defaultSchema/styles.tsx","../src/pdf/defaultSchema/index.ts","../../../shared/api/corsProxy.ts","../../../shared/util/fileUtil.ts","../src/pdf/pdfExporter.tsx"],"sourcesContent":["import { Path, StyleSheet, Svg, Text, View } from \"@react-pdf/renderer\";\nimport { Style } from \"../types.js\";\n\n// https://github.com/diegomura/react-pdf/issues/134\n\nconst PIXELS_PER_POINT = 0.75;\n\nconst styles = StyleSheet.create({\n listItem: {\n display: \"flex\",\n flexDirection: \"row\",\n gap: 8 * PIXELS_PER_POINT,\n paddingRight: 10, // otherwise text overflows, seems like a react-pdf / yoga bug\n },\n bullet: {\n // fontFamily: \"\", // we could add symbol font if we don't want to use inter (default font) here\n },\n});\n\nexport const BULLET_MARKER = \"\\u2022\";\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed\nexport const CHEVRON_MARKER = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box_outline_blank:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_UNCHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_CHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n </Svg>\n);\n\nexport const ListItem = ({\n listMarker,\n children,\n style,\n}: {\n listMarker: string | React.ReactNode;\n children: React.ReactNode;\n style?: Style;\n}) => {\n return (\n <View style={[styles.listItem, style || {}]}>\n <View style={styles.bullet}>\n {/* <Svg width={2} height={2}>\n <Circle cx=\"1\" cy=\"1\" r=\"2\" fill=\"black\" />\n </Svg> */}\n {typeof listMarker === \"string\" ? (\n <Text>{listMarker}</Text>\n ) : (\n listMarker\n )}\n </View>\n {children}\n </View>\n );\n};\n","import {\n Exporter,\n InlineContentSchema,\n mapTableCell,\n StyleSchema,\n TableContent,\n} from \"@blocknote/core\";\nimport { StyleSheet, View } from \"@react-pdf/renderer\";\nconst PIXELS_PER_POINT = 0.75;\n\n// ( impossible?) to make tables with flex that don't have a fixed / 100% width?\n// we'd need to measure the width of every column manually\nconst styles = StyleSheet.create({\n tableContainer: {\n // width: \"100%\",\n },\n row: {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n // width: \"100%\",\n // justifyContent: \"space-between\",\n display: \"flex\",\n },\n cell: {\n paddingHorizontal: 5 * PIXELS_PER_POINT,\n paddingTop: 3 * PIXELS_PER_POINT,\n // paddingBottom: 1 * PIXELS_PER_POINT, should be 3px but looks odd, better with no padding Bottom\n borderLeft: \"1px solid #ddd\",\n borderTop: \"1px solid #ddd\",\n wordWrap: \"break-word\",\n whiteSpace: \"pre-wrap\",\n },\n headerCell: {\n fontWeight: \"bold\",\n },\n bottomCell: {\n borderBottom: \"1px solid #ddd\",\n },\n rightCell: {\n borderRight: \"1px solid #ddd\",\n },\n});\n\nexport const Table = (props: {\n data: TableContent<InlineContentSchema>;\n transformer: Exporter<\n any,\n InlineContentSchema,\n StyleSchema,\n any,\n any,\n any,\n any\n >;\n}) => {\n // If headerRows is 1, then the first row is a header row\n const headerRows = new Array(props.data.headerRows ?? 0).fill(true);\n // If headerCols is 1, then the first column is a header column\n const headerCols = new Array(props.data.headerCols ?? 0).fill(true);\n\n return (\n <View style={styles.tableContainer} wrap={false}>\n {props.data.rows.map((row, rowIndex) => (\n <View\n style={[\n styles.row,\n rowIndex === props.data.rows.length - 1 ? styles.bottomCell : {},\n ]}\n key={rowIndex}\n >\n {row.cells.map((c, colIndex) => {\n const cell = mapTableCell(c);\n\n const isHeaderRow = headerRows[rowIndex];\n const isHeaderCol = headerCols[colIndex];\n\n // TODO we need to support for colspan and rowspan, but at the moment are blocked by react-pdf\n return (\n <View\n style={[\n styles.cell,\n isHeaderRow || isHeaderCol ? styles.headerCell : {},\n colIndex === row.cells.length - 1 ? styles.rightCell : {},\n props.data.columnWidths[colIndex]\n ? { width: props.data.columnWidths[colIndex] }\n : { flex: 1 },\n {\n color:\n cell.props.textColor === \"default\"\n ? undefined\n : props.transformer.options.colors[cell.props.textColor]\n ?.text,\n backgroundColor:\n cell.props.backgroundColor === \"default\"\n ? undefined\n : props.transformer.options.colors[\n cell.props.backgroundColor\n ]?.background,\n textAlign: cell.props.textAlignment,\n },\n ]}\n key={colIndex}\n >\n {props.transformer.transformInlineContent(cell.content)}\n </View>\n );\n })}\n </View>\n ))}\n </View>\n );\n};\n","import {\n BlockMapping,\n DefaultBlockSchema,\n DefaultProps,\n createPageBreakBlockConfig,\n StyledText,\n} from \"@blocknote/core\";\nimport { multiColumnSchema } from \"@blocknote/xl-multi-column\";\nimport { Image, Link, Path, Svg, Text, View } from \"@react-pdf/renderer\";\nimport {\n BULLET_MARKER,\n CHECK_MARKER_CHECKED,\n CHECK_MARKER_UNCHECKED,\n CHEVRON_MARKER,\n ListItem,\n} from \"../util/listItem.js\";\nimport { Table } from \"../util/table/Table.js\";\n\nconst PIXELS_PER_POINT = 0.75;\nconst FONT_SIZE = 16;\n\nexport const pdfBlockMappingForDefaultSchema: BlockMapping<\n DefaultBlockSchema & {\n pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n } & typeof multiColumnSchema.blockSchema,\n any,\n any,\n React.ReactElement<Text>,\n React.ReactElement<Text> | React.ReactElement<Link>\n> = {\n paragraph: (block, exporter) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n return (\n <Text key={\"paragraph\" + block.id}>\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n toggleListItem: (block, exporter) => {\n return (\n <ListItem listMarker={CHEVRON_MARKER}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n bulletListItem: (block, exporter) => {\n // const style = t(block.props);\n return (\n <ListItem listMarker={BULLET_MARKER} key={\"bulletListItem\" + block.id}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n numberedListItem: (block, exporter, _nestingLevel, numberedListIndex) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n // console.log(\"NUMBERED LIST ITEM\", block.props.textAlignment, style);\n return (\n <ListItem\n listMarker={`${numberedListIndex}.`}\n key={\"numberedListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n // would be nice to have pdf checkboxes:\n // https://github.com/diegomura/react-pdf/issues/2103\n checkListItem: (block, exporter) => {\n return (\n <ListItem\n listMarker={\n block.props.checked ? CHECK_MARKER_CHECKED : CHECK_MARKER_UNCHECKED\n }\n key={\"checkListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n heading: (block, exporter) => {\n const levelFontSizeEM = {\n 1: 2,\n 2: 1.5,\n 3: 1.17,\n 4: 1,\n 5: 0.83,\n 6: 0.67,\n }[block.props.level as 1 | 2 | 3 | 4 | 5 | 6];\n return (\n <Text\n key={\"heading\" + block.id}\n style={{\n fontSize: levelFontSizeEM * FONT_SIZE * PIXELS_PER_POINT,\n lineHeight: 1.25,\n fontWeight: 700,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n quote: (block, exporter) => {\n return (\n <Text\n key={\"quote\" + block.id}\n style={{\n borderLeft: \"#7D797A\",\n color: \"#7D797A\",\n paddingLeft: 9.5 * PIXELS_PER_POINT,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n codeBlock: (block) => {\n // Code blocks should always contain a single `StyledText` inline content.\n // However, if this is not the case for whatever reason, we can merge the\n // text content of all `StyledText` content in them.\n const textContent = (block.content as StyledText<any>[])\n .map((item) => item.text)\n .join(\"\");\n const lines = textContent.split(\"\\n\").map((line, index) => {\n const indent = line.match(/^\\s*/)?.[0].length || 0;\n\n return (\n <Text\n key={`line_${index}` + block.id}\n style={{\n marginLeft: indent * 9.5 * PIXELS_PER_POINT,\n }}\n >\n {line.trimStart() || <>&nbsp;</>}\n </Text>\n );\n });\n\n return (\n <View\n wrap={false}\n style={{\n padding: 24 * PIXELS_PER_POINT,\n border: \"1px solid #000000\",\n lineHeight: 1.25,\n fontSize: FONT_SIZE * PIXELS_PER_POINT,\n fontFamily: \"GeistMono\",\n }}\n key={\"codeBlock\" + block.id}\n >\n {lines}\n </View>\n );\n },\n pageBreak: () => {\n return <View break key={\"pageBreak\"} />;\n },\n divider: () => {\n return (\n <View\n style={{\n borderTop: \"1px solid #ccc\",\n marginTop: 11.5 * PIXELS_PER_POINT,\n marginBottom: 11.5 * PIXELS_PER_POINT,\n }}\n />\n );\n },\n column: (block, _exporter, _nestingLevel, _numberedListIndex, children) => {\n return <View style={{ flex: block.props.width }}>{children}</View>;\n },\n columnList: (\n _block,\n _exporter,\n _nestingLevel,\n _numberedListIndex,\n children,\n ) => {\n return (\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {children}\n </View>\n );\n },\n audio: (block, exporter) => {\n return (\n <View wrap={false} key={\"audio\" + block.id}>\n {file(\n block.props,\n \"Open audio file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></Path>\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n video: (block, exporter) => {\n return (\n <View wrap={false} key={\"video\" + block.id}>\n {file(\n block.props,\n \"Open video file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n file: (block, exporter) => {\n return (\n <View wrap={false} key={\"file\" + block.id}>\n {file(\n block.props,\n \"Open file\",\n <Svg height={16} width={16} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n image: async (block, t) => {\n return (\n <View wrap={false} key={\"image\" + block.id}>\n <Image\n src={await t.resolveFile(block.props.url)}\n style={{\n width: block.props.previewWidth\n ? block.props.previewWidth * PIXELS_PER_POINT\n : undefined,\n }}\n />\n {caption(block.props, t)}\n </View>\n );\n },\n table: (block, t) => {\n return (\n <Table data={block.content} transformer={t} key={\"table\" + block.id} />\n );\n },\n};\n\nfunction file(\n props: Partial<DefaultProps & { name: string; url: string }>,\n defaultText: string,\n icon: React.ReactElement<Svg>,\n _exporter: any,\n) {\n const PIXELS_PER_POINT = 0.75;\n return (\n <Link src={props.url} key={\"file\" + props.url}>\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {icon}\n <Text>{props.name || defaultText}</Text>\n </View>\n </Link>\n );\n}\n\nfunction caption(\n props: Partial<DefaultProps & { caption: string; previewWidth: number }>,\n _exporter: any,\n) {\n if (!props.caption) {\n return undefined;\n }\n return (\n <Text\n key={\"caption\" + props.caption}\n style={{\n width: props.previewWidth\n ? props.previewWidth * PIXELS_PER_POINT\n : undefined,\n fontSize: FONT_SIZE * 0.8 * PIXELS_PER_POINT,\n }}\n >\n {props.caption}\n </Text>\n );\n}\n","import {\n DefaultInlineContentSchema,\n InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link, Text } from \"@react-pdf/renderer\";\n\nexport const pdfInlineContentMappingForDefaultSchema: InlineContentMapping<\n DefaultInlineContentSchema,\n any,\n React.ReactElement<Link> | React.ReactElement<Text>,\n React.ReactElement<Text>\n> = {\n link: (ic, exporter) => {\n return (\n <Link href={ic.href} key={\"link\" + ic.href}>\n {ic.content.map((content) => exporter.transformStyledText(content))}\n </Link>\n );\n },\n text: (ic, exporter) => {\n return exporter.transformStyledText(ic);\n },\n};\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { TextProps } from \"@react-pdf/renderer\";\n\nexport const pdfStyleMappingForDefaultSchema: StyleMapping<\n DefaultStyleSchema,\n TextProps[\"style\"]\n> = {\n bold: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontWeight: \"bold\",\n };\n },\n italic: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontStyle: \"italic\",\n };\n },\n underline: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"underline\", // TODO: could conflict with strike\n };\n },\n strike: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"line-through\",\n };\n },\n backgroundColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n backgroundColor: exporter.options.colors[val]?.background,\n };\n },\n textColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n color: exporter.options.colors[val]?.text,\n };\n },\n code: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontFamily: \"GeistMono\",\n };\n },\n};\n","import { pdfBlockMappingForDefaultSchema } from \"./blocks.js\";\nimport { pdfInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nimport { pdfStyleMappingForDefaultSchema } from \"./styles.js\";\n\nexport const pdfDefaultSchemaMappings: {\n blockMapping: typeof pdfBlockMappingForDefaultSchema;\n inlineContentMapping: typeof pdfInlineContentMappingForDefaultSchema;\n styleMapping: typeof pdfStyleMappingForDefaultSchema;\n} = {\n blockMapping: pdfBlockMappingForDefaultSchema,\n inlineContentMapping: pdfInlineContentMappingForDefaultSchema,\n styleMapping: pdfStyleMappingForDefaultSchema,\n};\n","export async function corsProxyResolveFileUrl(url: string) {\n return (\n \"https://corsproxy.api.blocknotejs.org/corsproxy/?url=\" +\n encodeURIComponent(url)\n );\n}\n","/**\n *\n * Helper functions so that we can import files both on vitest, browser and node\n * TODO: should find a way to test automatically in all environments\n */\n\nexport async function loadFileDataUrl(\n requireUrl: { default: string },\n mimeType: string,\n) {\n if (import.meta.env.NODE_ENV === \"test\") {\n const buffer = await loadFileBuffer(requireUrl);\n const fileBase64 = buffer.toString(\"base64\");\n\n const dataUrl = `data:${mimeType};base64,${fileBase64}`;\n return dataUrl;\n } else {\n // in browser, this is already a data url\n return requireUrl.default as string;\n }\n}\n\nexport async function loadFontDataUrl(requireUrl: { default: string }) {\n return loadFileDataUrl(requireUrl, \"font/ttf\");\n}\n\nexport async function loadFileBuffer(requireUrl: {\n default: string;\n}): Promise<Buffer | ArrayBuffer> {\n if (import.meta.env.NODE_ENV === \"test\") {\n // in vitest, this is the url we need to load with readfilesync\n // eslint-disable-next-line\n const fs = require(\"fs\");\n let url = requireUrl.default;\n\n if (url.startsWith(\"/@fs/\")) {\n url = url.substring(\"/@fs\".length);\n }\n // On Windows, vite/vitest may yield paths like \"/C:/...\" after removing /@fs\n // Node on Windows treats paths starting with \"/\" as relative to current drive,\n // which would produce \"C:\\C:\\...\". Strip leading slash when followed by a drive letter.\n if (/^\\/[A-Za-z]:/.test(url)) {\n url = url.slice(1);\n }\n const buffer = fs.readFileSync(url);\n return buffer;\n } else {\n // in browser, this is already a data url\n const dataUrl = requireUrl.default as string;\n // convert to buffer on browser\n const response = await fetch(dataUrl);\n const arrayBuffer = await response.arrayBuffer();\n return arrayBuffer;\n }\n}\n\n/**\n * usage:\n * \n * await loadFontDataUrl(\n await import(\"../fonts/inter/Inter_18pt-Italic.ttf\")\n );\n */\n","import {\n Block,\n BlockNoteSchema,\n BlockSchema,\n COLORS_DEFAULT,\n DefaultProps,\n Exporter,\n ExporterOptions,\n InlineContentSchema,\n StyleSchema,\n StyledText,\n} from \"@blocknote/core\";\nimport {\n Document,\n Font,\n Link,\n Page,\n StyleSheet,\n Text,\n TextProps,\n View,\n} from \"@react-pdf/renderer\";\nimport { corsProxyResolveFileUrl } from \"@shared/api/corsProxy.js\";\nimport { Fragment } from \"react\";\nimport { loadFontDataUrl } from \"../../../../shared/util/fileUtil.js\";\n\nimport { Style } from \"./types.js\";\n\nconst FONT_SIZE = 16;\nconst PIXELS_PER_POINT = 0.75;\n\ntype Options = ExporterOptions & {\n /**\n *\n * @default uses the remote emoji source hosted on cloudflare (https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/)\n */\n emojiSource: false | ReturnType<typeof Font.getEmojiSource>;\n};\n\n/**\n * Exports a BlockNote document to a .pdf file using the react-pdf library.\n */\nexport class PDFExporter<\n B extends BlockSchema,\n S extends StyleSchema,\n I extends InlineContentSchema,\n> extends Exporter<\n B,\n I,\n S,\n React.ReactElement<Text>,\n React.ReactElement<Link> | React.ReactElement<Text>,\n TextProps[\"style\"],\n React.ReactElement<Text>\n> {\n private fontsRegistered = false;\n\n public styles = StyleSheet.create({\n page: {\n paddingTop: 35,\n paddingBottom: 65,\n paddingHorizontal: 35,\n fontFamily: \"Inter\",\n fontSize: FONT_SIZE * PIXELS_PER_POINT, // pixels\n lineHeight: 1.5,\n },\n block: {},\n blockChildren: {},\n header: {},\n footer: {\n position: \"absolute\",\n },\n });\n\n public readonly options: Options;\n\n public constructor(\n /**\n * The schema of your editor. The mappings are automatically typed checked against this schema.\n */\n protected readonly schema: BlockNoteSchema<B, I, S>,\n /**\n * The mappings that map the BlockNote schema to the react-pdf content.\n *\n * Pass {@link pdfDefaultSchemaMappings} for the default schema.\n */\n mappings: Exporter<\n NoInfer<B>,\n NoInfer<I>,\n NoInfer<S>,\n React.ReactElement<Text>, // RB\n React.ReactElement<Link> | React.ReactElement<Text>, // RI\n TextProps[\"style\"], // RS\n React.ReactElement<Text> // TS\n >[\"mappings\"],\n options?: Partial<Options>,\n ) {\n const defaults = {\n emojiSource: {\n format: \"png\",\n url: \"https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/\",\n },\n resolveFileUrl: corsProxyResolveFileUrl,\n colors: COLORS_DEFAULT,\n } satisfies Partial<Options>;\n\n const newOptions = {\n ...defaults,\n ...options,\n };\n super(schema, mappings, newOptions);\n this.options = newOptions;\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public transformStyledText(styledText: StyledText<S>) {\n const stylesArray = this.mapStyles(styledText.styles);\n const styles = Object.assign({}, ...stylesArray);\n return (\n <Text style={styles} key={styledText.text}>\n {styledText.text}\n </Text>\n );\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public async transformBlocks(\n blocks: Block<B, I, S>[], // Or BlockFromConfig<B[keyof B], I, S>?\n nestingLevel = 0,\n ): Promise<React.ReactElement<Text>[]> {\n const ret: React.ReactElement<Text>[] = [];\n let numberedListIndex = 0;\n\n for (const b of blocks) {\n if (b.type === \"numberedListItem\") {\n numberedListIndex++;\n } else {\n numberedListIndex = 0;\n }\n const children = await this.transformBlocks(b.children, nestingLevel + 1);\n const self = await this.mapBlock(\n b as any,\n nestingLevel,\n numberedListIndex,\n children,\n ); // TODO: any\n\n if ([\"pageBreak\", \"columnList\", \"column\"].includes(b.type)) {\n ret.push(self);\n continue;\n }\n\n const style = this.blocknoteDefaultPropsToReactPDFStyle(b.props as any);\n ret.push(\n <Fragment key={b.id}>\n <View\n style={{\n paddingVertical: 3 * PIXELS_PER_POINT,\n ...this.styles.block,\n ...style,\n }}\n >\n {self}\n </View>\n {children.length > 0 && (\n <View\n style={{\n marginLeft: FONT_SIZE * 1.5 * PIXELS_PER_POINT,\n ...this.styles.blockChildren,\n }}\n key={b.id + nestingLevel + \"children\"}\n >\n {children}\n </View>\n )}\n </Fragment>,\n );\n }\n\n return ret;\n }\n\n protected async registerFonts() {\n if (this.fontsRegistered) {\n return;\n }\n\n if (this.options.emojiSource) {\n Font.registerEmojiSource(this.options.emojiSource);\n }\n let font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Regular.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Italic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Bold.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/GeistMono-Regular.ttf\"),\n );\n Font.register({\n family: \"GeistMono\",\n src: font,\n });\n\n this.fontsRegistered = true;\n }\n\n /**\n * Convert a document (array of Blocks) to a react-pdf Document.\n */\n public async toReactPDFDocument(\n blocks: Block<B, I, S>[],\n options: {\n /**\n * Add a header to every page.\n * The React component passed must be a React-PDF component\n */\n header?: React.ReactElement;\n /**\n * Add a footer to every page.\n * The React component passed must be a React-PDF component\n */\n footer?: React.ReactElement;\n } = {},\n ) {\n await this.registerFonts();\n\n return (\n <Document>\n <Page dpi={100} size=\"A4\" style={this.styles.page}>\n {options.header && (\n <View fixed style={this.styles.header}>\n {options.header}\n </View>\n )}\n {await this.transformBlocks(blocks)}\n {options.footer && (\n <View\n fixed\n style={[\n {\n left: this.styles.page.paddingHorizontal || 0,\n bottom: (this.styles.page.paddingBottom || 0) / 2,\n right: this.styles.page.paddingHorizontal || 0,\n },\n this.styles.footer,\n ]}\n >\n {options.footer}\n </View>\n )}\n </Page>\n </Document>\n );\n }\n\n protected blocknoteDefaultPropsToReactPDFStyle(\n props: Partial<DefaultProps>,\n ): Style {\n return {\n textAlign: props.textAlignment,\n backgroundColor:\n props.backgroundColor === \"default\" || !props.backgroundColor\n ? undefined\n : this.options.colors[props.backgroundColor]?.background,\n color:\n props.textColor === \"default\" || !props.textColor\n ? undefined\n : this.options.colors[props.textColor]?.text,\n alignItems:\n props.textAlignment === \"right\"\n ? \"flex-end\"\n : props.textAlignment === \"center\"\n ? \"center\"\n : undefined,\n };\n }\n}\n"],"mappings":"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"}
package/dist/blocknote-xl-pdf-exporter.js CHANGED
@@ -127,7 +127,7 @@ var _ = o.create({
127
127
  children: t.transformInlineContent(e.content)
128
128
  }, "quote" + e.id),
129
129
  codeBlock: (e) => {
130
- let t = (e.content[0]?.text || "").split("\n").map((t, n) => /* @__PURE__ */ d(c, {
130
+ let t = e.content.map((e) => e.text).join("").split("\n").map((t, n) => /* @__PURE__ */ d(c, {
131
131
  style: { marginLeft: (t.match(/^\s*/)?.[0].length || 0) * 9.5 * T },
132
132
  children: t.trimStart() || /* @__PURE__ */ d(u, { children: "\xA0" })
133
133
  }, `line_${n}` + e.id));
@@ -135,8 +135,7 @@ var _ = o.create({
135
135
  wrap: !1,
136
136
  style: {
137
137
  padding: 24 * T,
138
- backgroundColor: "#161616",
139
- color: "#ffffff",
138
+ border: "1px solid #000000",
140
139
  lineHeight: 1.25,
141
140
  fontSize: E * T,
142
141
  fontFamily: "GeistMono"
package/dist/blocknote-xl-pdf-exporter.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"blocknote-xl-pdf-exporter.js","names":[],"sources":["../src/pdf/util/listItem.tsx","../src/pdf/util/table/Table.tsx","../src/pdf/defaultSchema/blocks.tsx","../src/pdf/defaultSchema/inlinecontent.tsx","../src/pdf/defaultSchema/styles.tsx","../src/pdf/defaultSchema/index.ts","../../../shared/api/corsProxy.ts","../../../shared/util/fileUtil.ts","../src/pdf/pdfExporter.tsx"],"sourcesContent":["import { Path, StyleSheet, Svg, Text, View } from \"@react-pdf/renderer\";\nimport { Style } from \"../types.js\";\n\n// https://github.com/diegomura/react-pdf/issues/134\n\nconst PIXELS_PER_POINT = 0.75;\n\nconst styles = StyleSheet.create({\n listItem: {\n display: \"flex\",\n flexDirection: \"row\",\n gap: 8 * PIXELS_PER_POINT,\n paddingRight: 10, // otherwise text overflows, seems like a react-pdf / yoga bug\n },\n bullet: {\n // fontFamily: \"\", // we could add symbol font if we don't want to use inter (default font) here\n },\n});\n\nexport const BULLET_MARKER = \"\\u2022\";\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed\nexport const CHEVRON_MARKER = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box_outline_blank:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_UNCHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_CHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n </Svg>\n);\n\nexport const ListItem = ({\n listMarker,\n children,\n style,\n}: {\n listMarker: string | React.ReactNode;\n children: React.ReactNode;\n style?: Style;\n}) => {\n return (\n <View style={[styles.listItem, style || {}]}>\n <View style={styles.bullet}>\n {/* <Svg width={2} height={2}>\n <Circle cx=\"1\" cy=\"1\" r=\"2\" fill=\"black\" />\n </Svg> */}\n {typeof listMarker === \"string\" ? (\n <Text>{listMarker}</Text>\n ) : (\n listMarker\n )}\n </View>\n {children}\n </View>\n );\n};\n","import {\n Exporter,\n InlineContentSchema,\n mapTableCell,\n StyleSchema,\n TableContent,\n} from \"@blocknote/core\";\nimport { StyleSheet, View } from \"@react-pdf/renderer\";\nconst PIXELS_PER_POINT = 0.75;\n\n// ( impossible?) to make tables with flex that don't have a fixed / 100% width?\n// we'd need to measure the width of every column manually\nconst styles = StyleSheet.create({\n tableContainer: {\n // width: \"100%\",\n },\n row: {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n // width: \"100%\",\n // justifyContent: \"space-between\",\n display: \"flex\",\n },\n cell: {\n paddingHorizontal: 5 * PIXELS_PER_POINT,\n paddingTop: 3 * PIXELS_PER_POINT,\n // paddingBottom: 1 * PIXELS_PER_POINT, should be 3px but looks odd, better with no padding Bottom\n borderLeft: \"1px solid #ddd\",\n borderTop: \"1px solid #ddd\",\n wordWrap: \"break-word\",\n whiteSpace: \"pre-wrap\",\n },\n headerCell: {\n fontWeight: \"bold\",\n },\n bottomCell: {\n borderBottom: \"1px solid #ddd\",\n },\n rightCell: {\n borderRight: \"1px solid #ddd\",\n },\n});\n\nexport const Table = (props: {\n data: TableContent<InlineContentSchema>;\n transformer: Exporter<\n any,\n InlineContentSchema,\n StyleSchema,\n any,\n any,\n any,\n any\n >;\n}) => {\n // If headerRows is 1, then the first row is a header row\n const headerRows = new Array(props.data.headerRows ?? 0).fill(true);\n // If headerCols is 1, then the first column is a header column\n const headerCols = new Array(props.data.headerCols ?? 0).fill(true);\n\n return (\n <View style={styles.tableContainer} wrap={false}>\n {props.data.rows.map((row, rowIndex) => (\n <View\n style={[\n styles.row,\n rowIndex === props.data.rows.length - 1 ? styles.bottomCell : {},\n ]}\n key={rowIndex}\n >\n {row.cells.map((c, colIndex) => {\n const cell = mapTableCell(c);\n\n const isHeaderRow = headerRows[rowIndex];\n const isHeaderCol = headerCols[colIndex];\n\n // TODO we need to support for colspan and rowspan, but at the moment are blocked by react-pdf\n return (\n <View\n style={[\n styles.cell,\n isHeaderRow || isHeaderCol ? styles.headerCell : {},\n colIndex === row.cells.length - 1 ? styles.rightCell : {},\n props.data.columnWidths[colIndex]\n ? { width: props.data.columnWidths[colIndex] }\n : { flex: 1 },\n {\n color:\n cell.props.textColor === \"default\"\n ? undefined\n : props.transformer.options.colors[cell.props.textColor]\n ?.text,\n backgroundColor:\n cell.props.backgroundColor === \"default\"\n ? undefined\n : props.transformer.options.colors[\n cell.props.backgroundColor\n ]?.background,\n textAlign: cell.props.textAlignment,\n },\n ]}\n key={colIndex}\n >\n {props.transformer.transformInlineContent(cell.content)}\n </View>\n );\n })}\n </View>\n ))}\n </View>\n );\n};\n","import {\n BlockMapping,\n DefaultBlockSchema,\n DefaultProps,\n createPageBreakBlockConfig,\n StyledText,\n} from \"@blocknote/core\";\nimport { multiColumnSchema } from \"@blocknote/xl-multi-column\";\nimport { Image, Link, Path, Svg, Text, View } from \"@react-pdf/renderer\";\nimport {\n BULLET_MARKER,\n CHECK_MARKER_CHECKED,\n CHECK_MARKER_UNCHECKED,\n CHEVRON_MARKER,\n ListItem,\n} from \"../util/listItem.js\";\nimport { Table } from \"../util/table/Table.js\";\n\nconst PIXELS_PER_POINT = 0.75;\nconst FONT_SIZE = 16;\n\nexport const pdfBlockMappingForDefaultSchema: BlockMapping<\n DefaultBlockSchema & {\n pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n } & typeof multiColumnSchema.blockSchema,\n any,\n any,\n React.ReactElement<Text>,\n React.ReactElement<Text> | React.ReactElement<Link>\n> = {\n paragraph: (block, exporter) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n return (\n <Text key={\"paragraph\" + block.id}>\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n toggleListItem: (block, exporter) => {\n return (\n <ListItem listMarker={CHEVRON_MARKER}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n bulletListItem: (block, exporter) => {\n // const style = t(block.props);\n return (\n <ListItem listMarker={BULLET_MARKER} key={\"bulletListItem\" + block.id}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n numberedListItem: (block, exporter, _nestingLevel, numberedListIndex) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n // console.log(\"NUMBERED LIST ITEM\", block.props.textAlignment, style);\n return (\n <ListItem\n listMarker={`${numberedListIndex}.`}\n key={\"numberedListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n // would be nice to have pdf checkboxes:\n // https://github.com/diegomura/react-pdf/issues/2103\n checkListItem: (block, exporter) => {\n return (\n <ListItem\n listMarker={\n block.props.checked ? CHECK_MARKER_CHECKED : CHECK_MARKER_UNCHECKED\n }\n key={\"checkListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n heading: (block, exporter) => {\n const levelFontSizeEM = {\n 1: 2,\n 2: 1.5,\n 3: 1.17,\n 4: 1,\n 5: 0.83,\n 6: 0.67,\n }[block.props.level as 1 | 2 | 3 | 4 | 5 | 6];\n return (\n <Text\n key={\"heading\" + block.id}\n style={{\n fontSize: levelFontSizeEM * FONT_SIZE * PIXELS_PER_POINT,\n lineHeight: 1.25,\n fontWeight: 700,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n quote: (block, exporter) => {\n return (\n <Text\n key={\"quote\" + block.id}\n style={{\n borderLeft: \"#7D797A\",\n color: \"#7D797A\",\n paddingLeft: 9.5 * PIXELS_PER_POINT,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n codeBlock: (block) => {\n const textContent = (block.content as StyledText<any>[])[0]?.text || \"\";\n const lines = textContent.split(\"\\n\").map((line, index) => {\n const indent = line.match(/^\\s*/)?.[0].length || 0;\n\n return (\n <Text\n key={`line_${index}` + block.id}\n style={{\n marginLeft: indent * 9.5 * PIXELS_PER_POINT,\n }}\n >\n {line.trimStart() || <>&nbsp;</>}\n </Text>\n );\n });\n\n return (\n <View\n wrap={false}\n style={{\n padding: 24 * PIXELS_PER_POINT,\n backgroundColor: \"#161616\",\n color: \"#ffffff\",\n lineHeight: 1.25,\n fontSize: FONT_SIZE * PIXELS_PER_POINT,\n fontFamily: \"GeistMono\",\n }}\n key={\"codeBlock\" + block.id}\n >\n {lines}\n </View>\n );\n },\n pageBreak: () => {\n return <View break key={\"pageBreak\"} />;\n },\n divider: () => {\n return (\n <View\n style={{\n borderTop: \"1px solid #ccc\",\n marginTop: 11.5 * PIXELS_PER_POINT,\n marginBottom: 11.5 * PIXELS_PER_POINT,\n }}\n />\n );\n },\n column: (block, _exporter, _nestingLevel, _numberedListIndex, children) => {\n return <View style={{ flex: block.props.width }}>{children}</View>;\n },\n columnList: (\n _block,\n _exporter,\n _nestingLevel,\n _numberedListIndex,\n children,\n ) => {\n return (\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {children}\n </View>\n );\n },\n audio: (block, exporter) => {\n return (\n <View wrap={false} key={\"audio\" + block.id}>\n {file(\n block.props,\n \"Open audio file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></Path>\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n video: (block, exporter) => {\n return (\n <View wrap={false} key={\"video\" + block.id}>\n {file(\n block.props,\n \"Open video file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n file: (block, exporter) => {\n return (\n <View wrap={false} key={\"file\" + block.id}>\n {file(\n block.props,\n \"Open file\",\n <Svg height={16} width={16} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n image: async (block, t) => {\n return (\n <View wrap={false} key={\"image\" + block.id}>\n <Image\n src={await t.resolveFile(block.props.url)}\n style={{\n width: block.props.previewWidth\n ? block.props.previewWidth * PIXELS_PER_POINT\n : undefined,\n }}\n />\n {caption(block.props, t)}\n </View>\n );\n },\n table: (block, t) => {\n return (\n <Table data={block.content} transformer={t} key={\"table\" + block.id} />\n );\n },\n};\n\nfunction file(\n props: Partial<DefaultProps & { name: string; url: string }>,\n defaultText: string,\n icon: React.ReactElement<Svg>,\n _exporter: any,\n) {\n const PIXELS_PER_POINT = 0.75;\n return (\n <Link src={props.url} key={\"file\" + props.url}>\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {icon}\n <Text>{props.name || defaultText}</Text>\n </View>\n </Link>\n );\n}\n\nfunction caption(\n props: Partial<DefaultProps & { caption: string; previewWidth: number }>,\n _exporter: any,\n) {\n if (!props.caption) {\n return undefined;\n }\n return (\n <Text\n key={\"caption\" + props.caption}\n style={{\n width: props.previewWidth\n ? props.previewWidth * PIXELS_PER_POINT\n : undefined,\n fontSize: FONT_SIZE * 0.8 * PIXELS_PER_POINT,\n }}\n >\n {props.caption}\n </Text>\n );\n}\n","import {\n DefaultInlineContentSchema,\n InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link, Text } from \"@react-pdf/renderer\";\n\nexport const pdfInlineContentMappingForDefaultSchema: InlineContentMapping<\n DefaultInlineContentSchema,\n any,\n React.ReactElement<Link> | React.ReactElement<Text>,\n React.ReactElement<Text>\n> = {\n link: (ic, exporter) => {\n return (\n <Link href={ic.href} key={\"link\" + ic.href}>\n {ic.content.map((content) => exporter.transformStyledText(content))}\n </Link>\n );\n },\n text: (ic, exporter) => {\n return exporter.transformStyledText(ic);\n },\n};\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { TextProps } from \"@react-pdf/renderer\";\n\nexport const pdfStyleMappingForDefaultSchema: StyleMapping<\n DefaultStyleSchema,\n TextProps[\"style\"]\n> = {\n bold: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontWeight: \"bold\",\n };\n },\n italic: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontStyle: \"italic\",\n };\n },\n underline: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"underline\", // TODO: could conflict with strike\n };\n },\n strike: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"line-through\",\n };\n },\n backgroundColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n backgroundColor: exporter.options.colors[val]?.background,\n };\n },\n textColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n color: exporter.options.colors[val]?.text,\n };\n },\n code: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontFamily: \"GeistMono\",\n };\n },\n};\n","import { pdfBlockMappingForDefaultSchema } from \"./blocks.js\";\nimport { pdfInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nimport { pdfStyleMappingForDefaultSchema } from \"./styles.js\";\n\nexport const pdfDefaultSchemaMappings: {\n blockMapping: typeof pdfBlockMappingForDefaultSchema;\n inlineContentMapping: typeof pdfInlineContentMappingForDefaultSchema;\n styleMapping: typeof pdfStyleMappingForDefaultSchema;\n} = {\n blockMapping: pdfBlockMappingForDefaultSchema,\n inlineContentMapping: pdfInlineContentMappingForDefaultSchema,\n styleMapping: pdfStyleMappingForDefaultSchema,\n};\n","export async function corsProxyResolveFileUrl(url: string) {\n return (\n \"https://corsproxy.api.blocknotejs.org/corsproxy/?url=\" +\n encodeURIComponent(url)\n );\n}\n","/**\n *\n * Helper functions so that we can import files both on vitest, browser and node\n * TODO: should find a way to test automatically in all environments\n */\n\nexport async function loadFileDataUrl(\n requireUrl: { default: string },\n mimeType: string,\n) {\n if (import.meta.env.NODE_ENV === \"test\") {\n const buffer = await loadFileBuffer(requireUrl);\n const fileBase64 = buffer.toString(\"base64\");\n\n const dataUrl = `data:${mimeType};base64,${fileBase64}`;\n return dataUrl;\n } else {\n // in browser, this is already a data url\n return requireUrl.default as string;\n }\n}\n\nexport async function loadFontDataUrl(requireUrl: { default: string }) {\n return loadFileDataUrl(requireUrl, \"font/ttf\");\n}\n\nexport async function loadFileBuffer(requireUrl: {\n default: string;\n}): Promise<Buffer | ArrayBuffer> {\n if (import.meta.env.NODE_ENV === \"test\") {\n // in vitest, this is the url we need to load with readfilesync\n // eslint-disable-next-line\n const fs = require(\"fs\");\n let url = requireUrl.default;\n\n if (url.startsWith(\"/@fs/\")) {\n url = url.substring(\"/@fs\".length);\n }\n // On Windows, vite/vitest may yield paths like \"/C:/...\" after removing /@fs\n // Node on Windows treats paths starting with \"/\" as relative to current drive,\n // which would produce \"C:\\C:\\...\". Strip leading slash when followed by a drive letter.\n if (/^\\/[A-Za-z]:/.test(url)) {\n url = url.slice(1);\n }\n const buffer = fs.readFileSync(url);\n return buffer;\n } else {\n // in browser, this is already a data url\n const dataUrl = requireUrl.default as string;\n // convert to buffer on browser\n const response = await fetch(dataUrl);\n const arrayBuffer = await response.arrayBuffer();\n return arrayBuffer;\n }\n}\n\n/**\n * usage:\n * \n * await loadFontDataUrl(\n await import(\"../fonts/inter/Inter_18pt-Italic.ttf\")\n );\n */\n","import {\n Block,\n BlockNoteSchema,\n BlockSchema,\n COLORS_DEFAULT,\n DefaultProps,\n Exporter,\n ExporterOptions,\n InlineContentSchema,\n StyleSchema,\n StyledText,\n} from \"@blocknote/core\";\nimport {\n Document,\n Font,\n Link,\n Page,\n StyleSheet,\n Text,\n TextProps,\n View,\n} from \"@react-pdf/renderer\";\nimport { corsProxyResolveFileUrl } from \"@shared/api/corsProxy.js\";\nimport { Fragment } from \"react\";\nimport { loadFontDataUrl } from \"../../../../shared/util/fileUtil.js\";\n\nimport { Style } from \"./types.js\";\n\nconst FONT_SIZE = 16;\nconst PIXELS_PER_POINT = 0.75;\n\ntype Options = ExporterOptions & {\n /**\n *\n * @default uses the remote emoji source hosted on cloudflare (https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/)\n */\n emojiSource: false | ReturnType<typeof Font.getEmojiSource>;\n};\n\n/**\n * Exports a BlockNote document to a .pdf file using the react-pdf library.\n */\nexport class PDFExporter<\n B extends BlockSchema,\n S extends StyleSchema,\n I extends InlineContentSchema,\n> extends Exporter<\n B,\n I,\n S,\n React.ReactElement<Text>,\n React.ReactElement<Link> | React.ReactElement<Text>,\n TextProps[\"style\"],\n React.ReactElement<Text>\n> {\n private fontsRegistered = false;\n\n public styles = StyleSheet.create({\n page: {\n paddingTop: 35,\n paddingBottom: 65,\n paddingHorizontal: 35,\n fontFamily: \"Inter\",\n fontSize: FONT_SIZE * PIXELS_PER_POINT, // pixels\n lineHeight: 1.5,\n },\n block: {},\n blockChildren: {},\n header: {},\n footer: {\n position: \"absolute\",\n },\n });\n\n public readonly options: Options;\n\n public constructor(\n /**\n * The schema of your editor. The mappings are automatically typed checked against this schema.\n */\n protected readonly schema: BlockNoteSchema<B, I, S>,\n /**\n * The mappings that map the BlockNote schema to the react-pdf content.\n *\n * Pass {@link pdfDefaultSchemaMappings} for the default schema.\n */\n mappings: Exporter<\n NoInfer<B>,\n NoInfer<I>,\n NoInfer<S>,\n React.ReactElement<Text>, // RB\n React.ReactElement<Link> | React.ReactElement<Text>, // RI\n TextProps[\"style\"], // RS\n React.ReactElement<Text> // TS\n >[\"mappings\"],\n options?: Partial<Options>,\n ) {\n const defaults = {\n emojiSource: {\n format: \"png\",\n url: \"https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/\",\n },\n resolveFileUrl: corsProxyResolveFileUrl,\n colors: COLORS_DEFAULT,\n } satisfies Partial<Options>;\n\n const newOptions = {\n ...defaults,\n ...options,\n };\n super(schema, mappings, newOptions);\n this.options = newOptions;\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public transformStyledText(styledText: StyledText<S>) {\n const stylesArray = this.mapStyles(styledText.styles);\n const styles = Object.assign({}, ...stylesArray);\n return (\n <Text style={styles} key={styledText.text}>\n {styledText.text}\n </Text>\n );\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public async transformBlocks(\n blocks: Block<B, I, S>[], // Or BlockFromConfig<B[keyof B], I, S>?\n nestingLevel = 0,\n ): Promise<React.ReactElement<Text>[]> {\n const ret: React.ReactElement<Text>[] = [];\n let numberedListIndex = 0;\n\n for (const b of blocks) {\n if (b.type === \"numberedListItem\") {\n numberedListIndex++;\n } else {\n numberedListIndex = 0;\n }\n const children = await this.transformBlocks(b.children, nestingLevel + 1);\n const self = await this.mapBlock(\n b as any,\n nestingLevel,\n numberedListIndex,\n children,\n ); // TODO: any\n\n if ([\"pageBreak\", \"columnList\", \"column\"].includes(b.type)) {\n ret.push(self);\n continue;\n }\n\n const style = this.blocknoteDefaultPropsToReactPDFStyle(b.props as any);\n ret.push(\n <Fragment key={b.id}>\n <View\n style={{\n paddingVertical: 3 * PIXELS_PER_POINT,\n ...this.styles.block,\n ...style,\n }}\n >\n {self}\n </View>\n {children.length > 0 && (\n <View\n style={{\n marginLeft: FONT_SIZE * 1.5 * PIXELS_PER_POINT,\n ...this.styles.blockChildren,\n }}\n key={b.id + nestingLevel + \"children\"}\n >\n {children}\n </View>\n )}\n </Fragment>,\n );\n }\n\n return ret;\n }\n\n protected async registerFonts() {\n if (this.fontsRegistered) {\n return;\n }\n\n if (this.options.emojiSource) {\n Font.registerEmojiSource(this.options.emojiSource);\n }\n let font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Regular.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Italic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Bold.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/GeistMono-Regular.ttf\"),\n );\n Font.register({\n family: \"GeistMono\",\n src: font,\n });\n\n this.fontsRegistered = true;\n }\n\n /**\n * Convert a document (array of Blocks) to a react-pdf Document.\n */\n public async toReactPDFDocument(\n blocks: Block<B, I, S>[],\n options: {\n /**\n * Add a header to every page.\n * The React component passed must be a React-PDF component\n */\n header?: React.ReactElement;\n /**\n * Add a footer to every page.\n * The React component passed must be a React-PDF component\n */\n footer?: React.ReactElement;\n } = {},\n ) {\n await this.registerFonts();\n\n return (\n <Document>\n <Page dpi={100} size=\"A4\" style={this.styles.page}>\n {options.header && (\n <View fixed style={this.styles.header}>\n {options.header}\n </View>\n )}\n {await this.transformBlocks(blocks)}\n {options.footer && (\n <View\n fixed\n style={[\n {\n left: this.styles.page.paddingHorizontal || 0,\n bottom: (this.styles.page.paddingBottom || 0) / 2,\n right: this.styles.page.paddingHorizontal || 0,\n },\n this.styles.footer,\n ]}\n >\n {options.footer}\n </View>\n )}\n </Page>\n </Document>\n );\n }\n\n protected blocknoteDefaultPropsToReactPDFStyle(\n props: Partial<DefaultProps>,\n ): Style {\n return {\n textAlign: props.textAlignment,\n backgroundColor:\n props.backgroundColor === \"default\" || !props.backgroundColor\n ? undefined\n : this.options.colors[props.backgroundColor]?.background,\n color:\n props.textColor === \"default\" || !props.textColor\n ? undefined\n : this.options.colors[props.textColor]?.text,\n alignItems:\n props.textAlignment === \"right\"\n ? \"flex-end\"\n : props.textAlignment === \"center\"\n ? \"center\"\n : undefined,\n };\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"blocknote-xl-pdf-exporter.js","names":[],"sources":["../src/pdf/util/listItem.tsx","../src/pdf/util/table/Table.tsx","../src/pdf/defaultSchema/blocks.tsx","../src/pdf/defaultSchema/inlinecontent.tsx","../src/pdf/defaultSchema/styles.tsx","../src/pdf/defaultSchema/index.ts","../../../shared/api/corsProxy.ts","../../../shared/util/fileUtil.ts","../src/pdf/pdfExporter.tsx"],"sourcesContent":["import { Path, StyleSheet, Svg, Text, View } from \"@react-pdf/renderer\";\nimport { Style } from \"../types.js\";\n\n// https://github.com/diegomura/react-pdf/issues/134\n\nconst PIXELS_PER_POINT = 0.75;\n\nconst styles = StyleSheet.create({\n listItem: {\n display: \"flex\",\n flexDirection: \"row\",\n gap: 8 * PIXELS_PER_POINT,\n paddingRight: 10, // otherwise text overflows, seems like a react-pdf / yoga bug\n },\n bullet: {\n // fontFamily: \"\", // we could add symbol font if we don't want to use inter (default font) here\n },\n});\n\nexport const BULLET_MARKER = \"\\u2022\";\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed\nexport const CHEVRON_MARKER = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M472-480 332-620q-18-18-18-44t18-44q18-18 44-18t44 18l183 183q9 9 14 21t5 24q0 12-5 24t-14 21L420-252q-18 18-44 18t-44-18q-18-18-18-44t18-44l140-140Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box_outline_blank:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_UNCHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z\" />\n </Svg>\n);\n\n// https://fonts.google.com/icons?selected=Material+Symbols+Outlined:check_box:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24&icon.color=undefined\nexport const CHECK_MARKER_CHECKED = (\n <Svg\n style={{ marginTop: 2 }}\n height=\"12\"\n viewBox=\"0 -960 960 960\"\n width=\"12\"\n fill=\"undefined\"\n >\n <Path d=\"m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n </Svg>\n);\n\nexport const ListItem = ({\n listMarker,\n children,\n style,\n}: {\n listMarker: string | React.ReactNode;\n children: React.ReactNode;\n style?: Style;\n}) => {\n return (\n <View style={[styles.listItem, style || {}]}>\n <View style={styles.bullet}>\n {/* <Svg width={2} height={2}>\n <Circle cx=\"1\" cy=\"1\" r=\"2\" fill=\"black\" />\n </Svg> */}\n {typeof listMarker === \"string\" ? (\n <Text>{listMarker}</Text>\n ) : (\n listMarker\n )}\n </View>\n {children}\n </View>\n );\n};\n","import {\n Exporter,\n InlineContentSchema,\n mapTableCell,\n StyleSchema,\n TableContent,\n} from \"@blocknote/core\";\nimport { StyleSheet, View } from \"@react-pdf/renderer\";\nconst PIXELS_PER_POINT = 0.75;\n\n// ( impossible?) to make tables with flex that don't have a fixed / 100% width?\n// we'd need to measure the width of every column manually\nconst styles = StyleSheet.create({\n tableContainer: {\n // width: \"100%\",\n },\n row: {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n // width: \"100%\",\n // justifyContent: \"space-between\",\n display: \"flex\",\n },\n cell: {\n paddingHorizontal: 5 * PIXELS_PER_POINT,\n paddingTop: 3 * PIXELS_PER_POINT,\n // paddingBottom: 1 * PIXELS_PER_POINT, should be 3px but looks odd, better with no padding Bottom\n borderLeft: \"1px solid #ddd\",\n borderTop: \"1px solid #ddd\",\n wordWrap: \"break-word\",\n whiteSpace: \"pre-wrap\",\n },\n headerCell: {\n fontWeight: \"bold\",\n },\n bottomCell: {\n borderBottom: \"1px solid #ddd\",\n },\n rightCell: {\n borderRight: \"1px solid #ddd\",\n },\n});\n\nexport const Table = (props: {\n data: TableContent<InlineContentSchema>;\n transformer: Exporter<\n any,\n InlineContentSchema,\n StyleSchema,\n any,\n any,\n any,\n any\n >;\n}) => {\n // If headerRows is 1, then the first row is a header row\n const headerRows = new Array(props.data.headerRows ?? 0).fill(true);\n // If headerCols is 1, then the first column is a header column\n const headerCols = new Array(props.data.headerCols ?? 0).fill(true);\n\n return (\n <View style={styles.tableContainer} wrap={false}>\n {props.data.rows.map((row, rowIndex) => (\n <View\n style={[\n styles.row,\n rowIndex === props.data.rows.length - 1 ? styles.bottomCell : {},\n ]}\n key={rowIndex}\n >\n {row.cells.map((c, colIndex) => {\n const cell = mapTableCell(c);\n\n const isHeaderRow = headerRows[rowIndex];\n const isHeaderCol = headerCols[colIndex];\n\n // TODO we need to support for colspan and rowspan, but at the moment are blocked by react-pdf\n return (\n <View\n style={[\n styles.cell,\n isHeaderRow || isHeaderCol ? styles.headerCell : {},\n colIndex === row.cells.length - 1 ? styles.rightCell : {},\n props.data.columnWidths[colIndex]\n ? { width: props.data.columnWidths[colIndex] }\n : { flex: 1 },\n {\n color:\n cell.props.textColor === \"default\"\n ? undefined\n : props.transformer.options.colors[cell.props.textColor]\n ?.text,\n backgroundColor:\n cell.props.backgroundColor === \"default\"\n ? undefined\n : props.transformer.options.colors[\n cell.props.backgroundColor\n ]?.background,\n textAlign: cell.props.textAlignment,\n },\n ]}\n key={colIndex}\n >\n {props.transformer.transformInlineContent(cell.content)}\n </View>\n );\n })}\n </View>\n ))}\n </View>\n );\n};\n","import {\n BlockMapping,\n DefaultBlockSchema,\n DefaultProps,\n createPageBreakBlockConfig,\n StyledText,\n} from \"@blocknote/core\";\nimport { multiColumnSchema } from \"@blocknote/xl-multi-column\";\nimport { Image, Link, Path, Svg, Text, View } from \"@react-pdf/renderer\";\nimport {\n BULLET_MARKER,\n CHECK_MARKER_CHECKED,\n CHECK_MARKER_UNCHECKED,\n CHEVRON_MARKER,\n ListItem,\n} from \"../util/listItem.js\";\nimport { Table } from \"../util/table/Table.js\";\n\nconst PIXELS_PER_POINT = 0.75;\nconst FONT_SIZE = 16;\n\nexport const pdfBlockMappingForDefaultSchema: BlockMapping<\n DefaultBlockSchema & {\n pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n } & typeof multiColumnSchema.blockSchema,\n any,\n any,\n React.ReactElement<Text>,\n React.ReactElement<Text> | React.ReactElement<Link>\n> = {\n paragraph: (block, exporter) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n return (\n <Text key={\"paragraph\" + block.id}>\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n toggleListItem: (block, exporter) => {\n return (\n <ListItem listMarker={CHEVRON_MARKER}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n bulletListItem: (block, exporter) => {\n // const style = t(block.props);\n return (\n <ListItem listMarker={BULLET_MARKER} key={\"bulletListItem\" + block.id}>\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n numberedListItem: (block, exporter, _nestingLevel, numberedListIndex) => {\n // const style = blocknoteDefaultPropsToReactPDFStyle(block.props);\n // console.log(\"NUMBERED LIST ITEM\", block.props.textAlignment, style);\n return (\n <ListItem\n listMarker={`${numberedListIndex}.`}\n key={\"numberedListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n // would be nice to have pdf checkboxes:\n // https://github.com/diegomura/react-pdf/issues/2103\n checkListItem: (block, exporter) => {\n return (\n <ListItem\n listMarker={\n block.props.checked ? CHECK_MARKER_CHECKED : CHECK_MARKER_UNCHECKED\n }\n key={\"checkListItem\" + block.id}\n >\n <Text>{exporter.transformInlineContent(block.content)}</Text>\n </ListItem>\n );\n },\n heading: (block, exporter) => {\n const levelFontSizeEM = {\n 1: 2,\n 2: 1.5,\n 3: 1.17,\n 4: 1,\n 5: 0.83,\n 6: 0.67,\n }[block.props.level as 1 | 2 | 3 | 4 | 5 | 6];\n return (\n <Text\n key={\"heading\" + block.id}\n style={{\n fontSize: levelFontSizeEM * FONT_SIZE * PIXELS_PER_POINT,\n lineHeight: 1.25,\n fontWeight: 700,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n quote: (block, exporter) => {\n return (\n <Text\n key={\"quote\" + block.id}\n style={{\n borderLeft: \"#7D797A\",\n color: \"#7D797A\",\n paddingLeft: 9.5 * PIXELS_PER_POINT,\n }}\n >\n {exporter.transformInlineContent(block.content)}\n </Text>\n );\n },\n codeBlock: (block) => {\n // Code blocks should always contain a single `StyledText` inline content.\n // However, if this is not the case for whatever reason, we can merge the\n // text content of all `StyledText` content in them.\n const textContent = (block.content as StyledText<any>[])\n .map((item) => item.text)\n .join(\"\");\n const lines = textContent.split(\"\\n\").map((line, index) => {\n const indent = line.match(/^\\s*/)?.[0].length || 0;\n\n return (\n <Text\n key={`line_${index}` + block.id}\n style={{\n marginLeft: indent * 9.5 * PIXELS_PER_POINT,\n }}\n >\n {line.trimStart() || <>&nbsp;</>}\n </Text>\n );\n });\n\n return (\n <View\n wrap={false}\n style={{\n padding: 24 * PIXELS_PER_POINT,\n border: \"1px solid #000000\",\n lineHeight: 1.25,\n fontSize: FONT_SIZE * PIXELS_PER_POINT,\n fontFamily: \"GeistMono\",\n }}\n key={\"codeBlock\" + block.id}\n >\n {lines}\n </View>\n );\n },\n pageBreak: () => {\n return <View break key={\"pageBreak\"} />;\n },\n divider: () => {\n return (\n <View\n style={{\n borderTop: \"1px solid #ccc\",\n marginTop: 11.5 * PIXELS_PER_POINT,\n marginBottom: 11.5 * PIXELS_PER_POINT,\n }}\n />\n );\n },\n column: (block, _exporter, _nestingLevel, _numberedListIndex, children) => {\n return <View style={{ flex: block.props.width }}>{children}</View>;\n },\n columnList: (\n _block,\n _exporter,\n _nestingLevel,\n _numberedListIndex,\n children,\n ) => {\n return (\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {children}\n </View>\n );\n },\n audio: (block, exporter) => {\n return (\n <View wrap={false} key={\"audio\" + block.id}>\n {file(\n block.props,\n \"Open audio file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></Path>\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n video: (block, exporter) => {\n return (\n <View wrap={false} key={\"video\" + block.id}>\n {file(\n block.props,\n \"Open video file\",\n <Svg height={14} width={14} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n file: (block, exporter) => {\n return (\n <View wrap={false} key={\"file\" + block.id}>\n {file(\n block.props,\n \"Open file\",\n <Svg height={16} width={16} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <Path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\" />\n </Svg>,\n exporter,\n )}\n {caption(block.props, exporter)}\n </View>\n );\n },\n image: async (block, t) => {\n return (\n <View wrap={false} key={\"image\" + block.id}>\n <Image\n src={await t.resolveFile(block.props.url)}\n style={{\n width: block.props.previewWidth\n ? block.props.previewWidth * PIXELS_PER_POINT\n : undefined,\n }}\n />\n {caption(block.props, t)}\n </View>\n );\n },\n table: (block, t) => {\n return (\n <Table data={block.content} transformer={t} key={\"table\" + block.id} />\n );\n },\n};\n\nfunction file(\n props: Partial<DefaultProps & { name: string; url: string }>,\n defaultText: string,\n icon: React.ReactElement<Svg>,\n _exporter: any,\n) {\n const PIXELS_PER_POINT = 0.75;\n return (\n <Link src={props.url} key={\"file\" + props.url}>\n <View\n style={{\n display: \"flex\",\n gap: 8 * PIXELS_PER_POINT,\n flexDirection: \"row\",\n }}\n >\n {icon}\n <Text>{props.name || defaultText}</Text>\n </View>\n </Link>\n );\n}\n\nfunction caption(\n props: Partial<DefaultProps & { caption: string; previewWidth: number }>,\n _exporter: any,\n) {\n if (!props.caption) {\n return undefined;\n }\n return (\n <Text\n key={\"caption\" + props.caption}\n style={{\n width: props.previewWidth\n ? props.previewWidth * PIXELS_PER_POINT\n : undefined,\n fontSize: FONT_SIZE * 0.8 * PIXELS_PER_POINT,\n }}\n >\n {props.caption}\n </Text>\n );\n}\n","import {\n DefaultInlineContentSchema,\n InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link, Text } from \"@react-pdf/renderer\";\n\nexport const pdfInlineContentMappingForDefaultSchema: InlineContentMapping<\n DefaultInlineContentSchema,\n any,\n React.ReactElement<Link> | React.ReactElement<Text>,\n React.ReactElement<Text>\n> = {\n link: (ic, exporter) => {\n return (\n <Link href={ic.href} key={\"link\" + ic.href}>\n {ic.content.map((content) => exporter.transformStyledText(content))}\n </Link>\n );\n },\n text: (ic, exporter) => {\n return exporter.transformStyledText(ic);\n },\n};\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { TextProps } from \"@react-pdf/renderer\";\n\nexport const pdfStyleMappingForDefaultSchema: StyleMapping<\n DefaultStyleSchema,\n TextProps[\"style\"]\n> = {\n bold: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontWeight: \"bold\",\n };\n },\n italic: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontStyle: \"italic\",\n };\n },\n underline: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"underline\", // TODO: could conflict with strike\n };\n },\n strike: (val) => {\n if (!val) {\n return {};\n }\n return {\n textDecoration: \"line-through\",\n };\n },\n backgroundColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n backgroundColor: exporter.options.colors[val]?.background,\n };\n },\n textColor: (val, exporter) => {\n if (!val) {\n return {};\n }\n return {\n color: exporter.options.colors[val]?.text,\n };\n },\n code: (val) => {\n if (!val) {\n return {};\n }\n return {\n fontFamily: \"GeistMono\",\n };\n },\n};\n","import { pdfBlockMappingForDefaultSchema } from \"./blocks.js\";\nimport { pdfInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nimport { pdfStyleMappingForDefaultSchema } from \"./styles.js\";\n\nexport const pdfDefaultSchemaMappings: {\n blockMapping: typeof pdfBlockMappingForDefaultSchema;\n inlineContentMapping: typeof pdfInlineContentMappingForDefaultSchema;\n styleMapping: typeof pdfStyleMappingForDefaultSchema;\n} = {\n blockMapping: pdfBlockMappingForDefaultSchema,\n inlineContentMapping: pdfInlineContentMappingForDefaultSchema,\n styleMapping: pdfStyleMappingForDefaultSchema,\n};\n","export async function corsProxyResolveFileUrl(url: string) {\n return (\n \"https://corsproxy.api.blocknotejs.org/corsproxy/?url=\" +\n encodeURIComponent(url)\n );\n}\n","/**\n *\n * Helper functions so that we can import files both on vitest, browser and node\n * TODO: should find a way to test automatically in all environments\n */\n\nexport async function loadFileDataUrl(\n requireUrl: { default: string },\n mimeType: string,\n) {\n if (import.meta.env.NODE_ENV === \"test\") {\n const buffer = await loadFileBuffer(requireUrl);\n const fileBase64 = buffer.toString(\"base64\");\n\n const dataUrl = `data:${mimeType};base64,${fileBase64}`;\n return dataUrl;\n } else {\n // in browser, this is already a data url\n return requireUrl.default as string;\n }\n}\n\nexport async function loadFontDataUrl(requireUrl: { default: string }) {\n return loadFileDataUrl(requireUrl, \"font/ttf\");\n}\n\nexport async function loadFileBuffer(requireUrl: {\n default: string;\n}): Promise<Buffer | ArrayBuffer> {\n if (import.meta.env.NODE_ENV === \"test\") {\n // in vitest, this is the url we need to load with readfilesync\n // eslint-disable-next-line\n const fs = require(\"fs\");\n let url = requireUrl.default;\n\n if (url.startsWith(\"/@fs/\")) {\n url = url.substring(\"/@fs\".length);\n }\n // On Windows, vite/vitest may yield paths like \"/C:/...\" after removing /@fs\n // Node on Windows treats paths starting with \"/\" as relative to current drive,\n // which would produce \"C:\\C:\\...\". Strip leading slash when followed by a drive letter.\n if (/^\\/[A-Za-z]:/.test(url)) {\n url = url.slice(1);\n }\n const buffer = fs.readFileSync(url);\n return buffer;\n } else {\n // in browser, this is already a data url\n const dataUrl = requireUrl.default as string;\n // convert to buffer on browser\n const response = await fetch(dataUrl);\n const arrayBuffer = await response.arrayBuffer();\n return arrayBuffer;\n }\n}\n\n/**\n * usage:\n * \n * await loadFontDataUrl(\n await import(\"../fonts/inter/Inter_18pt-Italic.ttf\")\n );\n */\n","import {\n Block,\n BlockNoteSchema,\n BlockSchema,\n COLORS_DEFAULT,\n DefaultProps,\n Exporter,\n ExporterOptions,\n InlineContentSchema,\n StyleSchema,\n StyledText,\n} from \"@blocknote/core\";\nimport {\n Document,\n Font,\n Link,\n Page,\n StyleSheet,\n Text,\n TextProps,\n View,\n} from \"@react-pdf/renderer\";\nimport { corsProxyResolveFileUrl } from \"@shared/api/corsProxy.js\";\nimport { Fragment } from \"react\";\nimport { loadFontDataUrl } from \"../../../../shared/util/fileUtil.js\";\n\nimport { Style } from \"./types.js\";\n\nconst FONT_SIZE = 16;\nconst PIXELS_PER_POINT = 0.75;\n\ntype Options = ExporterOptions & {\n /**\n *\n * @default uses the remote emoji source hosted on cloudflare (https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/)\n */\n emojiSource: false | ReturnType<typeof Font.getEmojiSource>;\n};\n\n/**\n * Exports a BlockNote document to a .pdf file using the react-pdf library.\n */\nexport class PDFExporter<\n B extends BlockSchema,\n S extends StyleSchema,\n I extends InlineContentSchema,\n> extends Exporter<\n B,\n I,\n S,\n React.ReactElement<Text>,\n React.ReactElement<Link> | React.ReactElement<Text>,\n TextProps[\"style\"],\n React.ReactElement<Text>\n> {\n private fontsRegistered = false;\n\n public styles = StyleSheet.create({\n page: {\n paddingTop: 35,\n paddingBottom: 65,\n paddingHorizontal: 35,\n fontFamily: \"Inter\",\n fontSize: FONT_SIZE * PIXELS_PER_POINT, // pixels\n lineHeight: 1.5,\n },\n block: {},\n blockChildren: {},\n header: {},\n footer: {\n position: \"absolute\",\n },\n });\n\n public readonly options: Options;\n\n public constructor(\n /**\n * The schema of your editor. The mappings are automatically typed checked against this schema.\n */\n protected readonly schema: BlockNoteSchema<B, I, S>,\n /**\n * The mappings that map the BlockNote schema to the react-pdf content.\n *\n * Pass {@link pdfDefaultSchemaMappings} for the default schema.\n */\n mappings: Exporter<\n NoInfer<B>,\n NoInfer<I>,\n NoInfer<S>,\n React.ReactElement<Text>, // RB\n React.ReactElement<Link> | React.ReactElement<Text>, // RI\n TextProps[\"style\"], // RS\n React.ReactElement<Text> // TS\n >[\"mappings\"],\n options?: Partial<Options>,\n ) {\n const defaults = {\n emojiSource: {\n format: \"png\",\n url: \"https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/\",\n },\n resolveFileUrl: corsProxyResolveFileUrl,\n colors: COLORS_DEFAULT,\n } satisfies Partial<Options>;\n\n const newOptions = {\n ...defaults,\n ...options,\n };\n super(schema, mappings, newOptions);\n this.options = newOptions;\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public transformStyledText(styledText: StyledText<S>) {\n const stylesArray = this.mapStyles(styledText.styles);\n const styles = Object.assign({}, ...stylesArray);\n return (\n <Text style={styles} key={styledText.text}>\n {styledText.text}\n </Text>\n );\n }\n\n /**\n * Mostly for internal use, you probably want to use `toBlob` or `toReactPDFDocument` instead.\n */\n public async transformBlocks(\n blocks: Block<B, I, S>[], // Or BlockFromConfig<B[keyof B], I, S>?\n nestingLevel = 0,\n ): Promise<React.ReactElement<Text>[]> {\n const ret: React.ReactElement<Text>[] = [];\n let numberedListIndex = 0;\n\n for (const b of blocks) {\n if (b.type === \"numberedListItem\") {\n numberedListIndex++;\n } else {\n numberedListIndex = 0;\n }\n const children = await this.transformBlocks(b.children, nestingLevel + 1);\n const self = await this.mapBlock(\n b as any,\n nestingLevel,\n numberedListIndex,\n children,\n ); // TODO: any\n\n if ([\"pageBreak\", \"columnList\", \"column\"].includes(b.type)) {\n ret.push(self);\n continue;\n }\n\n const style = this.blocknoteDefaultPropsToReactPDFStyle(b.props as any);\n ret.push(\n <Fragment key={b.id}>\n <View\n style={{\n paddingVertical: 3 * PIXELS_PER_POINT,\n ...this.styles.block,\n ...style,\n }}\n >\n {self}\n </View>\n {children.length > 0 && (\n <View\n style={{\n marginLeft: FONT_SIZE * 1.5 * PIXELS_PER_POINT,\n ...this.styles.blockChildren,\n }}\n key={b.id + nestingLevel + \"children\"}\n >\n {children}\n </View>\n )}\n </Fragment>,\n );\n }\n\n return ret;\n }\n\n protected async registerFonts() {\n if (this.fontsRegistered) {\n return;\n }\n\n if (this.options.emojiSource) {\n Font.registerEmojiSource(this.options.emojiSource);\n }\n let font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Regular.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Italic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-Bold.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf\"),\n );\n Font.register({\n family: \"Inter\",\n fontStyle: \"italic\",\n src: font,\n fontWeight: \"bold\",\n });\n\n font = await loadFontDataUrl(\n await import(\"@shared/assets/fonts/GeistMono-Regular.ttf\"),\n );\n Font.register({\n family: \"GeistMono\",\n src: font,\n });\n\n this.fontsRegistered = true;\n }\n\n /**\n * Convert a document (array of Blocks) to a react-pdf Document.\n */\n public async toReactPDFDocument(\n blocks: Block<B, I, S>[],\n options: {\n /**\n * Add a header to every page.\n * The React component passed must be a React-PDF component\n */\n header?: React.ReactElement;\n /**\n * Add a footer to every page.\n * The React component passed must be a React-PDF component\n */\n footer?: React.ReactElement;\n } = {},\n ) {\n await this.registerFonts();\n\n return (\n <Document>\n <Page dpi={100} size=\"A4\" style={this.styles.page}>\n {options.header && (\n <View fixed style={this.styles.header}>\n {options.header}\n </View>\n )}\n {await this.transformBlocks(blocks)}\n {options.footer && (\n <View\n fixed\n style={[\n {\n left: this.styles.page.paddingHorizontal || 0,\n bottom: (this.styles.page.paddingBottom || 0) / 2,\n right: this.styles.page.paddingHorizontal || 0,\n },\n this.styles.footer,\n ]}\n >\n {options.footer}\n </View>\n )}\n </Page>\n </Document>\n );\n }\n\n protected blocknoteDefaultPropsToReactPDFStyle(\n props: Partial<DefaultProps>,\n ): Style {\n return {\n textAlign: props.textAlignment,\n backgroundColor:\n props.backgroundColor === \"default\" || !props.backgroundColor\n ? undefined\n : this.options.colors[props.backgroundColor]?.background,\n color:\n props.textColor === \"default\" || !props.textColor\n ? undefined\n : this.options.colors[props.textColor]?.text,\n alignItems:\n props.textAlignment === \"right\"\n ? \"flex-end\"\n : props.textAlignment === \"center\"\n ? \"center\"\n : undefined,\n };\n }\n}\n"],"mappings":"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"}
package/dist/webpack-stats.json CHANGED
@@ -1 +1 @@
1
- {"builtAt":1777035763760,"assets":[{"name":"blocknote-xl-pdf-exporter.cjs","size":10644},{"name":"GeistMono-Regular-BG912g5C.cjs","size":155104},{"name":"Inter_18pt-Bold-BJ9YYd-d.cjs","size":458974},{"name":"Inter_18pt-BoldItalic-DIU6URl8.cjs","size":464348},{"name":"Inter_18pt-Italic-CbkMTTYj.cjs","size":462080},{"name":"Inter_18pt-Regular-DqCBtXZR.cjs","size":457013},{"name":"GeistMono-Regular-BG912g5C.cjs.map","size":155219},{"name":"Inter_18pt-Bold-BJ9YYd-d.cjs.map","size":459093},{"name":"Inter_18pt-BoldItalic-DIU6URl8.cjs.map","size":464473},{"name":"Inter_18pt-Italic-CbkMTTYj.cjs.map","size":462201},{"name":"Inter_18pt-Regular-DqCBtXZR.cjs.map","size":457135},{"name":"blocknote-xl-pdf-exporter.cjs.map","size":38092}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-pdf-exporter.cjs"],"names":["blocknote-xl-pdf-exporter"]},{"id":"642be88","entry":false,"initial":false,"files":["GeistMono-Regular-BG912g5C.cjs"],"names":["GeistMono-Regular"]},{"id":"7793085","entry":false,"initial":false,"files":["Inter_18pt-Bold-BJ9YYd-d.cjs"],"names":["Inter_18pt-Bold"]},{"id":"097c571","entry":false,"initial":false,"files":["Inter_18pt-BoldItalic-DIU6URl8.cjs"],"names":["Inter_18pt-BoldItalic"]},{"id":"73c6ce6","entry":false,"initial":false,"files":["Inter_18pt-Italic-CbkMTTYj.cjs"],"names":["Inter_18pt-Italic"]},{"id":"b6f14fb","entry":false,"initial":false,"files":["Inter_18pt-Regular-DqCBtXZR.cjs"],"names":["Inter_18pt-Regular"]}],"modules":[{"name":"./src/pdf/util/listItem.tsx","size":2063,"chunks":["a1ee98a"]},{"name":"./src/pdf/util/table/Table.tsx","size":2070,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/blocks.tsx","size":8189,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/inlinecontent.tsx","size":420,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/styles.tsx","size":778,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/index.ts","size":249,"chunks":["a1ee98a"]},{"name":"../../shared/api/corsProxy.ts","size":192,"chunks":["a1ee98a"]},{"name":"../../shared/util/fileUtil.ts","size":234,"chunks":["a1ee98a"]},{"name":"./src/pdf/pdfExporter.tsx","size":4937,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155128,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Bold.ttf","size":459002,"chunks":["7793085"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf","size":464382,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Italic.ttf","size":462110,"chunks":["73c6ce6"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":457044,"chunks":["b6f14fb"]}]}
1
+ {"builtAt":1778742598710,"assets":[{"name":"blocknote-xl-pdf-exporter.cjs","size":10638},{"name":"GeistMono-Regular-BG912g5C.cjs","size":155104},{"name":"Inter_18pt-Bold-BJ9YYd-d.cjs","size":458974},{"name":"Inter_18pt-BoldItalic-DIU6URl8.cjs","size":464348},{"name":"Inter_18pt-Italic-CbkMTTYj.cjs","size":462080},{"name":"Inter_18pt-Regular-DqCBtXZR.cjs","size":457013},{"name":"GeistMono-Regular-BG912g5C.cjs.map","size":155219},{"name":"Inter_18pt-Bold-BJ9YYd-d.cjs.map","size":459093},{"name":"Inter_18pt-BoldItalic-DIU6URl8.cjs.map","size":464473},{"name":"Inter_18pt-Italic-CbkMTTYj.cjs.map","size":462201},{"name":"Inter_18pt-Regular-DqCBtXZR.cjs.map","size":457135},{"name":"blocknote-xl-pdf-exporter.cjs.map","size":38327}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-pdf-exporter.cjs"],"names":["blocknote-xl-pdf-exporter"]},{"id":"642be88","entry":false,"initial":false,"files":["GeistMono-Regular-BG912g5C.cjs"],"names":["GeistMono-Regular"]},{"id":"7793085","entry":false,"initial":false,"files":["Inter_18pt-Bold-BJ9YYd-d.cjs"],"names":["Inter_18pt-Bold"]},{"id":"097c571","entry":false,"initial":false,"files":["Inter_18pt-BoldItalic-DIU6URl8.cjs"],"names":["Inter_18pt-BoldItalic"]},{"id":"73c6ce6","entry":false,"initial":false,"files":["Inter_18pt-Italic-CbkMTTYj.cjs"],"names":["Inter_18pt-Italic"]},{"id":"b6f14fb","entry":false,"initial":false,"files":["Inter_18pt-Regular-DqCBtXZR.cjs"],"names":["Inter_18pt-Regular"]}],"modules":[{"name":"./src/pdf/util/listItem.tsx","size":2063,"chunks":["a1ee98a"]},{"name":"./src/pdf/util/table/Table.tsx","size":2070,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/blocks.tsx","size":8185,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/inlinecontent.tsx","size":420,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/styles.tsx","size":778,"chunks":["a1ee98a"]},{"name":"./src/pdf/defaultSchema/index.ts","size":249,"chunks":["a1ee98a"]},{"name":"../../shared/api/corsProxy.ts","size":192,"chunks":["a1ee98a"]},{"name":"../../shared/util/fileUtil.ts","size":234,"chunks":["a1ee98a"]},{"name":"./src/pdf/pdfExporter.tsx","size":4937,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155128,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Bold.ttf","size":459002,"chunks":["7793085"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf","size":464382,"chunks":["097c571"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Italic.ttf","size":462110,"chunks":["73c6ce6"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":457044,"chunks":["b6f14fb"]}]}
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "directory": "packages/xl-pdf-exporter"
10
10
  },
11
11
  "license": "GPL-3.0 OR PROPRIETARY",
12
- "version": "0.49.0",
12
+ "version": "0.51.0",
13
13
  "files": [
14
14
  "dist",
15
15
  "types",
@@ -48,9 +48,9 @@
48
48
  }
49
49
  },
50
50
  "dependencies": {
51
- "@blocknote/core": "0.49.0",
52
- "@blocknote/react": "0.49.0",
53
- "@blocknote/xl-multi-column": "0.49.0",
51
+ "@blocknote/core": "0.51.0",
52
+ "@blocknote/react": "0.51.0",
53
+ "@blocknote/xl-multi-column": "0.51.0",
54
54
  "@react-pdf/renderer": "^4.3.0",
55
55
  "buffer": "^6.0.3",
56
56
  "docx": "^9.5.1"
package/src/pdf/__snapshots__/example.jsx CHANGED
@@ -1085,8 +1085,7 @@
1085
1085
  >
1086
1086
  <VIEW
1087
1087
  style={{
1088
- backgroundColor: '#161616',
1089
- color: '#ffffff',
1088
+ border: '1px solid #000000',
1090
1089
  fontFamily: 'GeistMono',
1091
1090
  fontSize: 12,
1092
1091
  lineHeight: 1.25,
package/src/pdf/__snapshots__/exampleWithHeaderAndFooter.jsx CHANGED
@@ -1093,8 +1093,7 @@
1093
1093
  >
1094
1094
  <VIEW
1095
1095
  style={{
1096
- backgroundColor: '#161616',
1097
- color: '#ffffff',
1096
+ border: '1px solid #000000',
1098
1097
  fontFamily: 'GeistMono',
1099
1098
  fontSize: 12,
1100
1099
  lineHeight: 1.25,
package/src/pdf/defaultSchema/blocks.tsx CHANGED
@@ -114,7 +114,12 @@ export const pdfBlockMappingForDefaultSchema: BlockMapping<
114
114
  );
115
115
  },
116
116
  codeBlock: (block) => {
117
- const textContent = (block.content as StyledText<any>[])[0]?.text || "";
117
+ // Code blocks should always contain a single `StyledText` inline content.
118
+ // However, if this is not the case for whatever reason, we can merge the
119
+ // text content of all `StyledText` content in them.
120
+ const textContent = (block.content as StyledText<any>[])
121
+ .map((item) => item.text)
122
+ .join("");
118
123
  const lines = textContent.split("\n").map((line, index) => {
119
124
  const indent = line.match(/^\s*/)?.[0].length || 0;
120
125
 
@@ -135,8 +140,7 @@ export const pdfBlockMappingForDefaultSchema: BlockMapping<
135
140
  wrap={false}
136
141
  style={{
137
142
  padding: 24 * PIXELS_PER_POINT,
138
- backgroundColor: "#161616",
139
- color: "#ffffff",
143
+ border: "1px solid #000000",
140
144
  lineHeight: 1.25,
141
145
  fontSize: FONT_SIZE * PIXELS_PER_POINT,
142
146
  fontFamily: "GeistMono",