Change spelling

danvim · Nov 26, 2023 · e7b8353 · e7b8353
1 parent 8aa2a31
commit e7b8353
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# React PDF Make Reconciler
+# React pdfmake Reconciler
 
-This package lets you create PDFs using PDF Make and React.
+This package lets you create PDFs using pdfmake and React.
 
 [![npm version](https://img.shields.io/npm/v/react-pdfmake-reconciler.svg?logo=npm)](https://www.npmjs.com/package/react-pdfmake-reconciler)
 
@@ -14,15 +14,15 @@ npm i react-pdfmake-reconciler
 
 ## Features
 
-- Write complex PDF in JSX. Render JSX into PDF Make content structure.
+- Write complex PDF in JSX. Render JSX into pdfmake content structure.
 - Utilize React features like:
   - Context. Note that outside React contexts do not penetrate into PDF renderer.
   - Components
   - Hooks
 - Working React update loop, (although it is unlikely to trigger user events inside PDF.), e.g.
   - async setState calls
   - useEffect call
-- TypeScript typing for PDF Make Components (`<pdf-*>` components)
+- TypeScript typing for pdfmake Components (`<pdf-*>` components)
 - React Developer Tools support
 
 ![React Developer Tools Demo](./screenshots/react-devtools-demo.png)
@@ -73,7 +73,7 @@ const document = PdfRenderer.renderOnce(<pdf-text bold>Hello World!</pdf-text>);
 
 ### PDF elements
 
-Newly defined intrinsic elements by this package have the `pdf-` prefix. Roughly speaking, each type of PDF Make content object corresponds to one element type, where the property specifying the `Content` is mapped to the `children` prop. For example:
+Newly defined intrinsic elements by this package have the `pdf-` prefix. Roughly speaking, each type of pdfmake content object corresponds to one element type, where the property specifying the `Content` is mapped to the `children` prop. For example:
 
 ```tsx
 const pdfMakeContent = {
@@ -118,7 +118,7 @@ const pdfNode = (
 
 ### PdfPreview
 
-`<PdfPreview>` provides an easy way to render your React PDF Make Reconciler JSX in the browser. You can also debug your PDF JSX using the [React Developer Tools](https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) browser extension.
+`<PdfPreview>` provides an easy way to render your React pdfmake Reconciler JSX in the browser. You can also debug your PDF JSX using the [React Developer Tools](https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) browser extension.
 
 ```tsx
 import { FC, StrictMode } from "react";

diff --git a/index.html b/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>React PDF Make Reconciler Demo</title>
+    <title>React pdfmake Reconciler Demo</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "type": "module",
   "license": "MIT",
   "author": "Daniel Cheung",
-  "description": "Writing PDF Make with React JSX using React Reconciler.",
+  "description": "Writing pdfmake with React JSX using React Reconciler.",
   "keywords": [
     "react",
     "pdfmake",

diff --git a/src/__tests__/PdfRenderer.test.tsx b/src/__tests__/PdfRenderer.test.tsx
@@ -1,11 +1,11 @@
 import { describe, expect, test } from "vitest";
 import { PdfRenderer } from "../PdfRenderer.tsx";
-import { FC, useEffect, useState } from "react";
+import { FC, Fragment, useEffect, useState } from "react";
 import { PdfFooter, PdfHeader } from "../components";
 import { DynamicPdfNode } from "../types/DynamicPdfNode.tsx";
 
 describe("PdfRenderer", () => {
-  describe("PDF Make Content", () => {
+  describe("pdfmake Content", () => {
     test("string", () => {
       expect(PdfRenderer.renderOnce("Hello World!").content).toEqual(
         "Hello World!",
@@ -260,6 +260,19 @@ describe("PdfRenderer", () => {
         PdfRenderer.renderOnce(<pdf-array>Hello World!</pdf-array>).content,
       ).toEqual(["Hello World!"]);
     });
+
+    test("fragment", () => {
+      expect(
+        PdfRenderer.renderOnce(
+          <pdf-stack>
+            {["Hello", <Fragment key={1}>World!</Fragment>]}
+          </pdf-stack>,
+        ).content,
+      ).toEqual({
+        $__reactPdfMakeType: "pdf-stack",
+        stack: ["Hello", "World!"],
+      });
+    });
   });
 
   describe("renderOnce", () => {

diff --git a/src/demo/App.tsx b/src/demo/App.tsx
@@ -51,7 +51,7 @@ function App() {
 
   return (
     <>
-      <h1>React PDF Make Reconciler</h1>
+      <h1>React pdfmake Reconciler</h1>
       <p>
         <a href="https://www.npmjs.com/package/react-pdfmake-reconciler">
           NPM Package