Merge pull request #535 from performant-software/feature/permalinks-i…

…n-iframe

Allow document permalink feature in iframe embed instances

client/src/DocumentViewer.js

@@ -204,8 +204,17 @@ class DocumentViewer extends Component {
     });
   }
 
-  getDocumentURL(docId) {
-    const loc = window.location.href.replace(window.location.search, "");
+  async getDocumentURL(docId) {
+    let loc = window.location.href.replace(window.location.search, "");
+    // eslint-disable-next-line no-restricted-globals
+    const isInIframe = (parent !== window);
+    const clipboardWrite = await navigator.permissions.query({ name: 'clipboard-write' });
+    if (isInIframe && clipboardWrite.state === "granted") {
+      // if in iframe, use parent URL to build document URL
+      // (check that clipboard write permission is granted to ensure iframe parent URL
+      // only used here when intentionally enabled)
+      loc = document.referrer;
+    }
     this.setState((prevState) => ({
       ...prevState,
       documentURL: `${loc}?document=${docId}`

public/embed.js

@@ -0,0 +1,9 @@
+// include the following code in <script> tags on the same page as an embedded instance
+const frame = document.querySelector("iframe");
+// allow writing to the clipboard from another domain
+frame.setAttribute("allow", "clipboard-write *");
+const queryParams = window.location.search;
+if (queryParams !== "") {
+  // pass query params to iframe embed's src attribute (app url)
+  frame.src = frame.src + queryParams;
+}