Merge pull request #30 from OnedocLabs/ffo-118-migrate-to-fileforgereact-print

Migrates @onedoc/react-print to @fileforge/react-print

Author: Titou325

LICENSE.md

@@ -61,27 +61,27 @@ Get the _react-print_ component library.
 ### With npm
 
 ```sh npm
-npm install @onedoc/react-print
+npm install @fileforge/react-print
 ```
 
 ### With yarn
 
 ```sh yarn
-yarn add @onedoc/react-print
+yarn add @fileforge/react-print
 ```
 
 ### With pnpm
 
 ```sh pnpm
-pnpm add @onedoc/react-print
+pnpm add @fileforge/react-print
 ```
 
 ## 2. Import component ↪️
 
 Import the components you need to your PDF template from our list of pre-build components :
 
 ```javascript
-import { PageTop, PageBottom, PageBreak } from "@onedoc/react-print";
+import { PageTop, PageBottom, PageBreak } from "@fileforge/react-print";
 ```
 
 ## 3. Integrate in your document 📄

README.md

@@ -33,7 +33,7 @@ export const buildExample = async (
 \`\`\`jsx template.tsx
 import { ${component}${
     example.imports ? `, ${example.imports.join(", ")}` : ""
-  } } from "@onedoc/react-print";${
+  } } from "@fileforge/react-print";${
     example.externalImports ? `\n${example.externalImports.join("\n")}` : ""
   }
 

docgen/buildExample.tsx

@@ -105,7 +105,7 @@ ${docConfig.description ? `description: "${docConfig.description}"` : ""}
         }
       }
     } else {
-      markdown += `\`\`\`jsx\nimport { ${componentName} } from "@onedoc/react-print";\n\`\`\`\n\n`;
+      markdown += `\`\`\`jsx\nimport { ${componentName} } from "@fileforge/react-print";\n\`\`\`\n\n`;
     }
 
     if (

docgen/buildFileMarkdown.ts

@@ -38,7 +38,7 @@ export async function buildTemplates() {
         esbuildPlugins: [
           mdx({
             remarkPlugins: [remarkFrontmatter],
-            providerImportSource: "@onedoc/react-print/mdx",
+            providerImportSource: "@fileforge/react-print/mdx",
           }),
           RawPlugin(),
         ],

docgen/buildTemplates.tsx

@@ -28,7 +28,7 @@ const html = await compile(<Component />, { emotion: true });
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { compile } from "@onedoc/react-print";
+import { compile } from "@fileforge/react-print";
 import { Button, ChakraProvider, extendTheme } from "@chakra-ui/react";
 
 <>

docs/components/compile.mdx

@@ -26,7 +26,7 @@ Use a simple CSS print property to set the page size.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { CSS } from "@onedoc/react-print";
+import { CSS } from "@fileforge/react-print";
 
 <CSS>{`@page { size: a4 landscape; }`}</CSS>;
 
@@ -55,7 +55,7 @@ Load a Google Font using the `@import` rule.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { CSS } from "@onedoc/react-print";
+import { CSS } from "@fileforge/react-print";
 
 <React.Fragment>
   <CSS>
@@ -91,7 +91,7 @@ You can use the `@page` at-rule in CSS to manage all aspects of printed pages. M
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { CSS } from "@onedoc/react-print";
+import { CSS } from "@fileforge/react-print";
 
 <React.Fragment>
   <CSS>{`@page {size: A4;margin-top:1cm;margin-right:1cm;margin-left:1cm;margin-bottom:1cm;`}</CSS>

docs/components/css.mdx

@@ -24,7 +24,7 @@ Creates an automatically numbered footnote. This will remove the footnote conten
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Footnote } from "@onedoc/react-print";
+import { Footnote } from "@fileforge/react-print";
 
 <Footnote>This is a sample footnote.</Footnote>;
 

docs/components/footnote.mdx

@@ -30,7 +30,7 @@ Support
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Latex } from "@onedoc/react-print";
+import { Latex } from "@fileforge/react-print";
 
 <Latex>{String.raw`\frac{1}{2}`}</Latex>;
 
@@ -57,7 +57,7 @@ body {
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Latex } from "@onedoc/react-print";
+import { Latex } from "@fileforge/react-print";
 
 <Latex>{String.raw`% \f is defined as #1f(#2) using the macro
 \f\relax{x} = \int_{-\infty}^\infty

docs/components/latex.mdx

@@ -26,7 +26,7 @@ Support
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Markdown } from "@onedoc/react-print";
+import { Markdown } from "@fileforge/react-print";
 
 <Markdown>{`# Hello, world!
 
@@ -61,7 +61,7 @@ You can leverage the `overrides` prop to replace Markdown components with your o
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Markdown } from "@onedoc/react-print";
+import { Markdown } from "@fileforge/react-print";
 
 <Markdown
   options={{

docs/components/markdown.mdx

@@ -26,7 +26,7 @@ This component should be placed as early as possible in the document and will ap
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { PageTop } from "@onedoc/react-print";
+import { PageTop } from "@fileforge/react-print";
 
 <PageTop style={{ backgroundColor: "#bfdbfe" }} />;
 
@@ -62,7 +62,7 @@ Displays content in the top of the current page.
 This component will override the content of the `PageTop` component for the current page.
 
 ```jsx
-import { CurrentPageTop } from "@onedoc/react-print";
+import { CurrentPageTop } from "@fileforge/react-print";
 ```
 
 ## PageBottom
@@ -85,7 +85,7 @@ Displays content in the bottom of all the pages.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { PageBottom } from "@onedoc/react-print";
+import { PageBottom } from "@fileforge/react-print";
 
 <PageBottom style={{ backgroundColor: "#bfdbfe" }} />;
 
@@ -119,7 +119,7 @@ Support
 Forces a page break.
 
 ```jsx
-import { PageBreak } from "@onedoc/react-print";
+import { PageBreak } from "@fileforge/react-print";
 ```
 
 ## NoBreak
@@ -135,7 +135,7 @@ Support
 Prevents a page break. Wrap this component around content that should not be broken across pages.
 
 ```jsx
-import { NoBreak } from "@onedoc/react-print";
+import { NoBreak } from "@fileforge/react-print";
 ```
 
 ## FloatBottom
@@ -158,7 +158,7 @@ Floats the content to the bottom of the page.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { FloatBottom } from "@onedoc/react-print";
+import { FloatBottom } from "@fileforge/react-print";
 
 <FloatBottom>Here are some floated contents</FloatBottom>;
 

docs/components/shell.mdx

@@ -59,7 +59,7 @@ Supported fields:
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Field } from "@onedoc/react-print";
+import { Field } from "@fileforge/react-print";
 
 <>
   <Tailwind>

docs/components/signature.mdx

@@ -26,7 +26,7 @@ Support
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Tailwind } from "@onedoc/react-print";
+import { Tailwind } from "@fileforge/react-print";
 
 <Tailwind>
   <div className="bg-gradient-to-tr from-blue-500 to-blue-700 rounded-2xl p-12"></div>
@@ -61,7 +61,7 @@ You can also pass a custom Tailwind config to the Tailwind component.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { Tailwind } from "@onedoc/react-print";
+import { Tailwind } from "@fileforge/react-print";
 
 <Tailwind
   config={{

docs/components/tailwind.mdx

@@ -24,7 +24,7 @@ Returns the current page number.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { PageNumber } from "@onedoc/react-print";
+import { PageNumber } from "@fileforge/react-print";
 
 <PageNumber counterStyle="decimal" />;
 
@@ -53,7 +53,7 @@ You can use a custom CSS counter-style, by passing a known name or a custom coun
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { PageNumber } from "@onedoc/react-print";
+import { PageNumber } from "@fileforge/react-print";
 
 <PageNumber counterStyle="lower-roman" />;
 
@@ -106,7 +106,7 @@ Returns the total number of pages.
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { PagesNumber, PageNumber } from "@onedoc/react-print";
+import { PagesNumber, PageNumber } from "@fileforge/react-print";
 
 <>
   <PageNumber counterStyle="decimal" />
@@ -165,7 +165,7 @@ Show the current running header of level 1 in the page header. All running heade
 
 <div style={{paddingTop: "1rem", paddingBottom: "1rem"}}><CodeGroup>
 ```jsx template.tsx
-import { RunningH1 } from "@onedoc/react-print";
+import { RunningH1 } from "@fileforge/react-print";
 
 <React.Fragment>
   <PageTop style={{ paddingTop: "1rem" }}>
@@ -204,7 +204,7 @@ Support
 Returns the current page's running header of level 2.
 
 ```jsx
-import { RunningH2 } from "@onedoc/react-print";
+import { RunningH2 } from "@fileforge/react-print";
 ```
 
 ## RunningH3
@@ -220,7 +220,7 @@ Support
 Returns the current page's running header of level 3.
 
 ```jsx
-import { RunningH3 } from "@onedoc/react-print";
+import { RunningH3 } from "@fileforge/react-print";
 ```
 
 ## RunningH4
@@ -236,7 +236,7 @@ Support
 Returns the current page's running header of level 4.
 
 ```jsx
-import { RunningH4 } from "@onedoc/react-print";
+import { RunningH4 } from "@fileforge/react-print";
 ```
 
 ## RunningH5
@@ -252,7 +252,7 @@ Support
 Returns the current page's running header of level 5.
 
 ```jsx
-import { RunningH5 } from "@onedoc/react-print";
+import { RunningH5 } from "@fileforge/react-print";
 ```
 
 ## RunningH6
@@ -268,6 +268,6 @@ Support
 Returns the current page's running header of level 6.
 
 ```jsx
-import { RunningH6 } from "@onedoc/react-print";
+import { RunningH6 } from "@fileforge/react-print";
 ```
 

docs/components/variables.mdx

@@ -22,15 +22,15 @@ Get the react-print package locally
 <CodeGroup>
 
 ```sh npm
-npm install @onedoc/react-print
+npm install @fileforge/react-print
 ```
 
 ```sh yarn
-yarn add @onedoc/react-print
+yarn add @fileforge/react-print
 ```
 
 ```sh pnpm
-pnpm add @onedoc/react-print
+pnpm add @fileforge/react-print
 ```
 
 </CodeGroup>
@@ -40,7 +40,7 @@ pnpm add @onedoc/react-print
 Create a new folder call `documents`, then create a new file inside call `index.tsx` and copy the following code:
 
 ```jsx document/index.tsx
-import { PageTop, PageBottom, PageBreak } from "@onedoc/react-print";
+import { PageTop, PageBottom, PageBreak } from "@fileforge/react-print";
 import * as React from "react";
 
 export const Document = ({ props }) => {
@@ -63,7 +63,7 @@ export const Document = ({ props }) => {
 ## 4. Compile your document to HTML
 
 ```js index.tsx
-import { compile } from "@onedoc/react-print";
+import { compile } from "@fileforge/react-print";
 import { Document } from "./document";
 
 const html = await compile(<Document />);

docs/getting-started/setup.mdx

@@ -89,7 +89,7 @@ import React from "react";
 import { PDFTemplate } from "./components/pdf-template";
 import { Onedoc } from "@onedoc/client";
 import { readFileSync, writeFileSync } from "fs";
-import { compile } from "@onedoc/react-print";
+import { compile } from "@fileforge/react-print";
 import { join } from "path";
 
 const ONEDOC_API_KEY = "####-####-####-####"; // replace with your api key

docs/images/previews/ui-templates-nda-markdown-0c872119/document.1.jpg

@@ -6,4 +6,4 @@ title: "FAQ"
 
 `react-print` ships both for server and client side. Some components are only available for the server side such as `Tailwind`.
 
-If you plan to use `react-print` on the client side, you should import your components from `@onedoc/react-print/client` instead of `@onedoc/react-print` or `@onedoc/react-print/server`.
+If you plan to use `react-print` on the client side, you should import your components from `@fileforge/react-print/client` instead of `@fileforge/react-print` or `@fileforge/react-print/server`.

docs/images/previews/ui-templates-nda-markdown-0c872119/document.2.jpg

@@ -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-01382231/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-scientific-report-d26af32f/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-568a756b/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-report-charts-7d5e23ad/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-555147ca/document.1.jpg"/>
+        <img src="../images/previews/ui-templates-nda-markdown-0c872119/document.1.jpg"/>
       </div>
     </Card>
 </CardGroup>

docs/images/previews/ui-templates-nda-markdown-0c872119/document.3.jpg

@@ -7,7 +7,7 @@ category: Invoices
 <Frame type="glass"><img src="../../images/previews/ui-templates-invoice-advanced-4497fe25/document.1.jpg" style={{ maxHeight: '600px', borderRadius: "0.25rem", overflow: "hidden" }} /></Frame>
 
 ```jsx
-import { Footnote, PageBottom, Tailwind, CSS } from "@onedoc/react-print";
+import { Footnote, PageBottom, Tailwind, CSS } from "@fileforge/react-print";
 import { QRCodeSVG } from "qrcode.react";
 import { ArrowRightIcon } from "@heroicons/react/20/solid";
 

docs/images/previews/ui-templates-nda-markdown-0c872119/document.4.jpg

@@ -7,7 +7,7 @@ category: Invoices
 <Frame type="glass"><img src="../../images/previews/ui-templates-invoice-b87296fc/document.1.jpg" style={{ maxHeight: '600px', borderRadius: "0.25rem", overflow: "hidden" }} /></Frame>
 
 ```jsx
-import { Footnote, PageBottom, Tailwind } from "@onedoc/react-print";
+import { Footnote, PageBottom, Tailwind } from "@fileforge/react-print";
 
 <Tailwind>
   <div>