{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue","webpack:///./src/components/Header.vue","webpack:///./src/components/Header.vue?a704","webpack:///./src/components/Footer.vue","webpack:///./src/components/Footer.vue?dcb5","webpack:///./src/App.vue?ae2f","webpack:///./src/views/Posts.vue","webpack:///./src/views/Posts.vue?9718","webpack:///./src/router/index.js","webpack:///./src/main.js","webpack:///./src/views/Posts.vue?348a","webpack:///./src/components/Header.vue?2020","webpack:///./src/components/Footer.vue?3ac6","webpack:///./src/App.vue?1bed"],"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","class","to","components","__exports__","href","Header","Footer","render","role","style","for","aria-hidden","posts","post","id","title","votePost","$event","disabled","loading_upvote","votes","up","loading_downvote","down","content","youtube_video","width","height","src","frameborder","allow","allowfullscreen","createPost","type","required","newPostForm","rows","loading","rawPosts","computed","this","sort","a","b","datetime","localeCompare","created","fetchPosts","methods","getPostById","postId","youtubeRegex","request","map","youtubeMatch","match","alert","event","preventDefault","Date","toISOString","e","vote","routes","path","component","Posts","router","createRouter","history","createWebHashHistory","createApp","App","use","mount"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAG/Be,GAAqBA,EAAoBhB,GAE5C,MAAMO,EAASC,OACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,IAER,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,GAE3CA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,KAItE,OAAOD,EAIR,IAAIQ,EAAmB,GAKnBhB,EAAkB,CACrB,IAAO,GAGJK,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU6B,QAGnC,IAAIC,EAASF,EAAiB5B,GAAY,CACzCK,EAAGL,EACH+B,GAAG,EACHF,QAAS,IAUV,OANAf,EAAQd,GAAUW,KAAKmB,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOC,GAAI,EAGJD,EAAOD,QAKfH,EAAoBM,EAAIlB,EAGxBY,EAAoBO,EAAIL,EAGxBF,EAAoBQ,EAAI,SAASL,EAASM,EAAMC,GAC3CV,EAAoBW,EAAER,EAASM,IAClC3B,OAAO8B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,KAKhEV,EAAoBe,EAAI,SAASZ,GACX,qBAAXa,QAA0BA,OAAOC,aAC1CnC,OAAO8B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DpC,OAAO8B,eAAeT,EAAS,aAAc,CAAEe,OAAO,KAQvDlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKxC,OAAOyC,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBxC,OAAO8B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBQ,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRtB,EAAoB0B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAO,YACtC,WAA8B,OAAOA,GAEtC,OADAJ,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASgB,EAAQC,GAAY,OAAO9C,OAAOC,UAAUC,eAAeC,KAAK0C,EAAQC,IAGzG5B,EAAoB6B,EAAI,IAExB,IAAIC,EAAaC,OAAO,gBAAkBA,OAAO,iBAAmB,GAChEC,EAAmBF,EAAW3C,KAAKsC,KAAKK,GAC5CA,EAAW3C,KAAOf,EAClB0D,EAAaA,EAAWG,QACxB,IAAI,IAAItD,EAAI,EAAGA,EAAImD,EAAWjD,OAAQF,IAAKP,EAAqB0D,EAAWnD,IAC3E,IAAIU,EAAsB2C,EAI1BzC,EAAgBJ,KAAK,CAAC,EAAE,kBAEjBM,K,wNCpJCyC,MAAM,a,0IAFd,eAMU,gBALR,eAAU,GACV,eAEO,OAFP,EAEO,CADL,eAAe,KAEjB,eAAU,K,OCLPA,MAAM,a,GACDA,MAAM,oB,GACPA,MAAM,8D,GACJA,MAAM,sB,iBAC8C,a,EACvD,eAA4E,KAAzEA,MAAM,QAAO,4DAAwD,G,oFALhF,eASM,MATN,EASM,CARJ,eAOS,SAPT,EAOS,CANP,eAKM,MALN,EAKM,CAJJ,eAGM,MAHN,EAGM,CAFJ,eAA8E,GAAjEC,GAAG,IAAID,MAAM,8B,yBAA6B,iBAAS,C,YAChE,UAQK,OACbzB,KAAM,SACN2B,WAAY,I,iCCTd,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,GCRLH,MAAM,e,EACZ,eAA6F,U,eAA1F,mCAA+B,eAAuD,KAApDI,KAAK,6BAA4B,qB,MAAtE,G,gDADF,eAES,SAFT,EAES,GAII,OACb7B,KAAM,SACN2B,WAAY,I,UCFd,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,QJKA,GACb3B,KAAM,MACN2B,WAAY,CACVG,SAAQC,W,UKVZ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,Q,eCPNP,MAAM,W,SACkBA,MAAM,4B,EAC/B,eAEM,OAFDA,MAAM,iBAAiBQ,KAAK,U,CAC/B,eAA+C,QAAzCR,MAAM,mBAAkB,gB,MADhC,G,SAIUA,MAAM,Y,GAETA,MAAM,Y,GACLA,MAAM,0B,GAGLA,MAAM,YAAYS,MAAA,sB,kCAEaT,MAAM,mCAAmCQ,KAAK,U,EAC5E,eAA+C,QAAzCR,MAAM,mBAAkB,cAAU,G,GAAxC,G,SAEQA,MAAM,kB,kCAGkBA,MAAM,mCAAmCQ,KAAK,U,EAC9E,eAA+C,QAAzCR,MAAM,mBAAkB,cAAU,G,GAAxC,G,SAEQA,MAAM,oB,aAUrBA,MAAM,Y,GACJA,MAAM,kBAAkBS,MAAA,c,GACtBT,MAAM,6B,EACT,eAA2C,MAAvCA,MAAM,cAAa,mBAAe,G,iBAAK,kF,GAGpCA,MAAM,Q,GACT,eAAwD,SAAjDU,IAAI,aAAaV,MAAM,cAAa,SAAK,G,IAG7CA,MAAM,Q,GACT,eAA4D,SAArDU,IAAI,eAAeV,MAAM,cAAa,WAAO,G,IAGjDA,MAAM,Q,0BAEDA,MAAM,wCAAwCQ,KAAK,SAASG,cAAY,Q,kBAAyC,iB,iDAlDvI,eA2DU,gBA1DR,eAyDM,MAzDN,EAyDM,CAxDY,OAAL,EAAAC,O,iBAAX,eAIM,MAJN,EAIM,K,iBACN,eAyBM,MAzBN,EAyBM,E,mBAxBJ,eAsBM,2BAtBc,EAAAA,OAAK,SAAbC,G,wBAAZ,eAsBM,OAtBsBvB,IAAG,QAAYuB,EAAKC,GAAId,MAAM,iB,CACxD,eAkBM,MAlBN,EAkBM,CAjBJ,eAEK,KAFL,EAEK,eADAa,EAAKE,OAAK,GAEf,eAaM,MAbN,EAaM,CAZJ,eAKS,UALDf,MAAM,+BAAgC,QAAK,mBAAE,EAAAgB,SAASC,EAAM,EAAKJ,EAAKC,KAAMI,SAAUL,EAAKM,gB,CACtFN,EAAKM,gB,iBAAhB,eAEM,MAFN,EAEM,K,iBACN,eAAqC,IAArC,I,eAAqC,IAAC,eAAGN,EAAKO,MAAMC,IAAE,I,KAExD,eAKS,UALDrB,MAAM,yBAA0B,QAAK,mBAAE,EAAAgB,SAASC,GAAM,EAAMJ,EAAKC,KAAMI,SAAUL,EAAKS,kB,CACjFT,EAAKS,kB,iBAAhB,eAEM,MAFN,EAEM,K,iBACN,eAAuC,IAAvC,I,eAAuC,IAAC,eAAGT,EAAKO,MAAMG,MAAI,I,wBAG1D,IACN,eAAGV,EAAKW,SAAU,IAClB,GAAcX,EAAKY,e,iBAAnB,eAAsT,U,MAApRC,MAAM,MAAMC,OAAO,MAAMlB,MAAA,qBAAwBmB,IAAG,wCAAmCf,EAAKY,eAAiBV,MAAM,uBAAuBc,YAAY,IAAIC,MAAM,2FAA2FC,gBAAA,I,+CAKjS,eAuBM,MAvBN,EAuBM,CAtBJ,eAqBM,MArBN,EAqBM,CApBJ,eAmBM,MAnBN,EAmBM,CAlBJ,E,EAEA,eAeO,QAfA,SAAM,8BAAE,EAAAC,YAAA,EAAAA,WAAA,sB,CACb,eAGM,MAHN,EAGM,CAFJ,G,eACA,eAA6F,SAAtFC,KAAK,OAAOjC,MAAM,eAAec,GAAG,aAAaoB,SAAA,G,qDAAkB,EAAAC,YAAYpB,MAAK,K,mBAAjB,EAAAoB,YAAYpB,WAExF,eAGM,MAHN,GAGM,CAFJ,G,eACA,eAA4G,YAAlGf,MAAM,eAAec,GAAG,eAAesB,KAAK,IAAIF,SAAA,G,qDAAkB,EAAAC,YAAYX,QAAO,K,mBAAnB,EAAAW,YAAYX,aAE1F,eAKM,MALN,GAKM,CAJJ,eAGS,UAHDS,KAAK,SAASjC,MAAM,uBAAwBkB,SAAU,EAAAiB,YAAYE,S,CACmB,EAAAF,YAAYE,S,iBAAvG,eAAuH,OAAvH,K,qLAeH,IACb9D,KAAM,QACN2B,WAAY,GAEZ/D,KAJa,WAKX,MAAO,CACLmG,SAAU,KACVH,YAAa,CACXE,SAAS,EACTtB,MAAO,GACPS,QAAS,MAIfe,SAAU,CACR3B,MADQ,WAEN,OAAsB,OAAlB4B,KAAKF,SAA0B,KAC5B,gBAAIE,KAAKF,UAAUG,MAAK,SAACC,EAAGC,GAAJ,OAAUA,EAAEC,SAASC,cAAcH,EAAEE,eAGlEE,QApBO,WAoBG,yJACd,EAAKC,aADS,8CAGhBC,QAAS,CACPC,YAAa,SAAUC,GAAQ,wBACVV,KAAK5B,OADK,IAC7B,2BAA+B,KAApBC,EAAoB,QAC7B,GAAIA,EAAKC,IAAMoC,EAAQ,OAAOrC,GAFH,8BAI7B,OAAO,MAETkC,WAAY,WAAF,+CAAE,sHAEJI,EAAe,2IAFX,SAGY,GAAAT,EAAM9D,IAAI,wEAHtB,OAGJwE,EAHI,OAIRZ,KAAKF,SAAWc,EAAQjH,KAAKyE,MAAMyC,KAAI,SAAAxC,GAAQ,MAGzCyC,EAAezC,EAAKW,QAAQ+B,MAAMJ,GAKtC,OAJIG,GAA2C,KAA3B,UAAAA,EAAa,UAAb,eAAiB3G,UACnCkE,EAAK,iBAAmByC,EAAa,IAGhCzC,KAZD,mDAeR2B,KAAKF,SAAW,GAChBkB,MAAM,EAAD,IAhBG,yDAAF,qDAAE,GAmBZxB,WAAY,WAAF,+CAAE,WAAgByB,GAAhB,8FACVA,EAAMC,iBACNlB,KAAKL,YAAYE,SAAU,EAFjB,kBAKY,GAAAK,EAAM7B,KACxB,uEACA2B,KAAKL,aAPC,OAKJiB,EALI,OASRZ,KAAKF,SAASrF,KAAd,iCACE6D,GAAIsC,EAAQjH,KAAK2E,GACjB8B,UAAU,IAAIe,MAAOC,eAClBpB,KAAKL,aAHV,IAIEf,MAAO,CACLC,GAAI,EACJE,KAAM,MAfF,mDAmBRiC,MAAM,EAAD,IAnBG,QAqBVhB,KAAKL,YAAYE,SAAU,EArBjB,yDAAF,sDAAE,GAuBZrB,SAAU,WAAF,+CAAE,WAAgB6C,EAAGC,EAAMZ,GAAzB,0FACRW,EAAEH,iBACE7C,EAAO2B,KAAKS,YAAYC,IAExBrC,EAJI,wBAMM,GAARiD,EAAWjD,EAAKM,gBAAiB,EAChCN,EAAKS,kBAAmB,EAPvB,kBAUE,GAAAoB,EAAM7B,KACV,2EACA,CACEC,GAAIoC,EACJY,SAdA,OAmBQ,GAARA,EACFjD,EAAKO,MAAMC,IAAM,EAEjBR,EAAKO,MAAMG,MAAQ,EAtBjB,qDAyBJiC,MAAM,EAAD,IAzBD,QA6BM,GAARM,EAAWjD,EAAKM,gBAAiB,EAChCN,EAAKS,kBAAmB,EA9BvB,0DAAF,0DAAE,K,UCnId,MAAM,GAA2B,IAAgB,GAAQ,CAAC,CAAC,SAAS,MAErD,UCNTyC,GAAS,CACb,CACEC,KAAM,IACNzF,KAAM,QACN0F,UAAWC,KAITC,GAASC,eAAa,CAC1BC,QAASC,iBACTP,YAGaI,M,oBCVfI,eAAUC,GAAKC,IAAIN,IAAQO,MAAM,S,kCCNjC,W,2DCAA,W,oCCAA,W,oCCAA","file":"js/app.36a9dbe2.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","<template>\n  <section>\n    <Header />\n    <main class=\"container\">\n      <router-view />\n    </main>\n    <Footer />\n  </section>\n</template>\n\n<script>\nimport Header from './components/Header.vue'\nimport Footer from './components/Footer.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    Header, Footer\n  }\n}\n</script>\n\n<style>\n#app {\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #2c3e50;\n}\n</style>\n","<template>\n  <div class=\"container\">\n    <header class=\"blog-header py-3\">\n      <div class=\"row flex-nowrap justify-content-between align-items-center\">\n        <div class=\"col-12 text-center\">\n          <router-link to=\"/\" class=\"blog-header-logo text-dark\">CloudBook</router-link>\n          <p class=\"mt-2\">You can share videos! (Yes, you can dislike them too 👎)</p>\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Header',\n  components: {\n  }\n}\n</script>\n\n<style>\n@import url(\"https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap\");\n\n.blog-header {\n  line-height: 1;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n.blog-header-logo {\n  font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif/*rtl:Amiri, Georgia, \"Times New Roman\", serif*/;\n  font-size: 2.25rem;\n}\n\n.blog-header-logo:hover {\n  text-decoration: none;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif/*rtl:Amiri, Georgia, \"Times New Roman\", serif*/;\n}\n\n.display-4 {\n  font-size: 2.5rem;\n}\n@media (min-width: 768px) {\n  .display-4 {\n    font-size: 3rem;\n  }\n}\n\n.nav-scroller {\n  position: relative;\n  z-index: 2;\n  height: 2.75rem;\n  overflow-y: hidden;\n}\n\n.nav-scroller .nav {\n  display: flex;\n  flex-wrap: nowrap;\n  padding-bottom: 1rem;\n  margin-top: -1px;\n  overflow-x: auto;\n  text-align: center;\n  white-space: nowrap;\n  -webkit-overflow-scrolling: touch;\n}\n\n.nav-scroller .nav-link {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n  font-size: .875rem;\n}\n\n.card-img-right {\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n}\n\n.flex-auto {\n  flex: 0 0 auto;\n}\n\n.h-250 { height: 250px; }\n@media (min-width: 768px) {\n  .h-md-250 { height: 250px; }\n}\n</style>\n","import { render } from \"./Header.vue?vue&type=template&id=3a7193e8\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=3a7193e8&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <footer class=\"blog-footer\">\n    <p>cloudbook.lucadibattista.it by <a href=\"https://lucadibattista.it\">Luca Dibattista</a></p>\n  </footer>\n</template>\n\n<script>\nexport default {\n  name: 'Footer',\n  components: {\n  }\n}\n</script>\n\n<style>\n@import url(\"https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap\");\n\n.blog-footer {\n  padding: 2.5rem 0;\n  color: #727272;\n  text-align: center;\n  background-color: #f9f9f9;\n  border-top: .05rem solid #e5e5e5;\n}\n.blog-footer p:last-child {\n  margin-bottom: 0;\n}\n</style>\n","import { render } from \"./Footer.vue?vue&type=template&id=f7d03d22\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=f7d03d22&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=73ec780f\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=73ec780f&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section>\n    <div class=\"row g-5\">\n      <div v-if=\"posts === null\" class=\"col-md-8 text-center p-5\">\n        <div class=\"spinner-border\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n      </div>\n      <div v-else class=\"col-md-8\">\n        <div v-for=\"post in posts\" :key=\"'post-' + post.id\" class=\"border-bottom\">\n          <div class=\"clearfix\">\n            <h3 class=\"fst-italic float-start\">\n              {{ post.title }}\n            </h3>\n            <div class=\"float-end\" style=\"font-size: 2rem\">\n              <button class=\"btn btn-outline-success me-2\" @click=\"votePost($event, 1, post.id)\" :disabled=\"post.loading_upvote\">\n                <div v-if=\"post.loading_upvote\" class=\"spinner-border spinner-border-sm\" role=\"status\">\n                  <span class=\"visually-hidden\">Loading...</span>\n                </div>\n                <i v-else class=\"bi bi-arrow-up\"></i> {{ post.votes.up }}\n              </button>\n              <button class=\"btn btn-outline-danger\" @click=\"votePost($event, -1, post.id)\" :disabled=\"post.loading_downvote\">\n                <div v-if=\"post.loading_downvote\" class=\"spinner-border spinner-border-sm\" role=\"status\">\n                  <span class=\"visually-hidden\">Loading...</span>\n                </div>\n                <i v-else class=\"bi bi-arrow-down\"></i> {{ post.votes.down }}\n              </button>\n            </div>\n          </div>\n          {{ post.content }}\n          <iframe v-if=\"post.youtube_video\" width=\"560\" height=\"315\" style=\"max-width:100%\" :src=\"`https://www.youtube.com/embed/${post.youtube_video}`\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n        </div>\n\n      </div>\n\n      <div class=\"col-md-4\">\n        <div class=\"position-sticky\" style=\"top: 2rem;\">\n          <div class=\"p-4 mb-3 bg-light rounded\">\n            <h4 class=\"fst-italic\">Post something!</h4>\n            Do you want to post a video? Just include the YouTube link into the message!\n            <form @submit=\"createPost\">\n              <div class=\"mb-3\">\n                <label for=\"post-title\" class=\"form-label\">Title</label>\n                <input type=\"text\" class=\"form-control\" id=\"post-title\" required v-model=\"newPostForm.title\">\n              </div>\n              <div class=\"mb-3\">\n                <label for=\"post-content\" class=\"form-label\">Message</label>\n                <textarea class=\"form-control\" id=\"post-content\" rows=\"3\" required v-model=\"newPostForm.content\"></textarea>\n              </div>\n              <div class=\"mb-3\">\n                <button type=\"submit\" class=\"btn btn-primary mb-3\" :disabled=\"newPostForm.loading\">\n                  <span class=\"spinner-border spinner-border-sm mr-4\" role=\"status\" aria-hidden=\"true\" v-if=\"newPostForm.loading\"></span>\n                  Submit post\n                </button>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default {\n  name: 'Posts',\n  components: {\n  },\n  data() {\n    return {\n      rawPosts: null,\n      newPostForm: {\n        loading: false,\n        title: '',\n        content: ''\n      },\n    }\n  },\n  computed: {\n    posts() {\n      if (this.rawPosts === null) return null\n      return [...this.rawPosts].sort((a, b) => b.datetime.localeCompare(a.datetime))\n    }\n  },\n  async created() {\n    this.fetchPosts()\n  },\n  methods: {\n    getPostById: function (postId) {\n      for (const post of this.posts) {\n        if (post.id == postId) return post\n      }\n      return null\n    },\n    fetchPosts: async function () {\n      try {\n        var youtubeRegex = /^.*(youtu.be\\/|youtube(-nocookie)?.com\\/(v\\/|.*u\\/\\w\\/|embed\\/|.*v=))([\\w-]{11}).*/s;\n        let request = await axios.get('https://social-network-api.generalassignmentworker.workers.dev/posts')\n        this.rawPosts = request.data.posts.map(post => {\n\n          // Check if there is a YouTube link into the content\n          var youtubeMatch = post.content.match(youtubeRegex)\n          if (youtubeMatch && youtubeMatch[4]?.length == 11) {\n            post['youtube_video'] = youtubeMatch[4]\n          }\n\n          return post\n        })\n      } catch (e) {\n        this.rawPosts = []\n        alert(e)\n      }\n    },\n    createPost: async function (event) {\n      event.preventDefault()\n      this.newPostForm.loading = true\n\n      try{\n        let request = await axios.post(\n          'https://social-network-api.generalassignmentworker.workers.dev/posts',\n          this.newPostForm\n        )\n        this.rawPosts.push({\n          id: request.data.id,\n          datetime: new Date().toISOString(),\n          ...this.newPostForm,\n          votes: {\n            up: 0,\n            down: 0\n          }\n        })\n      } catch (e) {\n        alert(e)\n      }\n      this.newPostForm.loading = false\n    },\n    votePost: async function (e, vote, postId) {\n      e.preventDefault()\n      let post = this.getPostById(postId)\n\n      if (post) {\n        // Show loading spinner on the button\n        if (vote == 1) post.loading_upvote = true\n        else post.loading_downvote = true\n\n        try {\n          await axios.post(\n            'https://social-network-api.generalassignmentworker.workers.dev/vote-post',\n            {\n              id: postId,\n              vote\n            }\n          )\n          \n          // Update votes count\n          if (vote == 1) {\n            post.votes.up += 1\n          } else {\n            post.votes.down += 1\n          }\n        } catch (e) {\n          alert(e)\n        }\n\n        // Hide loading spinner from the button\n        if (vote == 1) post.loading_upvote = false\n        else post.loading_downvote = false\n      }\n    }\n  }\n}\n</script>\n\n<style>\n@import url(\"https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap\");\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif/*rtl:Amiri, Georgia, \"Times New Roman\", serif*/;\n}\n\n.display-4 {\n  font-size: 2.5rem;\n}\n@media (min-width: 768px) {\n  .display-4 {\n    font-size: 3rem;\n  }\n}\n\n.card-img-right {\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n}\n\n.flex-auto {\n  flex: 0 0 auto;\n}\n\n.h-250 { height: 250px; }\n@media (min-width: 768px) {\n  .h-md-250 { height: 250px; }\n}\n\n/* Pagination */\n.blog-pagination {\n  margin-bottom: 4rem;\n}\n.blog-pagination > .btn {\n  border-radius: 2rem;\n}\n\n/*\n * Blog posts\n */\n.blog-post {\n  margin-bottom: 4rem;\n}\n.blog-post-title {\n  margin-bottom: .25rem;\n  font-size: 2.5rem;\n}\n.blog-post-meta {\n  margin-bottom: 1.25rem;\n  color: #727272;\n}\n</style>\n","import { render } from \"./Posts.vue?vue&type=template&id=0fa4d7b5\"\nimport script from \"./Posts.vue?vue&type=script&lang=js\"\nexport * from \"./Posts.vue?vue&type=script&lang=js\"\n\nimport \"./Posts.vue?vue&type=style&index=0&id=0fa4d7b5&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createWebHashHistory, createRouter } from \"vue-router\";\nimport Posts from \"@/views/Posts.vue\";\n\nconst routes = [\n  {\n    path: \"/\",\n    name: \"Posts\",\n    component: Posts,\n  },\n];\n\nconst router = createRouter({\n  history: createWebHashHistory(),\n  routes,\n});\n\nexport default router;","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport \"bootstrap/dist/css/bootstrap.min.css\"\nimport \"bootstrap\"\n\ncreateApp(App).use(router).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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Posts.vue?vue&type=style&index=0&id=0fa4d7b5&lang=css\"","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Header.vue?vue&type=style&index=0&id=3a7193e8&lang=css\"","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Footer.vue?vue&type=style&index=0&id=f7d03d22&lang=css\"","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./App.vue?vue&type=style&index=0&id=73ec780f&lang=css\""],"sourceRoot":""}