staticky 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65d9999164be324b93ee59cb6602a46b0c703e6e5f543801d4173164644e3ae9
-  data.tar.gz: '0834f3f08d1d8cf469b846cec8349e5427c0809a419cbeaf845bf8ed66e07535'
+  metadata.gz: 47010ab3ec9422b0d978c1e5c1ac789e2fb756e03ae5324e41687299692b6a1a
+  data.tar.gz: efb0ecc55c89126bbeb694bc22ae6b3d44e7938a4e117985639d91e5ed678ac1
 SHA512:
-  metadata.gz: d762bb547a713f7c86e4de541c1ee81615b8d0b5ec6d70633b50a1ad77986addf27ae64b3fc133c7b9749267774093ff9c9b1c6be54c8294004503b7992b6e9b
-  data.tar.gz: 1103439135f08b7558e51eaf8a147febf2924f333f7f8b4b4c84ceeed24173d84c8ddc40d8aa4e25dd4fa4877a30a4b40bf37e3c14d23f78bac3391f1da324c2
+  metadata.gz: dec68edcbda555bb736b836f7a6de1b2a87010a3ccd1157d2ab0d6bd6168c3824232851099db40338018c96005652dcb9c4d11ae8e8704fc68571107581813a0
+  data.tar.gz: f8995712d64ff925e530b757c67d8a326fa8f705373a8a2d07ca04212f462711bba5318a38efa25730026aaed7f6d232bc62c9fb6a9dd0db544bc5dd126f62b6

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## [Unreleased]
 
+## [0.3.1] - 202-12-09
+
+- Fixes flashes of unstyled content by adding `vite_stylesheet_tag`
+
 ## [0.3.0] - 2024-12-09
 
 - Adds live reloading of pages during development using server side events

data/lib/staticky/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Staticky
-  VERSION = "0.3.0"
+  VERSION = "0.3.1"
 end

data/site_template/app/views/layouts/head.rb

@@ -44,6 +44,8 @@ module Layouts
         meta name: "twitter:site", content: ::Site.twitter
         meta name: "twitter:creator", content: ::Site.twitter
 
+        stylesheet_tag "stylesheets/syntax", media: "screen"
+        stylesheet_tag "stylesheets/application", media: "screen"
         javascript_tag "application"
 
         if Staticky.env.development?
@@ -58,5 +60,9 @@ module Layouts
     def javascript_tag(...)
       vite_javascript_tag(...)
     end
+
+    def stylesheet_tag(...)
+      vite_stylesheet_tag(...)
+    end
   end
 end

data/site_template/config/vite.json

@@ -2,6 +2,9 @@
   "all": {
     "publicDir": "build",
     "sourceCodeDir": "frontend",
+    "additionalEntrypoints": [
+      "~/{images,stylesheets}/**/*"
+    ],
     "watchAdditionalPaths": [
       "app/**/*.rb"
     ]

data/site_template/frontend/entrypoints/application.js

@@ -1,7 +1,5 @@
 import "@fontsource-variable/inter"
+import * as Turbo from "@hotwired/turbo"
 import "protos-stimulus"
 
-import "~/stylesheets/application.css"
-import "~/stylesheets/syntax.css"
-
 import "~/controllers"

data/site_template/lib/vite_helpers.rb

@@ -6,6 +6,14 @@ module ViteHelpers
     script(src:, type: :module)
   end
 
+  def vite_stylesheet_tag(*names, **options)
+    style_paths = names.map { |name| vite_asset_path(name, type: :stylesheet) }
+
+    style_paths.each do |href|
+      link(href:, rel: :stylesheet, **options)
+    end
+  end
+
   def vite_javascript_tag(
     *names,
     type: :module,

data/site_template/vite.config.ts

@@ -2,7 +2,6 @@ import { defineConfig } from "vite"
 import RubyPlugin from "vite-plugin-ruby"
 
 export default defineConfig({
-  server: { hmr: false },
   plugins: [
     RubyPlugin(),
   ],

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: staticky
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Nolan J Tait