{"version":3,"file":"useSidebarSorter.8b92de23.js","sources":["../../../../utils/author-list.utils.js","../../../../components/blog/AuthorshipBlock.vue","../../../../components/RelatedPostCard.vue","../../../../components/blog/CommentsForm.vue","../../../../components/blog/CommentBody.vue","../../../../components/blog/Comment.vue","../../../../components/blog/CommentList.vue","../../../../composables/useSidebarSorter.js"],"sourcesContent":["export const author = [\n    {\n        id: 1,\n        \"firstName\": \"Timothy\",\n        \"description\": null,\n        \"name\": \"Timothy Sykes\",\n        \"lastName\": \"Sykes\",\n        \"avatar\": {\n            \"url\": \"https://secure.gravatar.com/avatar/092522e87ab76a4bb688d6bfdc0b4f2e?s=96&d=mm&r=g\",\n            \"size\": 96\n        }\n    },\n    {\n        id: 6500,\n        \"firstName\": \"Tim-\",\n        \"description\": null,\n        \"name\": \"Tim bot\",\n        \"lastName\": \"bot\",\n        \"avatar\":\n        {\n            \"url\": \"https://secure.gravatar.com/avatar/341a364cbdd97f47f09948e5ca2e682e?s=96&d=mm&r=g\",\n            \"size\": 96\n        }\n    },\n    {\n        id: 6486,\n        \"firstName\": \"Matt\",\n        \"description\": null,\n        \"name\": \"Matt Monaco\",\n        \"lastName\": \"Monaco\",\n        \"avatar\": {\n            \"url\": \"https://secure.gravatar.com/avatar/f47e982e112566f6e63ad14aa64d1829?s=96&d=mm&r=g\",\n            \"size\": 96\n        }\n    }\n]\n\n\nexport const findAuthor = (id) => {\n    return author.find(item => item.id === id);\n}","<template>\n\t<div\n\t\tclass=\"article-contributors\"\n\t\t:class=\"classes\"\n\t>\n\t\t<span class=\"flex items-center gap-[8px]\">\n\t\t\t<div class=\"contributor-profile-images inline-flex flex-wrap gap-2\">\n\t\t\t\t<span class=\"flex contributor-profile-avatar\">\n\t\t\t\t\t<img\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t:src=\"filterAvatar\"\n\t\t\t\t\t\t:alt=\"author.name + 'Avatar'\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"reviewer && reviewer.avatar\"\n\t\t\t\t\tclass=\"flex contributor-profile-avatar\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t:src=\"reviewer.avatar\"\n\t\t\t\t\t\t:alt=\"reviewer.name + 'Avatar'\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"factChecker && factChecker.avatar\"\n\t\t\t\t\tclass=\"flex contributor-profile-avatar\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t:src=\"factChecker.avatar\"\n\t\t\t\t\t\t:alt=\"factChecker.name + 'Avatar'\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<span class=\"text-base font-normal capitalize whitespace-nowrap\">\n\t\t\t\tWritten by\n\t\t\t\t<NuxtLink :to=\"generateBioPageLink(author.name)\">\n\t\t\t\t\t{{ author.name === \"Tim Sykes\" ? \"Timothy Sykes\" : author.name }}\n\t\t\t\t</NuxtLink>\n\t\t\t</span>\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"reviewer && reviewer.name\"\n\t\t\tclass=\"byline text-base\"\n\t\t>\n\t\t\tReviewed by\n\t\t\t<NuxtLink :to=\"generateBioPageLink(reviewer.name)\">\n\t\t\t\t{{ reviewer.name }}\n\t\t\t</NuxtLink>\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"factChecker && factChecker.name\"\n\t\t\tclass=\"byline text-base\"\n\t\t>\n\t\t\tFact-checked by\n\t\t\t<NuxtLink :to=\"generateBioPageLink(factChecker.name)\">\n\t\t\t\t{{ factChecker.name }}\n\t\t\t</NuxtLink>\n\t\t</span>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\ntype Authorship = {\n\tclass?: string;\n\tauthor: {\n\t\tavatar: string;\n\t\tname: string;\n\t};\n\treviewer: {\n\t\tavatar: string;\n\t\tname: string;\n\t};\n\tfactChecker: {\n\t\tavatar: string;\n\t\tname: string;\n\t};\n};\n\nconst props = defineProps<Authorship>();\n\nconst classes = computed(() => props.class);\n\nconst generateBioPageLink = (name: string) => {\n\tlet url = name.includes(\"-\")\n\t\t? name.replace(\"-\", \" \").split(\" \").join(\"-\")\n\t\t: name.split(\" \").join(\"-\");\n\n\turl = url === \"Timothy-Sykes\" ? \"tim-sykes\" : url;\n\n\tconst pages = [\n\t\t\"bohen-bot\",\n\t\t\"ed-weinberg\",\n\t\t\"friedrich-odermann\",\n\t\t\"jordan-s\",\n\t\t\"stephanie-thompson\",\n\t\t\"tim-bohen\",\n\t\t\"tim-bot\",\n\t\t\"tim-sykes\",\n\t\t\"timothysykes\",\n\t\t\"ben-sturgill\",\n\t\t\"bryce-tuohey\",\n\t\t\"matt-monaco\",\n\t\t\"jeff-zananiri\",\n\t\t\"ellis-hobbs\",\n\t\t\"jack-kellogg\"\n\t];\n\n\tif (!pages.includes(url.toLocaleLowerCase())) {\n\t\turl = \"tim-sykes\";\n\t}\n\n\treturn `/blog/author/${url.toLowerCase()}/`;\n};\n\nconst filterAvatar = computed(() => {\n\tconst avatarMap = {\n\t\t\"Timothy Sykes\": props.author.avatar,\n\t\t\"Tim-bot\": \"/images/authorsPics/timbot.webp\",\n\t\t\"Tim bot\": \"/images/authorsPics/timbot.webp\",\n\t\t\"Bryce Tuohey\": \"/images/authorsPics/bryce-tuohey.png\",\n\t\t\"Ellis Hobbs\": \"/images/authorsPics/ellis-hobbs.png\",\n\t\t\"Jack Kellogg\": \"/images/authorsPics/jack-kellogg.png\"\n\t};\n\n\treturn (\n\t\tavatarMap[props.author.name] ||\n\t\tprops.author.avatar ||\n\t\t\"https://secure.gravatar.com/avatar/092522e87ab76a4bb688d6bfdc0b4f2e?s=96&d=mm&r=g\"\n\t);\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/utils.scss\";\n\n.article-contributors {\n\tdisplay: flex;\n\tgap: 8px;\n\tcolor: $neutral-600;\n\talign-items: center;\n\tflex-wrap: wrap;\n\ta {\n\t\ttext-decoration: underline;\n\t\tcolor: $primary-500;\n\t}\n\n\t@include breakpoint(md) {\n\t\tflex-wrap: nowrap;\n\t}\n\n\t.byline {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding-left: 32px;\n\t\tfont-weight: 400;\n\t\t@include breakpoint(md) {\n\t\t\tdisplay: inline-block !important;\n\t\t\twidth: auto;\n\t\t\tline-height: 1;\n\t\t\tpadding-left: 8px;\n\t\t\tborder-left-width: 2px;\n\t\t\tborder-color: #e2e8f0;\n\t\t}\n\t}\n}\n\n.contributor-profile-avatar {\n\theight: 24px;\n\twidth: 24px;\n\tborder-radius: 24px;\n\toverflow: hidden;\n}\n</style>\n","<template>\n\t<div class=\"related-post\">\n\t\t<div\n\t\t\tv-if=\"isMobile\"\n\t\t\tclass=\"related-post-image\"\n\t\t>\n\t\t\t<NuxtLink :to=\"url\">\n\t\t\t\t<img\n\t\t\t\t\theight=\"640\"\n\t\t\t\t\twidth=\"640\"\n\t\t\t\t\t:src=\"\n\t\t\t\t\t\timageLinkFormatter(\n\t\t\t\t\t\t\timage,\n\t\t\t\t\t\t\t640,\n\t\t\t\t\t\t\t80,\n\t\t\t\t\t\t\t'PRODUCTION',\n\t\t\t\t\t\t\t'https://content.timothysykes.com'\n\t\t\t\t\t\t)\n\t\t\t\t\t\"\n\t\t\t\t\t:alt=\"`Image for ${title} recomended post`\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t/>\n\t\t\t</NuxtLink>\n\t\t</div>\n\t\t<div\n\t\t\tv-else\n\t\t\tclass=\"related-post-image\"\n\t\t>\n\t\t\t<img\n\t\t\t\theight=\"172\"\n\t\t\t\twidth=\"172\"\n\t\t\t\t:src=\"\n\t\t\t\t\timageLinkFormatter(\n\t\t\t\t\t\timage,\n\t\t\t\t\t\t172,\n\t\t\t\t\t\t80,\n\t\t\t\t\t\t'PRODUCTION',\n\t\t\t\t\t\t'https://content.timothysykes.com'\n\t\t\t\t\t)\n\t\t\t\t\"\n\t\t\t\t:alt=\"`Image for ${title} recomended post`\"\n\t\t\t\tloading=\"lazy\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"related-post-info\">\n\t\t\t<NuxtLink :to=\"url\">\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t:text=\"title\"\n\t\t\t\t/>\n\t\t\t</NuxtLink>\n\t\t\t<div\n\t\t\t\tv-if=\"isNews\"\n\t\t\t\tclass=\"date-block\"\n\t\t\t>\n\t\t\t\t<span class=\"flex gap-1 items-center\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"transform scale-75 opacity-50\"\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM15.293 16.707L11 12.414V6H13V11.586L16.707 15.293L15.293 16.707Z\"\n\t\t\t\t\t\t\tfill=\"#475569\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t{{ text }} min read\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-else\n\t\t\t\tv-html=\"contentFormatter(text)\"\n\t\t\t/>\n\t\t\t<NuxtLink\n\t\t\t\t:to=\"url\"\n\t\t\t\tclass=\"read-more-link\"\n\t\t\t>\n\t\t\t\tRead more\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"15\"\n\t\t\t\t\theight=\"13\"\n\t\t\t\t\tviewBox=\"0 0 15 13\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<line\n\t\t\t\t\t\tx1=\"12.0684\"\n\t\t\t\t\t\ty1=\"6.5\"\n\t\t\t\t\t\tx2=\"0.0683594\"\n\t\t\t\t\t\ty2=\"6.5\"\n\t\t\t\t\t\tstroke=\"#3b82f6\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t/>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M8.40034 0.5L7.06836 1.91L11.3949 6.5L7.06836 11.09L8.40034 12.5L14.0684 6.5L8.40034 0.5Z\"\n\t\t\t\t\t\tfill=\"#3b82f6\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</NuxtLink>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { load } from \"cheerio\";\n\nconst isMobile = ref(false);\n\ntype RelatedPost = {\n\timage: string;\n\ttitle: string;\n\ttext: string;\n\turl: string;\n\tisNews?: boolean;\n};\n\ndefineProps<RelatedPost>();\n\nconst contentFormatter = (content: string) => {\n\tconst $ = load(content, {\n\t\tdecodeEntities: false, // Prevent HTML entity decoding\n\t\txmlMode: false // Do not treat input as XML\n\t});\n\n\t$(\"p\").each((_index, element) => {\n\t\tconst $element = $(element);\n\t\tconst text = $element.text();\n\t\t$element.text(`${text.slice(0, 124)}...`);\n\t});\n\n\t// Return the modified content\n\treturn $.html();\n};\n\nonMounted(() => {\n\tif (process.client) {\n\t\tif (window.innerWidth <= 640) {\n\t\t\tisMobile.value = true;\n\t\t}\n\t}\n});\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/utils.scss\";\n\n.related-post {\n\tdisplay: flex;\n\tgap: 24px;\n\tflex-wrap: wrap;\n\tmargin-bottom: 12px;\n\t@include breakpoint(md) {\n\t\tflex-wrap: nowrap;\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.related-post-image {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\toverflow: hidden;\n\tmax-height: 220px;\n\timg {\n\t\tmax-width: unset;\n\t\twidth: auto;\n\t\twidth: 100%;\n\t}\n\n\t@include breakpoint(sm) {\n\t\tmin-height: 124px;\n\t\tmax-height: 124px;\n\t\tmin-width: 124px;\n\t\tmax-width: 124px;\n\n\t\timg {\n\t\t\theight: 124px;\n\t\t\tmax-width: unset;\n\t\t\twidth: auto;\n\t\t}\n\t}\n}\n\n.end-of-article .related-post-info .read-more-link {\n\tfont-size: 18px;\n\tmargin-top: 20px;\n\tdisplay: inline-flex;\n\tmax-width: fit-content;\n\talign-items: center;\n\tposition: relative;\n\tcolor: $primary-500;\n\tline-height: normal;\n\t&::after {\n\t\tcontent: \"\";\n\t\tbackground-image: url(\"/images/icons/external-link.svg\");\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tdisplay: inline-block;\n\t\tbackground-size: contain;\n\t\tposition: relative;\n\t\tleft: -4px;\n\t}\n\n\t&:hover {\n\t\tbackground-color: #eab308;\n\t\tcolor: #1e3a8a;\n\t\ttext-decoration: underline;\n\t\t&::after {\n\t\t\tbackground-image: url(\"/images/icons/external-link-hover.svg\");\n\t\t}\n\t}\n}\n.related-post-info {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tcolor: $neutral-600;\n}\n\n.end-of-article .related-post-info h6 {\n\tcolor: $neutral-800;\n\n\t/* Heading/H2 */\n\tfont-family: Fira Sans;\n\tfont-size: 24px;\n\tfont-style: normal;\n\tfont-weight: 700;\n\tline-height: 120%;\n\tmargin-bottom: 32px;\n\n\t/* 45.6px */\n\tletter-spacing: -0.76px;\n\n\t@include breakpoint(lg) {\n\t\tfont-size: 32px;\n\t}\n}\n.end-of-article .related-post-info p a {\n\tfont-size: 18px;\n\tdisplay: revert-layer;\n\talign-items: center;\n\tposition: relative;\n\tcolor: $primary-500;\n\tline-height: normal;\n\t&::after {\n\t\tcontent: \"\";\n\t\tbackground-image: url(\"/images/icons/external-link.svg\");\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tdisplay: inline-block;\n\t\tbackground-size: contain;\n\t\tmargin-left: 2px;\n\t}\n\n\t&:hover {\n\t\tbackground-color: #eab308;\n\t\tcolor: #1e3a8a;\n\t\ttext-decoration: underline;\n\t\t&::after {\n\t\t\tbackground-image: url(\"/images/icons/external-link-hover.svg\");\n\t\t}\n\t}\n}\n\n.related-post-info h6 {\n\tfont-weight: 600;\n\tcolor: $neutral-900;\n\n\t@include breakpoint(lg) {\n\t\tfont-size: 20px;\n\t}\n}\n\n.related-post-info p {\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 160%;\n}\n\n.read-more-link {\n\tcolor: $primary-500;\n\tfont-family: Fira Sans;\n\tfont-size: 16px;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n</style>\n","<template>\n\t<section\n\t\tid=\"comment-form\"\n\t\tclass=\"comment-box lg:mb-[32px]\"\n\t>\n\t\t<h5\n\t\t\tv-if=\"store.commentToReplyName\"\n\t\t\tclass=\"subtitle text-[24px] leading-none lg:leading-tight mb-[24px] font-semibold\"\n\t\t>\n\t\t\tReplying to {{ commentToReplyNameRef }}\n\t\t</h5>\n\n\t\t<Heading\n\t\t\tv-else\n\t\t\ttag=\"h5\"\n\t\t\ttext=\"Leave a reply\"\n\t\t\tclass=\"mb-[24px] font-semibold\"\n\t\t/>\n\n\t\t<div\n\t\t\tv-if=\"left_comment\"\n\t\t\tref=\"commentFeedback\"\n\t\t\tclass=\"comment-submit-message comment-succesful\"\n\t\t>\n\t\t\t<h3\n\t\t\t\tv-if=\"store.commentToReplyName\"\n\t\t\t\tclass=\"text-xl font-semibold\"\n\t\t\t>\n\t\t\t\tReply to {{ store.commentToReplyName }} succesfully sent.\n\t\t\t</h3>\n\t\t\t<h3\n\t\t\t\tv-else\n\t\t\t\tclass=\"text-xl font-semibold\"\n\t\t\t>\n\t\t\t\tThanks! Your comment has been submitted.\n\t\t\t</h3>\n\n\t\t\t<p class=\"text-base\">Your comment should be available shortly.</p>\n\t\t</div>\n\n\t\t<textarea\n\t\t\tid=\"\"\n\t\t\tref=\"content\"\n\t\t\tname=\"comment-body\"\n\t\t\trows=\"4\"\n\t\t\tplaceholder=\"Comment\"\n\t\t\tclass=\"form-input text-area mb-[16px]\"\n\t\t/>\n\n\t\t<div class=\"flex grid grid-cols-1 lg:grid-cols-3 gap-[16px]\">\n\t\t\t<input\n\t\t\t\tref=\"author_email\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tname=\"comment-email\"\n\t\t\t\tplaceholder=\"Email\"\n\t\t\t\tclass=\"form-input\"\n\t\t\t/>\n\t\t\t<input\n\t\t\t\tref=\"author_name\"\n\t\t\t\ttype=\"email\"\n\t\t\t\tname=\"comment-name\"\n\t\t\t\tplaceholder=\"Name\"\n\t\t\t\tclass=\"form-input\"\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tlabel=\"Post comment\"\n\t\t\t\t:on-click=\"postComment\"\n\t\t\t/>\n\t\t</div>\n\t</section>\n</template>\n\n<script setup>\nimport $axios from \"axios\";\n\nconst author_name = ref();\nconst author_email = ref();\nconst content = ref();\nconst commentFeedback = ref();\nconst left_comment = ref();\n\nconst $config = useRuntimeConfig();\n\nconst postComment = async (e) => {\n\tconst body = {\n\t\tauthor_name: author_name.value.value,\n\t\tauthor_email: author_email.value.value,\n\t\tcontent: content.value.value,\n\t\tpost: store.postId,\n\t\tparent: store.commentToReply\n\t};\n\n\ttry {\n\t\tconst response = await $axios.post(\n\t\t\t`${$config.public.hostname}wp-json/wp/v2/comments`,\n\t\t\tbody\n\t\t);\n\n\t\tif (response.status === 201) {\n\t\t\tauthor_email.value.value = \"\";\n\t\t\tauthor_name.value.value = \"\";\n\t\t\tcontent.value.value = \"\";\n\t\t}\n\n\t\tleft_comment.value = await true;\n\t\tawait setTimeout(() => {\n\t\t\tcommentFeedback.value.classList.add(\"fade-out\");\n\t\t\tsetTimeout(() => {\n\t\t\t\tcommentFeedback.value.classList.remove(\"fade-out\");\n\t\t\t\tleft_comment.value = false;\n\t\t\t\tstore.setCommentIdToReply({ id: null, commentToReplyName: null });\n\t\t\t}, 1000);\n\t\t}, 10000);\n\t} catch (e) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.error(e);\n\t}\n\n\te.preventDefault();\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"../assets/utils.scss\";\n\n.comment-box {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.form-input {\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tborder: 1px solid $neutral-400;\n\twidth: 100%;\n\tbackground: white;\n\tmin-height: 44px;\n\n\t&::placeholder {\n\t\tcolor: $neutral-500;\n\t\tfont-family: Rubik;\n\t\tfont-size: 16px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t}\n\n\t&.text-area {\n\t\tpadding: 16px 16px;\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n@keyframes fadeOut {\n\t0% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n.comment-succesful {\n\tanimation: fadeIn 1s;\n\tpadding: 32px 24px;\n\ttext-align: center;\n\tmargin-bottom: 56px;\n\tborder-radius: 12px;\n\tborder: 1px solid #22c55e;\n\tbackground-color: #f0fdf4;\n}\n.fade-out {\n\tanimation: fadeOut 1s;\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"comment-body\"\n\t\tv-html=\"content\"\n\t/>\n</template>\n\n<script setup>\nconst { content } = defineProps({\n  content: {\n    type: String, \n    required: true\n  }\n});\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/utils.scss\";\n\n.comment-body {\n\twidth: 100%;\n}\n.comment-body p {\n\tcolor: $neutral-800;\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 160%;\n\n\ta {\n\t\twhite-space: normal;\n\t\tword-wrap: break-word;\n\t}\n}\n</style>\n","<template>\n\t<div class=\"comment\">\n\t\t<div class=\"parent-comment\">\n\t\t\t<span class=\"comment-author-pic\">\n\t\t\t\t<img\n\t\t\t\t\tv-if=\"author.node.avatar\"\n\t\t\t\t\t:src=\"author.node.avatar.url\"\n\t\t\t\t\t:width=\"author.node.avatar.size\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\theight=\"60px\"\n\t\t\t\t/>\n\t\t\t\t<img\n\t\t\t\t\tv-else\n\t\t\t\t\tsrc=\"https://secure.gravatar.com/avatar/e542236f92b493f9e48584763af17863?s=96&d=mm&r=g\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\theight=\"60px\"\n\t\t\t\t\twidth=\"60px\"\n\t\t\t\t/>\n\t\t\t</span>\n\t\t\t<div class=\"comment-container\">\n\t\t\t\t<span class=\"comment-heading\">\n\t\t\t\t\t<b>{{ author.node.name ?? \"Anonymous\" }}</b>\n\t\t\t\t\t<span class=\"hidden md:inline-block text-xs\">&#9679;</span>\n\t\t\t\t\t<span class=\"comment-timestamp\">{{ formatCommentDate(date) }}</span>\n\t\t\t\t</span>\n\n\t\t\t\t<CommentBody :content=\"contentFormatter(content)\" />\n\n\t\t\t\t<div class=\"flex items-center gap-[8px]\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"smallest\"\n\t\t\t\t\t\tlabel=\"Reply\"\n\t\t\t\t\t\t@click=\"onReply\"\n\t\t\t\t\t/>\n\t\t\t\t\t<!-- <svg\n            width=\"4\"\n            height=\"4\"\n            viewBox=\"0 0 2 3\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <circle cx=\"1\" cy=\"1.1875\" r=\"1\" fill=\"#98A2B3\" />\n          </svg> -->\n\t\t\t\t\t<!-- <Button type=\"smallest\" label=\"Share\" /> -->\n\t\t\t\t\t<!-- <svg width=\"4\" height=\"4\" viewBox=\"0 0 2 3\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <circle cx=\"1\" cy=\"1.1875\" r=\"1\" fill=\"#98A2B3\" />\n          </svg>\n          <span class=\"text-base font-regular text-slate-400\">2 likes</span> -->\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"replies && replies.nodes && replies.nodes.length > 0\"\n\t\t\tclass=\"child-component\"\n\t\t>\n\t\t\t<Comment\n\t\t\t\tv-for=\"childComment in replies.nodes\"\n\t\t\t\t:key=\"childComment.commentId\"\n\t\t\t\tv-bind=\"childComment\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { load } from \"cheerio\";\n\nconst $route = useRoute();\nconst current_hostname = useRuntimeConfig().public.current_hostname;\nconst { commentId, author, date, replies, content } = defineProps({\n\tcommentId: {\n\t\ttype: Number,\n\t\trequired: true\n\t},\n\tauthor: {\n\t\ttype: Object,\n\t\trequired: true\n\t},\n\tdate: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\treplies: {\n\t\ttype: Object,\n\t\trequired: true\n\t},\n\tcontent: {\n\t\ttype: String,\n\t\trequired: true\n\t}\n});\n\nconst onReply = () => {\n\tstore.setCommentIdToReply({\n\t\tid: commentId,\n\t\tname: author.node.name ?? \"Anonymous\"\n\t});\n\n\tnavigateTo(`${$route.path}#comments`);\n};\nconst isValidURL = (url) => {\n\tconst urlPattern = /^(https?):\\/\\/[^\\s/$.?#].[^\\s]*$/;\n\treturn urlPattern.test(url);\n};\n\nconst contentFormatter = (content) => {\n\tconst $ = load(content, {\n\t\tdecodeEntities: false, // Prevent HTML entity decoding\n\t\txmlMode: false // Do not treat input as XML\n\t});\n\n\t$(\"a\").each((_index, linkElement) => {\n\t\tlet href = linkElement.attribs.href;\n\t\tlet innerText = $(linkElement).text();\n\n\t\tconst hostnames = [\n\t\t\t\"https://sykescontenstg.wpenginepowered.com\",\n\t\t\t\"https://www.sykescontenstg.wpenginepowered.com\",\n\t\t\t\"https://www.timothysykes.com\",\n\t\t\t\"https://www.content.timothysykes.com\",\n\t\t\t\"https://content.timothysykes.com\",\n\t\t\t\"https://timothysykes.com\"\n\t\t];\n\n\t\thostnames.forEach((hostname) => {\n\t\t\tif (!isValidURL(href)) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.error(`Invalid URL: ${href}`);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst url = new URL(href);\n\t\t\tconst urlHostname = new URL(hostname);\n\t\t\tconst matches = innerText.match(/(https?:\\/\\/[^\\s]+)/g);\n\n\t\t\tif (url.origin === urlHostname.origin) {\n\t\t\t\thref = href.replace(url.origin, new URL(current_hostname).origin);\n\t\t\t}\n\n\t\t\tif (matches) {\n\t\t\t\tconst urlText = new URL(innerText);\n\t\t\t\tif (urlText.origin === urlHostname.origin) {\n\t\t\t\t\tinnerText = current_hostname + innerText.split(\".com/\")[1];\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t$(linkElement).text(innerText);\n\n\t\t$(linkElement).attr(\"href\", href);\n\n\t\tif (\n\t\t\tlinkElement.attribs.href &&\n\t\t\t!linkElement.attribs.href.includes(\"#\") &&\n\t\t\t$(linkElement).find(\"img\").length === 0\n\t\t) {\n\t\t\t$(linkElement).addClass(\"external-link\");\n\t\t}\n\t});\n\n\treturn $.html();\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/utils.scss\";\n\n.comment {\n\twidth: 100%;\n}\n\n.child-component {\n\twidth: 100%;\n\tmargin-top: 20px;\n\tpadding-left: 24px;\n\t@include breakpoint(md) {\n\t\tmargin-top: 24px;\n\t\tpadding-left: 36px;\n\t}\n}\n\n.parent-comment {\n\tdisplay: flex;\n\tgap: 8px;\n\talign-items: flex-start;\n\tmax-width: 620px;\n}\n\n.comments-container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\twidth: 100%;\n\t@include breakpoint(md) {\n\t\t// gap: 40px;\n\t}\n}\n\n.comment-container p {\n\tcolor: $neutral-800;\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 160%;\n\tmargin-bottom: 16px;\n\twidth: 100%;\n\twhite-space: normal;\n\tdisplay: inline-block;\n\tword-wrap: break-word;\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\ta {\n\t\tcolor: $primary-500;\n\t\ttext-decoration: underline;\n\t\twhite-space: normal;\n\t\tword-wrap: break-word;\n\t}\n}\n\n.comment-timestamp {\n\tcolor: $neutral-600;\n\tfont-family: Rubik;\n\tfont-size: 16px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 150%;\n}\n\n.comment-heading {\n\tcolor: $neutral-800;\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\tletter-spacing: 0.18px;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-wrap: wrap;\n\t@include breakpoint(md) {\n\t\tflex-direction: row;\n\t\tgap: 8px;\n\t}\n\tspan {\n\t\twidth: 100%;\n\t\t&:last-child {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\t\t@include breakpoint(md) {\n\t\t\twidth: auto;\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.comment-author-pic {\n\twidth: 40px;\n\theight: 40px;\n\tmin-width: 40px;\n\tmin-height: 40px;\n\tmax-width: 40px;\n\tmax-height: 40px;\n\toverflow: hidden;\n\tdisplay: block;\n\tborder-radius: 32px;\n\t@include breakpoint(md) {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tmin-width: 60px;\n\t\tmin-height: 60px;\n\t\tmax-width: 60px;\n\t\tmax-height: 60px;\n\t}\n}\n\n.parent-comment {\n\tbackground-color: white;\n\twidth: 100%;\n\tdisplay: flex;\n\tpadding: 12px;\n\tborder-radius: 8px;\n}\n</style>\n","<template>\n\t<section\n\t\tv-if=\"filteredComments && filteredComments.length > 0\"\n\t\tclass=\"comments-list my-[32px]\"\n\t>\n\t\t<Heading\n\t\t\ttag=\"h5\"\n\t\t\t:text=\"`Comments (<span class='text-primary-500'>${comments.length}</span>)`\"\n\t\t\tclass=\"mb-[32px]\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"comments-container\"\n\t\t\t:class=\"{ hidden: !displayComments && comments.length > 5 }\"\n\t\t>\n\t\t\t<Comment\n\t\t\t\tv-for=\"comment in filteredComments\"\n\t\t\t\t:key=\"comment.commentId\"\n\t\t\t\tv-bind=\"comment\"\n\t\t\t\t:author=\"comment.author\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<button\n\t\t\tclass=\"btn primary px-[24px] mt-[16px]\"\n\t\t\t@click=\"displayComments = true\"\n\t\t\tv-if=\"!displayComments && comments.length > 5\"\n\t\t>\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\theight=\"24\"\n\t\t\t\tviewBox=\"0 -960 960 960\"\n\t\t\t\twidth=\"24\"\n\t\t\t\tclass=\"fill-white mr-[8px]\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M240-400h480v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM880-80 720-240H160q-33 0-56.5-23.5T80-320v-480q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v720ZM160-320h594l46 45v-525H160v480Zm0 0v-480 480Z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\tSee more\n\t\t</button>\n\t</section>\n</template>\n\n<script setup>\nconst { comments } = defineProps({\n\tcomments: {\n\t\ttype: Array,\n\t\trequired: true\n\t}\n});\nconst displayComments = ref(false);\n\nconst filteredComments = computed(() => {\n\tlet arr = comments.filter(\n\t\t(comment) => !comment.parentDatabaseId || comment.parentDatabaseId === 0\n\t);\n\tarr = arr.filter(\n\t\t(comment, index) => index === 0 || arr[index - 1].content !== comment.content\n\t);\n\n\treturn arr;\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../assets/utils.scss\";\n\n.comments-list {\n\tdisplay: inline-block;\n\twidth: 100%;\n\toverflow-x: hidden;\n}\n\n.select-dropdown {\n\tcolor: $neutral-800;\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\theight: 30px;\n}\n\n.select-dropdown-input {\n\tbackground-color: transparent;\n\tfont-weight: 600;\n}\n\n.btn {\n\tdisplay: flex;\n\tpadding: 8px 16px;\n\tmin-height: 40px;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 8px;\n\tfont-family: Rubik;\n}\n\n.comments-container.hidden {\n\theight: 720px;\n\toverflow: hidden;\n\tposition: relative;\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\theight: 140px;\n\t\twidth: 100%;\n\t\tbackground: linear-gradient(\n\t\t\t180deg,\n\t\t\trgba(255, 255, 255, 0) 10%,\n\t\t\t$primary-50 80%\n\t\t);\n\t}\n}\n.primary {\n\tcolor: $neutral-100;\n\ttext-align: center;\n\tfont-family: Rubik;\n\tfont-size: 18px;\n\tfont-style: normal;\n\tfont-weight: 700;\n\tletter-spacing: 0.18px;\n\tbackground: $primary-500;\n\t&:hover {\n\t\tbackground-color: $primary-700;\n\t}\n}\n</style>\n","export const useSidebarSorter = async (tags_arr) => {\n\tconst { env } = useRuntimeConfig().public;\n\n\tconst checkAndSetSidebarTag = (item) => {\n\t\tif (item === 28766) {\n\t\t\t// { title: 'navigation-sidebar-options', id: 28765 }\n\t\t\treturn 'navigation-sidebar-options';\n\t\t}\n\t\tif (item === 28774) {\n\t\t\t// { title: 'navigation-sidebar-short-selling', id: 28773 }\n\t\t\treturn 'navigation-sidebar-short-selling';\n\t\t}\n\n\t\tif (item === 28781) {\n\t\t\t// { title: 'navigation-sidebar-advanced-trading', id: 28780 }\n\t\t\treturn 'navigation-sidebar-advanced-trading';\n\t\t}\n\t\tif (item === 28779) {\n\t\t\t// { title: 'navigation-sidebar-guides', id: 28775 }\n\t\t\treturn 'navigation-sidebar-guides';\n\t\t}\n\n\t\tif (item === 28761 || item === 28782) {\n\t\t\treturn 'navigation-sidebar-under';\n\t\t}\n\n\t\tif (item === 28768) {\n\t\t\treturn 'navigation-sidebar-penny-stocks-on';\n\t\t}\n\n\t\tif (item === 28769) {\n\t\t\t// { title: 'navigation-sidebar-sector', id: 28764 }\n\t\t\treturn 'navigation-sidebar-sector';\n\t\t}\n\n\t\tif (item === 28772) {\n\t\t\t// { title: 'navigation-sidebar', id: 28757 }\n\n\t\t\treturn 'navigation-sidebar';\n\t\t}\n\t\tif (item === 28786) {\n\t\t\treturn 'navigation-sidebar-legends-of-trading';\n\t\t}\n\t\t// If item doesn't match any of the predefined values, return null or handle as needed\n\t\treturn null;\n\t};\n\n\tconst getSidebarId = (tagsArray) => {\n\n\t\tif (!Array.isArray(tagsArray)) {\n\t\t\treturn null\n\t\t}\n\n\t\tfor (const tag of [...tagsArray]) {\n\n\t\t\tconst sidebarId = checkAndSetSidebarTag(tag);\n\t\t\tif (sidebarId !== null)\n\t\t\t\treturn sidebarId;\n\t\t}\n\n\t\t// If no matching sidebar ID is found, return a default value or handle as needed\n\t\treturn null;\n\t};\n\n\tconst sidebarId = getSidebarId(tags_arr);\n\n\tif (!sidebarId) {\n\t\tif (store.contentSidebar.show) store.toggleContentSidebarVisibility(false);\n\n\t\tif (env !== 'production') {\n\t\t\tconsole.error(\"No matching sidebar ID found.\");\n\t\t}\n\t\treturn null;\n\t}\n\n\ttry {\n\n\t\tif (store.contentSidebar.sidebarId === sidebarId && store.contentSidebar.data) {\n\t\t\tif (!store.contentSidebar.show) store.toggleContentSidebarVisibility(true);\n\t\t\treturn\n\t\t};\n\n\t\tconst sidebar = await fetch(`/js/menus/${sidebarId}.json`).then(res => {\n\t\t\tif (res.ok) {\n\t\t\t\treturn res.json()\n\t\t\t}\n\t\t});\n\n\t\tif (sidebar) {\n\n\t\t\tconst payload = [...sidebar.items];\n\t\t\tstore.toggleContentSidebarVisibility(true);\n\t\t\tstore.setContentSidebarData(payload);\n\t\t\tstore.setContentSidebarId(sidebarId);\n\n\t\t\treturn { sidebar: payload, sidebarId };\n\t\t}\n\t\tconsole.error(\"Fetch returned no data.\");\n\t} catch (error) {\n\t\tconsole.error(\"Error fetching data:\", error);\n\t}\n\treturn null;\n};\n"],"names":["author","props","__props","classes","computed","generateBioPageLink","name","url","filterAvatar","isMobile","ref","contentFormatter","content","$","load","_index","element","$element","text","onMounted","author_name","author_email","commentFeedback","left_comment","$config","useRuntimeConfig","postComment","e","body","store","$axios","$route","useRoute","current_hostname","commentId","date","replies","onReply","navigateTo","isValidURL","linkElement","href","innerText","hostname","urlHostname","matches","comments","displayComments","filteredComments","arr","comment","index","useSidebarSorter","tags_arr","env","checkAndSetSidebarTag","item","sidebarId","tagsArray","tag","sidebar","res","payload","error"],"mappings":"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"}