Documents for developers

1

2
import React from "react";
3
import { InvoiceTemplate } from "./components/invoice";
4
import { Onedoc } from "@onedoc/client";
5
import { readFileSync, writeFileSync } from "fs";
6
import { renderToString } from "react-dom/server";
7
import postcss from "postcss";
8
import tailwindcss from "tailwindcss";
9
import postcssColorFunctionalNotation from "postcss-color-functional-notation";
10

11
const ONEDOC_API_KEY = "####-####-####-####” // replace with your api key
12

13
const onedoc = new Onedoc(ONEDOC_API_KEY);
14

15
const data = {}; // load data for template
16

17
(async () => {
18

19
  const html = renderToString(<InvoiceTemplate props={data} />)
20
  const css = await postcss([
21
    tailwindcss({
22
        content: [{ raw: html, extension: "html" }],
23
    }),
24
    postcssColorFunctionalNotation,])
25
    .process(`@tailwind base;@tailwind components;@tailwind utilities;`, {
26
        from: undefined,
27
    }); // loads compiled tailwind styles
28

29
  let doc = {
30
    html: html,
31
    title: "Hello",
32
    test: true, // if true, produce a PDF in test mode with a Onedoc's watermark
33
    save: true, // if true, host the document and provide a download link in the console and your Onedoc's dashboard
34
    expiresIn: 30, // the number of day you want to host your document
35
    assets: [
36
      {
37
          path: "./style.css",
38
          content: css.toString(),
39
      },
40
    ],
41
  };
42

43
  const { file, link, error, info } = await onedoc.render(doc);
44

45
  if (error) {
46
    throw error;
47
  }
48

49
  console.log(link);
50
})();
51