solid-ui 3.1.3-9 → 5.0.0-0

package/dist/media/media-capture.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-capture.esm.js","names":[],"sources":["../../src/media/media-capture.ts"],"sourcesContent":["//\n//   Media input widget\n//\n//\n// Workflow:\n// The HTML5 functionality (on mobile) is to prompt for either\n// a realtime camera capture, OR a selection from images already on the device\n// (eg camera roll).\n//\n// The solid alternative is to either take a photo\n// or access camera roll (etc) OR to access solid cloud storage of favorite photo albums.\n// (Especially latest taken ones)\n//\nimport * as debug from '../lib/debug'\n\n/** @module mediaCapture */\n\nimport { icons } from '../lib/iconBase'\nimport { style } from '../lib/style'\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 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', 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', style.canvasWidth)\n    canvas.setAttribute('height', style.canvasHeight)\n    canvas.setAttribute('style', 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\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 button in it\n *\n * This expands the button 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"],"mappings":"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"}
+{"version":3,"file":"media-capture.esm.js","names":[],"sources":["../../src/media/media-capture.ts"],"sourcesContent":["//\n//   Media input widget\n//\n//\n// Workflow:\n// The HTML5 functionality (on mobile) is to prompt for either\n// a realtime camera capture, OR a selection from images already on the device\n// (eg camera roll).\n//\n// The solid alternative is to either take a photo\n// or access camera roll (etc) OR to access solid cloud storage of favorite photo albums.\n// (Especially latest taken ones)\n//\nimport * as debug from '../lib/debug'\n\n/** @module mediaCapture */\n\nimport { icons } from '../lib/iconBase'\nimport { style } from '../lib/style'\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 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', 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', style.canvasWidth)\n    canvas.setAttribute('height', style.canvasHeight)\n    canvas.setAttribute('style', 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\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 button in it\n *\n * This expands the button 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"],"mappings":";;;;;;AAsBA,IAAM,IAAa,EAAM,WAAW,kCAC9B,IAAa,EAAM,WAAW,mBAE9B,IAAc;AAQpB,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,IAAM,EAAI,cAAc,KAAK,GAC/B,GAAa,GAAW,GAAQ,GAE9B,IAAQ,EAAI,YAAY,EAAI,cAAc,OAAO,CAAC,GAElD,IADS,EAAM,YAAY,EAAI,cAAc,IAAI,CAC1C,CAAA,CAAO,YAAY,EAAI,cAAc,IAAI,CAAC;CACvD,EAAK,aAAa,WAAW,GAAG;CAEhC,IAAM,IAAU,EAAM,YAAY,EAAI,cAAc,IAAI,CAAC;CAEzD,EACG,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CACpC,YAAY,EAAqB,CAAG,CAAC,CAAC,CACtC,iBAAiB,UAAS,MAAU;EAEnC,AADA,EAAU,GACV,EAAa,IAAI;CACnB,CAAC;CAEH,IAAM,IAAe,EAClB,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CACpC,YAAY,EAAe,GAAK,GAAY,QAAQ,CAAC;CAIxD,AAHA,EAAa,iBAAiB,UAAS,MAAU;EAC/C,EAAO;CACT,CAAC,GACD,EAAa,MAAM,aAAa;CAEhC,IAAM,IAAgB,EACnB,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CACpC,YACC,EAAe,GAAK,EAAM,WAAW,kBAAkB,MAAM,CAC/D;CAEF,AADA,EAAc,iBAAiB,SAAS,CAAU,GAClD,EAAc,MAAM,aAAa;CAEjC,IAAM,IAAa,EAChB,YAAY,EAAI,cAAc,IAAI,CAAC,CAAC,CACpC,YAAY,EAAuB,CAAG,CAAC;CAI1C,AAHA,EAAW,iBAAiB,UAAS,MAAU;EAC7C,EAAS,GAAW,CAAW;CACjC,CAAC,GACD,EAAW,MAAM,aAAa;CAE9B,SAAS,IAAiB;EAKxB,IAJA,IAAS,EAAK,YAAY,EAAI,cAAc,OAAO,CAAC,GACpD,EAAO,aAAa,YAAY,GAAG,GACnC,EAAO,aAAa,YAAY,GAAG,GACnC,EAAO,aAAa,SAAS,EAAM,YAAY,GAC3C,CAAC,UAAU,cACb,MAAU,MAAM,sCAAsC;EAExD,UAAU,aAAa,aAAa,CAAW,CAAC,CAAC,MAAK,MAAU;GAI9D,AAHA,EAAO,YAAY,GACnB,EAAc,MAAM,aAAa,WACjC,EAAW,MAAM,aAAa,YAC9B,EAAa,MAAM,aAAa;EAClC,CAAC;CACH;CAEA,IAAM,IAAc,EAClB,OAAO,GACT;CAEA,SAAS,IAAU;EAEjB,AADA,EAAK,YAAY,CAAM,GACvB,EAAc;CAChB;CAEA,SAAS,IAAc;EAarB,AAXA,IAAS,EAAI,cAAc,QAAQ,GACnC,EAAO,aAAa,SAAS,EAAM,WAAW,GAC9C,EAAO,aAAa,UAAU,EAAM,YAAY,GAChD,EAAO,aAAa,SAAS,EAAM,YAAY,GAC/C,EAAK,YAAY,CAAM,GAGvB,EADuB,WAAW,IAClC,CAAA,CAAQ,UAAU,GAAQ,GAAG,GAAG,EAAO,OAAO,EAAO,MAAM,GAE3D,EAAO,WAAW,YAAY,CAAM,GAEpC,EAAO,QAAO,MAAQ;GACpB,IAAM,IAAM,iBAAiB,EAAK,KAAK,QAAQ,EAAK;GAIpD,AAHA,EAAU,CAAG,GACb,IAAc,EAAY,GAC1B,IAAY,GACZ,EAAY;EAEd,GAAG,CAAW;CAChB;CAEA,SAAS,IAAe;EAGtB,AAFA,EAAW,MAAM,aAAa,WAC9B,EAAa,MAAM,aAAa,WAChC,EAAc,MAAM,aAAa;CACnC;CAEA,SAAS,IAAa;EACpB,AAAI,KAAU,EAAO,aACnB,EAAO,UAAU,eAAe,CAAC,CAAC,SAAQ,MAAS,EAAM,KAAK,CAAC;CAEnE;CACA,SAAS,EAAU,GAAM,GAAa;EACpC,IAAM,IAAc,EAAK;EAMxB,AAJD,EACE,aAAa,EAAK,OAAO,eAAe,IAAc,SAAS,CACjE,GAEC,EAAe,QACb,aAAa,OAAO,EAAY,KAAK;GACpC,MAAM;GACN;EACF,CAAC,CAAC,CACD,MACC,MAAS;GAGP,AAFA,EAAU,cAAc,CAAW,GACnC,EAAU,GACV,EAAa,CAAW;EAC1B,IACA,MAAO;GAEL,AADA,EAAU,GACV,MAAM,CAAG;EACX,CACF;CACJ;CAIA,OADA,EAAc,GACP;AACT;AAYA,SAAgB,EACd,GACA,GACA,GACA,GACa;CACb,IAAM,IAAM,EAAI,cAAc,KAAK,GAC7B,IAAM,EAAe,GAAK,GAAY,cAAc,GACtD;CACJ,eAAe,EAAe,GAAU;EAGtC,AAFA,EAAI,YAAY,CAAO,GACvB,EAAI,YAAY,CAAG,GACnB,EAAa,CAAQ;CACvB;CAYA,OAXA,EAAI,YAAY,CAAG,GACnB,EAAI,iBAAiB,UAAS,MAAU;EAQtC,AAPA,EAAI,YAAY,CAAG,GACnB,IAAU,EACR,GACA,GACA,GACA,CACF,GACA,EAAI,YAAY,CAAO;CACzB,CAAC,GACM;AACT"}