Document converter example

2020-01-27 18:43:03 +01:00
parent e9347cbfd3
commit 2a6a90dbaf
3 changed files with 101 additions and 0 deletions
@@ -0,0 +1,32 @@
 kapow route add '/format/input' - <<-'EOF'
 	kapow set /response/headers/Content-Type application/json
 	pandoc --list-input-formats \
 	| jq --raw-input --slurp 'split("\n") | .[0:-1]' \
 	| kapow set /response/body
 EOF
 kapow route add '/format/output' - <<-'EOF'
 	kapow set /response/headers/Content-Type application/json
 	pandoc --list-output-formats \
 	| jq --raw-input --slurp 'split("\n") | .[0:-1]' \
 	| kapow set /response/body
 EOF
 kapow route add -X POST --entrypoint '/bin/zsh -c' '/convert' - <<-'EOF'
 	kapow set /response/headers/Content-Type application/octet-stream
 	kapow set /response/headers/Content-Disposition "attachment; filename=$(kapow get /request/files/inputfile/filename).$(kapow get /request/form/to)"
 	pandoc --from=$(kapow get /request/form/from) \
 	       --to=$(kapow get /request/form/to) \
 	       --output=>(kapow set /response/body) \
 	       =(kapow get /request/files/inputfile/content)
 EOF
 kapow route add / - <<-'EOF'
 	kapow set /response/headers/Location /index.html
 	kapow set /response/status 301
 EOF
 kapow route add /index.html - <<-'EOF'
 	kapow set /response/headers/Content-Type text/html
 	kapow set /response/body < index.html
 EOF
@@ -0,0 +1,14 @@
 # Document Converter (pandoc) as a Service
 A small web gui for [pandoc](https://pandoc.org) that allows to convert between text formats.
 ## How to run it
 ```
 $ kapow server DocumentConverter.pow
 ```
 ## How to consume it
 Visit http://localhost:8080/ from your web browser.
@@ -0,0 +1,55 @@
 <html>
 <head>
 <script>
  function populateCombo(combo, url, message) {
    let dropdown = document.getElementById(combo);
    dropdown.length = 0;
    let defaultOption = document.createElement('option');
    defaultOption.text = message;
    defaultOption.name = combo;
    dropdown.add(defaultOption);
    dropdown.selectedIndex = 0;
    fetch(url)
      .then(
        function(response) {
          if (response.status !== 200) {
            console.warn('Looks like there was a problem. Status Code: ' +
              response.status);
            return;
                }
                // Examine the text in the response
                response.json().then(function(data) {
            let option;
            for (let i = 0; i < data.length; i++) {
              option = document.createElement('option');
              option.text = data[i];
              option.value = data[i];
              dropdown.add(option);
            }
          });
        }
      )
      .catch(function(err) {
        console.error('Fetch Error -', err);
      });
  }
  function loadFormats() {
    populateCombo('from', 'format/input', 'Select an Input Format');
    populateCombo('to', 'format/output', 'Select an Output Format');
  }
 </script>
 </head>
 <body onload="loadFormats();">
  <form action="/convert" method="POST" enctype="multipart/form-data">
    <select id="from" name="from"></select>
    <select id="to" name="to"></select>
    <input type="file" name="inputfile"></input>
    <input type="submit" value="Convert!"></input>
  </form>
 </body>
 </html>