Fix: Move PDF reports to a web worker

.gitignore

@@ -4,6 +4,7 @@ dist
 examples/.dat
 static/*.bundle.js*
 static/*.worker.js*
+static/*.ttf
 test/lib/test-data
 bin/test-data
 translations

.storybook/__mocks__/fs.js

@@ -1,4 +1,3 @@
-const { action } = require('@storybook/addon-actions')
 const through = require('through2')
 const concat = require('concat-stream')
 const FileSaver = require('file-saver')
@@ -8,18 +7,18 @@ module.exports = {
     const stream = through()
     stream.pipe(
       concat(data => {
-        action('fs.createWriteStream')(filepath)
+        console.log('fs.createWriteStream', filepath)
       })
     )
     return stream
   },
   writeFile: (filepath, data, cb) => {
-    action('fs.writeFile')(filepath)
+    console.log('fs.writeFile', filepath)
     const blob = new Blob([data], { type: 'application/octet-stream' })
     FileSaver.saveAs(blob, filepath)
     cb()
   },
   readFileSync: filepath => {
-    action('fs.readFileSync')(filepath)
+    console.log('fs.readFileSync', filepath)
   }
 }

.storybook/main.js

@@ -0,0 +1,15 @@
+const path = require('path')
+
+module.exports = {
+  webpackFinal: async (config, { configType }) => {
+    // Configure worker-loader for PDF renderer
+    config.module.rules.unshift({
+      test: /\.worker\.js$/,
+      include: path.join(__dirname, '../src'),
+      use: [{ loader: 'worker-loader' }, { loader: 'babel-loader' }]
+    })
+
+    // Return the altered config
+    return config
+  }
+}

flow-typed/npm/@react-pdf/renderer_vx.x.x.js

@@ -17,7 +17,7 @@ declare module '@react-pdf/renderer' {
   |}
   declare type ImagePropTypes = {|
     wrap?: boolean,
-    src?: string,
+    src?: string | Promise<{ data: Buffer, format: 'png' | 'jpg' }>,
     style?: any,
     debug?: boolean,
     fixed?: boolean,