{"version":3,"file":"static/chunks/887-9403f4f1b3b3269a.js","mappings":"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","sources":["webpack://_N_E//opt/buildhome/repo/layouts|sync|/^\\.\\/.*$/","webpack://_N_E/./components/Image.tsx","webpack://_N_E/./lib/utils/contentlayer.ts","webpack://_N_E/./components/TOCInline.tsx","webpack://_N_E/./components/Pre.tsx","webpack://_N_E/./components/NewsletterForm.tsx","webpack://_N_E/./components/MDXComponents.tsx","webpack://_N_E/./components/Video.tsx","webpack://_N_E/./components/PageTitle.tsx","webpack://_N_E/./components/SEO.tsx","webpack://_N_E/./components/Tag.tsx","webpack://_N_E/./layouts/AuthorLayout.tsx","webpack://_N_E/./components/Pagination.tsx","webpack://_N_E/./layouts/ListLayout.tsx","webpack://_N_E/./layouts/PostLayout.tsx","webpack://_N_E/./components/comments/index.tsx","webpack://_N_E/./components/ScrollTopAndComment.tsx","webpack://_N_E/./layouts/PostSimple.tsx","webpack://_N_E/./lib/utils/formatDate.ts","webpack://_N_E/./lib/utils/kebabCase.ts"],"sourcesContent":["var map = {\n\t\"./AuthorLayout\": 1322,\n\t\"./AuthorLayout.tsx\": 1322,\n\t\"./ListLayout\": 5717,\n\t\"./ListLayout.tsx\": 5717,\n\t\"./PostLayout\": 3605,\n\t\"./PostLayout.tsx\": 3605,\n\t\"./PostSimple\": 291,\n\t\"./PostSimple.tsx\": 291\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 9618;","import NextImage, { ImageLoaderProps, ImageProps } from 'next/image'\n\nexport const cfLoader = ({ src, width, quality }: Omit<ImageLoaderProps, 'config'>) => {\n  const params = `width=${width},quality=${quality || 75},format=auto`\n  let origin\n  if (typeof window != 'undefined') {\n    origin = window.location.origin\n  } else {\n    origin = 'https://staging.edgeseo.pro'\n  }\n  if (origin.includes('localhost')) {\n    return `${src}?${params}`\n  } else {\n    return `${origin}/cdn-cgi/image/${params}/${origin}${src}`\n  }\n}\n\nconst Image = ({ caption, ...rest }: { caption?: string } & ImageProps) => (\n  <figure>\n    <NextImage loader={cfLoader} {...rest} />\n    {caption && <figcaption>{caption}</figcaption>}\n  </figure>\n)\n\nexport default Image\n","import kebabCase from '@/lib/utils/kebabCase'\nimport type { Blog, DocumentTypes } from 'contentlayer/generated'\n\nexport function dateSortDesc(a: string, b: string) {\n  if (a > b) return -1\n  if (a < b) return 1\n  return 0\n}\n\nexport function sortedBlogPost(allBlogs: Blog[]) {\n  return allBlogs.sort((a, b) => dateSortDesc(a.date, b.date))\n}\n\ntype ConvertUndefined<T> = OrNull<{\n  [K in keyof T as undefined extends T[K] ? K : never]-?: T[K]\n}>\ntype OrNull<T> = { [K in keyof T]: Exclude<T[K], undefined> | null }\ntype PickRequired<T> = {\n  [K in keyof T as undefined extends T[K] ? never : K]: T[K]\n}\ntype ConvertPick<T> = ConvertUndefined<T> & PickRequired<T>\n\n/**\n *\n * https://github.com/contentlayerdev/contentlayer/issues/24\n */\nexport const pick = <Obj, Keys extends keyof Obj>(\n  obj: Obj,\n  keys: Keys[]\n): ConvertPick<{ [K in Keys]: Obj[K] }> => {\n  return keys.reduce((acc, key) => {\n    acc[key] = obj[key] ?? null\n    return acc\n  }, {} as any)\n}\n\nexport const omit = <Obj, Keys extends keyof Obj>(obj: Obj, keys: Keys[]): Omit<Obj, Keys> => {\n  const result = Object.assign({}, obj)\n  keys.forEach((key) => {\n    delete result[key]\n  })\n  return result\n}\n\nexport type CoreContent<T> = Omit<T, 'body' | '_raw' | '_id'>\n\nexport function coreContent<T extends DocumentTypes>(content: T) {\n  return omit(content, ['body', '_raw', '_id'])\n}\n\nexport function allCoreContent<T extends DocumentTypes>(contents: T[]) {\n  return contents.map((c) => coreContent(c))\n}\n\n// TODO: refactor into contentlayer once compute over all docs is enabled\nexport async function getAllTags(allBlogs: Blog[]) {\n  const tagCount: Record<string, number> = {}\n  // Iterate through each post, putting all found tags into `tags`\n  allBlogs.forEach((file) => {\n    if (file.tags && file.draft !== true) {\n      file.tags.forEach((tag) => {\n        const formattedTag = kebabCase(tag)\n        if (formattedTag in tagCount) {\n          tagCount[formattedTag] += 1\n        } else {\n          tagCount[formattedTag] = 1\n        }\n      })\n    }\n  })\n\n  return tagCount\n}\n","import { Toc } from 'types/Toc'\n\ninterface TOCInlineProps {\n  toc: Toc\n  indentDepth?: number\n  fromHeading?: number\n  toHeading?: number\n  asDisclosure?: boolean\n  exclude?: string | string[]\n}\n\n/**\n * Generates an inline table of contents\n * Exclude titles matching this string (new RegExp('^(' + string + ')$', 'i')).\n * If an array is passed the array gets joined with a pipe (new RegExp('^(' + array.join('|') + ')$', 'i')).\n *\n * @param {TOCInlineProps} {\n *   toc,\n *   indentDepth = 3,\n *   fromHeading = 1,\n *   toHeading = 6,\n *   asDisclosure = false,\n *   exclude = '',\n * }\n *\n */\nconst TOCInline = ({\n  toc,\n  indentDepth = 3,\n  fromHeading = 1,\n  toHeading = 6,\n  asDisclosure = false,\n  exclude = '',\n}: TOCInlineProps) => {\n  const re = Array.isArray(exclude)\n    ? new RegExp('^(' + exclude.join('|') + ')$', 'i')\n    : new RegExp('^(' + exclude + ')$', 'i')\n\n  const filteredToc = toc.filter(\n    (heading) =>\n      heading.depth >= fromHeading && heading.depth <= toHeading && !re.test(heading.value)\n  )\n\n  const tocList = (\n    <ul>\n      {filteredToc.map((heading) => (\n        <li key={heading.value} className={`${heading.depth >= indentDepth && 'ml-6'}`}>\n          <a href={heading.url}>{heading.value}</a>\n        </li>\n      ))}\n    </ul>\n  )\n\n  return (\n    <>\n      {asDisclosure ? (\n        <details open>\n          <summary className=\"ml-6 pt-2 pb-2 text-xl font-bold\">Table of Contents</summary>\n          <div className=\"ml-6\">{tocList}</div>\n        </details>\n      ) : (\n        tocList\n      )}\n    </>\n  )\n}\n\nexport default TOCInline\n","import { useState, useRef, ReactNode } from 'react'\n\ninterface Props {\n  children: ReactNode\n}\n\nconst Pre = ({ children }: Props) => {\n  const textInput = useRef(null)\n  const [hovered, setHovered] = useState(false)\n  const [copied, setCopied] = useState(false)\n\n  const onEnter = () => {\n    setHovered(true)\n  }\n  const onExit = () => {\n    setHovered(false)\n    setCopied(false)\n  }\n  const onCopy = () => {\n    setCopied(true)\n    navigator.clipboard.writeText(textInput.current.textContent)\n    setTimeout(() => {\n      setCopied(false)\n    }, 2000)\n  }\n\n  return (\n    <div ref={textInput} onMouseEnter={onEnter} onMouseLeave={onExit} className=\"relative\">\n      {hovered && (\n        <button\n          aria-label=\"Copy code\"\n          type=\"button\"\n          className={`absolute right-2 top-2 h-8 w-8 rounded border-2 bg-gray-700 p-1 dark:bg-gray-800 ${\n            copied\n              ? 'border-green-400 focus:border-green-400 focus:outline-none'\n              : 'border-gray-300'\n          }`}\n          onClick={onCopy}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            fill=\"none\"\n            className={copied ? 'text-green-400' : 'text-gray-300'}\n          >\n            {copied ? (\n              <>\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"\n                />\n              </>\n            ) : (\n              <>\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n                />\n              </>\n            )}\n          </svg>\n        </button>\n      )}\n\n      <pre className=\" max-h-96 overflow-scroll\">{children}</pre>\n    </div>\n  )\n}\n\nexport default Pre\n","import React, { useRef, useState } from 'react'\n\nimport siteMetadata from '@/data/siteMetadata'\n\nconst NewsletterForm = ({ title = 'Subscribe to the newsletter' }) => {\n  const inputEl = useRef<HTMLInputElement>(null)\n  const [error, setError] = useState(false)\n  const [message, setMessage] = useState('')\n  const [subscribed, setSubscribed] = useState(false)\n\n  const subscribe = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    const res = await fetch(`/api/${siteMetadata.newsletter.provider}`, {\n      body: JSON.stringify({\n        email: inputEl.current.value,\n      }),\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n    })\n\n    const { error } = await res.json()\n    if (error) {\n      setError(true)\n      setMessage('Your e-mail address is invalid or you are already subscribed!')\n      return\n    }\n\n    inputEl.current.value = ''\n    setError(false)\n    setSubscribed(true)\n    setMessage('Successfully! 🎉 You are now subscribed.')\n  }\n\n  return (\n    <div>\n      <div className=\"pb-1 text-lg font-semibold text-gray-800 dark:text-gray-100\">{title}</div>\n      <form className=\"flex flex-col sm:flex-row\" onSubmit={subscribe}>\n        <div>\n          <label className=\"sr-only\" htmlFor=\"email-input\">\n            Email address\n          </label>\n          <input\n            autoComplete=\"email\"\n            className=\"w-72 rounded-md px-4 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-primary-600 dark:bg-black\"\n            id=\"email-input\"\n            name=\"email\"\n            placeholder={subscribed ? \"You're subscribed !  🎉\" : 'Enter your email'}\n            ref={inputEl}\n            required\n            type=\"email\"\n            disabled={subscribed}\n          />\n        </div>\n        <div className=\"mt-2 flex w-full rounded-md shadow-sm sm:mt-0 sm:ml-3\">\n          <button\n            className={`w-full rounded-md bg-primary-500 py-2 px-4 font-medium text-white sm:py-0 ${\n              subscribed ? 'cursor-default' : 'hover:bg-primary-700 dark:hover:bg-primary-400'\n            } focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-2 dark:ring-offset-black`}\n            type=\"submit\"\n            disabled={subscribed}\n          >\n            {subscribed ? 'Thank you!' : 'Sign up'}\n          </button>\n        </div>\n      </form>\n      {error && (\n        <div className=\"w-72 pt-2 text-sm text-red-500 dark:text-red-400 sm:w-96\">{message}</div>\n      )}\n    </div>\n  )\n}\n\nexport default NewsletterForm\n\nexport const BlogNewsletterForm = ({ title }) => (\n  <div className=\"flex items-center justify-center\">\n    <div className=\"bg-gray-100 p-6 dark:bg-gray-800 sm:px-14 sm:py-8\">\n      <NewsletterForm title={title} />\n    </div>\n  </div>\n)\n","/* eslint-disable react/display-name */\nimport React from 'react'\nimport { useMDXComponent } from 'next-contentlayer/hooks'\nimport { ComponentMap } from 'mdx-bundler/client'\nimport { coreContent } from '@/lib/utils/contentlayer'\nimport Image from './Image'\nimport { Video } from './Video'\nimport CustomLink from './Link'\nimport TOCInline from './TOCInline'\nimport Pre from './Pre'\nimport { BlogNewsletterForm } from './NewsletterForm'\nimport type { Blog, Authors } from 'contentlayer/generated'\n\ninterface MDXLayout {\n  layout: string\n  content: Blog | Authors\n  [key: string]: unknown\n}\n\ninterface Wrapper {\n  layout: string\n  [key: string]: unknown\n}\n\nconst Wrapper = ({ layout, content, ...rest }: MDXLayout) => {\n  const Layout = require(`../layouts/${layout}`).default\n  return <Layout content={content} {...rest} />\n}\n\nexport const MDXComponents: ComponentMap = {\n  Image,\n  TOCInline,\n  a: CustomLink,\n  pre: Pre,\n  wrapper: Wrapper,\n  Video,\n  BlogNewsletterForm,\n}\n\nexport const MDXLayoutRenderer = ({ layout, content, ...rest }: MDXLayout) => {\n  const MDXLayout = useMDXComponent(content.body.code)\n  const mainContent = coreContent(content)\n\n  return <MDXLayout layout={layout} content={mainContent} components={MDXComponents} {...rest} />\n}\n","/* eslint-disable @next/next/no-img-element */\nimport { PlayIcon } from '@heroicons/react/solid'\nimport React, { useRef, useState } from 'react'\nimport { cfLoader } from './Image'\n\nexport const Video: React.FC<{ src: string; alt: string; caption?: React.ReactNode }> = ({\n  src,\n  caption,\n  alt,\n}) => {\n  const video = useRef(null)\n  const [isPlaying, setIsPlaying] = useState(false)\n\n  const handleClick = () => {\n    if (video.current) {\n      if (video.current.paused) {\n        video.current.play()\n      } else {\n        video.current.pause()\n      }\n    }\n  }\n\n  const handleVideoRef = (el) => {\n    if (el) {\n      video.current = el\n      el.addEventListener('play', () => setIsPlaying(true))\n      el.addEventListener('pause', () => setIsPlaying(false))\n    }\n  }\n\n  return (\n    <figure className=\"not-prose relative aspect-video text-center\">\n      <div\n        aria-hidden=\"true\"\n        onClick={handleClick}\n        style={{ opacity: isPlaying ? 0 : null }}\n        className=\"absolute inset-0 z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity hover:opacity-100\"\n      >\n        <PlayIcon className=\"h-80 w-80 text-gray-800 opacity-50\" />\n      </div>\n      <div className=\"absolute inset-0 z-0\">\n        <img\n          ref={(el) => {\n            if (el) {\n              // when page is rendered with next router, the image for some bizarre reason has width = 0\n              // so let's override it here\n              el.setAttribute('width', '100%')\n              const resizeObserver = new ResizeObserver((entries) => {\n                for (const entry of entries) {\n                  let width\n                  if (entry.contentBoxSize && entry.contentBoxSize.length > 0) {\n                    width = entry.contentBoxSize[0].inlineSize\n                  } else {\n                    width = entry.contentRect.width\n                  }\n                  const widths = [672, 762]\n                  const targetWidth = widths.find((w) => w > width) || widths.at(-1)\n                  el.src = cfLoader({ src: `${src}.png`, width: 762 })\n                  el.srcset = `${cfLoader({\n                    src: `${src}.png`,\n                    width: targetWidth,\n                  })} 1x, ${cfLoader({\n                    src: `${src}.png`,\n                    width: targetWidth * 2,\n                  })} 2x`\n                }\n              })\n\n              resizeObserver.observe(el)\n            }\n          }}\n          width=\"100%\"\n          alt={alt}\n          className=\"aspect-video\"\n        />\n      </div>\n      <video\n        className=\"relative z-10 aspect-video w-full\"\n        muted\n        playsInline\n        preload=\"none\"\n        ref={handleVideoRef}\n      >\n        <source src={`${src}.webp`} type=\"video/webp\" />\n        <source src={`${src}.mp4`} type=\"video/mp4\" />\n      </video>\n      {caption && <figcaption className=\"pt-2 text-sm text-gray-500\">{caption}</figcaption>}\n    </figure>\n  )\n}\n","import { ReactNode } from 'react'\n\ninterface Props {\n  children: ReactNode\n}\n\nexport default function PageTitle({ children }: Props) {\n  return (\n    <h1 className=\"text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 md:text-4xl md:leading-14\">\n      {children}\n    </h1>\n  )\n}\n","import Head from 'next/head'\nimport { useRouter } from 'next/router'\nimport siteMetadata from '@/data/siteMetadata'\nimport { CoreContent } from '@/lib/utils/contentlayer'\nimport type { Blog, Authors } from 'contentlayer/generated'\ninterface CommonSEOProps {\n  title: string\n  description: string\n  ogType: string\n  ogImage:\n    | string\n    | {\n        '@type': string\n        url: string\n      }[]\n  twImage: string\n  canonicalUrl?: string\n}\n\nconst CommonSEO = ({\n  title,\n  description,\n  ogType,\n  ogImage,\n  twImage,\n  canonicalUrl,\n}: CommonSEOProps) => {\n  const router = useRouter()\n  return (\n    <Head>\n      <title>{title}</title>\n      <meta name=\"robots\" content=\"follow, index\" />\n      <meta name=\"description\" content={description} />\n      <meta property=\"og:url\" content={`${siteMetadata.siteUrl}${router.asPath}`} />\n      <meta property=\"og:type\" content={ogType} />\n      <meta property=\"og:site_name\" content={siteMetadata.title} />\n      <meta property=\"og:description\" content={description} />\n      <meta property=\"og:title\" content={title} />\n      {Array.isArray(ogImage) ? (\n        ogImage.map(({ url }) => <meta property=\"og:image\" content={url} key={url} />)\n      ) : (\n        <meta property=\"og:image\" content={ogImage} key={ogImage} />\n      )}\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\n      <meta name=\"twitter:site\" content={siteMetadata.twitter} />\n      <meta name=\"twitter:title\" content={title} />\n      <meta name=\"twitter:description\" content={description} />\n      <meta name=\"twitter:image\" content={twImage} />\n      <link\n        rel=\"canonical\"\n        href={canonicalUrl ? canonicalUrl : `${siteMetadata.siteUrl}${router.asPath}`}\n      />\n    </Head>\n  )\n}\n\ninterface PageSEOProps {\n  title: string\n  description: string\n}\n\nexport const PageSEO = ({ title, description }: PageSEOProps) => {\n  const ogImageUrl = siteMetadata.siteUrl + siteMetadata.socialBanner\n  const twImageUrl = siteMetadata.siteUrl + siteMetadata.socialBanner\n  return (\n    <CommonSEO\n      title={title}\n      description={description}\n      ogType=\"website\"\n      ogImage={ogImageUrl}\n      twImage={twImageUrl}\n    />\n  )\n}\n\nexport const TagSEO = ({ title, description }: PageSEOProps) => {\n  const ogImageUrl = siteMetadata.siteUrl + siteMetadata.socialBanner\n  const twImageUrl = siteMetadata.siteUrl + siteMetadata.socialBanner\n  const router = useRouter()\n  return (\n    <>\n      <CommonSEO\n        title={title}\n        description={description}\n        ogType=\"website\"\n        ogImage={ogImageUrl}\n        twImage={twImageUrl}\n      />\n      <Head>\n        <link\n          rel=\"alternate\"\n          type=\"application/rss+xml\"\n          title={`${description} - RSS feed`}\n          href={`${siteMetadata.siteUrl}${router.asPath}/feed.xml`}\n        />\n      </Head>\n    </>\n  )\n}\n\ninterface BlogSeoProps extends CoreContent<Blog> {\n  authorDetails?: CoreContent<Authors>[]\n  url: string\n}\n\nexport const BlogSEO = ({\n  authorDetails,\n  title,\n  summary,\n  date,\n  lastmod,\n  url,\n  images = [],\n  canonicalUrl,\n}: BlogSeoProps) => {\n  const publishedAt = new Date(date).toISOString()\n  const modifiedAt = new Date(lastmod || date).toISOString()\n  const imagesArr =\n    images.length === 0\n      ? [siteMetadata.socialBanner]\n      : typeof images === 'string'\n      ? [images]\n      : images\n\n  const featuredImages = imagesArr.map((img) => {\n    return {\n      '@type': 'ImageObject',\n      url: `${siteMetadata.siteUrl}${img}`,\n    }\n  })\n\n  let authorList\n  if (authorDetails) {\n    authorList = authorDetails.map((author) => {\n      return {\n        '@type': 'Person',\n        name: author.name,\n      }\n    })\n  } else {\n    authorList = {\n      '@type': 'Person',\n      name: siteMetadata.author,\n    }\n  }\n\n  const structuredData = {\n    '@context': 'https://schema.org',\n    '@type': 'Article',\n    mainEntityOfPage: {\n      '@type': 'WebPage',\n      '@id': url,\n    },\n    headline: title,\n    image: featuredImages,\n    datePublished: publishedAt,\n    dateModified: modifiedAt,\n    author: authorList,\n    publisher: {\n      '@type': 'Organization',\n      name: siteMetadata.author,\n      logo: {\n        '@type': 'ImageObject',\n        url: `${siteMetadata.siteUrl}${siteMetadata.siteLogo}`,\n      },\n    },\n    description: summary,\n  }\n\n  const twImageUrl = featuredImages[0].url\n\n  return (\n    <>\n      <CommonSEO\n        title={title}\n        description={summary}\n        ogType=\"article\"\n        ogImage={featuredImages}\n        twImage={twImageUrl}\n        canonicalUrl={canonicalUrl}\n      />\n      <Head>\n        {date && <meta property=\"article:published_time\" content={publishedAt} />}\n        {lastmod && <meta property=\"article:modified_time\" content={modifiedAt} />}\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(structuredData, null, 2),\n          }}\n        />\n      </Head>\n    </>\n  )\n}\n","import Link from 'next/link'\nimport kebabCase from '@/lib/utils/kebabCase'\n\ninterface Props {\n  text: string\n}\n\nconst Tag = ({ text }: Props) => {\n  return (\n    <Link href={`/tags/${kebabCase(text)}`}>\n      <a className=\"mr-3 text-sm font-medium uppercase text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\">\n        {text.split(' ').join('-')}\n      </a>\n    </Link>\n  )\n}\n\nexport default Tag\n","import SocialIcon from '@/components/social-icons'\nimport Image from '@/components/Image'\nimport { PageSEO } from '@/components/SEO'\nimport { ReactNode } from 'react'\nimport type { Authors } from 'contentlayer/generated'\n\ninterface Props {\n  children: ReactNode\n  content: Omit<Authors, '_id' | '_raw' | 'body'>\n}\n\nexport default function AuthorLayout({ children, content }: Props) {\n  const { name, avatar, occupation, company, email, twitter, linkedin, github } = content\n\n  return (\n    <>\n      <PageSEO title={`About - ${name}`} description={`About me - ${name}`} />\n      <div className=\"divide-y\">\n        <div className=\"space-y-2 pt-6 pb-8 md:space-y-5\">\n          <h1 className=\"text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14\">\n            About\n          </h1>\n        </div>\n        <div className=\"items-start space-y-2 xl:grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0\">\n          <div className=\"flex flex-col items-center pt-8\">\n            <Image\n              src={avatar}\n              alt=\"avatar\"\n              width=\"192px\"\n              height=\"192px\"\n              className=\"h-48 w-48 rounded-full\"\n            />\n            <h3 className=\"pt-4 pb-2 text-2xl font-bold leading-8 tracking-tight\">{name}</h3>\n            <div className=\"text-gray-500 dark:text-gray-400\">{occupation}</div>\n            <div className=\"text-gray-500 dark:text-gray-400\">{company}</div>\n            <div className=\"flex space-x-3 pt-6\">\n              <SocialIcon kind=\"mail\" href={`mailto:${email}`} />\n              <SocialIcon kind=\"github\" href={github} />\n              <SocialIcon kind=\"linkedin\" href={linkedin} />\n              <SocialIcon kind=\"twitter\" href={twitter} />\n            </div>\n          </div>\n          <div className=\"prose max-w-none pt-8 pb-8 dark:prose-dark xl:col-span-2\">{children}</div>\n        </div>\n      </div>\n    </>\n  )\n}\n","import Link from '@/components/Link'\n\ninterface Props {\n  totalPages: number\n  currentPage: number\n}\n\nexport default function Pagination({ totalPages, currentPage }: Props) {\n  const prevPage = currentPage - 1 > 0\n  const nextPage = currentPage + 1 <= totalPages\n\n  return (\n    <div className=\"space-y-2 pt-6 pb-8 md:space-y-5\">\n      <nav className=\"flex justify-between\">\n        {!prevPage && (\n          <button className=\"cursor-auto disabled:opacity-50\" disabled={!prevPage}>\n            Previous\n          </button>\n        )}\n        {prevPage && (\n          <Link href={currentPage - 1 === 1 ? `/blog/` : `/blog/page/${currentPage - 1}`}>\n            <button>Previous</button>\n          </Link>\n        )}\n        <span>\n          {currentPage} of {totalPages}\n        </span>\n        {!nextPage && (\n          <button className=\"cursor-auto disabled:opacity-50\" disabled={!nextPage}>\n            Next\n          </button>\n        )}\n        {nextPage && (\n          <Link href={`/blog/page/${currentPage + 1}`}>\n            <button>Next</button>\n          </Link>\n        )}\n      </nav>\n    </div>\n  )\n}\n","import Link from '@/components/Link'\nimport Tag from '@/components/Tag'\nimport { ComponentProps, useState } from 'react'\nimport Pagination from '@/components/Pagination'\nimport formatDate from '@/lib/utils/formatDate'\nimport { CoreContent } from '@/lib/utils/contentlayer'\nimport type { Blog } from 'contentlayer/generated'\n\ninterface Props {\n  posts: CoreContent<Blog>[]\n  title: string\n  initialDisplayPosts?: CoreContent<Blog>[]\n  pagination?: ComponentProps<typeof Pagination>\n}\n\nexport default function ListLayout({ posts, title, initialDisplayPosts = [], pagination }: Props) {\n  const [searchValue, setSearchValue] = useState('')\n  const filteredBlogPosts = posts.filter((post) => {\n    const searchContent = post.title + post.summary + post.tags.join(' ')\n    return searchContent.toLowerCase().includes(searchValue.toLowerCase())\n  })\n\n  // If initialDisplayPosts exist, display it if no searchValue is specified\n  const displayPosts =\n    initialDisplayPosts.length > 0 && !searchValue ? initialDisplayPosts : filteredBlogPosts\n\n  return (\n    <>\n      <div className=\"divide-y\">\n        <div className=\"space-y-2 pt-6 pb-8 md:space-y-5\">\n          <h1 className=\"text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14\">\n            {title}\n          </h1>\n          <div className=\"relative max-w-lg\">\n            <input\n              aria-label=\"Search articles\"\n              type=\"text\"\n              onChange={(e) => setSearchValue(e.target.value)}\n              placeholder=\"Search articles\"\n              className=\"block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100\"\n            />\n            <svg\n              className=\"absolute right-3 top-3 h-5 w-5 text-gray-400 dark:text-gray-300\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n              />\n            </svg>\n          </div>\n        </div>\n        <ul>\n          {!filteredBlogPosts.length && 'No posts found.'}\n          {displayPosts.map((post) => {\n            const { slug, date, title, summary, tags } = post\n            return (\n              <li key={slug} className=\"py-4\">\n                <article className=\"space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0\">\n                  <dl>\n                    <dt className=\"sr-only\">Published on</dt>\n                    <dd className=\"text-base font-medium leading-6 text-gray-500 dark:text-gray-400\">\n                      <time dateTime={date}>{formatDate(date)}</time>\n                    </dd>\n                  </dl>\n                  <div className=\"space-y-3 xl:col-span-3\">\n                    <div>\n                      <h3 className=\"text-2xl font-bold leading-8 tracking-tight\">\n                        <Link href={`/blog/${slug}`} className=\"text-gray-900 dark:text-gray-100\">\n                          {title}\n                        </Link>\n                      </h3>\n                      <div className=\"flex flex-wrap\">\n                        {tags.map((tag) => (\n                          <Tag key={tag} text={tag} />\n                        ))}\n                      </div>\n                    </div>\n                    <div className=\"prose max-w-none text-gray-500 dark:text-gray-400\">\n                      {summary}\n                    </div>\n                  </div>\n                </article>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n      {pagination && pagination.totalPages > 1 && !searchValue && (\n        <Pagination currentPage={pagination.currentPage} totalPages={pagination.totalPages} />\n      )}\n    </>\n  )\n}\n","import Link from '@/components/Link'\nimport PageTitle from '@/components/PageTitle'\nimport SectionContainer from '@/components/SectionContainer'\nimport { BlogSEO } from '@/components/SEO'\nimport Image from '@/components/Image'\nimport Tag from '@/components/Tag'\nimport siteMetadata from '@/data/siteMetadata'\nimport Comments from '@/components/comments'\nimport ScrollTopAndComment from '@/components/ScrollTopAndComment'\nimport { CoreContent } from '@/lib/utils/contentlayer'\nimport { ReactNode } from 'react'\nimport type { Blog, Authors } from 'contentlayer/generated'\n\nconst editUrl = (slug) => `${siteMetadata.siteRepo}/blob/master/data/blog/${slug}`\nconst discussUrl = (slug) =>\n  `https://mobile.twitter.com/search?q=${encodeURIComponent(\n    `${siteMetadata.siteUrl}/blog/${slug}`\n  )}`\n\nconst postDateTemplate: Intl.DateTimeFormatOptions = {\n  weekday: 'long',\n  year: 'numeric',\n  month: 'long',\n  day: 'numeric',\n}\n\ninterface Props {\n  content: CoreContent<Blog>\n  authorDetails: CoreContent<Authors>[]\n  next?: { slug: string; title: string }\n  prev?: { slug: string; title: string }\n  children: ReactNode\n}\n\nexport default function PostLayout({ content, authorDetails, next, prev, children }: Props) {\n  const { slug, date, title, tags } = content\n\n  return (\n    <div className=\"mx-auto max-w-3xl px-8 xl:px-1\">\n      <BlogSEO\n        url={`${siteMetadata.siteUrl}/blog/${slug}`}\n        authorDetails={authorDetails}\n        {...content}\n      />\n      <article>\n        <div>\n          <header className=\"pt-6\">\n            <div className=\"space-y-1 text-center\">\n              <dl className=\"space-y-10\">\n                <div>\n                  <dt className=\"sr-only\">Published on</dt>\n                  <dd className=\"text-base font-medium leading-6 text-gray-500 dark:text-gray-400\">\n                    <time dateTime={date}>\n                      {new Date(date).toLocaleDateString(siteMetadata.locale, postDateTemplate)}\n                    </time>\n                  </dd>\n                </div>\n              </dl>\n              <div>\n                <PageTitle>{title}</PageTitle>\n              </div>\n            </div>\n          </header>\n          <div\n            className=\"divide-y divide-gray-200 pb-8 dark:divide-gray-700\"\n            style={{ gridTemplateRows: 'auto 1fr' }}\n          >\n            <dl className=\"pt-6 pb-10\">\n              <dt className=\"sr-only\">Authors</dt>\n              <dd>\n                <ul className=\"flex justify-center space-x-8 sm:space-x-12\">\n                  {authorDetails.map((author) => (\n                    <li className=\"flex items-center space-x-2\" key={author.name}>\n                      {author.avatar && (\n                        <Image\n                          src={author.avatar}\n                          width=\"38px\"\n                          height=\"38px\"\n                          alt=\"avatar\"\n                          className=\"h-10 w-10 rounded-full\"\n                        />\n                      )}\n                      <dl className=\"whitespace-nowrap text-sm font-medium leading-5\">\n                        <dt className=\"sr-only\">Name</dt>\n                        <dd className=\"text-gray-900 dark:text-gray-100\">{author.name}</dd>\n                        <dt className=\"sr-only\">Twitter</dt>\n                        <dd>\n                          {author.twitter && (\n                            <Link\n                              href={author.twitter}\n                              className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\"\n                            >\n                              {author.twitter.replace('https://twitter.com/', '@')}\n                            </Link>\n                          )}\n                        </dd>\n                      </dl>\n                    </li>\n                  ))}\n                </ul>\n              </dd>\n            </dl>\n            <div className=\"divide-y divide-gray-200 dark:divide-gray-700\">\n              <div className=\"prose max-w-none pt-10 pb-8 dark:prose-dark\">{children}</div>\n              <div className=\"pt-10 text-center text-lg\">\n                Enjoyed the read? Join our community to stay on top of the game!\n              </div>\n              <div className=\"my-8 bg-white shadow-lg dark:bg-gray-800 sm:mx-auto sm:w-full sm:max-w-md sm:overflow-hidden sm:rounded-lg\">\n                <div className=\"px-4 py-8 sm:px-10\">\n                  <div className=\"mt-6\">\n                    <form\n                      action=\"https://app.convertkit.com/forms/3195986/subscriptions\"\n                      method=\"post\"\n                      data-sv-form=\"3195986\"\n                      data-uid=\"e5e13a2bba\"\n                      data-format=\"inline\"\n                      data-version=\"5\"\n                      data-options='{\"settings\":{\"after_subscribe\":{\"action\":\"message\",\"success_message\":\"Success! Now check your email to confirm your subscription.\",\"redirect_url\":\"\"},\"analytics\":{\"google\":null,\"fathom\":null,\"facebook\":null,\"segment\":null,\"pinterest\":null,\"sparkloop\":null,\"googletagmanager\":null},\"modal\":{\"trigger\":\"timer\",\"scroll_percentage\":null,\"timer\":5,\"devices\":\"all\",\"show_once_every\":15},\"powered_by\":{\"show\":true,\"url\":\"https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic\"},\"recaptcha\":{\"enabled\":false},\"return_visitor\":{\"action\":\"show\",\"custom_content\":\"\"},\"slide_in\":{\"display_in\":\"bottom_right\",\"trigger\":\"timer\",\"scroll_percentage\":null,\"timer\":5,\"devices\":\"all\",\"show_once_every\":15},\"sticky_bar\":{\"display_in\":\"top\",\"trigger\":\"timer\",\"scroll_percentage\":null,\"timer\":5,\"devices\":\"all\",\"show_once_every\":15}},\"version\":\"5\"}'\n                      className=\"space-y-6\"\n                    >\n                      <div>\n                        <label htmlFor=\"name\" className=\"sr-only\">\n                          Name\n                        </label>\n                        <input\n                          type=\"text\"\n                          name=\"fields[name]\"\n                          id=\"name\"\n                          autoComplete=\"name\"\n                          placeholder=\"Full name\"\n                          required\n                          className=\"block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-600 dark:text-white dark:placeholder-gray-200 sm:text-sm\"\n                        />\n                      </div>\n\n                      <div>\n                        <label htmlFor=\"email\" className=\"sr-only\">\n                          Your work email\n                        </label>\n                        <input\n                          type=\"email\"\n                          name=\"email_address\"\n                          id=\"email\"\n                          autoComplete=\"email\"\n                          placeholder=\"Your work email\"\n                          required\n                          className=\"block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-600 dark:text-white dark:placeholder-gray-200 sm:text-sm\"\n                        />\n                      </div>\n\n                      <div>\n                        <button\n                          type=\"submit\"\n                          className=\"flex w-full justify-center rounded-md border border-transparent bg-primary-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2\"\n                        >\n                          Join Edge SEO community\n                        </button>\n                      </div>\n                    </form>\n                  </div>\n                </div>\n                <div className=\"border-t-2 border-gray-200 bg-gray-50 px-4 py-6 dark:border-gray-400 dark:bg-gray-600 sm:px-10\">\n                  <p className=\"text-xs leading-5 text-gray-500 dark:text-gray-200\">\n                    We’ll send you the link to the Slack workspace.\n                  </p>\n                </div>\n              </div>\n            </div>\n            <footer>\n              <div className=\"divide-gray-200 text-sm font-medium leading-5 dark:divide-gray-700 xl:col-start-1 xl:row-start-2 xl:divide-y\">\n                {tags && (\n                  <div className=\"py-4 xl:py-8\">\n                    <h2 className=\"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400\">\n                      Tags\n                    </h2>\n                    <div className=\"flex flex-wrap\">\n                      {tags.map((tag) => (\n                        <Tag key={tag} text={tag} />\n                      ))}\n                    </div>\n                  </div>\n                )}\n                {(next || prev) && (\n                  <div className=\"flex justify-between py-4 xl:block xl:space-y-8 xl:py-8\">\n                    {prev && (\n                      <div>\n                        <h2 className=\"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400\">\n                          Previous Article\n                        </h2>\n                        <div className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\">\n                          <Link href={`/blog/${prev.slug}`}>{prev.title}</Link>\n                        </div>\n                      </div>\n                    )}\n                    {next && (\n                      <div>\n                        <h2 className=\"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400\">\n                          Next Article\n                        </h2>\n                        <div className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\">\n                          <Link href={`/blog/${next.slug}`}>{next.title}</Link>\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                )}\n              </div>\n              <div className=\"pt-4 xl:pt-8\">\n                <Link\n                  href=\"/blog\"\n                  className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\"\n                >\n                  &larr; Back to the blog\n                </Link>\n              </div>\n            </footer>\n          </div>\n        </div>\n      </article>\n    </div>\n  )\n}\n","import siteMetadata from '@/data/siteMetadata'\nimport dynamic from 'next/dynamic'\nimport { CoreContent } from '@/lib/utils/contentlayer'\nimport type { Blog } from 'contentlayer/generated'\n\ninterface Props {\n  frontMatter: CoreContent<Blog>\n}\n\nconst UtterancesComponent = dynamic(\n  () => {\n    return import('@/components/comments/Utterances')\n  },\n  { ssr: false }\n)\nconst GiscusComponent = dynamic(\n  () => {\n    return import('@/components/comments/Giscus')\n  },\n  { ssr: false }\n)\nconst DisqusComponent = dynamic(\n  () => {\n    return import('@/components/comments/Disqus')\n  },\n  { ssr: false }\n)\n\nconst Comments = ({ frontMatter }: Props) => {\n  const comment = siteMetadata?.comment\n  if (!comment || Object.keys(comment).length === 0) return <></>\n  return (\n    <div id=\"comment\">\n      {siteMetadata.comment && siteMetadata.comment.provider === 'giscus' && <GiscusComponent />}\n      {siteMetadata.comment && siteMetadata.comment.provider === 'utterances' && (\n        <UtterancesComponent />\n      )}\n      {siteMetadata.comment && siteMetadata.comment.provider === 'disqus' && (\n        <DisqusComponent frontMatter={frontMatter} />\n      )}\n    </div>\n  )\n}\n\nexport default Comments\n","import { useEffect, useState } from 'react'\n\nconst ScrollTopAndComment = () => {\n  const [show, setShow] = useState(false)\n\n  useEffect(() => {\n    const handleWindowScroll = () => {\n      if (window.scrollY > 50) setShow(true)\n      else setShow(false)\n    }\n\n    window.addEventListener('scroll', handleWindowScroll)\n    return () => window.removeEventListener('scroll', handleWindowScroll)\n  }, [])\n\n  const handleScrollTop = () => {\n    window.scrollTo({ top: 0 })\n  }\n  const handleScrollToComment = () => {\n    document.getElementById('comment').scrollIntoView()\n  }\n  return (\n    <div\n      className={`fixed right-8 bottom-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}\n    >\n      <button\n        aria-label=\"Scroll To Comment\"\n        type=\"button\"\n        onClick={handleScrollToComment}\n        className=\"rounded-full bg-gray-200 p-2 text-gray-500 transition-all hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-400 dark:hover:bg-gray-600\"\n      >\n        <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n      <button\n        aria-label=\"Scroll To Top\"\n        type=\"button\"\n        onClick={handleScrollTop}\n        className=\"rounded-full bg-gray-200 p-2 text-gray-500 transition-all hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-400 dark:hover:bg-gray-600\"\n      >\n        <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n    </div>\n  )\n}\n\nexport default ScrollTopAndComment\n","import Link from '@/components/Link'\nimport PageTitle from '@/components/PageTitle'\nimport SectionContainer from '@/components/SectionContainer'\nimport { BlogSEO } from '@/components/SEO'\nimport siteMetadata from '@/data/siteMetadata'\nimport formatDate from '@/lib/utils/formatDate'\nimport Comments from '@/components/comments'\nimport ScrollTopAndComment from '@/components/ScrollTopAndComment'\nimport { CoreContent } from '@/lib/utils/contentlayer'\nimport { ReactNode } from 'react'\nimport type { Blog } from 'contentlayer/generated'\n\ninterface Props {\n  content: CoreContent<Blog>\n  children: ReactNode\n  next?: { slug: string; title: string }\n  prev?: { slug: string; title: string }\n}\n\nexport default function PostLayout({ content, next, prev, children }: Props) {\n  const { slug, date, title } = content\n\n  return (\n    <SectionContainer>\n      <BlogSEO url={`${siteMetadata.siteUrl}/blog/${slug}`} {...content} />\n      <ScrollTopAndComment />\n      <article>\n        <div>\n          <header>\n            <div className=\"space-y-1 border-b border-gray-200 pb-10 text-center dark:border-gray-700\">\n              <dl>\n                <div>\n                  <dt className=\"sr-only\">Published on</dt>\n                  <dd className=\"text-base font-medium leading-6 text-gray-500 dark:text-gray-400\">\n                    <time dateTime={date}>{formatDate(date)}</time>\n                  </dd>\n                </div>\n              </dl>\n              <div>\n                <PageTitle>{title}</PageTitle>\n              </div>\n            </div>\n          </header>\n          <div\n            className=\"divide-y divide-gray-200 pb-8 dark:divide-gray-700 xl:divide-y-0 \"\n            style={{ gridTemplateRows: 'auto 1fr' }}\n          >\n            <div className=\"divide-y divide-gray-200 dark:divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0\">\n              <div className=\"prose max-w-none pt-10 pb-8 dark:prose-dark\">{children}</div>\n            </div>\n            <Comments frontMatter={content} />\n            <footer>\n              <div className=\"flex flex-col text-sm font-medium sm:flex-row sm:justify-between sm:text-base\">\n                {prev && (\n                  <div className=\"pt-4 xl:pt-8\">\n                    <Link\n                      href={`/blog/${prev.slug}`}\n                      className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\"\n                    >\n                      &larr; {prev.title}\n                    </Link>\n                  </div>\n                )}\n                {next && (\n                  <div className=\"pt-4 xl:pt-8\">\n                    <Link\n                      href={`/blog/${next.slug}`}\n                      className=\"text-primary-600 hover:text-primary-700 dark:hover:text-primary-400\"\n                    >\n                      {next.title} &rarr;\n                    </Link>\n                  </div>\n                )}\n              </div>\n            </footer>\n          </div>\n        </div>\n      </article>\n    </SectionContainer>\n  )\n}\n","import siteMetadata from '@/data/siteMetadata'\n\nconst formatDate = (date: string) => {\n  const options: Intl.DateTimeFormatOptions = {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }\n  const now = new Date(date).toLocaleDateString(siteMetadata.locale, options)\n\n  return now\n}\n\nexport default formatDate\n","import { slug } from 'github-slugger'\n\nconst kebabCase = (str: string) => slug(str)\n\nexport default kebabCase\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","cfLoader","origin","src","width","quality","params","window","location","includes","caption","rest","figure","NextImage","loader","figcaption","coreContent","content","obj","result","assign","forEach","key","omit","toc","indentDepth","fromHeading","toHeading","asDisclosure","exclude","re","Array","isArray","RegExp","join","filteredToc","filter","heading","depth","test","value","tocList","ul","li","className","a","href","url","details","open","summary","div","children","textInput","useRef","useState","ref","onMouseEnter","setHovered","onMouseLeave","setCopied","hovered","button","aria-label","type","copied","onClick","navigator","clipboard","writeText","current","textContent","setTimeout","svg","xmlns","viewBox","stroke","fill","path","strokeLinecap","strokeLinejoin","strokeWidth","d","pre","NewsletterForm","title","inputEl","subscribe","res","preventDefault","fetch","siteMetadata","body","JSON","stringify","email","headers","method","json","error","setError","setMessage","setSubscribed","form","onSubmit","label","htmlFor","input","autoComplete","name","placeholder","subscribed","required","disabled","message","MDXComponents","Image","TOCInline","CustomLink","Pre","wrapper","layout","Layout","require","default","Video","alt","video","aria-hidden","paused","play","pause","style","opacity","isPlaying","PlayIcon","img","el","setAttribute","ResizeObserver","entries","entry","contentBoxSize","length","inlineSize","contentRect","widths","targetWidth","find","w","at","srcset","observe","muted","playsInline","preload","addEventListener","setIsPlaying","source","BlogNewsletterForm","MDXLayoutRenderer","MDXLayout","useMDXComponent","mainContent","components","PageTitle","h1","CommonSEO","description","ogType","ogImage","twImage","canonicalUrl","router","useRouter","Head","meta","property","asPath","link","rel","PageSEO","ogImageUrl","twImageUrl","TagSEO","BlogSEO","authorDetails","date","lastmod","images","publishedAt","Date","toISOString","modifiedAt","featuredImages","structuredData","mainEntityOfPage","headline","image","datePublished","dateModified","author","publisher","logo","script","dangerouslySetInnerHTML","__html","text","Link","kebabCase","split","AuthorLayout","avatar","occupation","company","twitter","linkedin","github","height","h3","SocialIcon","kind","Pagination","totalPages","currentPage","prevPage","nextPage","nav","span","ListLayout","posts","initialDisplayPosts","pagination","filteredBlogPosts","post","tags","toLowerCase","searchValue","displayPosts","onChange","setSearchValue","target","slug","article","dl","dt","dd","time","dateTime","formatDate","tag","Tag","postDateTemplate","weekday","year","month","day","PostLayout","next","prev","header","toLocaleDateString","gridTemplateRows","replace","action","data-sv-form","data-uid","data-format","data-version","data-options","p","footer","h2","UtterancesComponent","dynamic","ssr","GiscusComponent","DisqusComponent","frontMatter","comment","useEffect","handleWindowScroll","scrollY","setShow","removeEventListener","show","document","getElementById","scrollIntoView","fillRule","clipRule","scrollTo","top","SectionContainer","ScrollTopAndComment","Comments","str"],"sourceRoot":""}