fix: viewing of pdf in analysis preview

also src pdfworker locally

app/packs/src/components/common/ImageModal.js

@@ -6,7 +6,7 @@ import AttachmentFetcher from 'src/fetchers/AttachmentFetcher';
 import { stopEvent } from 'src/utilities/DomHelper';
 import { Document, Page, pdfjs } from 'react-pdf';
 
-pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+pdfjs.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.js';
 
 export default class ImageModal extends Component {
   constructor(props) {
@@ -35,7 +35,7 @@ export default class ImageModal extends Component {
     }
   }
 
-  shouldComponentUpdate(nextState) {
+  shouldComponentUpdate(nextProps, nextState) {
     if (
       this.state.numOfPages === nextState.numOfPages
       && this.state.numOfPages !== 0

config/initializers/content_security_policy.rb

@@ -14,7 +14,21 @@
 
 #   # Specify URI for violation reports
 #   # policy.report_uri "/csp-violation-report-endpoint"
-  policy.connect_src :self, :https, "http://localhost:3035", "ws://localhost:3035" if Rails.env.development?
+
+  # connect_src for log and webpack-dev-serverwebsockets in development
+  if Rails.env.development?
+    url = URI.parse(ENV['PUBLIC_URL'] || '')
+    scheme = url.scheme || 'http'
+    host = url.host
+    port = url.port
+
+    src = [:self, :https, 'http://localhost:3035', 'ws://localhost:3035']
+    src += ["ws://#{host}:3035", "#{scheme}://#{host}:3035"] if host.present?
+    src += ["#{scheme}://#{host}:#{url.port}"] if host.present? && port.present?
+    puts "connect_src: #{src}"
+
+    policy.connect_src *src
+  end
 end
 
 # If you are using UJS then enable automatic nonce generation

package_postinstall.sh

@@ -33,6 +33,11 @@ rm -f ./public/svgedit && ln -s "$node_modules_folder"/svgedit/dist/editor ./pub
 
 yellow "Finished adding symbolic link to svg editor in public folder"
 
+# copy pdfjs worker to public folder
+node_modules_folder_pdfjs="$(node -e 'const p = require.resolve("pdfjs-dist/build/pdf.worker"); console.log(p.slice(0, p.indexOf("pdfjs-dist/build/pdf.worker")))')"
+rm -f ./public/pdf.worker.min.js && ln -s "$node_modules_folder_pdfjs"pdfjs-dist/build/pdf.worker.min.js ./public/pdf.worker.min.js
+yellow "Finished adding symbolic link to pdf worker in public folder"
+
 # d3js source files
 src_d3=(
   "@complat/react-spectra-editor/dist/components/common/draw.js"
@@ -54,4 +59,4 @@ for src_file in "${src_d3[@]}"; do
     echo -e "\n});" >> "$src"
   fi
   yellow "Done rewriting import for d3.js in $src"
-done
+done