From bc7cd8ec3ca5099a26c8331ee99b8a5f629b2b05 Mon Sep 17 00:00:00 2001
From: Konstantin Baierer <baierer@ub.uni-heidelberg.de>
Date: Mon, 11 Dec 2017 12:07:59 +0100
Subject: [PATCH 1/2] Dockerfile: patch file upload limit 2M -> 100M

---
 Dockerfile | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Dockerfile b/Dockerfile
index f9135eb..78d2ef0 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -9,6 +9,7 @@ RUN apk add --no-cache openjdk8-jre php7 php7-json python py-lxml git make ca-ce
     && update-ca-certificates \
     && make install \
     && cp docker.config.php web/config.local.php \
+    && sed -i '/^upload_max_filesize/ s/=.*$/= 100M' \
     && mv web /ocr-fileformat-web \
     && rm -rf /ocr-fileformat \
     && apk del git make wget gcc libc-dev

From 24b505067748ec91e882db354e97e0864dc60571 Mon Sep 17 00:00:00 2001
From: Konstantin Baierer <baierer@ub.uni-heidelberg.de>
Date: Mon, 11 Dec 2017 12:09:28 +0100
Subject: [PATCH 2/2] Download transformed code as Blob

---
 web/ocr-fileformat.js | 42 +++++++++++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/web/ocr-fileformat.js b/web/ocr-fileformat.js
index fabb897..2b10359 100644
--- a/web/ocr-fileformat.js
+++ b/web/ocr-fileformat.js
@@ -1,4 +1,6 @@
 /* globals $ */
+/* globals Blob */
+/* global Prism */
 
 let OcrFileformatAPI = function OcrFileformatAPI(endpoint) {
     this.endpoint = endpoint;
@@ -90,22 +92,32 @@ function submit(tabName, params) {
         if (err) {
             return $.notify(err, 'error');
         }
-        const resultDataContainer = pane.find('.result pre code');
-        const outputFormat = $("#transform-to").val();
-        if (isFileUpload) {
-            const basename = input.val().replace(/.*\\/, ''); // C:\fakepath\bla.foo -> bla.foo
+    pane.find(".result a.download").on('click', ev => {
+            const outputFormat = $("#transform-to").val();
+            const basename = input.val()
+                .replace(/^.*\\/, '')  // C:\fakepath\foo.hocr -> foo.hocr
+                .replace(/^.*\//, '')  // http://bla/foo.bar -> foo.hocr?raw=true
+                .replace(/\?.*$$/, '') // foo.hocr?raw=true -> foo.hocr
+                ;
             const extension = outputFormat === 'text' ? 'text'
                 : outputFormat === 'hocr' ? 'html'
                 : outputFormat + '.xml';
-            pane.find(".result a.download")
-                .attr('download', `${basename}.${extension}`)
-                .attr('href', `data:text/plain;charset=utf-8,${encodeURIComponent(data)}`);
-        } else {
-            pane.find(".result a.download").attr('href', input.val());
-        }
-        resultDataContainer.html(escapeHTML(data));
+            const type = outputFormat === 'text' ? 'text/plain'
+                : outputFormat === 'hocr' ? 'text/html'
+                : 'text/xml';
+            const downloadUrl = window.URL.createObjectURL(new Blob([data], {type}));
+            const filename = `${basename}.${extension}`;
+            const dummyLink = document.createElement('a');
+            dummyLink.setAttribute('download', filename);
+            dummyLink.href = downloadUrl;
+            dummyLink.style.display = 'none';
+            document.body.appendChild(dummyLink);
+            dummyLink.click();
+            document.body.removeChild(dummyLink);
+            window.URL.revokeObjectURL(downloadUrl);
+        });
+        pane.find('.result pre code').html(escapeHTML(data));
         pane.find(".result").removeClass('hidden');
-        /* global Prism*/
         Prism.highlightAll();
     });
 }
@@ -114,7 +126,7 @@ function maybeEnableSubmit() {
     let el = $(".tab-pane.active");
     let inputSet = !!$(".input .active input", el).val();
     let selects = $(".formats select", el);
-    let formatsSet = selects.length == selects.map(function() { return $(this).val(); }).length;
+    let formatsSet = selects.length == selects.map(function() {return $(this).val();}).length;
     $("button", el).attr('disabled', !(inputSet && formatsSet));
 }
 
@@ -146,10 +158,10 @@ $(function() {
             submit('validate', {format: $("#validate-format").val()});
         });
         $("#transform-submit").on('click', function() {
-            submit('transform', {from: $("#transform-from").val(), to: $("#transform-to").val() });
+            submit('transform', {from: $("#transform-from").val(), to: $("#transform-to").val()});
         });
 
-        $("a[data-toggle='tab']").on('click tap', function() { window.location.hash = $(this).attr('href'); });
+        $("a[data-toggle='tab']").on('click tap', function() {window.location.hash = $(this).attr('href');});
 
         $(window).on('hashchange', hashRoute);