{"version":3,"file":"PostCard-D3y6vNWs.js","sources":["../../../node_modules/@heroicons/vue/24/outline/esm/ArrowPathRoundedSquareIcon.js","../../../node_modules/@heroicons/vue/24/outline/esm/ChatBubbleOvalLeftIcon.js","../../../resources/js/services/windowService.js","../../../resources/js/Components/Feed/PostCard.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 0 1-.923 1.785A5.969 5.969 0 0 0 6 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337Z\"\n    })\n  ]))\n}","import { ref, onMounted, onUnmounted, watchEffect } from \"vue\";\n\nexport function windowService() {\n    const isMobile = ref(window.innerWidth <= 768);\n\n    const detectMobile = () => {\n        isMobile.value = window.innerWidth <= 768;\n    };\n\n    onMounted(() => {\n        detectMobile(); // Ensure correct state on load\n        window.addEventListener(\"resize\", detectMobile);\n    });\n\n    onUnmounted(() => {\n        window.removeEventListener(\"resize\", detectMobile);\n    });\n\n    return isMobile;\n}\n","<script setup>\nimport {onMounted, ref} from 'vue';\nimport {\n    ArrowUpIcon,\n    ArrowDownIcon,\n    ChatBubbleOvalLeftIcon,\n    ArrowPathRoundedSquareIcon,\n    BookmarkIcon,\n    ShareIcon,\n    ChartBarIcon\n} from '@heroicons/vue/24/outline';\nimport moment from \"moment\";\nimport axios from 'axios';\nimport {windowService} from \"@/services/windowService.js\";\n\nconst props = defineProps({\n    post: {\n        type: Object,\n        required: true\n    },\n    showFullThread: {\n        type: Boolean,\n        default: false\n    }\n});\n\nconst post = ref({ ...props.post });\n\nconst navigateToPost = (post) => {\n    console.log('Navigating to post', post);\n    window.location = '/feed/' + post.identifier;\n};\n\nconst loadTwitterEmbed = () => {\n    if (window.twttr) {\n        window.twttr.widgets.load();\n    } else {\n        const script = document.createElement(\"script\");\n        script.setAttribute(\"src\", \"https://platform.x.com/widgets.js\");\n        script.setAttribute(\"async\", \"true\");\n        document.head.appendChild(script);\n    }\n};\n\nconst upvote = async () => {\n    try {\n        const isUpvoted = post.value.upvoted;\n\n        // Optimistically update UI\n        if (isUpvoted) {\n            post.value.upvotes -= 1;\n            post.value.upvoted = false;\n        } else {\n            post.value.upvotes += 1;\n            post.value.upvoted = true;\n\n            if (post.value.downvoted) {\n                post.value.downvotes -= 1;\n                post.value.downvoted = false;\n            }\n        }\n\n        await axios.post(`/api/feed/${post.value.identifier}/upvote`, {\n            vote: isUpvoted ? 0 : 1\n        });\n    } catch (error) {\n        console.error('Error upvoting post:', error);\n    }\n};\n\nconst downvote = async () => {\n    try {\n        const isDownvoted = post.value.downvoted;\n\n        // Optimistically update UI\n        if (isDownvoted) {\n            post.value.downvotes -= 1;\n            post.value.downvoted = false;\n        } else {\n            post.value.downvotes += 1;\n            post.value.downvoted = true;\n\n            if (post.value.upvoted) {\n                post.value.upvotes -= 1;\n                post.value.upvoted = false;\n            }\n        }\n\n        await axios.post(`/api/feed/${post.value.identifier}/downvote`, {\n            vote: isDownvoted ? 0 : 1\n        });\n    } catch (error) {\n        console.error('Error downvoting post:', error);\n    }\n};\n\nonMounted(() => {\n    loadTwitterEmbed();\n});\n\nconst isMobile = windowService();\n</script>\n\n<template>\n    <div\n        class=\"border-b border-gray-800 p-4 hover:bg-wz-dark transition-colors duration-200 cursor-pointer\"\n        @click=\"navigateToPost(post)\"\n    >\n        <div class=\"flex space-x-3\">\n            <img :src=\"post?.user?.thumbnail?.url ?? '/images/default.png'\" alt=\"Profile picture\" class=\"w-12 h-12 rounded-full\">\n            <div class=\"flex-1\">\n                <div class=\"flex items-center space-x-2\" v-if=\"!isMobile\">\n                    <span class=\"font-bold text-white\">{{ post.user.name }}</span>\n                    <a :href=\"'/u/' + post.user.username\" class=\"text-wz-gray hover:text-gray-400\">@{{ post.user.username }}</a>\n                    <span class=\"text-wz-gray\">· {{ moment(post.created_at).fromNow() }}</span>\n                </div>\n                <div class=\"flex items-center space-x-2 text-sm\" v-else>\n                    <span class=\"font-bold text-white\">{{ post.user.name }}</span>\n                    <a :href=\"'/u/' + post.user.username\" class=\"text-wz-gray hover:text-gray-400\">@{{ post.user.username }}</a>\n                    <span class=\"text-wz-gray\">· {{ moment(post.created_at).fromNow() }}</span>\n                </div>\n                <p class=\"mt-2 text-white\" v-html=\"post.content\"></p>\n                <img\n                    v-if=\"post.image\"\n                    :src=\"post.image\"\n                    :alt=\"post.content\"\n                    class=\"mt-3 rounded-2xl w-full h-auto object-contain\"\n                />\n\n                <img\n                    alt=\"GIF\"\n                    v-if=\"post.gif\"\n                    :src=\"post.gif\"\n                    class=\"mt-3 rounded-2xl w-full h-auto object-contain\"\n                />\n\n                <!-- YouTube Video Preview -->\n                <div v-if=\"post?.meta?.youtube\" class=\"mt-3\">\n                    <iframe\n                        :src=\"'https://www.youtube.com/embed/' + post?.meta?.youtube\"\n                        class=\"w-full max-w-lg aspect-video rounded-lg\"\n                        frameborder=\"0\"\n                        allowfullscreen\n                    ></iframe>\n                </div>\n\n                <!-- Twitter Embed -->\n                <div v-if=\"post?.meta?.twitter\" class=\"mt-3\">\n                    <blockquote class=\"twitter-tweet\">\n                        <a :href=\"'https://twitter.com/i/status/' + post?.meta?.twitter\"></a>\n                    </blockquote>\n                </div>\n\n                <div class=\"flex justify-between mt-4 text-wz-gray\">\n                    <div class=\"flex space-x-6\">\n                        <button class=\"flex items-center space-x-2 hover:text-green-600 transition-colors\" @click.stop>\n                            <ChatBubbleOvalLeftIcon class=\"w-5 h-5\" />\n                            <span>{{ post.replies }}</span>\n                        </button>\n                        <button class=\"flex items-center space-x-2 hover:text-green-500 transition-colors\" @click.stop>\n                            <ArrowPathRoundedSquareIcon class=\"w-5 h-5\" />\n                            <span>{{ post.reposts }}</span>\n                        </button>\n                        <button :class=\"{'text-green-600': post.upvoted}\" class=\"flex items-center space-x-2 hover:text-green-600 transition-colors\" @click.stop=\"upvote\">\n                            <ArrowUpIcon class=\"w-5 h-5\" />\n                            <span>{{ post.upvotes }}</span>\n                        </button>\n                        <button :class=\"{'text-red-600': post.downvoted}\" class=\"flex items-center space-x-2 hover:text-red-500 transition-colors\" @click.stop=\"downvote\">\n                            <ArrowDownIcon class=\"w-5 h-5\" />\n                            <span>{{ post.downvotes }}</span>\n                        </button>\n                    </div>\n                    <div class=\"flex items-center space-x-4\" v-if=\"!isMobile\">\n                        <button class=\"flex items-center space-x-1 text-wz-gray hover:text-wz-blue transition-colors\" title=\"View Stats\" @click.stop>\n                            <ChartBarIcon class=\"w-5 h-5\" />\n                            <span class=\"text-sm\">{{ post.impressions }}</span>\n                        </button>\n                        <button class=\"text-wz-gray hover:text-wz-blue transition-colors\" title=\"Share\" @click.stop>\n                            <ShareIcon class=\"w-5 h-5\" />\n                        </button>\n                        <button class=\"text-wz-gray hover:text-wz-blue transition-colors\" title=\"Bookmark\" @click.stop>\n                            <BookmarkIcon class=\"w-5 h-5\" />\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","windowService","isMobile","ref","detectMobile","onMounted","onUnmounted","post","__props","navigateToPost","loadTwitterEmbed","script","upvote","isUpvoted","axios","error","downvote","isDownvoted"],"mappings":"mRAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,yUACT,CAAK,CACL,CAAG,CACH,CChBe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,oOACT,CAAK,CACL,CAAG,CACH,CChBO,SAASC,GAAgB,CAC5B,MAAMC,EAAWC,EAAI,OAAO,YAAc,GAAG,EAEvCC,EAAe,IAAM,CACvBF,EAAS,MAAQ,OAAO,YAAc,GAC9C,EAEI,OAAAG,EAAU,IAAM,CACZD,IACA,OAAO,iBAAiB,SAAUA,CAAY,CACtD,CAAK,EAEDE,EAAY,IAAM,CACd,OAAO,oBAAoB,SAAUF,CAAY,CACzD,CAAK,EAEMF,CACX,+rBCOA,MAAMK,EAAOJ,EAAI,CAAE,GAXLK,EAWc,IAAM,CAAA,EAE5BC,EAAkBF,GAAS,CAC7B,QAAQ,IAAI,qBAAsBA,CAAI,EACtC,OAAO,SAAW,SAAWA,EAAK,UACtC,EAEMG,EAAmB,IAAM,CAC3B,GAAI,OAAO,MACP,OAAO,MAAM,QAAQ,WAClB,CACH,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,aAAa,MAAO,mCAAmC,EAC9DA,EAAO,aAAa,QAAS,MAAM,EACnC,SAAS,KAAK,YAAYA,CAAM,CACpC,CACJ,EAEMC,EAAS,SAAY,CACvB,GAAI,CACA,MAAMC,EAAYN,EAAK,MAAM,QAGzBM,GACAN,EAAK,MAAM,SAAW,EACtBA,EAAK,MAAM,QAAU,KAErBA,EAAK,MAAM,SAAW,EACtBA,EAAK,MAAM,QAAU,GAEjBA,EAAK,MAAM,YACXA,EAAK,MAAM,WAAa,EACxBA,EAAK,MAAM,UAAY,KAI/B,MAAMO,EAAM,KAAK,aAAaP,EAAK,MAAM,UAAU,UAAW,CAC1D,KAAMM,EAAY,EAAI,CAClC,CAAS,CACJ,OAAQE,EAAO,CACZ,QAAQ,MAAM,uBAAwBA,CAAK,CAC/C,CACJ,EAEMC,EAAW,SAAY,CACzB,GAAI,CACA,MAAMC,EAAcV,EAAK,MAAM,UAG3BU,GACAV,EAAK,MAAM,WAAa,EACxBA,EAAK,MAAM,UAAY,KAEvBA,EAAK,MAAM,WAAa,EACxBA,EAAK,MAAM,UAAY,GAEnBA,EAAK,MAAM,UACXA,EAAK,MAAM,SAAW,EACtBA,EAAK,MAAM,QAAU,KAI7B,MAAMO,EAAM,KAAK,aAAaP,EAAK,MAAM,UAAU,YAAa,CAC5D,KAAMU,EAAc,EAAI,CACpC,CAAS,CACJ,OAAQF,EAAO,CACZ,QAAQ,MAAM,yBAA0BA,CAAK,CACjD,CACJ,EAEAV,EAAU,IAAM,CACZK,GACJ,CAAC,EAED,MAAMR,EAAWD,EAAa","x_google_ignoreList":[0,1]}