{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?6047","webpack:///./src/components/SendImage.vue?149b","webpack:///./src/services/WebSocketService.js","webpack:///./src/services/SendFilesService.js","webpack:///src/components/SendImage.vue","webpack:///./src/components/SendImage.vue?c88f","webpack:///./src/components/SendImage.vue","webpack:///./src/components/ConfigToken.vue?dd00","webpack:///src/components/ConfigToken.vue","webpack:///./src/components/ConfigToken.vue?0dcd","webpack:///./src/components/ConfigToken.vue","webpack:///./src/components/Intro.vue?7c22","webpack:///src/components/Intro.vue","webpack:///./src/components/Intro.vue?3b91","webpack:///./src/components/Intro.vue","webpack:///./src/components/ImagePicker.vue?0fcc","webpack:///src/components/ImagePicker.vue","webpack:///./src/components/ImagePicker.vue?1bf9","webpack:///./src/components/ImagePicker.vue","webpack:///src/App.vue","webpack:///./src/App.vue?60d0","webpack:///./src/App.vue","webpack:///./src/plugins/vuetify.js","webpack:///./src/main.js","webpack:///./src/components/ImagePicker.vue?d303"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","version","model","callback","$$v","showWarning","expression","warningText","staticRenderFns","sending","on","sendFile","_e","WebSocketService","init","readToken","token","close","url","document","location","protocol","host","console","log","ws","WebSocket","onopen","onclose","onerror","e","error","msg","onmessage","JSON","parse","command","event","CustomEvent","detail","dispatchEvent","localStorage","getItem","updateToken","trim","setItem","_paq","isOpen","readyState","OPEN","SendFilesService","send","file","retry","setTimeout","size","reader","FileReader","onload","target","stringify","readAsDataURL","component","VBtn","VCol","VContainer","VIcon","VRow","rules","visibility","change","showQRCode","scopedSlots","_u","fn","proxy","paintOutline","onDecode","VTextField","ref","image","isFileLoading","selectFile","storeMaxWidth","maxWidth","storeMaxHeight","maxHeight","imageFormats","storeImageFormat","imageFormat","$event","clickTool","VCombobox","VFileInput","VLayout","VAlert","VApp","VAppBar","VFooter","VImg","VMain","Vue","use","Vuetify","config","productionTip","VueMatomo","siteId","enableHeartBeatTimer","VueQrcodeReader","vuetify","h","App","$mount"],"mappings":"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","file":"js/app.54a9ffc1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app',[_c('v-app-bar',{attrs:{\"app\":\"\"}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('v-img',{staticClass:\"shrink mr-2\",attrs:{\"alt\":\"Vuetify Logo\",\"contain\":\"\",\"src\":\"/img/icon.svg\",\"transition\":\"scale-transition\",\"width\":\"40\"}}),_vm._v(\" QOwnNotes Web App v\"+_vm._s(_vm.version)+\" \")],1)]),_c('v-main',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('Intro'),_c('ConfigToken'),_c('ImagePicker'),_c('SendImage')],1)],1),_c('v-footer',{attrs:{\"app\":\"\"}},[_c('v-alert',{attrs:{\"dense\":\"\",\"type\":\"warning\",\"border\":\"left\",\"dismissible\":\"\"},model:{value:(_vm.showWarning),callback:function ($$v) {_vm.showWarning=$$v},expression:\"showWarning\"}},[_vm._v(\" \"+_vm._s(this.warningText)+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-row',{staticClass:\"text-center\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.allowSendButton)?_c('v-btn',{staticClass:\"ma-2 white--text\",attrs:{\"loading\":_vm.sending,\"disabled\":_vm.sending,\"color\":\"blue-grey\",\"fab\":\"\"},on:{\"click\":_vm.sendFile}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" mdi-cloud-upload \")])],1):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","class WebSocketService {\n    init() {\n        this.readToken();\n\n        if (window.token === \"\") {\n            return;\n        }\n\n        this.close();\n\n        // Use localhost directly for development to be able to start\n        // a different webserver for the web application\n        const url = document.location.protocol === \"http:\" ?\n            \"ws://localhost:8080/ws/\" + window.token :\n            \"wss://\" + document.location.host + \"/ws/\" + window.token;\n        console.log(\"Connecting to socket \" + url);\n\n        window.ws = new WebSocket(url);\n        window.ws.onopen = () => {\n            console.log(\"Connected to socket \" + url);\n        };\n\n        window.ws.onclose = () => {\n            console.log(\"Connection to socket \" + url + \" closed\");\n            delete window.ws;\n        };\n\n        window.ws.onerror = (e) => {\n            console.error(e.msg);\n        }\n\n        window.ws.onmessage = (e) => {\n            const m = JSON.parse(e.data);\n            console.log(\"Received message\", m);\n\n            switch (m.command) {\n                case \"showWarning\": {\n                    const event = new CustomEvent(\"warning\", { detail: m.msg });\n                    window.dispatchEvent(event);\n                    break;\n                }\n                case \"confirmInsert\": {\n                    const event = new CustomEvent(\"insert-confirmed\");\n                    window.dispatchEvent(event);\n                    break;\n                }\n            }\n        }\n    }\n\n    close() {\n        if (window.ws) {\n            window.ws.close();\n            delete window.ws;\n        }\n    }\n\n    readToken() {\n        return window.token = window.localStorage.getItem(\"token\") || \"\";\n    }\n\n    updateToken(token) {\n        token = token.trim();\n\n        if (window.token === token) {\n            return;\n        }\n\n        window.localStorage.setItem(\"token\", token);\n        window.token = token;\n        window._paq.push(['trackEvent', 'Config', 'UpdateToken']);\n\n        this.init();\n    }\n\n    isOpen() {\n        return window.ws && window.ws.readyState === WebSocket.OPEN;\n    }\n}\n\nexport default new WebSocketService();\n","import WebSocketService from \"@/services/WebSocketService\";\n\nclass SendFilesService {\n    send(file, retry = 0) {\n        if (!window.ws) {\n            WebSocketService.init();\n        }\n\n        if (!WebSocketService.isOpen()) {\n            // try a maximum of 5 times to connect\n            if (retry < 5) {\n                setTimeout(() => { this.send(file, retry++) }, 1000);\n            }\n\n            return;\n        }\n\n        // console.log(\"Send data...\");\n        // console.log(file);\n        // window.ws.send(\"My data\");\n\n        console.log(\"Send file\", file);\n        // https://matomo.org/docs/event-tracking/\n        window._paq.push(['trackEvent', 'File', 'SendFile', 'Size', file.size]);\n        let reader = new FileReader();\n\n        reader.onerror = () => {\n            console.error(\"Reader error\", reader.error);\n        };\n\n        reader.onload = (e) => {\n            console.log(e.target.result);\n            const data = {\n                \"command\": \"insertFile\",\n                \"file\": e.target.result,\n                \"size\": file.size,\n                \"name\": file.name\n            }\n\n            window.ws.send(JSON.stringify(data));\n        }\n\n        reader.readAsDataURL(file);\n    }\n}\n\nexport default new SendFilesService();\n","<template>\n  <v-container>\n    <v-row class=\"text-center\">\n      <v-col cols=\"12\">\n        <v-btn\n            :loading=\"sending\"\n            :disabled=\"sending\"\n            v-if=\"allowSendButton\"\n            color=\"blue-grey\"\n            class=\"ma-2 white--text\"\n            fab\n            v-on:click=\"sendFile\"\n        >\n          <v-icon dark>\n            mdi-cloud-upload\n          </v-icon>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\n  import SendService from \"../services/SendFilesService\";\n  import WebSocketService from \"@/services/WebSocketService\";\n\n  export default {\n    name: 'SendImage',\n\n    data: () => ({\n      sending: false,\n      allowSendButton: false,\n      insertConfirmationTimeoutTimer: null\n    }),\n    methods: {\n      sendFile () {\n        this.sending = true;\n        const event = new CustomEvent(\"retrieve-image\");\n        window.dispatchEvent(event);\n      }\n    },\n    mounted() {\n      window.addEventListener(\"insert-confirmed\", () => {\n        clearTimeout(this.insertConfirmationTimeoutTimer);\n        this.sending = false;\n      });\n\n      window.addEventListener(\"image-loaded\", () => {\n        this.allowSendButton = true;\n      });\n\n      window.addEventListener(\"image-removed\", () => {\n        this.allowSendButton = false;\n      });\n\n      window.addEventListener(\"send-retrieved-file\", () => {\n        SendService.send(window.file);\n\n        this.insertConfirmationTimeoutTimer = setTimeout(() => {\n          this.sending = false;\n          const event = new CustomEvent(\"warning\", {\n            detail: \"We did not get a file insert confirmation after 15sec. \" +\n                \"Is the QOwnNotes desktop application running and using the same security token?\" });\n          window.dispatchEvent(event);\n        }, 15000)\n      });\n    },\n    beforeMount() {\n      WebSocketService.init();\n    },\n    beforeDestroy() {\n      WebSocketService.close();\n    }\n  }\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SendImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SendImage.vue?vue&type=template&id=7f7027e8&\"\nimport script from \"./SendImage.vue?vue&type=script&lang=js&\"\nexport * from \"./SendImage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VIcon,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-row',[_c('v-text-field',{staticClass:\"pt-5\",attrs:{\"rules\":_vm.rules,\"hide-details\":\"auto\",\"type\":_vm.visibility ? 'password' : 'text',\"append-icon\":_vm.visibility ? 'mdi-eye' : 'mdi-eye-off',\"append-outer-icon\":\"mdi-qrcode\"},on:{\"change\":_vm.change,\"click:append\":function () { return (_vm.visibility = !_vm.visibility); },\"click:append-outer\":_vm.showQRCode},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\" Security token \"),_c('small',[_vm._v(\"(use the same in your desktop app)\")])])]},proxy:true}]),model:{value:(_vm.token),callback:function ($$v) {_vm.token=$$v},expression:\"token\"}})],1),_c('v-row',[(_vm.qrCodeEnabled)?_c('qrcode-stream',{attrs:{\"track\":this.paintOutline},on:{\"decode\":_vm.onDecode}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-row>\n      <v-text-field\n          class=\"pt-5\"\n          :rules=\"rules\"\n          v-model=\"token\"\n          @change=\"change\"\n          hide-details=\"auto\"\n          :type=\"visibility ? 'password' : 'text'\"\n          :append-icon=\"visibility ? 'mdi-eye' : 'mdi-eye-off'\"\n          append-outer-icon=\"mdi-qrcode\"\n          @click:append=\"() => (visibility = !visibility)\"\n          @click:append-outer=\"showQRCode\"\n      >\n        <template v-slot:label>\n          <div>\n            Security token <small>(use the same in your desktop app)</small>\n          </div>\n        </template>\n      </v-text-field>\n    </v-row>\n    <v-row>\n      <qrcode-stream\n          @decode=\"onDecode\"\n          :track=\"this.paintOutline\"\n          v-if=\"qrCodeEnabled\"\n      ></qrcode-stream>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport WebSocketService from \"@/services/WebSocketService\";\n\nexport default {\n  data: () => ({\n    token: WebSocketService.readToken(),\n    visibility: String,\n    qrCodeEnabled: false,\n    rules: [\n      value => !!value || 'You need to enter a token to communicate with your local instance of QOwnNotes!',\n      value => (value && value.length >= 10) || 'A minimum of 10 characters are required!',\n      value => {\n        const pattern = /^[0-9a-zA-Z]+$/\n        return pattern.test(value) || 'Please only use numbers and characters!'\n      }\n    ],\n  }),\n  methods: {\n    change (value) {\n      console.debug(value);\n      WebSocketService.updateToken(value);\n    },\n    showQRCode () {\n      this.qrCodeEnabled = !this.qrCodeEnabled;\n    },\n    paintOutline (detectedCodes, ctx) {\n      for (const detectedCode of detectedCodes) {\n        const [ firstPoint, ...otherPoints ] = detectedCode.cornerPoints\n\n        ctx.strokeStyle = \"red\";\n\n        ctx.beginPath();\n        ctx.moveTo(firstPoint.x, firstPoint.y);\n        for (const { x, y } of otherPoints) {\n          ctx.lineTo(x, y);\n        }\n        ctx.lineTo(firstPoint.x, firstPoint.y);\n        ctx.closePath();\n        ctx.stroke();\n      }\n    },\n    onDecode (decodedString) {\n      console.debug(\"decodedString\", decodedString);\n\n      if (decodedString.startsWith('qontoken://')) {\n        this.token = decodedString.slice(11, 100);\n        this.change(this.token);\n        this.qrCodeEnabled = false;\n      }\n    }\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfigToken.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfigToken.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfigToken.vue?vue&type=template&id=411dd477&\"\nimport script from \"./ConfigToken.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfigToken.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VContainer,VRow,VTextField})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_vm._v(\" Send images to your QOwnNotes desktop application. \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    Send images to your QOwnNotes desktop application.\n  </v-container>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n  })\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Intro.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Intro.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Intro.vue?vue&type=template&id=64b615c1&\"\nimport script from \"./Intro.vue?vue&type=script&lang=js&\"\nexport * from \"./Intro.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VContainer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('img',{ref:\"image\",attrs:{\"alt\":_vm.image.name,\"src\":\"\"}}),_c('v-file-input',{attrs:{\"loading\":_vm.isFileLoading,\"accept\":\"image/*\",\"label\":\"Take or select photo\",\"show-size\":\"\"},on:{\"change\":_vm.selectFile}}),(_vm.showTools)?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\",\"sm\":\"4\"}},[_c('v-text-field',{attrs:{\"type\":\"number\",\"label\":\"Max. width\",\"suffix\":\"px\"},on:{\"change\":_vm.storeMaxWidth},model:{value:(_vm.maxWidth),callback:function ($$v) {_vm.maxWidth=$$v},expression:\"maxWidth\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\",\"sm\":\"4\"}},[_c('v-text-field',{attrs:{\"type\":\"number\",\"label\":\"Max. height\",\"suffix\":\"px\"},on:{\"change\":_vm.storeMaxHeight},model:{value:(_vm.maxHeight),callback:function ($$v) {_vm.maxHeight=$$v},expression:\"maxHeight\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\",\"sm\":\"4\"}},[_c('v-combobox',{attrs:{\"items\":_vm.imageFormats,\"label\":\"Output image format\"},on:{\"change\":_vm.storeImageFormat},model:{value:(_vm.imageFormat),callback:function ($$v) {_vm.imageFormat=$$v},expression:\"imageFormat\"}})],1)],1):_vm._e(),(_vm.showTools)?_c('v-layout',[_c('v-btn',{staticClass:\"mx-2\",attrs:{\"fab\":\"\",\"small\":\"\",\"color\":\"primary\",\"title\":\"Rotate Left\"},on:{\"click\":function($event){return _vm.clickTool('rotate-left')}}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" mdi-rotate-left \")])],1),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"fab\":\"\",\"small\":\"\",\"color\":\"primary\",\"title\":\"Rotate Right\"},on:{\"click\":function($event){return _vm.clickTool('rotate-right')}}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" mdi-rotate-right \")])],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <img\n        ref=\"image\"\n        :alt=\"image.name\"\n        src=\"\" />\n    <v-file-input\n        @change=\"selectFile\"\n        :loading=\"isFileLoading\"\n        accept=\"image/*\"\n        label=\"Take or select photo\"\n        show-size\n    ></v-file-input>\n    <v-row v-if=\"showTools\">\n      <v-col\n          cols=\"6\"\n          sm=\"4\"\n      >\n        <v-text-field\n            v-model=\"maxWidth\"\n            type=\"number\"\n            label=\"Max. width\"\n            suffix=\"px\"\n            @change=\"storeMaxWidth\"\n        ></v-text-field>\n      </v-col>\n      <v-col\n          cols=\"6\"\n          sm=\"4\"\n      >\n        <v-text-field\n            v-model=\"maxHeight\"\n            type=\"number\"\n            label=\"Max. height\"\n            suffix=\"px\"\n            @change=\"storeMaxHeight\"\n        ></v-text-field>\n      </v-col>\n      <v-col\n          cols=\"6\"\n          sm=\"4\"\n      >\n        <v-combobox\n            v-model=\"imageFormat\"\n            :items=\"imageFormats\"\n            label=\"Output image format\"\n            @change=\"storeImageFormat\"\n        ></v-combobox>\n      </v-col>\n    </v-row>\n    <v-layout v-if=\"showTools\">\n      <v-btn\n          class=\"mx-2\"\n          fab\n          small\n          color=\"primary\"\n          title=\"Rotate Left\"\n          @click=\"clickTool('rotate-left')\"\n      >\n        <v-icon dark>\n          mdi-rotate-left\n        </v-icon>\n      </v-btn>\n      <v-btn\n          class=\"mx-2\"\n          fab\n          small\n          color=\"primary\"\n          title=\"Rotate Right\"\n          @click=\"clickTool('rotate-right')\"\n      >\n        <v-icon dark>\n          mdi-rotate-right\n        </v-icon>\n      </v-btn>\n    </v-layout>\n  </v-container>\n</template>\n\n<style>\nimg {\n  display: block;\n  max-width: 100%;\n  max-height: 30vh;\n}\n</style>\n\n<script>\nimport Cropper from 'cropperjs';\nimport heic2any from \"heic2any\";\n\nexport default {\n  data: () => ({\n    originalFile: null,\n    isFileLoading: false,\n    image: {},\n    imageFormat: window.localStorage.getItem(\"imageFormat\") || 'jpeg',\n    imageFormats: ['jpeg', 'png'],\n    // image: {url: \"/img/icons/apple-touch-icon.png\"},\n    showTools: false,\n    cropper: null,\n    maxWidth: window.localStorage.getItem(\"maxWidth\") || 5120,\n    maxHeight: window.localStorage.getItem(\"maxHeight\") || 5120,\n  }),\n  methods: {\n    removeImage() {\n      this.showTools = false;\n\n      if (this.cropper) {\n        this.cropper.destroy();\n        this.cropper = null;\n      }\n\n      this.$refs.image.alt = \"\";\n      this.$refs.image.src = \"\";\n\n      const event = new CustomEvent(\"image-removed\");\n      window.dispatchEvent(event);\n    },\n    clickTool(action) {\n      const { cropper } = this;\n      window._paq.push(['trackEvent', 'Image', 'ToolAction', action]);\n      console.debug(action);\n      switch (action) {\n        case 'move':\n        case 'crop':\n          cropper.setDragMode(action);\n          break;\n        case 'zoom-in':\n          cropper.zoom(0.1);\n          break;\n        case 'zoom-out':\n          cropper.zoom(-0.1);\n          break;\n        case 'rotate-left':\n          cropper.rotate(-90);\n          break;\n        case 'rotate-right':\n          cropper.rotate(90);\n          break;\n        case 'flip-horizontal':\n          cropper.scaleX(-cropper.getData().scaleX || -1);\n          break;\n        case 'flip-vertical':\n          cropper.scaleY(-cropper.getData().scaleY || -1);\n          break;\n        default:\n      }\n    },\n    async selectFile(file) {\n      if (!file) {\n        return;\n      }\n\n      this.isFileLoading = true;\n\n      // convert heic/heif to jpg\n      if (file.type === \"image/heic\" || file.type === \"image/heif\") {\n        const fileName = file.name;\n        file = await heic2any({\n          blob: file,\n          toType: \"image/jpeg\"\n        });\n        file.name = fileName + '.jpg';\n      }\n\n      this.originalFile = file;\n      this.removeImage();\n\n      this.image = {\n        name: file.name,\n        type: file.type,\n        url: URL.createObjectURL(file)\n      }\n\n      // this is crucial, \"src\" must be set this way for cropper to work\n      this.$refs.image.src = this.image.url;\n\n      this.cropper = new Cropper(this.$refs.image, {\n        autoCrop: false,\n        dragMode: 'move',\n        background: false,\n        // crop(event) {\n        //   console.debug(event.detail.x);\n        //   console.debug(event.detail.y);\n        //   console.debug(event.detail.width);\n        //   console.debug(event.detail.height);\n        //   console.debug(event.detail.rotate);\n        //   console.debug(event.detail.scaleX);\n        //   console.debug(event.detail.scaleY);\n        // },\n        ready: () => {\n          console.debug(\"ready\");\n          this.showTools = true;\n          window._paq.push(['trackEvent', 'Image', 'Loaded', file.size]);\n\n          const event = new CustomEvent(\"image-loaded\");\n          window.dispatchEvent(event);\n        },\n      });\n\n      this.isFileLoading = false;\n\n      // this.sending = false;\n      // this.sendFile();\n    },\n    /**\n     * Send the image file as event\n     */\n    sendImageFile(file) {\n      window.file = file;\n      const event = new CustomEvent(\"send-retrieved-file\");\n      window.dispatchEvent(event);\n    },\n    /**\n     * Checks if the image was modified\n     *\n     * @returns {boolean}\n     */\n    isImageModified() {\n      // check if image formats match\n      if (!this.originalFile.type.includes(this.imageFormat)) {\n        return true;\n      }\n\n      // check if image size needs to be adapted\n      const imageData = this.cropper.getImageData();\n      if (imageData.naturalHeight > this.maxHeight || imageData.naturalWidth > this.maxWidth) {\n        return true;\n      }\n\n      // check if image needs to be rotated\n      const data = this.cropper.getData();\n\n      return (data.rotate || 0) !== 0;\n    },\n    storeMaxWidth(value) {\n      window.localStorage.setItem(\"maxWidth\", value);\n    },\n    storeMaxHeight(value) {\n      window.localStorage.setItem(\"maxHeight\", value);\n    },\n    storeImageFormat(value) {\n      window.localStorage.setItem(\"imageFormat\", value);\n    }\n  },\n  mounted() {\n    // send image if image sending was requested\n    window.addEventListener(\"retrieve-image\", () => {\n      if (this.isImageModified()) {\n        // send the image from Cropper is it was modified\n        this.cropper.getCroppedCanvas({\n          maxWidth: this.maxWidth,\n          maxHeight: this.maxHeight,\n        }).toBlob((blob) => {\n          blob.name = this.image.name;\n          this.sendImageFile(blob);\n        }, 'image/' + this.imageFormat);\n      } else {\n        // send the original image\n        this.sendImageFile(this.originalFile);\n      }\n    });\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImagePicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImagePicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImagePicker.vue?vue&type=template&id=09f8cab2&\"\nimport script from \"./ImagePicker.vue?vue&type=script&lang=js&\"\nexport * from \"./ImagePicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImagePicker.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VCombobox } from 'vuetify/lib/components/VCombobox';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFileInput } from 'vuetify/lib/components/VFileInput';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VCombobox,VContainer,VFileInput,VIcon,VLayout,VRow,VTextField})\n","<template>\n  <v-app>\n<!--    <v-navigation-drawer-->\n<!--        app-->\n<!--        v-model=\"drawer\"-->\n<!--        absolute-->\n<!--        bottom-->\n<!--        temporary-->\n<!--    >-->\n<!--      <v-list-item>-->\n<!--        <v-list-item-content>-->\n<!--          <v-list-item-title class=\"title\">-->\n<!--            QOwnNotes-->\n<!--          </v-list-item-title>-->\n<!--          <v-list-item-subtitle>-->\n<!--            subtext-->\n<!--          </v-list-item-subtitle>-->\n<!--        </v-list-item-content>-->\n<!--      </v-list-item>-->\n\n<!--      <v-divider></v-divider>-->\n\n<!--      <v-list-->\n<!--          dense-->\n<!--          nav-->\n<!--      >-->\n<!--        <v-list-item-->\n<!--            link-->\n<!--        >-->\n<!--          <v-list-item-icon>-->\n<!--            <v-icon>mdi-image</v-icon>-->\n<!--          </v-list-item-icon>-->\n\n<!--          <v-list-item-content>-->\n<!--            <v-list-item-title>Config</v-list-item-title>-->\n<!--          </v-list-item-content>-->\n<!--        </v-list-item>-->\n<!--      </v-list>-->\n<!--    </v-navigation-drawer>-->\n\n    <v-app-bar app>\n<!--      <v-app-bar-nav-icon @click.stop=\"drawer = !drawer\"></v-app-bar-nav-icon>-->\n      <div class=\"d-flex align-center\">\n        <v-img\n            alt=\"Vuetify Logo\"\n            class=\"shrink mr-2\"\n            contain\n            src=\"/img/icon.svg\"\n            transition=\"scale-transition\"\n            width=\"40\"\n        />\n\n        QOwnNotes Web App v{{version}}\n      </div>\n    </v-app-bar>\n\n    <!-- Sizes your content based upon application components -->\n    <v-main>\n      <!-- Provides the application the proper gutter -->\n      <v-container fluid>\n        <Intro/>\n        <ConfigToken/>\n        <ImagePicker/>\n        <SendImage/>\n      </v-container>\n    </v-main>\n\n    <v-footer app>\n      <v-alert\n          dense\n          type=\"warning\"\n          v-model=\"showWarning\"\n          border=\"left\"\n          dismissible\n      >\n        {{this.warningText}}\n      </v-alert>\n    </v-footer>\n  </v-app>\n</template>\n\n<script>\nimport SendImage from \"@/components/SendImage\";\nimport ConfigToken from \"@/components/ConfigToken\";\nimport Intro from \"@/components/Intro\";\nimport ImagePicker from \"@/components/ImagePicker\";\nimport {version} from '../package'\n\nexport default {\n  name: 'App',\n\n  components: {\n    ImagePicker,\n    ConfigToken,\n    SendImage,\n    Intro,\n  },\n\n  data: () => ({\n    showWarning: false,\n    warningText: \"\",\n    drawer: false,\n    version: version\n  }),\n  methods: {\n    handleWarningEvent(e) {\n      console.log(\"Received warning\", e.detail);\n      this.warningText = e.detail;\n      this.showWarning = true;\n      e.stopPropagation();\n    }\n  },\n  mounted() {\n    window.addEventListener(\"warning\", this.handleWarningEvent);\n    window._paq.push(['trackPageView']);\n    window._paq.push(['setCustomDimension', 1, version]);\n    window._paq.push(['setCustomDimension', 2, process.env.NODE_ENV]);\n  },\n  beforeDestroy() {\n    window.removeEventListener(\"warning\", this.handleWarningEvent);\n  }\n};\n</script>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--13-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=4a876f54&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VApp } from 'vuetify/lib/components/VApp';\nimport { VAppBar } from 'vuetify/lib/components/VAppBar';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFooter } from 'vuetify/lib/components/VFooter';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VMain } from 'vuetify/lib/components/VMain';\ninstallComponents(component, {VAlert,VApp,VAppBar,VContainer,VFooter,VImg,VMain})\n","import Vue from 'vue';\nimport Vuetify from 'vuetify/lib/framework';\n\nVue.use(Vuetify);\n\nexport default new Vuetify({\n});\n","import Vue from 'vue'\nimport App from './App.vue'\nimport vuetify from './plugins/vuetify';\nimport VueQrcodeReader from \"vue-qrcode-reader\";\nimport VueMatomo from \"vue-matomo\";\nimport './registerServiceWorker'\nimport 'cropperjs/dist/cropper.css';\n\nVue.config.productionTip = false\n\n// https://www.npmjs.com/package/vue-matomo\nVue.use(VueMatomo, {\n  host: \"https://p.bekerle.com\",\n  siteId: 8,\n  enableHeartBeatTimer: true,\n});\n\nVue.use(VueQrcodeReader);\n\nnew Vue({\n  vuetify,\n  render: h => h(App)\n}).$mount('#app')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImagePicker.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}