solid-ui 2.4.23 → 2.4.24

package/lib/widgets/dragAndDrop.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeDraggable = makeDraggable;
 exports.makeDropTarget = makeDropTarget;
 exports.uploadFiles = uploadFiles;
-
 var debug = _interopRequireWildcard(require("../debug"));
-
 var mime = _interopRequireWildcard(require("mime-types"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* Drag and drop common functionality
  *
  * It is easy to make something draggable, or to make it a drag target!
@@ -29,16 +23,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 
 /* global FileReader alert */
+
 function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
   var dragoverListener = function dragoverListener(e) {
     e.preventDefault(); // Neeed else drop does not work [sic]
-
     e.dataTransfer.dropEffect = 'copy';
   };
-
   var dragenterListener = function dragenterListener(e) {
     debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect);
-
     if (this.style) {
       //  necessary not sure when
       if (!this.savedStyle) {
@@ -47,19 +39,15 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
         this.savedStyle.backgroundColor = this.style.backgroundColor;
         this.savedStyle.borderRadius = this.style.borderRadius;
       }
-
       this.style.backgroundColor = '#ccc';
       this.style.border = '0.25em dashed black';
       this.style.borderRadius = '0.3em';
     }
-
     e.dataTransfer.dropEffect = 'link';
     debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect);
   };
-
   var dragleaveListener = function dragleaveListener(e) {
     debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect);
-
     if (this.savedStyle) {
       this.style.border = this.savedStyle.border;
       this.style.backgroundColor = this.savedStyle.backgroundColor;
@@ -69,37 +57,29 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
       this.style.border = '0em solid black';
     }
   };
-
   var dropListener = function dropListener(e) {
     if (e.preventDefault) e.preventDefault(); // stops the browser from redirecting off to the text.
-
     debug.log('Drop event. dropEffect: ' + e.dataTransfer.dropEffect);
     debug.log('Drop event. types: ' + (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE'));
     var uris = null;
     var text;
-
     if (e.dataTransfer.types) {
       for (var t = 0; t < e.dataTransfer.types.length; t++) {
         var type = e.dataTransfer.types[t];
-
         if (type === 'text/uri-list') {
           uris = e.dataTransfer.getData(type).split('\n'); // @ ignore those starting with #
-
           debug.log('Dropped text/uri-list: ' + uris);
         } else if (type === 'text/plain') {
           text = e.dataTransfer.getData(type);
         } else if (type === 'Files' && droppedFileHandler) {
           var files = e.dataTransfer.files; // FileList object.
-
           for (var i = 0; files[i]; i++) {
             var f = files[i];
             debug.log('Filename: ' + f.name + ', type: ' + (f.type || 'n/a') + ' size: ' + f.size + ' bytes, last modified: ' + (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a'));
           }
-
           droppedFileHandler(files);
         }
       }
-
       if (uris === null && text && text.slice(0, 4) === 'http') {
         uris = text;
         debug.log("Waring: Poor man's drop: using text for URI"); // chrome disables text/uri-list??
@@ -109,38 +89,30 @@ function makeDropTarget(ele, droppedURIHandler, droppedFileHandler) {
       uris = [e.dataTransfer.getData('Text')];
       debug.log('WARNING non-standard drop event: ' + uris[0]);
     }
-
     debug.log('Dropped URI list (2): ' + uris);
-
     if (uris) {
       droppedURIHandler(uris);
     }
-
     this.style.backgroundColor = 'white'; // restore style
-
     return false;
   }; // dropListener
 
-
   var addTargetListeners = function addTargetListeners(ele) {
     if (!ele) {
       debug.log('@@@ addTargetListeners: ele ' + ele);
     }
-
     ele.addEventListener('dragover', dragoverListener);
     ele.addEventListener('dragenter', dragenterListener);
     ele.addEventListener('dragleave', dragleaveListener);
     ele.addEventListener('drop', dropListener);
   };
-
   addTargetListeners(ele, droppedURIHandler);
 } // listen for dropped URIs
+
 // Make an HTML element draggable as a URI-identified thing
 //
 // Possibly later set the drag image too?
 //
-
-
 function makeDraggable(tr, obj) {
   tr.setAttribute('draggable', 'true'); // Stop the image being dragged instead - just the TR
 
@@ -153,7 +125,8 @@ function makeDraggable(tr, obj) {
   }, false);
   tr.addEventListener('drag', function (e) {
     e.preventDefault();
-    e.stopPropagation(); // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)
+    e.stopPropagation();
+    // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)
   }, false);
   tr.addEventListener('dragend', function (e) {
     tr.style.fontWeight = 'normal';
@@ -161,6 +134,7 @@ function makeDraggable(tr, obj) {
     debug.log('Dragend: ' + tr + ' -> ' + obj);
   }, false);
 }
+
 /** uploadFiles
 **
 **  Generic uploader of local files to the web
@@ -174,26 +148,22 @@ function makeDraggable(tr, obj) {
 **                              With file object an final URI as params
 */
 
-
 function uploadFiles(fetcher, files, fileBase, imageBase, successHandler) {
   for (var i = 0; files[i]; i++) {
     var f = files[i];
     debug.log(' dropped: Filename: ' + f.name + ', type: ' + (f.type || 'n/a') + ' size: ' + f.size + ' bytes, last modified: ' + (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')); // See e.g. https://www.html5rocks.com/en/tutorials/file/dndfiles/
-    // @@ Add: progress bar(s)
 
+    // @@ Add: progress bar(s)
     var reader = new FileReader();
-
     reader.onload = function (theFile) {
       return function (e) {
         var data = e.target.result;
         var suffix = '';
         debug.log(' File read byteLength : ' + data.byteLength);
         var contentType = theFile.type;
-
         if (!theFile.type || theFile.type === '') {
           // Not known by browser
           contentType = mime.lookup(theFile.name);
-
           if (!contentType) {
             var msg = 'Filename needs to have an extension which gives a type we know: ' + theFile.name;
             debug.log(msg);
@@ -201,12 +171,14 @@ function uploadFiles(fetcher, files, fileBase, imageBase, successHandler) {
             throw new Error(msg);
           }
         } else {
-          var extension = mime.extension(theFile.type); // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3
-
-          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) && // Not already has preferred extension? and ...
+          var extension = mime.extension(theFile.type);
+          // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3
+          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) &&
+          // Not already has preferred extension? and ...
           theFile.type !== mime.lookup(theFile.name)) {
             // the mime type of this ext is not the right one?
-            suffix = '_.' + extension; // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)
+            suffix = '_.' + extension;
+            // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)
           }
         }
 
@@ -226,7 +198,6 @@ function uploadFiles(fetcher, files, fileBase, imageBase, successHandler) {
         });
       };
     }(f);
-
     reader.readAsArrayBuffer(f);
   }
 }

package/lib/widgets/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":["makeDropTarget","ele","droppedURIHandler","droppedFileHandler","dragoverListener","e","preventDefault","dataTransfer","dropEffect","dragenterListener","debug","log","style","savedStyle","border","backgroundColor","borderRadius","dragleaveListener","dropListener","types","join","uris","text","t","length","type","getData","split","files","i","f","name","size","lastModifiedDate","toLocaleDateString","slice","addTargetListeners","addEventListener","makeDraggable","tr","obj","setAttribute","fontWeight","setData","uri","outerHTML","stopPropagation","uploadFiles","fetcher","fileBase","imageBase","successHandler","reader","FileReader","onload","theFile","data","target","result","suffix","byteLength","contentType","mime","lookup","msg","alert","Error","extension","endsWith","folderName","startsWith","destURI","encodeURIComponent","webOperation","then","_response","error","readAsArrayBuffer"],"sources":["../../src/widgets/dragAndDrop.js"],"sourcesContent":["/* Drag and drop common functionality\n *\n * It is easy to make something draggable, or to make it a drag target!\n * Just call the functions below.  In a solid world, any part of the UI which\n * represent one thing which has a UR, should be made draggable using makeDraggable\n * Any list of things should typically allow you to drag new members of the list\n * onto it.\n * The file upload function uploadFiles is provided as often of someone drags a file from the computer\n * desktop, you may want to upload it into the pod.\n */\nimport * as debug from '../debug'\nimport * as mime from 'mime-types'\n\n/* global FileReader alert */\n\nexport function makeDropTarget (ele, droppedURIHandler, droppedFileHandler) {\n  const dragoverListener = function (e) {\n    e.preventDefault() // Neeed else drop does not work [sic]\n    e.dataTransfer.dropEffect = 'copy'\n  }\n\n  const dragenterListener = function (e) {\n    debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.style) {\n      //  necessary not sure when\n      if (!this.savedStyle) {\n        this.savedStyle = {}\n        this.savedStyle.border = this.style.border\n        this.savedStyle.backgroundColor = this.style.backgroundColor\n        this.savedStyle.borderRadius = this.style.borderRadius\n      }\n      this.style.backgroundColor = '#ccc'\n      this.style.border = '0.25em dashed black'\n      this.style.borderRadius = '0.3em'\n    }\n\n    e.dataTransfer.dropEffect = 'link'\n    debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect)\n  }\n  const dragleaveListener = function (e) {\n    debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.savedStyle) {\n      this.style.border = this.savedStyle.border\n      this.style.backgroundColor = this.savedStyle.backgroundColor\n      this.style.borderRadius = this.savedStyle.borderRadius\n    } else {\n      this.style.backgroundColor = 'white'\n      this.style.border = '0em solid black'\n    }\n  }\n\n  const dropListener = function (e) {\n    if (e.preventDefault) e.preventDefault() // stops the browser from redirecting off to the text.\n    debug.log('Drop event. dropEffect: ' + e.dataTransfer.dropEffect)\n    debug.log(\n      'Drop event. types: ' +\n        (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE')\n    )\n\n    let uris = null\n    let text\n    if (e.dataTransfer.types) {\n      for (let t = 0; t < e.dataTransfer.types.length; t++) {\n        const type = e.dataTransfer.types[t]\n        if (type === 'text/uri-list') {\n          uris = e.dataTransfer.getData(type).split('\\n') // @ ignore those starting with #\n          debug.log('Dropped text/uri-list: ' + uris)\n        } else if (type === 'text/plain') {\n          text = e.dataTransfer.getData(type)\n        } else if (type === 'Files' && droppedFileHandler) {\n          const files = e.dataTransfer.files // FileList object.\n          for (let i = 0; files[i]; i++) {\n            const f = files[i]\n            debug.log(\n              'Filename: ' +\n                f.name +\n                ', type: ' +\n                (f.type || 'n/a') +\n                ' size: ' +\n                f.size +\n                ' bytes, last modified: ' +\n                (f.lastModifiedDate\n                  ? f.lastModifiedDate.toLocaleDateString()\n                  : 'n/a')\n            )\n          }\n          droppedFileHandler(files)\n        }\n      }\n      if (uris === null && text && text.slice(0, 4) === 'http') {\n        uris = text\n        debug.log(\"Waring: Poor man's drop: using text for URI\") // chrome disables text/uri-list??\n      }\n    } else {\n      // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value\n      uris = [e.dataTransfer.getData('Text')]\n      debug.log('WARNING non-standard drop event: ' + uris[0])\n    }\n    debug.log('Dropped URI list (2): ' + uris)\n    if (uris) {\n      droppedURIHandler(uris)\n    }\n    this.style.backgroundColor = 'white' // restore style\n    return false\n  } // dropListener\n\n  const addTargetListeners = function (ele) {\n    if (!ele) {\n      debug.log('@@@ addTargetListeners: ele ' + ele)\n    }\n    ele.addEventListener('dragover', dragoverListener)\n    ele.addEventListener('dragenter', dragenterListener)\n    ele.addEventListener('dragleave', dragleaveListener)\n    ele.addEventListener('drop', dropListener)\n  }\n  addTargetListeners(ele, droppedURIHandler)\n} // listen for dropped URIs\n\n// Make an HTML element draggable as a URI-identified thing\n//\n// Possibly later set the drag image too?\n//\nexport function makeDraggable (tr, obj) {\n  tr.setAttribute('draggable', 'true') // Stop the image being dragged instead - just the TR\n\n  tr.addEventListener(\n    'dragstart',\n    function (e) {\n      tr.style.fontWeight = 'bold'\n      e.dataTransfer.setData('text/uri-list', obj.uri)\n      e.dataTransfer.setData('text/plain', obj.uri)\n      e.dataTransfer.setData('text/html', tr.outerHTML)\n      debug.log(\n        'Dragstart: ' + tr + ' -> ' + obj + 'de: ' + e.dataTransfer.dropEffect\n      )\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'drag',\n    function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n      // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'dragend',\n    function (e) {\n      tr.style.fontWeight = 'normal'\n      debug.log('Dragend dropeffect: ' + e.dataTransfer.dropEffect)\n      debug.log('Dragend: ' + tr + ' -> ' + obj)\n    },\n    false\n  )\n}\n\n/** uploadFiles\n**\n**  Generic uploader of local files to the web\n**   typically called from dropped file handler\n**\n**  @param {Fetcher} fetcher    instance of class Fetcher as in kb.fetcher\n**  @param {Array<File>} files      Array of file objects\n**  @param {String} fileBase    URI of folder in which to put files (except images) (no trailing slash)\n**  @param {String } imageBase  URI of folder in which to put images\n**  @param successHandler function(file, uploadedURI)    Called after EACH success upload\n**                              With file object an final URI as params\n*/\n\nexport function uploadFiles (fetcher, files, fileBase, imageBase, successHandler) {\n  for (let i = 0; files[i]; i++) {\n    const f = files[i]\n    debug.log(\n      ' dropped: Filename: ' +\n        f.name +\n        ', type: ' +\n        (f.type || 'n/a') +\n        ' size: ' +\n        f.size +\n        ' bytes, last modified: ' +\n        (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')\n    ) // See e.g. https://www.html5rocks.com/en/tutorials/file/dndfiles/\n\n    // @@ Add: progress bar(s)\n    const reader = new FileReader()\n    reader.onload = (function (theFile) {\n      return function (e) {\n        const data = e.target.result\n        let suffix = ''\n        debug.log(' File read byteLength : ' + data.byteLength)\n        let contentType = theFile.type\n        if (!theFile.type || theFile.type === '') {\n          // Not known by browser\n          contentType = mime.lookup(theFile.name)\n          if (!contentType) {\n            const msg =\n              'Filename needs to have an extension which gives a type we know: ' +\n              theFile.name\n            debug.log(msg)\n            alert(msg)\n            throw new Error(msg)\n          }\n        } else {\n          const extension = mime.extension(theFile.type)\n          // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3\n          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) && // Not already has preferred extension? and ...\n            theFile.type !== mime.lookup(theFile.name)) { // the mime type of this ext is not the right one?\n            suffix = '_.' + extension\n            // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)\n          }\n        }\n        const folderName = theFile.type.startsWith('image/')\n          ? imageBase || fileBase\n          : fileBase\n        const destURI =\n          folderName +\n          (folderName.endsWith('/') ? '' : '/') +\n          encodeURIComponent(theFile.name) +\n          suffix\n\n        fetcher\n          .webOperation('PUT', destURI, {\n            data,\n            contentType\n          })\n          .then(\n            _response => {\n              debug.log(' Upload: put OK: ' + destURI)\n              successHandler(theFile, destURI)\n            },\n            error => {\n              const msg = ' Upload: FAIL ' + destURI + ', Error: ' + error\n              debug.log(msg)\n              alert(msg)\n              throw new Error(msg)\n            }\n          )\n      }\n    })(f)\n    reader.readAsArrayBuffer(f)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dragAndDrop.js","names":["makeDropTarget","ele","droppedURIHandler","droppedFileHandler","dragoverListener","e","preventDefault","dataTransfer","dropEffect","dragenterListener","debug","log","style","savedStyle","border","backgroundColor","borderRadius","dragleaveListener","dropListener","types","join","uris","text","t","length","type","getData","split","files","i","f","name","size","lastModifiedDate","toLocaleDateString","slice","addTargetListeners","addEventListener","makeDraggable","tr","obj","setAttribute","fontWeight","setData","uri","outerHTML","stopPropagation","uploadFiles","fetcher","fileBase","imageBase","successHandler","reader","FileReader","onload","theFile","data","target","result","suffix","byteLength","contentType","mime","lookup","msg","alert","Error","extension","endsWith","folderName","startsWith","destURI","encodeURIComponent","webOperation","then","_response","error","readAsArrayBuffer"],"sources":["../../src/widgets/dragAndDrop.js"],"sourcesContent":["/* Drag and drop common functionality\n *\n * It is easy to make something draggable, or to make it a drag target!\n * Just call the functions below.  In a solid world, any part of the UI which\n * represent one thing which has a UR, should be made draggable using makeDraggable\n * Any list of things should typically allow you to drag new members of the list\n * onto it.\n * The file upload function uploadFiles is provided as often of someone drags a file from the computer\n * desktop, you may want to upload it into the pod.\n */\nimport * as debug from '../debug'\nimport * as mime from 'mime-types'\n\n/* global FileReader alert */\n\nexport function makeDropTarget (ele, droppedURIHandler, droppedFileHandler) {\n  const dragoverListener = function (e) {\n    e.preventDefault() // Neeed else drop does not work [sic]\n    e.dataTransfer.dropEffect = 'copy'\n  }\n\n  const dragenterListener = function (e) {\n    debug.log('dragenter event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.style) {\n      //  necessary not sure when\n      if (!this.savedStyle) {\n        this.savedStyle = {}\n        this.savedStyle.border = this.style.border\n        this.savedStyle.backgroundColor = this.style.backgroundColor\n        this.savedStyle.borderRadius = this.style.borderRadius\n      }\n      this.style.backgroundColor = '#ccc'\n      this.style.border = '0.25em dashed black'\n      this.style.borderRadius = '0.3em'\n    }\n\n    e.dataTransfer.dropEffect = 'link'\n    debug.log('dragenter event dropEffect 2: ' + e.dataTransfer.dropEffect)\n  }\n  const dragleaveListener = function (e) {\n    debug.log('dragleave event dropEffect: ' + e.dataTransfer.dropEffect)\n    if (this.savedStyle) {\n      this.style.border = this.savedStyle.border\n      this.style.backgroundColor = this.savedStyle.backgroundColor\n      this.style.borderRadius = this.savedStyle.borderRadius\n    } else {\n      this.style.backgroundColor = 'white'\n      this.style.border = '0em solid black'\n    }\n  }\n\n  const dropListener = function (e) {\n    if (e.preventDefault) e.preventDefault() // stops the browser from redirecting off to the text.\n    debug.log('Drop event. dropEffect: ' + e.dataTransfer.dropEffect)\n    debug.log(\n      'Drop event. types: ' +\n        (e.dataTransfer.types ? e.dataTransfer.types.join(', ') : 'NOPE')\n    )\n\n    let uris = null\n    let text\n    if (e.dataTransfer.types) {\n      for (let t = 0; t < e.dataTransfer.types.length; t++) {\n        const type = e.dataTransfer.types[t]\n        if (type === 'text/uri-list') {\n          uris = e.dataTransfer.getData(type).split('\\n') // @ ignore those starting with #\n          debug.log('Dropped text/uri-list: ' + uris)\n        } else if (type === 'text/plain') {\n          text = e.dataTransfer.getData(type)\n        } else if (type === 'Files' && droppedFileHandler) {\n          const files = e.dataTransfer.files // FileList object.\n          for (let i = 0; files[i]; i++) {\n            const f = files[i]\n            debug.log(\n              'Filename: ' +\n                f.name +\n                ', type: ' +\n                (f.type || 'n/a') +\n                ' size: ' +\n                f.size +\n                ' bytes, last modified: ' +\n                (f.lastModifiedDate\n                  ? f.lastModifiedDate.toLocaleDateString()\n                  : 'n/a')\n            )\n          }\n          droppedFileHandler(files)\n        }\n      }\n      if (uris === null && text && text.slice(0, 4) === 'http') {\n        uris = text\n        debug.log(\"Waring: Poor man's drop: using text for URI\") // chrome disables text/uri-list??\n      }\n    } else {\n      // ... however, if we're IE, we don't have the .types property, so we'll just get the Text value\n      uris = [e.dataTransfer.getData('Text')]\n      debug.log('WARNING non-standard drop event: ' + uris[0])\n    }\n    debug.log('Dropped URI list (2): ' + uris)\n    if (uris) {\n      droppedURIHandler(uris)\n    }\n    this.style.backgroundColor = 'white' // restore style\n    return false\n  } // dropListener\n\n  const addTargetListeners = function (ele) {\n    if (!ele) {\n      debug.log('@@@ addTargetListeners: ele ' + ele)\n    }\n    ele.addEventListener('dragover', dragoverListener)\n    ele.addEventListener('dragenter', dragenterListener)\n    ele.addEventListener('dragleave', dragleaveListener)\n    ele.addEventListener('drop', dropListener)\n  }\n  addTargetListeners(ele, droppedURIHandler)\n} // listen for dropped URIs\n\n// Make an HTML element draggable as a URI-identified thing\n//\n// Possibly later set the drag image too?\n//\nexport function makeDraggable (tr, obj) {\n  tr.setAttribute('draggable', 'true') // Stop the image being dragged instead - just the TR\n\n  tr.addEventListener(\n    'dragstart',\n    function (e) {\n      tr.style.fontWeight = 'bold'\n      e.dataTransfer.setData('text/uri-list', obj.uri)\n      e.dataTransfer.setData('text/plain', obj.uri)\n      e.dataTransfer.setData('text/html', tr.outerHTML)\n      debug.log(\n        'Dragstart: ' + tr + ' -> ' + obj + 'de: ' + e.dataTransfer.dropEffect\n      )\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'drag',\n    function (e) {\n      e.preventDefault()\n      e.stopPropagation()\n      // debug.log('Drag: dropEffect: ' + e.dataTransfer.dropEffect)\n    },\n    false\n  )\n\n  tr.addEventListener(\n    'dragend',\n    function (e) {\n      tr.style.fontWeight = 'normal'\n      debug.log('Dragend dropeffect: ' + e.dataTransfer.dropEffect)\n      debug.log('Dragend: ' + tr + ' -> ' + obj)\n    },\n    false\n  )\n}\n\n/** uploadFiles\n**\n**  Generic uploader of local files to the web\n**   typically called from dropped file handler\n**\n**  @param {Fetcher} fetcher    instance of class Fetcher as in kb.fetcher\n**  @param {Array<File>} files      Array of file objects\n**  @param {String} fileBase    URI of folder in which to put files (except images) (no trailing slash)\n**  @param {String } imageBase  URI of folder in which to put images\n**  @param successHandler function(file, uploadedURI)    Called after EACH success upload\n**                              With file object an final URI as params\n*/\n\nexport function uploadFiles (fetcher, files, fileBase, imageBase, successHandler) {\n  for (let i = 0; files[i]; i++) {\n    const f = files[i]\n    debug.log(\n      ' dropped: Filename: ' +\n        f.name +\n        ', type: ' +\n        (f.type || 'n/a') +\n        ' size: ' +\n        f.size +\n        ' bytes, last modified: ' +\n        (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')\n    ) // See e.g. https://www.html5rocks.com/en/tutorials/file/dndfiles/\n\n    // @@ Add: progress bar(s)\n    const reader = new FileReader()\n    reader.onload = (function (theFile) {\n      return function (e) {\n        const data = e.target.result\n        let suffix = ''\n        debug.log(' File read byteLength : ' + data.byteLength)\n        let contentType = theFile.type\n        if (!theFile.type || theFile.type === '') {\n          // Not known by browser\n          contentType = mime.lookup(theFile.name)\n          if (!contentType) {\n            const msg =\n              'Filename needs to have an extension which gives a type we know: ' +\n              theFile.name\n            debug.log(msg)\n            alert(msg)\n            throw new Error(msg)\n          }\n        } else {\n          const extension = mime.extension(theFile.type)\n          // Note not simple: eg .mp3 => audio/mpeg; .mpga => audio/mpeg; audio/mp3 => .mp3\n          if (extension && extension !== 'false' && !theFile.name.endsWith('.' + extension) && // Not already has preferred extension? and ...\n            theFile.type !== mime.lookup(theFile.name)) { // the mime type of this ext is not the right one?\n            suffix = '_.' + extension\n            // console.log('MIME TYPE MISMATCH: ' + mime.lookup(theFile.name) + ': adding extension: ' + suffix)\n          }\n        }\n        const folderName = theFile.type.startsWith('image/')\n          ? imageBase || fileBase\n          : fileBase\n        const destURI =\n          folderName +\n          (folderName.endsWith('/') ? '' : '/') +\n          encodeURIComponent(theFile.name) +\n          suffix\n\n        fetcher\n          .webOperation('PUT', destURI, {\n            data,\n            contentType\n          })\n          .then(\n            _response => {\n              debug.log(' Upload: put OK: ' + destURI)\n              successHandler(theFile, destURI)\n            },\n            error => {\n              const msg = ' Upload: FAIL ' + destURI + ', Error: ' + error\n              debug.log(msg)\n              alert(msg)\n              throw new Error(msg)\n            }\n          )\n      }\n    })(f)\n    reader.readAsArrayBuffer(f)\n  }\n}\n"],"mappings":"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"}

package/lib/widgets/error.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorMessageBlock = errorMessageBlock;
-
 var _widgets = require("../widgets");
-
 /**
  * Create an error message block
  * @param dom The DOM on which dom.createElement will be called
@@ -19,24 +17,20 @@ var _widgets = require("../widgets");
  *  Meanwhile the stack is dumped to the console for the developer, so you actually know
  *  where it happened!
  */
-
 /* eslint-disable no-console */
+
 function errorMessageBlock(dom, err, backgroundColor, err2) {
   var div = dom.createElement('div');
-  /* tslint:disable-next-line */
-  // Too complex for TS?
-  // @ts-ignore
 
+  /* tslint:disable-next-line */ // Too complex for TS?
+  // @ts-ignore
   var errorObject = err2 || err instanceof Error ? err : null;
-
   if (errorObject) {
     console.error("errorMessageBlock: ".concat(errorObject, " at: ").concat(errorObject.stack || '??'), errorObject); // @@ pick one
-
     div.textContent = errorObject.message;
   } else {
     div.textContent = err;
   }
-
   div.appendChild((0, _widgets.cancelButton)(dom, function () {
     if (div.parentNode) div.parentNode.removeChild(div);
   })).style = 'width: 2em; height: 2em; align: right;';

package/lib/widgets/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":["errorMessageBlock","dom","err","backgroundColor","err2","div","createElement","errorObject","Error","console","error","stack","textContent","message","appendChild","cancelButton","parentNode","removeChild","style","setAttribute"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n/* eslint-disable no-console */\nimport { cancelButton } from '../widgets'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = 'width: 2em; height: 2em; align: right;'\n\n  div.setAttribute(\n    'style',\n    'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; background-color: ' +\n      (backgroundColor || '#fee') +\n      '; color:black;'\n  )\n  return div\n}\n"],"mappings":";;;;;;;AAaA;;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AAGO,SAASA,iBAAT,CAA4BC,GAA5B,EAA+CC,GAA/C,EAAoEC,eAApE,EAA8FC,IAA9F,EAA4H;EACjI,IAAMC,GAAG,GAAGJ,GAAG,CAACK,aAAJ,CAAkB,KAAlB,CAAZ;EAEA;EAA+B;EAC/B;;EACA,IAAMC,WAAiB,GAAGH,IAAI,IAAIF,GAAG,YAAYM,KAAvB,GAA+BN,GAA/B,GAAqC,IAA/D;;EAEA,IAAIK,WAAJ,EAAiB;IACfE,OAAO,CAACC,KAAR,8BAAoCH,WAApC,kBAAuDA,WAAW,CAACI,KAAZ,IAAqB,IAA5E,GAAoFJ,WAApF,EADe,CACkF;;IACjGF,GAAG,CAACO,WAAJ,GAAkBL,WAAW,CAACM,OAA9B;EACD,CAHD,MAGO;IACLR,GAAG,CAACO,WAAJ,GAAkBV,GAAlB;EACD;;EAEDG,GAAG,CAACS,WAAJ,CAAgB,IAAAC,qBAAA,EAAad,GAAb,EAAkB,YAAM;IAAE,IAAII,GAAG,CAACW,UAAR,EAAoBX,GAAG,CAACW,UAAJ,CAAeC,WAAf,CAA2BZ,GAA3B;EAAiC,CAA/E,CAAhB,EACGa,KADH,GACW,wCADX;EAGAb,GAAG,CAACc,YAAJ,CACE,OADF,EAEE,kFACGhB,eAAe,IAAI,MADtB,IAEE,gBAJJ;EAMA,OAAOE,GAAP;AACD"}
+{"version":3,"file":"error.js","names":["errorMessageBlock","dom","err","backgroundColor","err2","div","createElement","errorObject","Error","console","error","stack","textContent","message","appendChild","cancelButton","parentNode","removeChild","style","setAttribute"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n/* eslint-disable no-console */\nimport { cancelButton } from '../widgets'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = 'width: 2em; height: 2em; align: right;'\n\n  div.setAttribute(\n    'style',\n    'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; background-color: ' +\n      (backgroundColor || '#fee') +\n      '; color:black;'\n  )\n  return div\n}\n"],"mappings":";;;;;;AAaA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGO,SAASA,iBAAiB,CAAEC,GAAiB,EAAEC,GAAmB,EAAEC,eAAwB,EAAEC,IAAY,EAAkB;EACjI,IAAMC,GAAG,GAAGJ,GAAG,CAACK,aAAa,CAAC,KAAK,CAAC;;EAEpC,+BAA+B;EAC/B;EACA,IAAMC,WAAiB,GAAGH,IAAI,IAAIF,GAAG,YAAYM,KAAK,GAAGN,GAAG,GAAG,IAAI;EAEnE,IAAIK,WAAW,EAAE;IACfE,OAAO,CAACC,KAAK,8BAAuBH,WAAW,kBAAQA,WAAW,CAACI,KAAK,IAAI,IAAI,GAAIJ,WAAW,CAAC,EAAC;IACjGF,GAAG,CAACO,WAAW,GAAGL,WAAW,CAACM,OAAO;EACvC,CAAC,MAAM;IACLR,GAAG,CAACO,WAAW,GAAGV,GAAa;EACjC;EAEAG,GAAG,CAACS,WAAW,CAAC,IAAAC,qBAAY,EAACd,GAAG,EAAE,YAAM;IAAE,IAAII,GAAG,CAACW,UAAU,EAAEX,GAAG,CAACW,UAAU,CAACC,WAAW,CAACZ,GAAG,CAAC;EAAC,CAAC,CAAC,CAAC,CAC9Fa,KAAK,GAAG,wCAAwC;EAEnDb,GAAG,CAACc,YAAY,CACd,OAAO,EACP,8EAA8E,IAC3EhB,eAAe,IAAI,MAAM,CAAC,GAC3B,gBAAgB,CACnB;EACD,OAAOE,GAAG;AACZ"}