Merge pull request #47 from OnedocLabs/add-support-for-specific-descr…

…iptors Adds support for CSS > and :where selectors
OnedocLabs · Aug 21, 2024 · 9559991 · 9559991
2 parents c5fb461 + 0032bfa
commit 9559991
Show file tree

Hide file tree

Showing 38 changed files with 19 additions and 17 deletions.
diff --git a/docs/components/compile/compile.mdx b/docs/components/compile/compile.mdx
@@ -19,7 +19,7 @@ A simple function to compile a React component to an HTML string with the Onedoc
           const html = await compile(<Component />);
           ```
 
-<Frame background="subtle"><img src="../../images/previews/compile-c4caf51a/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/compile-5570a5ba/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeBlocks>
 <CodeBlock title="template.tsx">

diff --git a/docs/components/signature/field.mdx b/docs/components/signature/field.mdx
@@ -46,7 +46,7 @@ Supported fields:
 | signerAttachment | Signer attachment field |
 | signerAttachmentOptional | Optional signer attachment field |
 
-<Frame background="subtle"><img src="../../images/previews/field-da48fb0c/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/field-0dfd9c56/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeBlocks>
 <CodeBlock title="template.tsx">

diff --git a/docs/components/tailwind/tailwind.mdx b/docs/components/tailwind/tailwind.mdx
@@ -16,7 +16,7 @@ Support
 
 Use a simple Tailwind tag to support Tailwind in your document.
 
-<Frame background="subtle"><img src="../../images/previews/tailwind-45926711/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/tailwind-319e2653/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeBlocks>
 <CodeBlock title="template.tsx">
@@ -57,7 +57,7 @@ body {
 
 You can also pass a custom Tailwind config to the Tailwind component.
 
-<Frame background="subtle"><img src="../../images/previews/tailwind-15d3ba0e/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/tailwind-bc09d01e/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeBlocks>
 <CodeBlock title="template.tsx">

diff --git a/.../previews/compile-c4caf51a/document.1.jpg → .../previews/compile-5570a5ba/document.1.jpg b/.../previews/compile-c4caf51a/document.1.jpg → .../previews/compile-5570a5ba/document.1.jpg
diff --git a/...es/previews/compile-c4caf51a/document.pdf → ...es/previews/compile-5570a5ba/document.pdf b/...es/previews/compile-c4caf51a/document.pdf → ...es/previews/compile-5570a5ba/document.pdf
diff --git a/...es/previews/field-da48fb0c/document.1.jpg → ...es/previews/field-0dfd9c56/document.1.jpg b/...es/previews/field-da48fb0c/document.1.jpg → ...es/previews/field-0dfd9c56/document.1.jpg
diff --git a/...ages/previews/field-da48fb0c/document.pdf → ...ages/previews/field-0dfd9c56/document.pdf b/...ages/previews/field-da48fb0c/document.pdf → ...ages/previews/field-0dfd9c56/document.pdf
diff --git a/...previews/tailwind-45926711/document.1.jpg → ...previews/tailwind-319e2653/document.1.jpg b/...previews/tailwind-45926711/document.1.jpg → ...previews/tailwind-319e2653/document.1.jpg
diff --git a/...s/previews/tailwind-45926711/document.pdf → ...s/previews/tailwind-319e2653/document.pdf b/...s/previews/tailwind-45926711/document.pdf → ...s/previews/tailwind-319e2653/document.pdf
diff --git a/...previews/tailwind-15d3ba0e/document.1.jpg → ...previews/tailwind-bc09d01e/document.1.jpg b/...previews/tailwind-15d3ba0e/document.1.jpg → ...previews/tailwind-bc09d01e/document.1.jpg
diff --git a/...s/previews/tailwind-15d3ba0e/document.pdf → ...s/previews/tailwind-bc09d01e/document.pdf b/...s/previews/tailwind-15d3ba0e/document.pdf → ...s/previews/tailwind-bc09d01e/document.pdf
diff --git a/...templates-invoice-8da74a96/document.1.jpg → ...templates-invoice-068b91ff/document.1.jpg b/...templates-invoice-8da74a96/document.1.jpg → ...templates-invoice-068b91ff/document.1.jpg
diff --git a/...i-templates-invoice-8da74a96/document.pdf → ...i-templates-invoice-068b91ff/document.pdf b/...i-templates-invoice-8da74a96/document.pdf → ...i-templates-invoice-068b91ff/document.pdf
diff --git a/...-invoice-advanced-c81d4542/document.1.jpg → ...-invoice-advanced-dfd5a7fc/document.1.jpg b/...-invoice-advanced-c81d4542/document.1.jpg → ...-invoice-advanced-dfd5a7fc/document.1.jpg
diff --git a/...es-invoice-advanced-c81d4542/document.pdf → ...es-invoice-advanced-dfd5a7fc/document.pdf b/...es-invoice-advanced-c81d4542/document.pdf → ...es-invoice-advanced-dfd5a7fc/document.pdf
diff --git a/...ates-nda-markdown-daf9ece1/document.1.jpg → ...ates-nda-markdown-3a264b41/document.1.jpg b/...ates-nda-markdown-daf9ece1/document.1.jpg → ...ates-nda-markdown-3a264b41/document.1.jpg
diff --git a/...ates-nda-markdown-daf9ece1/document.2.jpg → ...ates-nda-markdown-3a264b41/document.2.jpg b/...ates-nda-markdown-daf9ece1/document.2.jpg → ...ates-nda-markdown-3a264b41/document.2.jpg
diff --git a/...ates-nda-markdown-daf9ece1/document.3.jpg → ...ates-nda-markdown-3a264b41/document.3.jpg b/...ates-nda-markdown-daf9ece1/document.3.jpg → ...ates-nda-markdown-3a264b41/document.3.jpg
diff --git a/...ates-nda-markdown-daf9ece1/document.4.jpg → ...ates-nda-markdown-3a264b41/document.4.jpg b/...ates-nda-markdown-daf9ece1/document.4.jpg → ...ates-nda-markdown-3a264b41/document.4.jpg
diff --git a/...ates-nda-markdown-daf9ece1/document.5.jpg → ...ates-nda-markdown-3a264b41/document.5.jpg b/...ates-nda-markdown-daf9ece1/document.5.jpg → ...ates-nda-markdown-3a264b41/document.5.jpg
diff --git a/...plates-nda-markdown-daf9ece1/document.pdf → ...plates-nda-markdown-3a264b41/document.pdf b/...plates-nda-markdown-daf9ece1/document.pdf → ...plates-nda-markdown-3a264b41/document.pdf
diff --git a/...templates-receipt-0d823fc6/document.1.jpg → ...templates-receipt-976ba276/document.1.jpg b/...templates-receipt-0d823fc6/document.1.jpg → ...templates-receipt-976ba276/document.1.jpg
diff --git a/...i-templates-receipt-0d823fc6/document.pdf → ...i-templates-receipt-976ba276/document.pdf b/...i-templates-receipt-0d823fc6/document.pdf → ...i-templates-receipt-976ba276/document.pdf
diff --git a/docs/images/previews/ui-templates-report-charts-1339f0ec/document.1.jpg b/docs/images/previews/ui-templates-report-charts-1339f0ec/document.1.jpg
diff --git a/docs/images/previews/ui-templates-report-charts-93a76b2a/document.1.jpg b/docs/images/previews/ui-templates-report-charts-93a76b2a/document.1.jpg
diff --git a/...lates-report-charts-1339f0ec/document.pdf → ...lates-report-charts-93a76b2a/document.pdf b/...lates-report-charts-1339f0ec/document.pdf → ...lates-report-charts-93a76b2a/document.pdf
diff --git a/...scientific-report-de8367bc/document.1.jpg → ...scientific-report-131b6f8b/document.1.jpg b/...scientific-report-de8367bc/document.1.jpg → ...scientific-report-131b6f8b/document.1.jpg
diff --git a/...scientific-report-de8367bc/document.2.jpg → ...scientific-report-131b6f8b/document.2.jpg b/...scientific-report-de8367bc/document.2.jpg → ...scientific-report-131b6f8b/document.2.jpg
diff --git a/...s-scientific-report-de8367bc/document.pdf → ...s-scientific-report-131b6f8b/document.pdf b/...s-scientific-report-de8367bc/document.pdf → ...s-scientific-report-131b6f8b/document.pdf
diff --git a/docs/sortedDocs.json b/docs/sortedDocs.json
diff --git a/docs/ui/templates.mdx b/docs/ui/templates.mdx
@@ -8,12 +8,12 @@ icon: list
 <CardGroup>
  <Card title="Scientific" href="../../../ui/templates/scientific-report">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-scientific-report-de8367bc/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-scientific-report-131b6f8b/document.1.jpg"/>
       </div>
     </Card>
  <Card title="With charts" href="../../../ui/templates/report-charts">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-report-charts-1339f0ec/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-report-charts-93a76b2a/document.1.jpg"/>
       </div>
     </Card>
 </CardGroup>
@@ -23,7 +23,7 @@ icon: list
 <CardGroup>
  <Card title="Receipt" href="../../../ui/templates/receipt">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-receipt-0d823fc6/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-receipt-976ba276/document.1.jpg"/>
       </div>
     </Card>
 </CardGroup>
@@ -33,7 +33,7 @@ icon: list
 <CardGroup>
  <Card title="NDA Markdown" href="../../../ui/templates/nda-markdown">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-nda-markdown-daf9ece1/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-nda-markdown-3a264b41/document.1.jpg"/>
       </div>
     </Card>
 </CardGroup>
@@ -43,12 +43,12 @@ icon: list
 <CardGroup>
  <Card title="Basic" href="../../../ui/templates/invoice">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-invoice-8da74a96/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-invoice-068b91ff/document.1.jpg"/>
       </div>
     </Card>
  <Card title="Advanced with QR" href="../../../ui/templates/invoice-advanced">
       <div style={{ marginTop: "1rem", borderRadius: "0.25rem", overflow: "hidden" }}>
-        <img src="../images/previews/ui-templates-invoice-advanced-c81d4542/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-invoice-advanced-dfd5a7fc/document.1.jpg"/>
       </div>
     </Card>
 </CardGroup>

diff --git a/docs/ui/templates/invoice-advanced.mdx b/docs/ui/templates/invoice-advanced.mdx
@@ -4,7 +4,7 @@ icon: file-invoice
 category: Invoices
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-invoice-advanced-c81d4542/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-invoice-advanced-dfd5a7fc/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import { Footnote, PageBottom, Tailwind, CSS } from "@fileforge/react-print";

diff --git a/docs/ui/templates/invoice.mdx b/docs/ui/templates/invoice.mdx
@@ -4,7 +4,7 @@ icon: file-invoice
 category: Invoices
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-invoice-8da74a96/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-invoice-068b91ff/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import { Footnote, PageBottom, Tailwind } from "@fileforge/react-print";

diff --git a/docs/ui/templates/nda-markdown.mdx b/docs/ui/templates/nda-markdown.mdx
@@ -4,7 +4,7 @@ icon: file-contract
 category: NDA
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-nda-markdown-daf9ece1/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-nda-markdown-3a264b41/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import React from "react";

diff --git a/docs/ui/templates/receipt.mdx b/docs/ui/templates/receipt.mdx
@@ -4,7 +4,7 @@ icon: receipt
 category: Receipts
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-receipt-0d823fc6/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-receipt-976ba276/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import { Footnote, Tailwind } from "@fileforge/react-print";

diff --git a/docs/ui/templates/report-charts.mdx b/docs/ui/templates/report-charts.mdx
@@ -4,7 +4,7 @@ icon: chart-pie
 category: Reports
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-report-charts-1339f0ec/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-report-charts-93a76b2a/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import { Footnote, PageBottom, Tailwind, CSS } from "@fileforge/react-print";

diff --git a/docs/ui/templates/scientific-report.mdx b/docs/ui/templates/scientific-report.mdx
@@ -4,7 +4,7 @@ icon: flask
 category: Reports
 ---
 
-<Frame background="subtle"><img src="../../images/previews/ui-templates-scientific-report-de8367bc/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
+<Frame background="subtle"><img src="../../images/previews/ui-templates-scientific-report-131b6f8b/document.1.jpg" style={{  width: '100%', height: 'auto', maxHeight: '500px', borderRadius: "0.25rem", overflow: "hidden", border: '1px solid #E5E4E2' }} /></Frame>
 
 ```jsx
 import React, { createContext, useEffect, useState } from "react";

diff --git a/src/css/css.tsx b/src/css/css.tsx
@@ -4,6 +4,8 @@ import { encode } from "html-entities";
 const allowedEntities = {
   "&apos;": "'",
   "&quot;": '"',
+  "&gt;": ">",
+  ":where": ":is", // This may introduce specificity issues, but there is no workaround supported by the engine.
 };
 
 export const CSS = ({ children }: { children: string }) => {