npm - docgen-tool - Versions diffs - 6.1.1 → 6.3.0 - Mend

docgen-tool 6.1.1 → 6.3.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 (57) hide show

package/dist/app/app.tsx CHANGED Viewed

@@ -2,7 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { RouterProvider } from '@tanstack/react-router';
 import { router } from './views/router.tsx';
-import './views/assets/styles/framework.css';
+import 'virtual:style-variables.css';
+import './views/assets/styles/main.css';
 const app = () => {
   const rootElement = document.getElementById('root');

package/dist/app/pdf/pdf-generator/generate-pdf.tsx CHANGED Viewed

@@ -2,8 +2,10 @@ import React from 'react';
 import { pdf } from '@react-pdf/renderer';
 import { Pdf } from './react-pdf.tsx';
-export const generatePdf = async (loadedPages) => {
-  const instance = await pdf(<Pdf loadedPages={loadedPages} />);
+export const generatePdf = async (loadedPages, styleVariables) => {
+  const instance = await pdf(
+    <Pdf loadedPages={loadedPages} styleVariables={styleVariables} />,
+  );
   const blob = await instance.toBlob();
   return blob;
 };

package/dist/app/pdf/pdf-generator/generate-pdf.worker.tsx CHANGED Viewed

@@ -30,11 +30,11 @@ const loadPdfPages = async (
   return pages;
 };
-const slowTask = async () => {
+const slowTask = async (styleVariables) => {
   let data;
   try {
     const loadedPages = await loadPdfPages(__DOCGEN_PAGES__);
-    data = await generatePdf(loadedPages);
+    data = await generatePdf(loadedPages, styleVariables);
   } catch (error) {
     console.error(error);
   }
@@ -49,7 +49,7 @@ const slowTask = async () => {
 self.onmessage = ({ data: message }) => {
   switch (message.type) {
     case 'start':
-      slowTask();
+      slowTask(message.styleVariables);
       break;
     default:
   }

package/dist/app/pdf/pdf-generator/pdf-page/pdf-html-block/pdf-html-block.tsx CHANGED Viewed

@@ -1,13 +1,13 @@
 import React from 'react';
 import Html from 'react-pdf-html-simple';
-import { fontSize, htmlStyleSheet } from '../../pdf-styles/pdf-styles.ts';
+import { fontSize } from '../../pdf-styles/pdf-styles.ts';
 import { customRenderers } from './custom-renderers/custom-renderers.tsx';
-export const PdfHtmlBlock = ({ page, options }) => {
+export const PdfHtmlBlock = ({ page, options, stylesheet }) => {
   return (
     <Html
       style={{ fontSize }}
-      stylesheet={htmlStyleSheet}
+      stylesheet={stylesheet}
       renderers={customRenderers({ options })}
     >
       {page}

package/dist/app/pdf/pdf-generator/pdf-page/pdf-page.tsx CHANGED Viewed

@@ -2,15 +2,23 @@ import React from 'react';
 import { Page, View, StyleSheet } from '@react-pdf/renderer';
 import { PdfHtmlBlock } from './pdf-html-block/pdf-html-block.tsx';
 import { PdfFooter } from './pdf-footer/pdf-footer.tsx';
-import { pdfStyleSheet } from '../pdf-styles/pdf-styles.ts';
+import {
+  getPdfStyleSheet,
+  getHtmlStyleSheet,
+} from '../pdf-styles/pdf-styles.ts';
-export const reactPdfStyles = StyleSheet.create(pdfStyleSheet);
+export const PdfPage = ({ page, parameters, options, styleVariables }) => {
+  const reactPdfStyles = StyleSheet.create(getPdfStyleSheet(styleVariables));
+  const htmlStylesheet = getHtmlStyleSheet(styleVariables);
-export const PdfPage = ({ page, parameters, options }) => {
   return (
     <Page size="A4" style={reactPdfStyles.page}>
       <View>
-        <PdfHtmlBlock page={page} options={options} />
+        <PdfHtmlBlock
+          page={page}
+          options={options}
+          stylesheet={htmlStylesheet}
+        />
       </View>
       <PdfFooter parameters={parameters} />
     </Page>

package/dist/app/pdf/pdf-generator/pdf-styles/pdf-admonitions-styles.ts CHANGED Viewed

@@ -1,37 +1,37 @@
-import * as styles from '../../../style-variables/js/style-variables';
+export const getPdfAdmonitionsStyles = (styles: any) => {
+  const admonitionBaseStyle = {
+    padding: styles.SizeContentBlockPaddingPdf,
+    margin: styles.SizeContentBlockMarginPdf,
+  };
-const admonitionBaseStyle = {
-  padding: styles.SizeContentBlockPaddingPdf,
-  margin: styles.SizeContentBlockMarginPdf,
-};
-export const pdfAdmonitionsStyles = {
-  blockquote: {
-    ...admonitionBaseStyle,
-    backgroundColor: styles.ColorBackgroundNeutral,
-    borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderNeutral}`,
-    color: styles.ColorBorderNeutral,
-    fontStyle: 'italic',
-  },
-  ['.admonition']: admonitionBaseStyle,
-  ['.admonition-title']: {
-    margin: styles.SizeAdmonitionTitleMarginPdf,
-    fontWeight: 'bold',
-  },
-  ['.admonition.information']: {
-    backgroundColor: styles.ColorBackgroundInfo,
-    borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderInfo}`,
-  },
-  ['.admonition.success']: {
-    backgroundColor: styles.ColorBackgroundSuccess,
-    borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderSuccess}`,
-  },
-  ['.admonition.warning']: {
-    backgroundColor: styles.ColorBackgroundWarning,
-    borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderWarning}`,
-  },
-  ['.admonition.error']: {
-    backgroundColor: styles.ColorBackgroundError,
-    borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderError}`,
-  },
+  return {
+    blockquote: {
+      ...admonitionBaseStyle,
+      backgroundColor: styles.ColorBackgroundNeutral,
+      borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderNeutral}`,
+      color: styles.ColorBorderNeutral,
+      fontStyle: 'italic',
+    },
+    ['.admonition']: admonitionBaseStyle,
+    ['.admonition-title']: {
+      margin: styles.SizeAdmonitionTitleMarginPdf,
+      fontWeight: 'bold',
+    },
+    ['.admonition.information']: {
+      backgroundColor: styles.ColorBackgroundInfo,
+      borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderInfo}`,
+    },
+    ['.admonition.success']: {
+      backgroundColor: styles.ColorBackgroundSuccess,
+      borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderSuccess}`,
+    },
+    ['.admonition.warning']: {
+      backgroundColor: styles.ColorBackgroundWarning,
+      borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderWarning}`,
+    },
+    ['.admonition.error']: {
+      backgroundColor: styles.ColorBackgroundError,
+      borderLeft: `${styles.SizeAdmonitionBorderLeftPdf} solid ${styles.ColorBorderError}`,
+    },
+  };
 };

package/dist/app/pdf/pdf-generator/pdf-styles/pdf-styles.ts CHANGED Viewed

@@ -1,11 +1,10 @@
-import * as styles from '../../../style-variables/js/style-variables';
 import { docsStyleSheet } from './pdf-docs-styles.ts';
-import { pdfAdmonitionsStyles } from './pdf-admonitions-styles.ts';
-import { pdfTableStyles } from './pdf-table-styles.js';
+import { getPdfAdmonitionsStyles } from './pdf-admonitions-styles.ts';
+import { getPdfTableStyles } from './pdf-table-styles.ts';
 export const fontSize = 10;
-export const pdfStyleSheet = {
+export const getPdfStyleSheet = (styles: any) => ({
   page: {
     paddingTop: 35,
     paddingBottom: 65,
@@ -13,142 +12,147 @@ export const pdfStyleSheet = {
     fontSize,
     fontFamily: 'archivo',
   },
-};
-export const em = (em: number, relativeSize: number = fontSize) =>
-  em * relativeSize;
+});
-const styleInfo = {
-  color: styles.ColorTextInfo,
-  backgroundColor: styles.ColorBackgroundInfo,
-  borderLeft: `5px solid ${styles.ColorBorderInfo}`,
-  padding: styles.SizeMessagePadding,
-  marginLeft: 0,
-  marginRight: 0,
-};
+export const em = (val: number, relativeSize: number = fontSize) =>
+  val * relativeSize;
 /*
   See also the base styles set by react-pdf-html, which are being overridden here
   https://github.com/danomatic/react-pdf-html/blob/main/src/styles.ts
  */
-export const htmlStyleSheet = {
-  'h1, h2, h3, h4, h5, h6': {
-    fontWeight: 'bold',
-  },
-  h1: {
-    fontSize: styles.SizeFontH1Pdf,
-    marginVertical: em(0.67, em(2)),
-  },
-  h2: {
-    fontSize: styles.SizeFontH2Pdf,
-    marginVertical: em(0.83, em(1.5)),
-  },
-  h3: {
-    fontSize: styles.SizeFontH3Pdf,
-    marginVertical: em(1, em(1.17)),
-  },
-  h4: {
-    fontSize: styles.SizeFontH4Pdf,
-    marginVertical: em(1.33, em(1)),
-  },
-  h5: {
-    fontSize: styles.SizeFontH5Pdf,
-    marginVertical: em(1.67, em(0.83)),
-  },
-  h6: {
-    fontSize: styles.SizeFontH6Pdf,
-    marginVertical: em(2.33, em(0.67)),
-  },
-  p: {
-    color: styles.ColorText,
-    fontSize: em(1),
-    marginVertical: em(1),
-  },
-  hr: {
-    marginVertical: em(0.5),
-    borderBottomWidth: 1,
-    borderBottomColor: '#000',
-  },
-  address: {
-    fontStyle: 'italic',
-  },
-  pre: {
-    fontSize: '10pt',
-    fontFamily: 'space-mono',
-    backgroundColor: '#f5f5f5',
-    color: '#333333',
-    borderRadius: '4pt',
-    padding: '8pt',
-    borderLeft: '4pt solid #cccccc',
-    marginVertical: em(1),
-    whiteSpace: 'pre-wrap',
-  },
-  b: {
-    fontWeight: 'bold',
-  },
-  strong: {
-    fontWeight: 'bold',
-  },
-  i: {
-    fontStyle: 'italic',
-  },
-  em: {
-    fontStyle: 'italic',
-  },
-  s: {
-    textDecoration: 'line-through',
-  },
-  u: {
-    textDecoration: 'underline',
-  },
-  cite: {
-    fontStyle: 'italic',
-  },
-  code: {
-    fontFamily: 'space-mono',
-  },
-  a: {
-    textDecoration: 'underline',
-  },
-  ul: {
-    marginVertical: em(1),
-  },
-  ol: {
-    marginVertical: em(1),
-  },
-  li: {
-    display: 'flex',
-    flexDirection: 'row',
-  },
-  li_bullet: {
-    width: 30,
-    textAlign: 'right',
-    flexShrink: 0,
-    flexGrow: 0,
-    paddingRight: 5,
-  },
-  li_content: {
-    textAlign: 'left',
-    flexGrow: 1,
-    flexBasis: 1,
-  },
-  thead: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-  tbody: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-  tr: {
-    display: 'flex',
-    flexDirection: 'row',
-    flexShrink: 1,
-  },
-  ['.button']: {
-    textAlign: 'center',
-  },
-  ...pdfAdmonitionsStyles,
-  ...pdfTableStyles,
-  ...docsStyleSheet,
+export const getHtmlStyleSheet = (styles: any) => {
+  const pdfAdmonitionsStyles = getPdfAdmonitionsStyles(styles);
+  const pdfTableStyles = getPdfTableStyles(styles);
+  const styleInfo = {
+    color: styles.ColorTextInfo,
+    backgroundColor: styles.ColorBackgroundInfo,
+    borderLeft: `5px solid ${styles.ColorBorderInfo}`,
+    padding: styles.SizeMessagePadding,
+    marginLeft: 0,
+    marginRight: 0,
+  };
+  return {
+    'h1, h2, h3, h4, h5, h6': {
+      fontWeight: 'bold',
+    },
+    h1: {
+      fontSize: styles.SizeFontH1Pdf,
+      marginVertical: em(0.67, em(2)),
+    },
+    h2: {
+      fontSize: styles.SizeFontH2Pdf,
+      marginVertical: em(0.83, em(1.5)),
+    },
+    h3: {
+      fontSize: styles.SizeFontH3Pdf,
+      marginVertical: em(1, em(1.17)),
+    },
+    h4: {
+      fontSize: styles.SizeFontH4Pdf,
+      marginVertical: em(1.33, em(1)),
+    },
+    h5: {
+      fontSize: styles.SizeFontH5Pdf,
+      marginVertical: em(1.67, em(0.83)),
+    },
+    h6: {
+      fontSize: styles.SizeFontH6Pdf,
+      marginVertical: em(2.33, em(0.67)),
+    },
+    p: {
+      color: styles.ColorText,
+      fontSize: em(1),
+      marginVertical: em(1),
+    },
+    hr: {
+      marginVertical: em(0.5),
+      borderBottomWidth: 1,
+      borderBottomColor: '#000',
+    },
+    address: {
+      fontStyle: 'italic',
+    },
+    pre: {
+      fontSize: '10pt',
+      fontFamily: 'space-mono',
+      backgroundColor: '#f5f5f5',
+      color: '#333333',
+      borderRadius: '4pt',
+      padding: '8pt',
+      borderLeft: '4pt solid #cccccc',
+      marginVertical: em(1),
+      whiteSpace: 'pre-wrap',
+    },
+    b: {
+      fontWeight: 'bold',
+    },
+    strong: {
+      fontWeight: 'bold',
+    },
+    i: {
+      fontStyle: 'italic',
+    },
+    em: {
+      fontStyle: 'italic',
+    },
+    s: {
+      textDecoration: 'line-through',
+    },
+    u: {
+      textDecoration: 'underline',
+    },
+    cite: {
+      fontStyle: 'italic',
+    },
+    code: {
+      fontFamily: 'space-mono',
+    },
+    a: {
+      textDecoration: 'underline',
+    },
+    ul: {
+      marginVertical: em(1),
+    },
+    ol: {
+      marginVertical: em(1),
+    },
+    li: {
+      display: 'flex',
+      flexDirection: 'row',
+    },
+    li_bullet: {
+      width: 30,
+      textAlign: 'right',
+      flexShrink: 0,
+      flexGrow: 0,
+      paddingRight: 5,
+    },
+    li_content: {
+      textAlign: 'left',
+      flexGrow: 1,
+      flexBasis: 1,
+    },
+    thead: {
+      display: 'flex',
+      flexDirection: 'column',
+    },
+    tbody: {
+      display: 'flex',
+      flexDirection: 'column',
+    },
+    tr: {
+      display: 'flex',
+      flexDirection: 'row',
+      flexShrink: 1,
+    },
+    ['.button']: {
+      textAlign: 'center',
+    },
+    ...pdfAdmonitionsStyles,
+    ...pdfTableStyles,
+    ...docsStyleSheet,
+  };
 };

package/dist/app/pdf/pdf-generator/pdf-styles/pdf-table-styles.ts CHANGED Viewed

@@ -1,21 +1,21 @@
-import * as styles from '../../../style-variables/js/style-variables';
+export const getPdfTableStyles = (styles: any) => {
+  const tableCellStyle = {
+    padding: styles.SizeTableCellPaddingPdf,
+    border: `${styles.SizeBorderWidthPdf} solid ${styles.ColorBorder}`,
+  };
-const tableCellStyle = {
-  padding: styles.SizeTableCellPaddingPdf,
-  border: `${styles.SizeBorderWidthPdf} solid ${styles.ColorBorder}`,
-};
-const tableHeaderFooterStyle = {
-  ...tableCellStyle,
-  backgroundColor: styles.ColorTableBackgroundHeaderFooterPdf,
-  fontWeight: 'bold',
-};
+  const tableHeaderFooterStyle = {
+    ...tableCellStyle,
+    backgroundColor: styles.ColorTableBackgroundHeaderFooterPdf,
+    fontWeight: 'bold',
+  };
-export const pdfTableStyles = {
-  table: {
-    border: '1px solid #ccc',
-  },
-  td: tableCellStyle,
-  th: tableHeaderFooterStyle,
-  ['tfoot td']: tableHeaderFooterStyle,
+  return {
+    table: {
+      border: '1px solid #ccc',
+    },
+    td: tableCellStyle,
+    th: tableHeaderFooterStyle,
+    ['tfoot td']: tableHeaderFooterStyle,
+  };
 };

package/dist/app/pdf/pdf-generator/react-pdf.tsx CHANGED Viewed

@@ -51,7 +51,7 @@ Font.register({
 // Async loader for PDF pages
-export const Pdf = ({ loadedPages }) => {
+export const Pdf = ({ loadedPages, styleVariables }) => {
   const parameters = __DOCGEN_PARAMETERS__;
   const options = {};
   const allSources = Object.values(__DOCGEN_PAGES__).flatMap((columns) =>
@@ -68,6 +68,7 @@ export const Pdf = ({ loadedPages }) => {
             page={html}
             parameters={parameters}
             options={options}
+            styleVariables={styleVariables}
           />
         );
       })}

package/dist/app/pdf/pdf-generator/use-generate.pdf.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import * as styles from 'virtual:style-variables.js';
 import WorkerURL from './generate-pdf.worker.tsx?worker';
 export type TGeneratedPdf = {
@@ -37,7 +38,7 @@ export const useGeneratePdf = () => {
       }
     };
-    worker.postMessage({ type: 'start' });
+    worker.postMessage({ type: 'start', styleVariables: { ...styles } });
     return () => worker.terminate();
   }, []);

package/dist/app/pdf/pdf-viewer/pdf-controls/pdf-controls.module.css CHANGED Viewed

@@ -1,7 +1,6 @@
 .pdfControlsContainer {
   display: flex;
   justify-content: space-between;
-  /* Push items to edges */
   align-items: center;
   width: 100%;
   gap: 16px;
@@ -11,7 +10,6 @@
   display: flex;
   gap: 4px;
   align-items: center;
-  /* Removed flex: 1 and justify-content: center to keep it on the left */
 }
 .actionButtons {
@@ -28,27 +26,23 @@
   height: 32px;
   padding: 0;
   border: none;
-  background-color: transparent;
-  color: #f1f3f4;
-  /* Light grey/white text */
+  background: transparent !important;
+  color: #f1f3f4 !important;
   border-radius: 16px;
-  /* Rounded for hover effect */
   cursor: pointer;
   transition: background-color 0.1s ease;
   font-size: 20px;
-  /* Icon size */
 }
 .controlButton:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-  /* Subtle grey highlight */
+  background: rgba(255, 255, 255, 0.1) !important;
 }
-.controlButton:disabled {
-  color: #5f6368;
-  /* Dimmed icon color */
+.controlButton:disabled,
+.controlButton:disabled:hover {
+  color: #5f6368 !important;
   cursor: default;
-  background-color: transparent;
+  background: transparent !important;
 }
 .pageText {

package/dist/app/pdf/pdf-viewer/pdf-display/pdf-display.module.css CHANGED Viewed

@@ -1,6 +1,6 @@
 .pdfDisplayWrapper {
   > div div {
-    /* Override global rule from page.scss that interferes with the text highlighting layer in the react-pdf viewer */
+    /* Override global rule from page.css that interferes with the text highlighting layer in the react-pdf viewer */
     margin: 0;
   }

package/dist/app/pdf/pdf-viewer/{pdf-viewer.module.css → pdf-viewer/pdf-viewer.module.css} RENAMED Viewed

@@ -25,26 +25,15 @@
   overflow: hidden;
 }
-.cardContent {
-  flex-grow: 1;
-  overflow-y: auto;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.cardContent::-webkit-scrollbar {
-  display: none;
-}
 .loaderWrapper {
   position: relative;
   width: 100%;
   aspect-ratio: 210 / 297;
 }
-.pdfHeader {
-  background-color: #323639 !important;
-  color: white;
-  border-bottom: 1px solid #323639;
-  padding: 4px 12px !important;
+@media (max-width: 600px) {
+  .loaderWrapper {
+    height: 100% !important;
+    aspect-ratio: unset;
+  }
 }

package/dist/app/pdf/pdf-viewer/{pdf-viewer.tsx → pdf-viewer/pdf-viewer.tsx} RENAMED Viewed

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
-import { useGeneratePdf } from '../pdf-generator/use-generate.pdf.tsx';
-import { PdfDisplay } from './pdf-display/pdf-display.tsx';
-import { PdfControls } from './pdf-controls/pdf-controls.tsx';
+import { useGeneratePdf } from '../../pdf-generator/use-generate.pdf.tsx';
+import { PdfDisplay } from '../pdf-display/pdf-display.tsx';
+import { PdfControls } from '../pdf-controls/pdf-controls.tsx';
 import styles from './pdf-viewer.module.css';
-import { PdfLoader } from './pdf-loader/pdf-loader.tsx';
-import { Card } from '../../views/components/card/card.tsx';
+import { PdfLoader } from '../pdf-loader/pdf-loader.tsx';
+import { Card } from '../../../views/components/card/card.tsx';
 export const PdfViewer = () => {
   const { pdfUrl } = useGeneratePdf();
@@ -41,6 +41,7 @@ export const PdfViewer = () => {
           headerClassName={styles.pdfHeader}
           className={styles.card}
           contentClassName={styles.cardContent}
+          dark
           heading={
             <PdfControls
               pageNumber={pageNumber}