{"version":3,"file":"application-oeeZsy5D.js","sources":["../../../app/javascript/src/utils/metaContent.ts","../../../app/javascript/src/stores/flash.ts","../../../app/javascript/src/use/fetch.ts","../../../app/javascript/src/stores/click.ts","../../../app/javascript/src/components/PageTitle.vue","../../../app/javascript/src/components/LoadingAnimation.vue","../../../app/javascript/src/components/ClickButton.vue","../../../app/javascript/src/pages/HomePage.vue","../../../app/javascript/src/pages/AboutPage.vue","../../../app/javascript/src/router.ts","../../../app/javascript/src/components/AppBackground.vue","../../../app/javascript/images/logo.svg","../../../app/javascript/src/components/AppHeader.vue","../../../app/javascript/src/components/GitVersion.vue","../../../app/javascript/src/use/online-offline.ts","../../../app/javascript/src/components/AppFooter.vue","../../../app/javascript/src/components/AppFlash.vue","../../../app/javascript/src/plugins/plausible.js","../../../app/javascript/entrypoints/application.ts"],"sourcesContent":["export function metaContent(name: string): string | undefined {\n  const element: HTMLMetaElement | null = document.head.querySelector(\n    `meta[name=\"${name}\"]`,\n  );\n\n  if (element) return element.content;\n}\n\nexport function assetUrl(fileName: string): string {\n  const assetHost = metaContent('asset-host') || '';\n\n  return assetHost + fileName;\n}\n","import { defineStore } from 'pinia';\n\nexport const useFlashStore = defineStore('flash', {\n  state: () => ({\n    notice: '',\n    alert: '',\n  }),\n});\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { FetchRequest } from '@rails/request.js';\nimport { useFlashStore } from '@/stores/flash';\n\nexport function withFlash(request: Promise<any>) {\n  const flash = useFlashStore();\n\n  return request.then(async (response: { json: any; ok: any }) => {\n    const body = await response.json;\n\n    if (response.ok) flash.notice = body.notice;\n    else flash.alert = body.alert;\n\n    setTimeout(() => flash.$reset(), 2000);\n\n    return response;\n  });\n}\n\nexport function get(url: string, options: any) {\n  const request = new FetchRequest('get', url, options);\n  return withFlash(request.perform());\n}\n\nexport function post(url: string, options: any) {\n  const request = new FetchRequest('post', url, options);\n  return withFlash(request.perform());\n}\n","import { defineStore } from 'pinia';\nimport { createConsumer, Subscription } from '@rails/actioncable';\nimport { get, post } from '@/use/fetch';\n\nexport type Click = {\n  id: number;\n  created_at: string;\n  ip: string;\n  user_agent: string;\n};\n\nlet channel: Subscription | null = null;\n\nexport const useClickStore = defineStore('click', {\n  state: () => ({\n    loaded: false,\n    subscribed: false,\n    total: 0,\n    items: [] as Click[],\n  }),\n\n  actions: {\n    sendClick() {\n      post('/clicks', { responseKind: 'json' });\n    },\n\n    async getClicks() {\n      const response = await get('/clicks', {\n        responseKind: 'json',\n      });\n      const json = await response.json;\n\n      this.total = json.total;\n      this.items = json.items;\n      this.loaded = true;\n    },\n\n    subscribe() {\n      channel = createConsumer().subscriptions.create(\n        {\n          channel: 'ClicksChannel',\n        },\n        {\n          received: (click: Click) => {\n            this.total += 1;\n            this.items.unshift(click);\n          },\n        },\n      );\n      this.subscribed = true;\n    },\n\n    unsubscribe() {\n      if (channel) {\n        channel.unsubscribe();\n        channel.consumer.disconnect();\n      }\n      this.subscribed = false;\n    },\n  },\n});\n","<template>\n  <h1\n    class=\"text-rails-dark text-4xl font-extrabold tracking-tight break-words sm:text-5xl lg:text-6xl\"\n  >\n    <slot></slot>\n  </h1>\n</template>\n","<template>\n  <svg class=\"animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n    <circle\n      class=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      stroke-width=\"4\"\n    ></circle>\n    <path\n      class=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport { useClickStore } from '@/stores/click';\nimport LoadingAnimation from '@/components/LoadingAnimation.vue';\n\nconst store = useClickStore();\n\ndefineProps({\n  enabled: {\n    type: Boolean,\n    required: true,\n  },\n  count: {\n    type: Number,\n    required: true,\n  },\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col\">\n    <div id=\"counter\" class=\"text-center\">\n      <template v-if=\"enabled\">\n        <transition\n          mode=\"out-in\"\n          enter-active-class=\"transition-transform duration-300 ease-out\"\n          enter-from-class=\"scale-0\"\n          enter-to-class=\"scale-100\"\n          leave-active-class=\"transition-transform duration-200 ease-in\"\n          leave-from-class=\"scale-100\"\n          leave-to-class=\"scale-0\"\n        >\n          <div :key=\"count\" class=\"text-5xl font-bold\">\n            {{ count.toLocaleString() }}\n          </div>\n        </transition>\n        <div class=\"py-1 uppercase\">Clicks</div>\n      </template>\n      <LoadingAnimation v-else class=\"h-20 w-full\"></LoadingAnimation>\n    </div>\n\n    <button\n      type=\"button\"\n      class=\"bg-rose hover:bg-rails-light active:ring-rails-light mt-3 w-full rounded-sm py-2 font-medium text-black transition hover:text-white active:ring-2 active:ring-offset-1 active:outline-hidden\"\n      @click=\"store.sendClick()\"\n    >\n      Click me!\n    </button>\n\n    <p class=\"mt-3 hidden text-center text-xs text-gray-600 sm:block\">\n      Tip: Open two browser windows in parallel and see what happens.\n    </p>\n  </div>\n</template>\n","<script setup=\"props\" lang=\"ts\">\nimport { onMounted, onBeforeUnmount } from 'vue';\nimport { useClickStore } from '@/stores/click';\nimport PageTitle from '@/components/PageTitle.vue';\nimport ClickList from '@/components/ClickList.vue';\nimport ClickButton from '@/components/ClickButton.vue';\n\ndefineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n});\n\nconst store = useClickStore();\nonMounted(() => {\n  store.getClicks();\n  store.subscribe();\n});\n\nonBeforeUnmount(() => {\n  store.unsubscribe();\n});\n</script>\n\n<template>\n  <div class=\"lg:mr-64\">\n    <page-title>Hello, {{ name }}!</page-title>\n\n    <p class=\"mt-6 max-w-4xl text-base lg:text-xl\">\n      Templatus is an opinionated template for web applications with\n      <b>Ruby on Rails</b> and <b>Vue.js 3</b>\n    </p>\n  </div>\n\n  <click-button\n    class=\"mt-5 w-full lg:absolute lg:-top-5 lg:-right-10 lg:mt-0 lg:w-56 lg:rounded-sm lg:bg-linear-to-br lg:from-slate-100 lg:to-white lg:p-3 lg:shadow-sm\"\n    :count=\"store.total\"\n    :enabled=\"store.loaded\"\n  ></click-button>\n\n  <template v-if=\"store.items.length\">\n    <h2\n      class=\"text-rails-dark mt-20 text-center text-xl font-medium tracking-wide uppercase sm:text-left\"\n    >\n      Latest clicks\n    </h2>\n\n    <click-list :clicks=\"store.items.slice(0, 5)\"></click-list>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport * as Vue from 'vue';\nimport { CheckIcon } from '@heroicons/vue/24/outline';\nimport { metaContent } from '@/utils/metaContent';\n\nimport PageTitle from '@/components/PageTitle.vue';\n\nconst features: {\n  name: string;\n  slogan: string;\n  items: {\n    name: string;\n    version?: string;\n    href: string;\n    description: string;\n  }[];\n}[] = [\n  {\n    name: 'The backend',\n    slogan: 'Server side',\n    items: [\n      {\n        name: 'Ruby',\n        version: metaContent('version-ruby'),\n        href: 'https://www.ruby-lang.org/',\n        description:\n          'A dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.',\n      },\n      {\n        name: 'Ruby on Rails',\n        version: metaContent('version-rails'),\n        href: 'https://rubyonrails.org/',\n        description:\n          'Rails is a web application development framework written in the Ruby programming language. It is designed to make programming web applications easier by making assumptions about what every developer needs to get started.',\n      },\n      {\n        name: 'PostgreSQL',\n        version: metaContent('version-postgres'),\n        href: 'https://www.postgresql.org/',\n        description:\n          'PostgreSQL is a powerful, open source object-relational database system with over 30 years of active development that has earned it a strong reputation for reliability, feature robustness, and performance.',\n      },\n      {\n        name: 'Puma',\n        version: metaContent('version-puma'),\n        href: 'https://puma.io/',\n        description:\n          'Puma is a simple, fast, multi-threaded, and highly concurrent HTTP 1.1 server for Ruby/Rack applications.',\n      },\n      {\n        name: 'Redis',\n        version: metaContent('version-redis'),\n        href: 'https://redis.io/',\n        description:\n          'Redis is an open source, in-memory data structure store, used as a database, cache, and message broker.',\n      },\n      {\n        name: 'Sidekiq',\n        version: metaContent('version-sidekiq'),\n        href: 'https://sidekiq.org/',\n        description:\n          'Simple, efficient background processing for Ruby' +\n          '<p class=\"mt-2 text-xs\">→ <a class=\"font-medium uppercase hover:underline\" href=\"/sidekiq\">Admin frontend</a></p>',\n      },\n    ],\n  },\n\n  {\n    name: 'The frontend',\n    slogan: 'Client side',\n    items: [\n      {\n        name: 'Vue',\n        version: Vue.version,\n        href: 'https://v3.vuejs.org/',\n        description:\n          'Vue is a progressive framework for building user interfaces.',\n      },\n      {\n        name: 'Tailwind CSS 4',\n        href: 'https://tailwindcss.com/',\n        description:\n          'A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.',\n      },\n      {\n        name: 'TypeScript',\n        href: 'https://www.typescriptlang.org/',\n        description:\n          'TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.',\n      },\n      {\n        name: 'Pinia',\n        href: 'https://pinia.esm.dev/',\n        description:\n          'Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support',\n      },\n      {\n        name: 'Heroicons',\n        href: 'https://heroicons.com/',\n        description:\n          'Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.',\n      },\n      {\n        name: 'Vite',\n        href: 'https://vitejs.dev/',\n        description: \"Next generation frontend tooling. It's fast!\",\n      },\n    ],\n  },\n\n  {\n    name: 'Continuous integration',\n    slogan: 'Quality insurance',\n    items: [\n      {\n        name: 'GitHub Actions',\n        href: 'https://github.com/features/actions',\n        description: 'Test, build and deliver on every push to GitHub',\n      },\n      {\n        name: 'RSpec',\n        href: 'https://rspec.info/',\n        description:\n          'Behaviour Driven Development for Ruby. Making TDD Productive and Fun.',\n      },\n      {\n        name: 'RuboCop',\n        href: 'https://rubocop.org/',\n        description: 'The Ruby Linter/Formatter that Serves and Protects',\n      },\n      {\n        name: 'Jest',\n        href: 'https://jestjs.io/',\n        description:\n          'Jest is a delightful JavaScript Testing Framework with a focus on simplicity',\n      },\n      {\n        name: 'ESLint',\n        href: 'https://eslint.org/',\n        description:\n          'ESLint statically analyzes your code to quickly find problems',\n      },\n      {\n        name: 'Cypress',\n        href: 'https://cypress.io/',\n        description:\n          'Fast, easy and reliable testing for anything that runs in a browser.',\n      },\n    ],\n  },\n\n  {\n    name: 'Deployment',\n    slogan: 'Ship it!',\n    items: [\n      {\n        name: 'Alpine Linux',\n        version: metaContent('version-alpine'),\n        href: 'https://alpinelinux.org/',\n        description:\n          'Alpine Linux is an independent, non-commercial, general purpose Linux distribution designed for power users who appreciate security, simplicity and resource efficiency.',\n      },\n      {\n        name: 'Docker',\n        href: 'https://www.docker.com/',\n        description: 'Dockerized using an optimized base image.',\n      },\n      {\n        name: 'Plausible',\n        href: 'https://plausible.io/',\n        description:\n          'Plausible is lightweight and open source web analytics. No cookies and fully compliant with GDPR, CCPA and PECR.',\n      },\n    ],\n  },\n];\n</script>\n\n<template>\n  <page-title>About</page-title>\n\n  <p class=\"mt-6 max-w-4xl text-base lg:text-xl\">\n    Templatus is an opinionated template for web applications with\n    <b>Ruby on Rails</b> and <b>Vue.js 3</b>\n  </p>\n\n  <div class=\"mt-20 space-y-24\">\n    <div v-for=\"group in features\" :key=\"group.name\">\n      <div class=\"lg:grid lg:grid-cols-3 lg:gap-x-8\">\n        <div>\n          <h2\n            class=\"text-rails-dark text-base font-semibold tracking-wide uppercase\"\n          >\n            {{ group.slogan }}\n          </h2>\n          <p class=\"mt-2 text-3xl font-extrabold text-gray-900\">\n            {{ group.name }}\n          </p>\n        </div>\n        <div class=\"mt-12 lg:col-span-2 lg:mt-0\">\n          <dl\n            class=\"space-y-10 sm:grid sm:grid-cols-2 sm:space-y-0 sm:gap-x-6 sm:gap-y-10 lg:gap-x-8\"\n          >\n            <div\n              v-for=\"feature in group.items\"\n              :key=\"feature.name\"\n              class=\"relative\"\n            >\n              <dt>\n                <CheckIcon\n                  class=\"text-vue absolute size-6\"\n                  aria-hidden=\"true\"\n                />\n                <p\n                  class=\"text-rails-dark ml-9 flex items-center text-lg leading-6 font-medium\"\n                >\n                  <a\n                    :href=\"feature.href\"\n                    class=\"hover:underline\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    {{ feature.name }}\n                  </a>\n\n                  <span\n                    v-if=\"feature.version\"\n                    class=\"bg-rose ml-2 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium text-black\"\n                  >\n                    {{ feature.version }}\n                  </span>\n                </p>\n              </dt>\n              <dd\n                class=\"mt-2 ml-9 text-base text-gray-600\"\n                v-html=\"feature.description\"\n              ></dd>\n            </div>\n          </dl>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","import { createWebHashHistory, createRouter, RouteRecordRaw } from 'vue-router';\nimport HomePage from '@/pages/HomePage.vue';\nimport AboutPage from '@/pages/AboutPage.vue';\nimport NotFound from '@/pages/NotFound.vue';\n\nconst routes: Array<RouteRecordRaw> = [\n  {\n    path: '/',\n    name: 'Home',\n    component: HomePage,\n    props: {\n      name: 'Templatus',\n    },\n  },\n  {\n    path: '/about',\n    name: 'About',\n    component: AboutPage,\n  },\n  { path: '/:pathMatch(.*)', component: NotFound },\n];\n\nconst router = createRouter({\n  history: createWebHashHistory(),\n  routes,\n});\n\nexport default router;\n","<template>\n  <svg\n    class=\"fixed inset-0 hidden h-96 w-full drop-shadow-xl lg:block\"\n    fill=\"none\"\n    preserveAspectRatio=\"none\"\n    viewBox=\"0 0 100 100\"\n  >\n    <defs>\n      <linearGradient id=\"grad1\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n        <stop offset=\"0%\" class=\"gradient__rails-dark\" />\n        <stop offset=\"30%\" class=\"gradient__rails-light\" />\n        <stop offset=\"100%\" class=\"gradient__vue\" />\n      </linearGradient>\n    </defs>\n\n    <polygon fill=\"url(#grad1)\" points=\"0,0 0,100 100,40 100,0\" />\n  </svg>\n\n  <svg\n    class=\"fixed bottom-0 hidden h-96 w-full drop-shadow-xl lg:block\"\n    fill=\"none\"\n    preserveAspectRatio=\"none\"\n    viewBox=\"0 0 100 100\"\n  >\n    <defs>\n      <linearGradient id=\"grad2\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n        <stop offset=\"0%\" class=\"gradient__rails-dark\" />\n        <stop offset=\"60%\" class=\"gradient__rails-light\" />\n        <stop offset=\"100%\" class=\"gradient__vue\" />\n      </linearGradient>\n    </defs>\n\n    <polygon fill=\"url(#grad2)\" points=\"0,80 0,100 100,100 100,50\" />\n  </svg>\n</template>\n","export default \"__VITE_ASSET__BPYvPCPi__\"","<script setup lang=\"ts\">\nimport { assetUrl } from '@/utils/metaContent';\nimport logoPath from '/images/logo.svg';\n\nconst tabs: {\n  name: string;\n  href: string;\n}[] = [\n  { name: 'Home', href: '/' },\n  { name: 'About', href: '/about' },\n];\n</script>\n\n<template>\n  <header\n    class=\"flex items-end justify-between space-x-5 p-5 lg:flex-col lg:items-stretch lg:space-y-36 lg:space-x-0 lg:p-0\"\n  >\n    <img\n      :src=\"assetUrl(logoPath)\"\n      alt=\"Logo\"\n      class=\"size-20 rounded-sm bg-linear-to-br from-slate-200 to-white p-3 lg:size-56\"\n      width=\"150\"\n      height=\"150\"\n    />\n\n    <nav\n      class=\"flex space-x-5 text-center text-lg font-medium uppercase lg:flex-col lg:space-y-5 lg:space-x-0\"\n    >\n      <router-link\n        v-for=\"tab in tabs\"\n        :key=\"tab.name\"\n        :to=\"tab.href\"\n        :class=\"[\n          tab.href == $route.path\n            ? 'text-rails-dark lg:bg-rails-dark bg-white lg:text-white'\n            : 'lg:text-rails-dark bg-transparent text-white hover:scale-105 lg:bg-white',\n          'rounded-md px-2 py-1 transition lg:shadow-sm',\n        ]\"\n      >\n        {{ tab.name }}\n      </router-link>\n    </nav>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\nimport * as timeago from 'timeago.js';\n\ndefineProps({\n  commitVersion: {\n    type: String,\n    required: true,\n  },\n\n  commitTime: {\n    type: String,\n    required: true,\n  },\n});\n\nconst timeElement = ref();\n\nonMounted(() => {\n  timeago.render(timeElement.value);\n});\n\nonBeforeUnmount(() => {\n  timeago.cancel();\n});\n</script>\n\n<template>\n  <div>\n    <code class=\"text-sm\">{{ commitVersion }}</code>\n    <b class=\"ml-3\"><time ref=\"timeElement\" :datetime=\"commitTime\"></time></b>\n  </div>\n</template>\n","import { Ref, ref, onMounted, onUnmounted } from 'vue';\n\nexport default function useOnlineOffline(): { online: Ref<boolean> } {\n  const online = ref(navigator.onLine);\n\n  function setOnline() {\n    online.value = true;\n  }\n\n  function setOffline() {\n    online.value = false;\n  }\n\n  onMounted(() => {\n    window.addEventListener('online', setOnline);\n    window.addEventListener('offline', setOffline);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('online', setOnline);\n    window.removeEventListener('offline', setOffline);\n  });\n\n  return {\n    online,\n  };\n}\n","<script setup lang=\"ts\">\nimport GitVersion from '@/components/GitVersion.vue';\nimport { metaContent } from '@/utils/metaContent';\nimport useOnlineOffline from '@/use/online-offline';\n\nconst git: {\n  commitVersion?: string;\n  commitTime?: string;\n} = {\n  commitVersion: metaContent('git-commit-version'),\n  commitTime: metaContent('git-commit-time'),\n};\n\nconst { online } = useOnlineOffline();\n</script>\n\n<template>\n  <footer\n    class=\"flex flex-wrap items-end justify-between space-y-2 px-4 text-sm text-white sm:px-6 lg:px-0\"\n  >\n    <div class=\"flex w-full items-end space-x-2 sm:w-auto\">\n      <a\n        class=\"hover:underline\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href=\"https://github.com/templatus/templatus-vue\"\n      >\n        <svg viewBox=\"0 0 24 24\" class=\"size-6\" fill=\"currentColor\">\n          <title>GitHub</title>\n          <path\n            d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\n          />\n        </svg>\n      </a>\n\n      <git-version\n        v-if=\"git.commitTime && git.commitVersion\"\n        :commit-time=\"git.commitTime\"\n        :commit-version=\"git.commitVersion\"\n      ></git-version>\n    </div>\n\n    <div class=\"w-full sm:w-auto\">\n      <span\n        v-if=\"!online\"\n        class=\"rounded-sm bg-white px-1 py-px font-bold tracking-wide text-red-700 uppercase\"\n        >You are offline</span\n      >\n    </div>\n\n    <div class=\"flex w-full items-end sm:w-auto\">\n      <a\n        class=\"hover:underline\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href=\"https://ledermann.dev\"\n      >\n        <svg class=\"inline size-6\" viewBox=\"0 0 276 276\" fill=\"currentColor\">\n          <title>ledermann.dev</title>\n          <path\n            d=\"M0 137l138 138 138-138-84-82-84 82 31 30 53-52 25 22-79 77-78-77L166 29 138 1\"\n          />\n        </svg>\n        <span class=\"ml-1 font-mono\">ledermann.dev</span>\n      </a>\n    </div>\n  </footer>\n</template>\n","<script setup lang=\"ts\">\nimport { useFlashStore } from '@/stores/flash';\nimport {\n  ExclamationCircleIcon,\n  CheckCircleIcon,\n} from '@heroicons/vue/24/solid';\n\nconst store = useFlashStore();\n\nfunction text() {\n  if (store.alert) {\n    return store.alert;\n  } else if (store.notice) {\n    return store.notice;\n  } else {\n    return null;\n  }\n}\n\nfunction backgroundClass() {\n  if (store.alert) {\n    return 'bg-red-50 border-red-500';\n  } else if (store.notice) {\n    return 'bg-green-50 border-green-500';\n  }\n}\n\nfunction textClass() {\n  if (store.alert) {\n    return 'text-red-800';\n  } else if (store.notice) {\n    return 'text-green-800';\n  }\n}\n\nfunction icon() {\n  if (store.alert) {\n    return ExclamationCircleIcon;\n  } else if (store.notice) {\n    return CheckCircleIcon;\n  }\n}\n\nfunction iconClass() {\n  if (store.alert) {\n    return 'text-red-400';\n  } else if (store.notice) {\n    return 'text-green-400';\n  }\n}\n</script>\n\n<template>\n  <transition\n    mode=\"out-in\"\n    enter-active-class=\"transition duration-500 ease-out\"\n    enter-from-class=\"translate-y-32\"\n    enter-to-class=\"translate-y-0\"\n    leave-active-class=\"transition duration-500 ease-in\"\n    leave-from-class=\"translate-y-0\"\n    leave-to-class=\"translate-y-32\"\n  >\n    <div\n      v-if=\"text()\"\n      id=\"flash\"\n      class=\"fixed inset-x-0 bottom-0 z-50 border-t-4 p-8\"\n      :class=\"backgroundClass()\"\n    >\n      <div class=\"mx-auto flex items-center justify-center\">\n        <component\n          :is=\"icon()\"\n          class=\"size-8\"\n          :class=\"iconClass()\"\n          aria-hidden=\"true\"\n        ></component>\n\n        <p class=\"ml-2 text-base font-medium\" :class=\"textClass()\">\n          {{ text() }}\n        </p>\n      </div>\n    </div>\n  </transition>\n</template>\n","import Plausible from 'plausible-tracker';\n\nexport default {\n  install: (app, options) => {\n    const { enableAutoPageviews, enableAutoOutboundTracking } =\n      Plausible(options);\n\n    enableAutoPageviews();\n    enableAutoOutboundTracking();\n\n    app.provide('plausible');\n  },\n};\n","import { createApp } from 'vue';\nimport { createPinia } from 'pinia';\nimport { metaContent } from '@/utils/metaContent';\nimport router from '@/router';\nimport App from '@/App.vue';\nimport HoneybadgerVue from '@honeybadger-io/vue';\nimport plausible from '@/plugins/plausible';\nimport { register } from 'register-service-worker';\n\nregister('/sw.js', {\n  registrationOptions: { scope: './' },\n  ready(_registration: ServiceWorkerRegistration) {\n    console.log('Service worker is active.');\n  },\n  registered(_registration: ServiceWorkerRegistration) {\n    console.log('Service worker has been registered.');\n  },\n  cached(_registration: ServiceWorkerRegistration) {\n    console.log('Content has been cached for offline use.');\n  },\n  updatefound(_registration: ServiceWorkerRegistration) {\n    console.log('New content is downloading.');\n  },\n  updated(_registration: ServiceWorkerRegistration) {\n    console.log('New content is available; please refresh.');\n  },\n  offline() {\n    console.log(\n      'No internet connection found. App is running in offline mode.',\n    );\n  },\n  error(error) {\n    console.error('Error during service worker registration:', error);\n  },\n});\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  const app = createApp(App);\n\n  const honeybadgerApiKey = metaContent('honeybadger-api-key');\n  if (honeybadgerApiKey) {\n    const gitCommitVersion = metaContent('git-commit-version');\n\n    app.use(HoneybadgerVue, {\n      apiKey: honeybadgerApiKey,\n      environment: 'production',\n      revision: gitCommitVersion,\n    });\n  }\n\n  app.use(router);\n  app.use(createPinia());\n\n  const plausibleUrl = metaContent('plausible-url');\n  if (plausibleUrl)\n    app.use(plausible, {\n      domain: metaContent('app-host') || window.location.host,\n      hashMode: true,\n      apiHost: plausibleUrl,\n    });\n\n  app.mount('#vue-app');\n});\n"],"names":["metaContent","name","element","assetUrl","fileName","useFlashStore","defineStore","withFlash","request","flash","response","body","get","url","options","FetchRequest","post","channel","useClickStore","json","createConsumer","click","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","store","onMounted","onBeforeUnmount","features","Vue.version","routes","HomePage","AboutPage","NotFound","router","createRouter","createWebHashHistory","logoPath","tabs","timeElement","ref","timeago.render","timeago.cancel","useOnlineOffline","online","setOnline","setOffline","onUnmounted","git","text","backgroundClass","textClass","icon","ExclamationCircleIcon","CheckCircleIcon","iconClass","plausible","app","enableAutoPageviews","enableAutoOutboundTracking","Plausible","register","_registration","error","createApp","App","honeybadgerApiKey","gitCommitVersion","HoneybadgerVue","createPinia","plausibleUrl"],"mappings":"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"}