{"version":3,"file":"js/603.5dd63659.js","sources":["webpack://frontend/./src/views/HomeView.vue?71c7","webpack://frontend/./src/views/HomeView.vue","webpack://frontend/./src/views/HomeView.vue?1da1"],"sourceRoot":"","sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, createVNode as _createVNode, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, withCtx as _withCtx, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = {\n  id: \"home\",\n  class: \"container mx-auto px-4 lg:w-1/2 md:w-full\"\n}\nconst _hoisted_2 = { class: \"box text-center\" }\nconst _hoisted_3 = { title: \"upload image\" }\nconst _hoisted_4 = {\n  for: \"search-input-home\",\n  class: \"btn w-24 bg-red-500 hover:bg-red-50 border-red-500\"\n}\nconst _hoisted_5 = {\n  key: 0,\n  title: \"take a photo\"\n}\nconst _hoisted_6 = { key: 0 }\nconst _hoisted_7 = {\n  for: \"search-input-home-mobile\",\n  class: \"btn w-24 bg-yellow-500 hover:bg-yellow-50 border-yellow-500\"\n}\nconst _hoisted_8 = { key: 1 }\nconst _hoisted_9 = {\n  key: 1,\n  title: \"camera not available\"\n}\nconst _hoisted_10 = { class: \"btn w-24 bg-gray-300 border-gray-300 text-gray-500 hover:text-gray-500 cursor-not-allowed\" }\n\nimport { onMounted, ref } from 'vue'\n\nimport SpinnerComponent from '@/components/common/SpinnerComponent.vue'\n\nimport CameraIcon from '@/icons/CameraIcon.vue'\nimport UploadIcon from '@/icons/UploadIcon.vue'\nimport { useLoadingStore } from '@/stores/loading'\n\nimport camera from '@/composables/camera'\nimport { useSearch } from '@/composables/search'\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'HomeView',\n  setup(__props) {\n\nconst canvas = ref<HTMLCanvasElement | null>(null);\nconst hasCamera = ref<boolean>(true);\nconst isMobile = ref<boolean>(true);\nconst loadingStore = useLoadingStore();\nconst { predictFromUpload } = useSearch();\n\nonMounted(() => {\n    camera.setIsMobile(isMobile);\n    camera.setHasCamera(hasCamera);\n});\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_router_link = _resolveComponent(\"router-link\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    (_unref(loadingStore).isLoading)\n      ? (_openBlock(), _createBlock(SpinnerComponent, { key: 0 }))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"canvas\", {\n      ref_key: \"canvas\",\n      ref: canvas,\n      class: \"hidden\"\n    }, null, 512),\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _cache[6] || (_cache[6] = _createElementVNode(\"div\", { class: \"mb-4 space-y-4\" }, [\n          _createElementVNode(\"p\", null, \"Brickognize is an image search app for Lego bricks.\"),\n          _createElementVNode(\"p\", null, \"Currently, it recognizes only a single part, minifigure or set per image.\"),\n          _createElementVNode(\"p\", { class: \"italic\" }, [\n            _createTextVNode(\"This is still a beta version. Things might not work as expected. \"),\n            _createElementVNode(\"a\", {\n              class: \"underline hover:text-gray-400\",\n              href: \"mailto:piotr.rybak@brickognize.com\"\n            }, \"Let me know\"),\n            _createTextVNode(\" if that happens.\")\n          ])\n        ], -1)),\n        _cache[7] || (_cache[7] = _createElementVNode(\"p\", { class: \"text-2xl mb-2 mt-6\" }, \"Search\", -1)),\n        _createElementVNode(\"span\", _hoisted_3, [\n          _createElementVNode(\"label\", _hoisted_4, [\n            _createVNode(UploadIcon, { class: \"inline-block w-6 h-6\" }),\n            _cache[2] || (_cache[2] = _createTextVNode(\"upload\"))\n          ]),\n          _createElementVNode(\"input\", {\n            type: \"file\",\n            accept: \"image/*\",\n            onChange: _cache[0] || (_cache[0] = (event) => _unref(predictFromUpload)(event.target as HTMLInputElement, canvas.value)),\n            id: \"search-input-home\",\n            class: \"hidden\"\n          }, null, 32)\n        ]),\n        (hasCamera.value)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n              (isMobile.value)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                    _createElementVNode(\"label\", _hoisted_7, [\n                      _createVNode(CameraIcon, { class: \"inline-block w-6 h-6\" }),\n                      _cache[3] || (_cache[3] = _createTextVNode(\"camera\"))\n                    ]),\n                    _createElementVNode(\"input\", {\n                      type: \"file\",\n                      capture: \"environment\",\n                      accept: \"image/*\",\n                      onChange: _cache[1] || (_cache[1] = (event) => _unref(predictFromUpload)(event.target as HTMLInputElement, canvas.value)),\n                      id: \"search-input-home-mobile\",\n                      class: \"hidden\"\n                    }, null, 32)\n                  ]))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_8, [\n                    _createVNode(_component_router_link, {\n                      class: \"btn w-24 bg-yellow-500 hover:bg-yellow-50 border-yellow-500\",\n                      to: \"/search\"\n                    }, {\n                      default: _withCtx(() => [\n                        _createVNode(CameraIcon, { class: \"inline-block w-6 h-6\" }),\n                        _cache[4] || (_cache[4] = _createTextVNode(\"camera\"))\n                      ]),\n                      _: 1\n                    })\n                  ]))\n            ]))\n          : (_openBlock(), _createElementBlock(\"span\", _hoisted_9, [\n              _createElementVNode(\"div\", _hoisted_10, [\n                _createVNode(CameraIcon, { class: \"inline-block w-6 h-6\" }),\n                _cache[5] || (_cache[5] = _createTextVNode(\"camera\"))\n              ])\n            ]))\n      ])\n    ])\n  ], 64))\n}\n}\n\n})","<template>\n    <SpinnerComponent v-if=\"loadingStore.isLoading\"/>\n    <canvas ref=\"canvas\" class=\"hidden\"></canvas>\n\n    <div id=\"home\" class=\"container mx-auto px-4 lg:w-1/2 md:w-full\">\n        <div class=\"box text-center\">\n            <div class=\"mb-4 space-y-4\">\n                <p>Brickognize is an image search app for Lego bricks.</p>\n                <p>Currently, it recognizes only a single part, minifigure or set per image.</p>\n                <p class=\"italic\">This is still a beta version. Things might not work as expected. <a class=\"underline hover:text-gray-400\" href=\"mailto:piotr.rybak@brickognize.com\">Let me know</a> if that happens.</p>\n            </div>\n            <p class=\"text-2xl mb-2 mt-6\">Search</p>\n            <span title=\"upload image\">\n                <label for=\"search-input-home\" class=\"btn w-24 bg-red-500 hover:bg-red-50 border-red-500\"><UploadIcon class=\"inline-block w-6 h-6\"/>upload</label>\n                <input type=\"file\" accept=\"image/*\" @change=\"(event: Event) => predictFromUpload(event.target as HTMLInputElement, canvas)\" id=\"search-input-home\" class=\"hidden\">\n            </span>\n            <span v-if=\"hasCamera\" title=\"take a photo\">\n                <span v-if=\"isMobile\">\n                    <label for=\"search-input-home-mobile\" class=\"btn w-24 bg-yellow-500 hover:bg-yellow-50 border-yellow-500\"><CameraIcon class=\"inline-block w-6 h-6\"/>camera</label>\n                    <input type=\"file\" capture=\"environment\" accept=\"image/*\" @change=\"(event: Event) => predictFromUpload(event.target as HTMLInputElement, canvas)\" id=\"search-input-home-mobile\" class=\"hidden\">\n                </span>\n                <span v-else>\n                    <router-link class=\"btn w-24 bg-yellow-500 hover:bg-yellow-50 border-yellow-500\" to=\"/search\"><CameraIcon class=\"inline-block w-6 h-6\"/>camera</router-link>\n                </span>\n            </span>\n            <span v-else title=\"camera not available\">\n                <div class=\"btn w-24 bg-gray-300 border-gray-300 text-gray-500 hover:text-gray-500 cursor-not-allowed\"><CameraIcon class=\"inline-block w-6 h-6\"/>camera</div>\n            </span>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\n\nimport SpinnerComponent from '@/components/common/SpinnerComponent.vue'\n\nimport CameraIcon from '@/icons/CameraIcon.vue'\nimport UploadIcon from '@/icons/UploadIcon.vue'\nimport { useLoadingStore } from '@/stores/loading'\n\nimport camera from '@/composables/camera'\nimport { useSearch } from '@/composables/search'\n\nconst canvas = ref<HTMLCanvasElement | null>(null);\nconst hasCamera = ref<boolean>(true);\nconst isMobile = ref<boolean>(true);\nconst loadingStore = useLoadingStore();\nconst { predictFromUpload } = useSearch();\n\nonMounted(() => {\n    camera.setIsMobile(isMobile);\n    camera.setHasCamera(hasCamera);\n});\n</script>\n","import script from \"./HomeView.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./HomeView.vue?vue&type=script&setup=true&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["_hoisted_1","id","class","_hoisted_2","_hoisted_3","title","_hoisted_4","for","_hoisted_5","key","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_defineComponent","__name","setup","__props","canvas","ref","hasCamera","isMobile","loadingStore","useLoadingStore","predictFromUpload","useSearch","onMounted","camera","setIsMobile","setHasCamera","_ctx","_cache","_component_router_link","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_unref","isLoading","_createBlock","SpinnerComponent","_createCommentVNode","_createElementVNode","ref_key","_createTextVNode","href","_createVNode","UploadIcon","type","accept","onChange","event","target","value","CameraIcon","capture","to","default","_withCtx","_","__exports__"],"mappings":"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","debug_id":"a6b48c04-fee1-5953-9ed7-e7d7e535df7b"}