solid-ui 2.4.14-alpha → 2.4.14-bbf45639-aade069c

package/lib/media/media-capture.js

@@ -1,61 +1,29 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cameraButton = exports.cameraCaptureControl = void 0;
+exports.cameraButton = cameraButton;
+exports.cameraCaptureControl = cameraCaptureControl;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var debug = _interopRequireWildcard(require("../debug"));
+
+var _iconBase = require("../iconBase");
+
+var widgets = _interopRequireWildcard(require("../widgets"));
+
+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; }
+
 /// /////////////////////////////////////////////
 //
 //   Media input widget
@@ -70,16 +38,16 @@ exports.cameraButton = exports.cameraCaptureControl = void 0;
 // or access cemra roll (etc) OR to access solid cloud storage of favorite photo almbums.
 // (Especially latest taken ones)
 //
-var debug = __importStar(require("../debug"));
+
 /** @module mediaCapture */
-var iconBase_1 = require("../iconBase");
-var widgets = __importStar(require("../widgets"));
-var cameraIcon = iconBase_1.icons.iconBase + 'noun_Camera_1618446_000000.svg'; // Get it from github
-var retakeIcon = iconBase_1.icons.iconBase + 'noun_479395.svg'; // Get it from github
+var cameraIcon = _iconBase.icons.iconBase + 'noun_Camera_1618446_000000.svg'; // Get it from github
+
+var retakeIcon = _iconBase.icons.iconBase + 'noun_479395.svg'; // Get it from github
+
 var canvasWidth = '640';
 var canvasHeight = '480';
-var controlStyle = "border-radius: 0.5em; margin: 0.8em; width: ".concat(canvasWidth, "; height:").concat(canvasHeight, ";");
-// const controlStyle = 'border-radius: 0.5em; margin: 0.8em; width: 320; height:240;'
+var controlStyle = "border-radius: 0.5em; margin: 0.8em; width: ".concat(canvasWidth, "; height:").concat(canvasHeight, ";"); // const controlStyle = 'border-radius: 0.5em; margin: 0.8em; width: 320; height:240;'
+
 var contentType = 'image/png';
 /** A control to capture a picture using camera
  * @param {Docuemnt} dom - The Document object
@@ -87,114 +55,124 @@ var contentType = 'image/png';
  * @param {NamedNode} getImageDoc() - NN of the image file to be created
  * @param {function} doneCallback - Called when a picture has been taken
  */
+
 function cameraCaptureControl(dom, store, getImageDoc, doneCallback) {
-    var div = dom.createElement('div');
-    var destination, imageBlob, player, canvas;
-    var table = div.appendChild(dom.createElement('table'));
-    var mainTR = table.appendChild(dom.createElement('tr'));
-    var main = mainTR.appendChild(dom.createElement('td'));
-    main.setAttribute('colspan', '4');
-    var buttons = table.appendChild(dom.createElement('tr'));
-    buttons
-        .appendChild(dom.createElement('td')) // Cancel button
-        .appendChild(widgets.cancelButton(dom))
-        .addEventListener('click', function (_event) {
-        stopVideo();
-        doneCallback(null);
-    });
-    var retakeButton = buttons
-        .appendChild(dom.createElement('td')) // Retake button
-        .appendChild(widgets.button(dom, retakeIcon, 'Retake'));
-    retakeButton.addEventListener('click', function (_event) {
-        retake();
+  var div = dom.createElement('div');
+  var destination, imageBlob, player, canvas;
+  var table = div.appendChild(dom.createElement('table'));
+  var mainTR = table.appendChild(dom.createElement('tr'));
+  var main = mainTR.appendChild(dom.createElement('td'));
+  main.setAttribute('colspan', '4');
+  var buttons = table.appendChild(dom.createElement('tr'));
+  buttons.appendChild(dom.createElement('td')) // Cancel button
+  .appendChild(widgets.cancelButton(dom)).addEventListener('click', function (_event) {
+    stopVideo();
+    doneCallback(null);
+  });
+  var retakeButton = buttons.appendChild(dom.createElement('td')) // Retake button
+  .appendChild(widgets.button(dom, retakeIcon, 'Retake'));
+  retakeButton.addEventListener('click', function (_event) {
+    retake();
+  });
+  retakeButton.style.visibility = 'collapse'; // Hide for now
+
+  var shutterButton = buttons.appendChild(dom.createElement('td')) // Trigger capture button
+  .appendChild(widgets.button(dom, _iconBase.icons.iconBase + 'noun_10636.svg', 'Snap'));
+  shutterButton.addEventListener('click', grabCanvas);
+  shutterButton.style.visibility = 'collapse'; // Hide for now
+
+  var sendButton = buttons.appendChild(dom.createElement('td')) // Confirm and save button
+  .appendChild(widgets.continueButton(dom)); // @@ or send icon??
+
+  sendButton.addEventListener('click', function (_event) {
+    saveBlob(imageBlob, destination);
+  });
+  sendButton.style.visibility = 'collapse'; // Hide for now
+
+  function displayPlayer() {
+    player = main.appendChild(dom.createElement('video'));
+    player.setAttribute('controls', '1');
+    player.setAttribute('autoplay', '1');
+    player.setAttribute('style', controlStyle);
+
+    if (!navigator.mediaDevices) {
+      throw new Error('navigator.mediaDevices not available');
+    }
+
+    navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
+      player.srcObject = stream;
+      shutterButton.style.visibility = 'visible'; // Enable
+
+      sendButton.style.visibility = 'collapse';
+      retakeButton.style.visibility = 'collapse';
     });
-    retakeButton.style.visibility = 'collapse'; // Hide for now
-    var shutterButton = buttons
-        .appendChild(dom.createElement('td')) // Trigger capture button
-        .appendChild(widgets.button(dom, iconBase_1.icons.iconBase + 'noun_10636.svg', 'Snap'));
-    shutterButton.addEventListener('click', grabCanvas);
+  }
+
+  var constraints = {
+    video: true
+  };
+
+  function retake() {
+    main.removeChild(canvas);
+    displayPlayer(); // Make new one as old one is stuck black
+  }
+
+  function grabCanvas() {
+    // Draw the video frame to the canvas.
+    canvas = dom.createElement('canvas');
+    canvas.setAttribute('width', canvasWidth);
+    canvas.setAttribute('height', canvasHeight);
+    canvas.setAttribute('style', controlStyle);
+    main.appendChild(canvas);
+    var context = canvas.getContext('2d');
+    context.drawImage(player, 0, 0, canvas.width, canvas.height);
+    player.parentNode.removeChild(player);
+    canvas.toBlob(function (blob) {
+      var msg = "got blob type ".concat(blob.type, " size ").concat(blob.size);
+      debug.log(msg);
+      destination = getImageDoc();
+      imageBlob = blob; // save for review
+
+      reviewImage(); // alert(msg)
+    }, contentType); // toBlob
+  }
+
+  function reviewImage() {
+    sendButton.style.visibility = 'visible';
+    retakeButton.style.visibility = 'visible';
     shutterButton.style.visibility = 'collapse'; // Hide for now
-    var sendButton = buttons
-        .appendChild(dom.createElement('td')) // Confirm and save button
-        .appendChild(widgets.continueButton(dom)); // @@ or send icon??
-    sendButton.addEventListener('click', function (_event) {
-        saveBlob(imageBlob, destination);
-    });
-    sendButton.style.visibility = 'collapse'; // Hide for now
-    function displayPlayer() {
-        player = main.appendChild(dom.createElement('video'));
-        player.setAttribute('controls', '1');
-        player.setAttribute('autoplay', '1');
-        player.setAttribute('style', controlStyle);
-        if (!navigator.mediaDevices) {
-            throw new Error('navigator.mediaDevices not available');
-        }
-        navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
-            player.srcObject = stream;
-            shutterButton.style.visibility = 'visible'; // Enable
-            sendButton.style.visibility = 'collapse';
-            retakeButton.style.visibility = 'collapse';
-        });
-    }
-    var constraints = {
-        video: true
-    };
-    function retake() {
-        main.removeChild(canvas);
-        displayPlayer(); // Make new one as old one is stuck black
-    }
-    function grabCanvas() {
-        // Draw the video frame to the canvas.
-        canvas = dom.createElement('canvas');
-        canvas.setAttribute('width', canvasWidth);
-        canvas.setAttribute('height', canvasHeight);
-        canvas.setAttribute('style', controlStyle);
-        main.appendChild(canvas);
-        var context = canvas.getContext('2d');
-        context.drawImage(player, 0, 0, canvas.width, canvas.height);
-        player.parentNode.removeChild(player);
-        canvas.toBlob(function (blob) {
-            var msg = "got blob type ".concat(blob.type, " size ").concat(blob.size);
-            debug.log(msg);
-            destination = getImageDoc();
-            imageBlob = blob; // save for review
-            reviewImage();
-            // alert(msg)
-        }, contentType); // toBlob
+  }
+
+  function stopVideo() {
+    if (player && player.srcObject) {
+      player.srcObject.getVideoTracks().forEach(function (track) {
+        return track.stop();
+      });
     }
-    function reviewImage() {
-        sendButton.style.visibility = 'visible';
-        retakeButton.style.visibility = 'visible';
-        shutterButton.style.visibility = 'collapse'; // Hide for now
-    }
-    function stopVideo() {
-        if (player && player.srcObject) {
-            player.srcObject.getVideoTracks().forEach(function (track) { return track.stop(); });
-        }
-    }
-    function saveBlob(blob, destination) {
-        var contentType = blob.type;
-        // if (!confirm('Save picture to ' + destination + ' ?')) return
-        debug.log('Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination);
-        store.fetcher
-            .webOperation('PUT', destination.uri, {
-            data: blob,
-            contentType: contentType
-        })
-            .then(function (_resp) {
-            debug.log('ok saved ' + destination);
-            stopVideo();
-            doneCallback(destination);
-        }, function (err) {
-            stopVideo();
-            alert(err);
-        });
-    }
-    // Attach the video stream to the video element and autoplay.
-    displayPlayer();
-    return div;
+  }
+
+  function saveBlob(blob, destination) {
+    var contentType = blob.type; // if (!confirm('Save picture to ' + destination + ' ?')) return
+
+    debug.log('Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination) // @@ TODO Remove casting
+    ;
+    store.fetcher.webOperation('PUT', destination.uri, {
+      data: blob,
+      contentType: contentType
+    }).then(function (_resp) {
+      debug.log('ok saved ' + destination);
+      stopVideo();
+      doneCallback(destination);
+    }, function (err) {
+      stopVideo();
+      alert(err);
+    });
+  } // Attach the video stream to the video element and autoplay.
+
+
+  displayPlayer();
+  return div;
 }
-exports.cameraCaptureControl = cameraCaptureControl;
 /** A button to capture a picture using camera
  * @param {Docuemnt} dom - The Document object
  * @param {IndexedForumla} store - The quadstore to store data in
@@ -204,27 +182,43 @@ exports.cameraCaptureControl = cameraCaptureControl;
  *
  * This expacts the buttton to a large control when it is pressed
  */
+
+
 function cameraButton(dom, store, getImageDoc, doneCallback) {
-    var div = dom.createElement('div');
-    var but = widgets.button(dom, cameraIcon, 'Take picture');
-    var control;
-    function restoreButton(imageDoc) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                div.removeChild(control);
-                div.appendChild(but);
-                doneCallback(imageDoc);
-                return [2 /*return*/];
-            });
-        });
-    }
-    div.appendChild(but);
-    but.addEventListener('click', function (_event) {
-        div.removeChild(but);
-        control = cameraCaptureControl(dom, store, getImageDoc, restoreButton);
-        div.appendChild(control);
-    });
-    return div;
+  var div = dom.createElement('div');
+  var but = widgets.button(dom, cameraIcon, 'Take picture');
+  var control;
+
+  function restoreButton(_x) {
+    return _restoreButton.apply(this, arguments);
+  }
+
+  function _restoreButton() {
+    _restoreButton = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(imageDoc) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              div.removeChild(control);
+              div.appendChild(but);
+              doneCallback(imageDoc);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return _restoreButton.apply(this, arguments);
+  }
+
+  div.appendChild(but);
+  but.addEventListener('click', function (_event) {
+    div.removeChild(but);
+    control = cameraCaptureControl(dom, store, getImageDoc, restoreButton);
+    div.appendChild(control);
+  });
+  return div;
 }
-exports.cameraButton = cameraButton;
 //# sourceMappingURL=media-capture.js.map

package/lib/media/media-capture.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-capture.js","sourceRoot":"","sources":["../../src/media/media-capture.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/media/media-capture.ts"],"names":["cameraIcon","icons","iconBase","retakeIcon","canvasWidth","canvasHeight","controlStyle","contentType","cameraCaptureControl","dom","store","getImageDoc","doneCallback","div","createElement","destination","imageBlob","player","canvas","table","appendChild","mainTR","main","setAttribute","buttons","widgets","cancelButton","addEventListener","_event","stopVideo","retakeButton","button","retake","style","visibility","shutterButton","grabCanvas","sendButton","continueButton","saveBlob","displayPlayer","navigator","mediaDevices","Error","getUserMedia","constraints","then","stream","srcObject","video","removeChild","context","getContext","drawImage","width","height","parentNode","toBlob","blob","msg","type","size","debug","log","reviewImage","getVideoTracks","forEach","track","stop","fetcher","webOperation","uri","data","_resp","err","alert","cameraButton","but","control","restoreButton","imageDoc"],"mappings":"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","sourcesContent":["/// /////////////////////////////////////////////\n//\n//   Media input widget\n//\n//\n// Workflow:\n// The HTML5 functionality (on mobille) is to prompt for either\n// a realtime camera capture , OR a selection from images already ont the device\n// (eg camera roll).\n//\n// The solid alternative is to either take a phtoto\n// or access cemra roll (etc) OR to access solid cloud storage of favorite photo almbums.\n// (Especially latest taken ones)\n//\nimport * as debug from '../debug'\n\n/** @module mediaCapture */\n\nimport { icons } from '../iconBase'\nimport * as widgets from '../widgets'\nimport { IndexedFormula, NamedNode } from 'rdflib'\n\nconst cameraIcon = icons.iconBase + 'noun_Camera_1618446_000000.svg' // Get it from github\nconst retakeIcon = icons.iconBase + 'noun_479395.svg' // Get it from github\n\nconst canvasWidth = '640'\nconst canvasHeight = '480'\n\nconst controlStyle = `border-radius: 0.5em; margin: 0.8em; width: ${canvasWidth}; height:${canvasHeight};`\n// const controlStyle = 'border-radius: 0.5em; margin: 0.8em; width: 320; height:240;'\nconst contentType = 'image/png'\n\n/** A control to capture a picture using camera\n * @param {Docuemnt} dom - The Document object\n * @param {IndexedForumla} store - The quadstore to store data in\n * @param {NamedNode} getImageDoc() - NN of the image file to be created\n * @param {function} doneCallback - Called when a picture has been taken\n */\nexport function cameraCaptureControl (\n  dom: HTMLDocument,\n  store: IndexedFormula,\n  getImageDoc: () => NamedNode,\n  doneCallback: (imageDoc) => Promise<void>\n) {\n  const div = dom.createElement('div')\n  let destination, imageBlob, player, canvas\n\n  const table = div.appendChild(dom.createElement('table'))\n  const mainTR = table.appendChild(dom.createElement('tr'))\n  const main = mainTR.appendChild(dom.createElement('td'))\n  main.setAttribute('colspan', '4')\n\n  const buttons = table.appendChild(dom.createElement('tr'))\n\n  buttons\n    .appendChild(dom.createElement('td')) // Cancel button\n    .appendChild(widgets.cancelButton(dom))\n    .addEventListener('click', _event => {\n      stopVideo()\n      doneCallback(null)\n    })\n\n  const retakeButton = buttons\n    .appendChild(dom.createElement('td')) // Retake button\n    .appendChild(widgets.button(dom, retakeIcon, 'Retake'))\n  retakeButton.addEventListener('click', _event => {\n    retake()\n  })\n  retakeButton.style.visibility = 'collapse' // Hide for now\n\n  const shutterButton = buttons\n    .appendChild(dom.createElement('td')) // Trigger capture button\n    .appendChild(\n      widgets.button(dom, icons.iconBase + 'noun_10636.svg', 'Snap')\n    )\n  shutterButton.addEventListener('click', grabCanvas)\n  shutterButton.style.visibility = 'collapse' // Hide for now\n\n  const sendButton = buttons\n    .appendChild(dom.createElement('td')) // Confirm and save button\n    .appendChild(widgets.continueButton(dom)) // @@ or send icon??\n  sendButton.addEventListener('click', _event => {\n    saveBlob(imageBlob, destination)\n  })\n  sendButton.style.visibility = 'collapse' // Hide for now\n\n  function displayPlayer () {\n    player = main.appendChild(dom.createElement('video'))\n    player.setAttribute('controls', '1')\n    player.setAttribute('autoplay', '1')\n    player.setAttribute('style', controlStyle)\n    if (!navigator.mediaDevices) {\n      throw new Error('navigator.mediaDevices not available')\n    }\n    navigator.mediaDevices.getUserMedia(constraints).then(stream => {\n      player.srcObject = stream\n      shutterButton.style.visibility = 'visible' // Enable\n      sendButton.style.visibility = 'collapse'\n      retakeButton.style.visibility = 'collapse'\n    })\n  }\n\n  const constraints = {\n    video: true\n  }\n\n  function retake () {\n    main.removeChild(canvas)\n    displayPlayer() // Make new one as old one is stuck black\n  }\n\n  function grabCanvas () {\n    // Draw the video frame to the canvas.\n    canvas = dom.createElement('canvas')\n    canvas.setAttribute('width', canvasWidth)\n    canvas.setAttribute('height', canvasHeight)\n    canvas.setAttribute('style', controlStyle)\n    main.appendChild(canvas)\n\n    const context = canvas.getContext('2d')\n    context.drawImage(player, 0, 0, canvas.width, canvas.height)\n\n    player.parentNode.removeChild(player)\n\n    canvas.toBlob(blob => {\n      const msg = `got blob type ${blob.type} size ${blob.size}`\n      debug.log(msg)\n      destination = getImageDoc()\n      imageBlob = blob // save for review\n      reviewImage()\n      // alert(msg)\n    }, contentType) // toBlob\n  }\n\n  function reviewImage () {\n    sendButton.style.visibility = 'visible'\n    retakeButton.style.visibility = 'visible'\n    shutterButton.style.visibility = 'collapse' // Hide for now\n  }\n\n  function stopVideo () {\n    if (player && player.srcObject) {\n      player.srcObject.getVideoTracks().forEach(track => track.stop())\n    }\n  }\n  function saveBlob (blob, destination) {\n    const contentType = blob.type\n    // if (!confirm('Save picture to ' + destination + ' ?')) return\n    debug.log(\n      'Putting ' + blob.size + ' bytes of ' + contentType + ' to ' + destination\n    )\n    // @@ TODO Remove casting\n    ;(store as any).fetcher\n      .webOperation('PUT', destination.uri, {\n        data: blob,\n        contentType: contentType\n      })\n      .then(\n        _resp => {\n          debug.log('ok saved ' + destination)\n          stopVideo()\n          doneCallback(destination)\n        },\n        err => {\n          stopVideo()\n          alert(err)\n        }\n      )\n  }\n\n  // Attach the video stream to the video element and autoplay.\n  displayPlayer()\n  return div\n}\n\n/** A button to capture a picture using camera\n * @param {Docuemnt} dom - The Document object\n * @param {IndexedForumla} store - The quadstore to store data in\n * @param {fuunction} getImageDoc - returns NN of the image file to be created\n * @param {function<Node>} doneCallback - called with the image taken\n * @returns {DomElement} - A div element with the buton in it\n *\n * This expacts the buttton to a large control when it is pressed\n */\n\nexport function cameraButton (\n  dom: HTMLDocument,\n  store: IndexedFormula,\n  getImageDoc: () => NamedNode,\n  doneCallback: (imageDoc) => Promise<void>\n): HTMLElement {\n  const div = dom.createElement('div')\n  const but = widgets.button(dom, cameraIcon, 'Take picture')\n  let control\n  async function restoreButton (imageDoc) {\n    div.removeChild(control)\n    div.appendChild(but)\n    doneCallback(imageDoc)\n  }\n  div.appendChild(but)\n  but.addEventListener('click', _event => {\n    div.removeChild(but)\n    control = cameraCaptureControl(\n      dom,\n      store,\n      getImageDoc,\n      restoreButton\n    )\n    div.appendChild(control)\n  })\n  return div\n}\n"],"file":"media-capture.js"}