feat: vite for builds

src/assets/index.js

@@ -0,0 +1,3 @@
+import './js/search.js'
+import './js/index.js'
+import './css/index.css'

src/includes/base.liquid

@@ -56,9 +56,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title data-dynamic="title">{{ pageTitle }}</title>
-    <link rel="preload" href="/assets/fonts/ml.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-    <link rel="preload" href="/assets/fonts/mlb.woff2" as="font" type="font/woff2" crossorigin="anonymous">
-    <link rel="stylesheet" href="/assets/styles/index.css?v={% appVersion %}" type="text/css" />
+    <link rel="preload" href="/css/ml.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="preload" href="/css/mlb.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+    <link rel="stylesheet" href="/assets/css/index.css" type="text/css" />
     <link rel="canonical" href="{{ fullUrl }}" />
     <meta property="og:title" content="{{ pageTitle }}" data-dynamic="og:title" />
     <meta name="description" content="{{ escapedPageDescription }}" data-dynamic="description" />
@@ -70,17 +70,17 @@
     <meta name="fediverse:creator" content="{{ globals.mastodon }}" />
     <meta name="generator" content="Eleventy">
     <meta name="robots" content="noai, noimageai">
-    <link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50&v={% appVersion %}" rel="icon" sizes="any">
-    <link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50&v={% appVersion %}&type=svg" rel="icon" type="image/svg+xml">
-    <link href="{{ globals.cdn_url }}{{ globals.avatar }}?class=w800&v={% appVersion %}" rel="apple-touch-icon">
+    <link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50" rel="icon" sizes="any">
+    <link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50&type=svg" rel="icon" type="image/svg+xml">
+    <link href="{{ globals.cdn_url }}{{ globals.avatar }}?class=w800" rel="apple-touch-icon">
     <link type="application/atom+xml" rel="alternate" title="Posts / {{ globals.site_name }}" href="https://coryd.dev/feeds/posts">
     <link rel="alternate" href="https://coryd.dev/feeds/links" title="Links / {{ globals.site_name }}" type="application/rss+xml">
     <link rel="alternate" href="https://coryd.dev/feeds/movies" title="Movies / {{ globals.site_name }}'s movies feed" type="application/rss+xml">
     <link rel="alternate" href="https://coryd.dev/feeds/books" title="Books / {{ globals.site_name }}" type="application/rss+xml">
     <link rel="alternate" href="https://coryd.dev/feeds/album-releases" title="Album releases / {{ globals.site_name }}" type="application/rss+xml">
     <link rel="alternate" href="https://coryd.dev/feeds/all" title="All activity / {{ globals.site_name }}" type="application/rss+xml">
-    <script defer src="/assets/scripts/index.js?v={% appVersion %}"></script>
-    <script defer data-domain="coryd.dev" src="/js/script.js"></script>
+    <script type="module" defer src="/assets/index.js"></script>
+    <script type="module" defer data-domain="coryd.dev" src="/js/script.js"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
     <noscript>
       <style>.client-side {display:none}</style>

src/includes/partials/blocks/mastodon-post.liquid

@@ -1,5 +1,4 @@
 {%- if post -%}
-<script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
 <template id="mastodon-post-template">
   <div class="mastodon-post-wrapper">
     <blockquote data-key="content"></blockquote>

src/includes/partials/blocks/now-playing.liquid

@@ -1,4 +1,3 @@
-<script type="module" src="/assets/scripts/components/api-text.js?v={% appVersion %}" crossorigin="anonymous"></script>
 <api-text api-url="/api/now-playing">
   <p class="loading client-side">{{ nowPlaying }}</p>
   <p class="content"></p>

src/includes/partials/blocks/youtube-player.liquid

@@ -1,3 +1,2 @@
-<script type="module" src="/assets/scripts/components/youtube-video-element.js?v={% appVersion %}"></script>
 <style>youtube-video{aspect-ratio:16/9;width:100%}</style>
 <youtube-video controls src="{{ url }}"></youtube-video>

src/includes/partials/nav/paginator.liquid

@@ -1,4 +1,3 @@
-<script type="module" src="/assets/scripts/components/select-pagination.js?v={% appVersion %}"></script>
 <nav aria-label="Pagination" class="pagination">
   {%- if pagination.href.previous -%}
     <a href="{{ pagination.href.previous }}" aria-label="Previous page">

src/includes/partials/nav/theme-toggle.liquid

@@ -1,4 +1,3 @@
-<script type="module" src="/assets/scripts/components/theme-toggle.js?v={% appVersion %}" crossorigin="anonymous"></script>
 <span class="client-side">
   <theme-toggle>
     <button aria-label="Light and dark theme toggle" class="theme-toggle">

src/pages/feeds/json/all.liquid

@@ -8,5 +8,4 @@ permalink: "/feeds/all.json"
   title:"All activity / Cory Dransfeldt"
   globals:globals
   data:activity
-  appVersion:appVersion
 %}