{"version":3,"sources":["webpack:///./src/components/SearchEngine.vue?f3c4","webpack:///src/components/SearchEngine.vue","webpack:///./src/components/SearchEngine.vue?179c","webpack:///./src/components/SearchEngine.vue","webpack:///./src/components/SearchEngine.vue?a12b"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","name","data","clickElement","computed","searchKeyword","$store","state","searchEngine","keyword","created","googleSearchScript","document","watch","newValue","mounted","window","searchCallbacks","web","rendered","Array","elem","classList","contains","addToNoteButton","note","noteUrl","type","timestamp","actor","verb","value","dataSource","resultLinkParent","image","imageAlt","imageElementParent","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,MAAM,CAACG,YAAY,oB,+DCQlK,GACbC,KAAMA,eACNC,KAFF,WAGI,MAAO,CACLC,aAAcA,uIAIlBC,SAAUA,CACRC,cADJ,WAEM,OAAOZ,KAAKa,OAAOC,MAAMC,aAAaC,UAI1CC,QAdF,WAeI,IAAJ,mCACIC,EAAmBA,aACvB,MACA,sDAEIC,SAASA,KAAKA,YAAYA,IAG5BC,MAAOA,CACLR,cADJ,SACAS,GACMF,SAASA,eAAeA,aAAaA,MAAQA,EAC7CA,SAASA,cAAcA,2CAA2CA,UAItEG,QA9BF,WA8BA,WAEIC,OAAOA,OAASA,CACdC,gBAAiBA,CACfC,IAAKA,CACHC,SAAUA,WAER,IAAZ,8DACA,aAGYC,MAAMA,KAAKA,GAAsBA,SAAQA,SAArDA,GACc,IAAKC,EAAKC,UAAUC,SAAS,0BAA4BF,EAAKC,UAAUC,SAAS,uBAAwB,CACvG,IAAhB,uBACA,kBAGA,iBAGA,gBACA,mCACA,oBACgBC,EAAgBA,iBAAiBA,SAASA,WACxC,IAAlB,SACA,cAGA,GACoBC,KAAMA,EACNC,QAASA,EACTC,KAAMA,OACNC,UAAWA,MAASA,UAExC,UACA,2BACA,GACoBC,MAApBA,EACoBC,KAApBA,EACoBC,MAApBA,EACoBC,WAAYA,UAEd,EAAlB,kCAIgBC,EAAiBA,YAAYA,SAMrCC,MAAOA,CACLf,SAAUA,WAER,IAAZ,gEAGYC,MAAMA,KAAKA,EAAcA,UAAUA,SAAQA,SAAvDA,GACc,IAAd,yBAEA,0EAGA,iBAGA,gBACA,mCACA,oBACcI,EAAgBA,iBAAiBA,SAASA,WACxC,IAAhB,QACA,QAGA,GACkBW,SAAUA,EACVV,KAAMA,EACNE,KAAMA,QACNC,UAAWA,MAASA,UAEtC,UACA,2BACA,GACkBC,MAAlBA,EACkBC,KAAlBA,EACkBC,MAAlBA,EACkBC,WAAYA,UAEd,EAAhB,kCAIcI,EAAmBA,YAAYA,YCpIyS,I,wBCQlVC,EAAY,eACd,EACA9C,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAsC,E,6CCnBf,W","file":"js/chunk-10629814.f1eb42e2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"google__search-results\"},[_c('div',{staticClass:\"gcse-search\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"google__search-results\">\n    <div class=\"gcse-search\"></div>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment';\n\nexport default {\n  name: 'SearchEngine',\n  data() {\n    return {\n      clickElement: '<span class=\"gcs-add-to-note ms-1 mt-1 \"><i class=\"box-icon search-engine-note__icon bx bx-export\" title=\"add to note\"></i></span>',\n    };\n  },\n\n  computed: {\n    searchKeyword() {\n      return this.$store.state.searchEngine.keyword;\n    },\n  },\n\n  created() {\n    const googleSearchScript = document.createElement('script');\n    googleSearchScript.setAttribute(\n      'src',\n      'https://cse.google.com/cse.js?cx=72f33ee999e7d44e3',\n    );\n    document.head.appendChild(googleSearchScript);\n  },\n\n  watch: {\n    searchKeyword(newValue) {\n      document.getElementById('gsc-i-id1').value = newValue;\n      document.querySelector('.gsc-search-button.gsc-search-button-v2').click();\n    },\n  },\n\n  mounted() {\n    // eslint-disable-next-line no-underscore-dangle\n    window.__gcse = {\n      searchCallbacks: {\n        web: {\n          rendered: () => {\n            // get the search results list parent element\n            const searchResults = document.querySelector('.gsc-webResult .gsc-expansionArea');\n            const searchResultChildren = searchResults.children;\n\n            // iterate on search result children and modify each\n            Array.from(searchResultChildren).forEach((elem) => {\n              if (!elem.classList.contains('gsc-adBlockInvisible') && !elem.classList.contains('gsc-adBlockNoHeight')) {\n                const resultLink = elem.querySelector('a');\n                const resultLinkParent = resultLink.parentElement;\n\n                // create a new button element\n                const addToNoteButtonTemplate = this.clickElement;\n\n                // parse the button through dom parser to create html node\n                const parser = new DOMParser();\n                const doc = parser.parseFromString(addToNoteButtonTemplate, 'text/html');\n                const addToNoteButton = doc.body.firstChild;\n                addToNoteButton.addEventListener('click', () => {\n                  const linkUrl = resultLink.href;\n                  const linkTitle = resultLink.innerHTML;\n\n                  // create a new note\n                  const value = {\n                    note: linkTitle,\n                    noteUrl: linkUrl,\n                    type: 'note',\n                    timestamp: moment().format(),\n                  };\n                  const verb = 'NOTED';\n                  const actor = this.$store.state.auth.user;\n                  const data = {\n                    actor,\n                    verb,\n                    value,\n                    dataSource: 'google',\n                  };\n                  this.$store.dispatch('addToNote', data);\n                });\n\n                // add button to the search result\n                resultLinkParent.appendChild(addToNoteButton);\n              }\n            });\n          },\n        },\n\n        image: {\n          rendered: () => {\n            // get the search results list parent element\n            const searchResults = document.querySelector('.gsc-imageResult .gsc-expansionArea');\n\n            // iterate on search result children and modify each\n            Array.from(searchResults.children).forEach((elem) => {\n              const imageElement = elem.querySelector('img');\n              // you should not do this ever again\n              const imageElementParent = imageElement.parentElement.parentElement.parentElement.parentElement.parentElement;\n\n              // create a new button element\n              const addToNoteButtonTemplate = this.clickElement;\n\n              // parse the button through dom parser to create html node\n              const parser = new DOMParser();\n              const doc = parser.parseFromString(addToNoteButtonTemplate, 'text/html');\n              const addToNoteButton = doc.body.firstChild;\n              addToNoteButton.addEventListener('click', () => {\n                const imageUrl = imageElement.src;\n                const imageTitle = imageElement.alt;\n\n                // create a new note\n                const value = {\n                  imageAlt: imageTitle,\n                  note: imageUrl,\n                  type: 'image',\n                  timestamp: moment().format(),\n                };\n                const verb = 'NOTED';\n                const actor = this.$store.state.auth.user;\n                const data = {\n                  actor,\n                  verb,\n                  value,\n                  dataSource: 'google',\n                };\n                this.$store.dispatch('addToNote', data);\n              });\n\n              // add button to the search result\n              imageElementParent.appendChild(addToNoteButton);\n            });\n          },\n        },\n      },\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import '../scss/abstracts/variables';\n\n.gcs-add-to-note {\n  i {\n    font-size: 1.5rem !important;\n    color: $gray !important;\n    transform: translateY(0.1875em);\n  }\n}\n</style>\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!./SearchEngine.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!./SearchEngine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchEngine.vue?vue&type=template&id=264166fe&\"\nimport script from \"./SearchEngine.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchEngine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchEngine.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchEngine.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}