jspdf-md-renderer 1.3.0 → 1.4.0

package/dist/renderer/MdTextRender.js

@@ -1,7 +1,7 @@
 import { MdTokenType } from '../enums/mdTokenType';
 import { MdTextParser } from '../parser/MdTextParser';
 import { HandlePageBreaks } from '../utils/handlePageBreak';
-import { renderHeading, renderHR, renderList, renderListItem, renderParagraph, renderRawItem, } from './components';
+import { renderHeading, renderHR, renderList, renderListItem, renderParagraph, renderRawItem, renderCodeBlock } from './components';
 import { getCharHight } from '../utils/doc-helpers';
 /**
  * Renders parsed markdown text into jsPDF document.
@@ -12,7 +12,7 @@ import { getCharHight } from '../utils/doc-helpers';
  */
 export const MdTextRender = async (doc, text, options) => {
     const parsedElements = await MdTextParser(text);
-    console.log(parsedElements);
+    // console.log(parsedElements);
     let y = options.cursor.y;
     const x = options.cursor.x;
     const renderElement = (element, indentLevel = 0, hasRawBullet = false, start = 0, ordered = false) => {
@@ -40,6 +40,9 @@ export const MdTextRender = async (doc, text, options) => {
             case MdTokenType.Hr:
                 y = renderHR(doc, y, options);
                 break;
+            case MdTokenType.Code:
+                y = renderCodeBlock(doc, element, x, y, indentLevel, hasRawBullet, options);
+                break;
             case MdTokenType.Raw:
             case MdTokenType.Text:
                 y = renderRawItem(doc, element, x, y, indentLevel, hasRawBullet, options, renderElement, start, ordered);

package/dist/renderer/components/code.d.ts

@@ -0,0 +1,5 @@
+import jsPDF from 'jspdf';
+import { ParsedElement } from '../../types';
+import { RenderOption } from '../../types';
+declare const renderCodeBlock: (doc: jsPDF, element: ParsedElement, x: number, y: number, indentLevel: number, hasRawBullet: boolean, options: RenderOption) => number;
+export default renderCodeBlock;

package/dist/renderer/components/code.js

@@ -0,0 +1,28 @@
+import { HandlePageBreaks } from '../../utils/handlePageBreak';
+import { getCharHight } from '../../utils/doc-helpers';
+const renderCodeBlock = (doc, element, x, y, indentLevel, hasRawBullet, options) => {
+    const indent = indentLevel * options.page.indent;
+    if (y +
+        doc.splitTextToSize(element.code ?? '', options.page.maxContentWidth - indent).length *
+            getCharHight(doc, options) -
+        2 * getCharHight(doc, options) >=
+        options.page.maxContentHeight) {
+        HandlePageBreaks(doc, options);
+        y = options.page.topmargin;
+    }
+    const totalHeight = doc.splitTextToSize(element.code ?? '', options.page.maxContentWidth - indent).length * getCharHight(doc, options);
+    y += options.page.lineSpace;
+    doc.setFillColor("#EEEEEE");
+    doc.setDrawColor('#eee');
+    doc.roundedRect(x, y - options.page.lineSpace, options.page.maxContentWidth, totalHeight, 2, 2, "FD");
+    // doc.rect(x,y-options.page.lineSpace,options.page.maxContentWidth,totalHeight,"F")
+    // doc.setTextColor('#')
+    doc.setFontSize(10);
+    doc.text(element.lang ?? '', x + options.page.maxContentWidth - doc.getTextWidth(element.lang ?? '') - options.page.lineSpace / 2, y);
+    doc.setFontSize(options.page.defaultFontSize);
+    // y+=options.page.lineSpace
+    doc.text(element.code ?? '', x + 4, y);
+    y += totalHeight;
+    return y;
+};
+export default renderCodeBlock;

package/dist/renderer/components/index.d.ts

@@ -4,3 +4,4 @@ export { default as renderList } from './list';
 export { default as renderListItem } from './listItem';
 export { default as renderRawItem } from './rawItem';
 export { default as renderHR } from './hr';
+export { default as renderCodeBlock } from './code';

package/dist/renderer/components/index.js

@@ -4,3 +4,4 @@ export { default as renderList } from './list';
 export { default as renderListItem } from './listItem';
 export { default as renderRawItem } from './rawItem';
 export { default as renderHR } from './hr';
+export { default as renderCodeBlock } from './code';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jspdf-md-renderer",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A jsPDF utility to render Markdown directly into formatted PDFs with custom designs.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,8 @@
     "lint:fix": "eslint src/** --fix",
     "format": "prettier --write .",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "watch": "tsc --watch"
   },
   "repository": {
     "type": "git",