{"version":3,"mappings":"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","names":["reactionOptions","props","__props","store","useMainStore","reactions","useFetch","classForEmoji","emoji","_b","_a","_c","dialogue","useDialogue","toggleReaction","translator","loadScript","useNuxtApp","config","useConfig","route","useRoute","slug","blogEntry","ref","title","computed","banner","description","content","useSimpleHead","post","useTemplateRef","markdown","__temp","__restore","_withAsyncContext","__variableDynamicImportRuntimeHelper","__vitePreload","parseMarkdown","onMounted","divElement","wall","Columnist"],"ignoreList":[],"sources":["../../../../src/blog/reactions.ts","../../../../components/blog/BlogReactionSection.vue","../../../../pages/blog/[slug].vue"],"sourcesContent":["export const reactionOptions = ['👍', '❤️', '👏', '😂', '😯', '😢', '😡'];\n","<script setup lang=\"ts\">\nimport Tooltip from '~/components/Tooltip.vue';\nimport type { BlogReactions } from '~/server/blog.ts';\nimport { reactionOptions } from '~/src/blog/reactions.ts';\nimport { useMainStore } from '~/store/index.ts';\n\nconst props = defineProps<{\n    slug: string;\n}>();\n\nconst store = useMainStore();\n\nconst { data: reactions } = useFetch<BlogReactions>(`/api/blog/${props.slug}/reactions`, { server: false, lazy: true });\n\nconst classForEmoji = (emoji: string): string => {\n    if (reactions.value?.user?.includes(emoji)) {\n        return 'btn-primary';\n    } else if ((reactions.value?.total[emoji] ?? 0) > 0) {\n        return 'btn-outline-primary';\n    } else {\n        return 'btn-outline-secondary';\n    }\n};\n\nconst dialogue = useDialogue();\nconst toggleReaction = async (emoji: string) => {\n    if (!store.user || !reactions.value?.user) {\n        return;\n    }\n    reactions.value = await dialogue.postWithAlertOnError(`/api/blog/${props.slug}/reactions`, {\n        emoji,\n        reaction: !reactions.value.user.includes(emoji),\n    });\n};\n</script>\n\n<template>\n    <Loading :value=\"reactions\">\n        <template #header>\n            <p class=\"small mb-0\">\n                <Icon v=\"hands\" />\n                <T>links.blogReact</T><T>quotation.colon</T>\n            </p>\n        </template>\n        <component\n            :is=\"store.user ? 'span' : Tooltip\"\n            v-for=\"emoji in reactionOptions\"\n            :key=\"emoji\"\n            :text=\"$t('links.blogReactAuthRequired')\"\n        >\n            <button\n                type=\"button\"\n                :inert=\"!store.user\"\n                :class=\"['btn', classForEmoji(emoji), 'm-1']\"\n                @click=\"toggleReaction(emoji)\"\n            >\n                {{ reactions?.total[emoji] ?? 0 }} {{ emoji }}\n            </button>\n        </component>\n    </Loading>\n</template>\n","<script setup lang=\"ts\">\nimport Columnist from 'avris-columnist';\nimport { useNuxtApp, useRoute } from 'nuxt/app';\nimport { computed, ref } from 'vue';\n\nimport useConfig from '~/composables/useConfig.ts';\nimport useSimpleHead from '~/composables/useSimpleHead.ts';\nimport parseMarkdown from '~/src/parseMarkdown.ts';\nimport type { MarkdownInfo } from '~/src/parseMarkdown.ts';\n\ndefinePageMeta({\n    translatedPaths: (config) => {\n        if (!config.links.enabled || !config.links.blog) {\n            return [];\n        }\n        const shortcuts = Object.entries(config.blog?.shortcuts ?? {})\n            .filter(([_shortcut, slug]) => !(config.blog?.keepFullPath ?? []).includes(slug))\n            .map(([shortcut, slug]) => {\n                const shortcutRoute = { paths: [`/${encodeURIComponent(shortcut)}`], meta: { slug } };\n                return [`blogEntryShortcut:${shortcut}`, shortcutRoute] as const;\n            });\n        return {\n            blogEntry: { paths: [`/${encodeURIComponent(config.links.blogRoute)}/:slug`] },\n            ...Object.fromEntries(shortcuts),\n        };\n    },\n});\n\nconst { $translator: translator, $loadScript: loadScript } = useNuxtApp();\nconst config = useConfig();\n\nconst route = useRoute();\nconst slug = (route.params.slug ?? route.meta.slug) as string;\n\nconst blogEntry = ref<MarkdownInfo>({ title: null, img: null, intro: null, content: null });\n\nconst title = computed(() => blogEntry.value.title);\n\nconst banner = computed(() => blogEntry.value.img);\nconst description = computed(() => blogEntry.value.intro);\nconst content = computed(() => blogEntry.value.content);\n\nuseSimpleHead({\n    title,\n    description,\n    banner,\n}, translator);\n\nconst post = useTemplateRef<HTMLDivElement>('post');\n\ntry {\n    const markdown = (await import(`~/locale/${config.locale}/blog/${slug}.md`)).default;\n    blogEntry.value = await parseMarkdown(markdown, translator);\n} catch (error) {\n    // import failed\n}\n\nonMounted(async () => {\n    if (!content.value) {\n        return;\n    }\n    if (content.value.includes('twitter-tweet')) {\n        await loadScript('twitter', 'https://platform.twitter.com/widgets.js');\n    }\n\n    if (content.value.includes('fb-post')) {\n        const divElement = document.createElement('div');\n        divElement.id = 'fb-root';\n        document.body.appendChild(divElement);\n\n        await loadScript('facebook', 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v19.0', 'xwbrn1J4');\n    }\n\n    for (const wall of post.value?.querySelectorAll('.columnist-wall') ?? []) {\n        const columnist = new Columnist(wall);\n        columnist.start();\n    }\n});\n</script>\n\n<template>\n    <Page>\n        <NotFound v-if=\"!content\" />\n        <div v-else ref=\"post\" class=\"blog-post\">\n            <p v-if=\"!config.links.split\">\n                <nuxt-link v-if=\"config.links.blog\" :to=\"{ name: 'blog' }\">\n                    <Icon v=\"pen-nib\" />\n                    <T>links.blog</T>\n                </nuxt-link>\n            </p>\n\n            <AdPlaceholder :phkey=\"['content-0', 'content-mobile-0']\" />\n\n            <Spelling :text=\"content\" />\n\n            <AdPlaceholder :phkey=\"['content-1', 'content-mobile-1']\" />\n\n            <div class=\"d-print-none\">\n                <Separator icon=\"heart\" />\n                <BlogReactionSection :slug=\"slug\" />\n                <section>\n                    <Share :title=\"title ?? undefined\" />\n                </section>\n                <Support />\n            </div>\n        </div>\n    </Page>\n</template>\n\n<style lang=\"scss\">\n    @import \"assets/variables\";\n\n    .blog-post {\n        hyphens: auto;\n        text-align: justify;\n\n        h1 {\n            text-align: left;\n        }\n\n        img {\n            max-width: 100%;\n        }\n\n        figure {\n            width: 100%;\n            max-width: 24rem;\n            padding: $spacer;\n            img {\n                width: 100%;\n            }\n            figcaption {\n                margin-top: $spacer / 2;\n                font-size: $small-font-size;\n            }\n        }\n\n        .forms-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(18rem, 3fr));\n            grid-gap: $spacer;\n            justify-items: center;\n            figure {\n                padding: 0;\n                figcaption {\n                    font-size: 90%;\n                }\n            }\n        }\n\n        hr {\n            border: none;\n            border-top: 3px solid $primary;\n            opacity: 1;\n        }\n    }\n\n   .columnist-wall > .columnist-column {\n       transition: margin-top .2s ease-in-out;\n   }\n\n   .spoiler {\n       background-color: $primary-bg-subtle;\n       color: $primary-bg-subtle;\n       padding: map-get($spacers, 1);\n       border-radius: $border-radius;\n       cursor: pointer;\n       transition: color .2s ease-in-out;\n       &:hover {\n           color: $black;\n       }\n   }\n</style>\n"],"file":"_nuxt/Co_-8f5n.js"}