From 99ca6b6a26ff63a22e471b43d31b32b7cd4af3d2 Mon Sep 17 00:00:00 2001 From: Felix Kaspar Date: Thu, 26 Oct 2023 23:52:47 +0200 Subject: [PATCH] Added download functionality. Needs to be tested in native builds (ios/android) --- client-ionic/package.json | 2 + client-ionic/src/pages/Home.tsx | 4 +- client-ionic/src/utils/downloadjs.js | 167 +++++++++++++++++++++++++++ package-lock.json | 22 ++-- 4 files changed, 185 insertions(+), 10 deletions(-) create mode 100644 client-ionic/src/utils/downloadjs.js diff --git a/client-ionic/package.json b/client-ionic/package.json index a56969009..9929c4323 100644 --- a/client-ionic/package.json +++ b/client-ionic/package.json @@ -20,6 +20,7 @@ "@stirling-pdf/shared-operations": "*", "@types/react-router": "^5.1.20", "@types/react-router-dom": "^5.3.3", + "downloadjs": "^1.4.7", "ionicons": "^7.0.0", "pdf-lib": "^1.17.1", "react": "^18.2.0", @@ -31,6 +32,7 @@ "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^14.0.0", "@testing-library/user-event": "^14.4.3", + "@types/downloadjs": "^1.4.5", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", "@vitejs/plugin-legacy": "^4.0.2", diff --git a/client-ionic/src/pages/Home.tsx b/client-ionic/src/pages/Home.tsx index 24708a731..cc132ebd6 100644 --- a/client-ionic/src/pages/Home.tsx +++ b/client-ionic/src/pages/Home.tsx @@ -4,6 +4,8 @@ import { rotatePages } from '../utils/pdf-operations.js'; import { FilePicker } from '@capawesome/capacitor-file-picker'; +import download from 'downloadjs'; + console.log(rotatePages); async function rotate90() { console.log("Test rotate 90 with Button Click"); @@ -19,7 +21,7 @@ async function rotate90() { const rotated = await rotatePages(buffer, 90) - console.log(rotated); + download(rotated, "Rotated.pdf", "application/pdf"); } diff --git a/client-ionic/src/utils/downloadjs.js b/client-ionic/src/utils/downloadjs.js new file mode 100644 index 000000000..33c428e34 --- /dev/null +++ b/client-ionic/src/utils/downloadjs.js @@ -0,0 +1,167 @@ +//download.js v4.2, by dandavis; 2008-2016. [MIT] see http://danml.com/download.html for tests/usage +// v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime +// v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs +// v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support. 3.1 improved safari handling. +// v4 adds AMD/UMD, commonJS, and plain browser support +// v4.1 adds url download capability via solo URL argument (same domain/CORS only) +// v4.2 adds semantic variable names, long (over 2MB) dataURL support, and hidden by default temp anchors +// https://github.com/rndme/download + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define([], factory); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(); + } else { + // Browser globals (root is window) + root.download = factory(); + } +}(this, function () { + + return function download(data, strFileName, strMimeType) { + + var self = window, // this script is only for browsers anyway... + defaultMime = "application/octet-stream", // this default mime also triggers iframe downloads + mimeType = strMimeType || defaultMime, + payload = data, + url = !strFileName && !strMimeType && payload, + anchor = document.createElement("a"), + toString = function(a){return String(a);}, + myBlob = (self.Blob || self.MozBlob || self.WebKitBlob || toString), + fileName = strFileName || "download", + blob, + reader; + myBlob= myBlob.call ? myBlob.bind(self) : Blob ; + + if(String(this)==="true"){ //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback + payload=[payload, mimeType]; + mimeType=payload[0]; + payload=payload[1]; + } + + + if(url && url.length< 2048){ // if no filename and no mime, assume a url was passed as the only argument + fileName = url.split("/").pop().split("?")[0]; + anchor.href = url; // assign href prop to temp anchor + if(anchor.href.indexOf(url) !== -1){ // if the browser determines that it's a potentially valid url path: + var ajax=new XMLHttpRequest(); + ajax.open( "GET", url, true); + ajax.responseType = 'blob'; + ajax.onload= function(e){ + download(e.target.response, fileName, defaultMime); + }; + setTimeout(function(){ ajax.send();}, 0); // allows setting custom ajax headers using the return: + return ajax; + } // end if valid url? + } // end if url? + + + //go ahead and download dataURLs right away + if(/^data:([\w+-]+\/[\w+.-]+)?[,;]/.test(payload)){ + + if(payload.length > (1024*1024*1.999) && myBlob !== toString ){ + payload=dataUrlToBlob(payload); + mimeType=payload.type || defaultMime; + }else{ + return navigator.msSaveBlob ? // IE10 can't do a[download], only Blobs: + navigator.msSaveBlob(dataUrlToBlob(payload), fileName) : + saver(payload) ; // everyone else can save dataURLs un-processed + } + + }else{//not data url, is it a string with special needs? + if(/([\x80-\xff])/.test(payload)){ + var i=0, tempUiArr= new Uint8Array(payload.length), mx=tempUiArr.length; + for(i;i=12" } }, + "node_modules/downloadjs": { + "version": "1.4.7", + "resolved": "https://registry.npmjs.org/downloadjs/-/downloadjs-1.4.7.tgz", + "integrity": "sha512-LN1gO7+u9xjU5oEScGFKvXhYf7Y/empUIIEAGBs1LzUq/rg5duiDrkuH5A2lQGd5jfMOb9X9usDa2oVXwJ0U/Q==" + }, "node_modules/ecc-jsbn": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",