bun_bun_bundle 0.7.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1cfd07c4a4982f58446af9f2deb5230a4225e3c733165b37038ba08fbb8bb29a
-  data.tar.gz: 6dcc33af22e42b4a6cd260185f9bae495657ed19307a8f57c3a141d58c411376
+  metadata.gz: 17cca9ef2aafb44594e5ea2e2abfcd6dfa4a35b3af61f636a0a90ee57383d21a
+  data.tar.gz: '08ef01b7f75cb09e069e62cd40c477f58ea5c78da6e16761066e70a4970f8f7f'
 SHA512:
-  metadata.gz: 7bea055db0ae0841a0d29fed3e785d71b9b956edcf6c37d8c5b03c340e0d29d324300439c817b29131a4978ab021b4f3686701537c7f8b371fbf578bf95bf765
-  data.tar.gz: 1fbc83c7ac9e3918e583a2ee23239006e6507f9a047234068b0e96d9995654f123291ff5359ce2b55ee7344e1ececc108c5b456e13658ddf8df4f1e1996c8a62
+  metadata.gz: d515a1e655140edc0cfe616ff3aafaada50844eea8941700d406f9a5f560406a0da79302653ee665e0a92051175b364e845fdabfec105ceba13cbf03b30f3029
+  data.tar.gz: cb9386659db82669c47ec2a82982137d3d5e0b44a95b5c13aee0afcdee7b2a889def2b1dc63f1918fa665b9dac83e9cafd912c2d7d23b37c7748c9b02e0938f4

data/README.md

@@ -9,7 +9,7 @@ Works with Rails, Hanami, or any Rack app.
 
 - **Lightning fast.** Bun's native bundler builds assets in milliseconds.
 - **CSS hot-reloading.** Instant changes without a full page refresh.
-- **Asset fingerprinting.** Content-based hashing in every environment.
+- **Asset fingerprinting.** Fast, content-based file hashing.
 - **No surprises in production.** Dev and prod go through the same pipeline.
 - **Extensible.** Plugins are simple, tiny JavaScript files.
 - **One dependency: Bun.** Everything is included, no other dev dependencies.
@@ -139,13 +139,13 @@ BunBunBundle.asset_host = 'https://cdn.example.com'
 All helpers are prefixed with `bun_` to avoid conflicts with existing framework
 helpers:
 
-| Helper                           | Description                                             |
-| -------------------------------- | ------------------------------------------------------- |
-| `bun_asset('images/logo.png')`   | Returns the fingerprinted asset path                    |
-| `bun_js_tag('js/app.js')`        | Generates a `<script>` tag                              |
-| `bun_css_tag('css/app.css')`     | Generates a `<link>` tag (with `data-bun-entry` in dev) |
-| `bun_img_tag('images/logo.png')` | Generates an `<img>` tag                                |
-| `bun_reload_tag`                 | Live reload script (only renders in development)        |
+| Helper                           | Description                                      |
+| -------------------------------- | ------------------------------------------------ |
+| `bun_asset('images/logo.png')`   | Returns the fingerprinted asset path             |
+| `bun_js_tag('js/app.js')`        | Generates a `<script>` tag                       |
+| `bun_css_tag('css/app.css')`     | Generates a `<link>` tag                         |
+| `bun_img_tag('images/logo.png')` | Generates an `<img>` tag                         |
+| `bun_reload_tag`                 | Live reload script (only renders in development) |
 
 All tag helpers accept additional HTML attributes:
 
@@ -176,7 +176,7 @@ bun_bun_bundle dev
 # Build assets
 bun_bun_bundle build
 
-# Build with minification
+# Build with fingerprinting and minification
 bun_bun_bundle build --prod
 
 # Development with verbose WebSocket logging

data/lib/bun/bun_bundle.js

@@ -80,6 +80,8 @@ export default {
   },
 
   fingerprint(name, ext, content) {
+    if (!this.prod) return `${name}${ext}`
+
     const hash = Bun.hash(content).toString(16).slice(0, 8)
     return `${name}-${hash}${ext}`
   },
@@ -209,15 +211,7 @@ export default {
 
   reload(type = 'full') {
     setTimeout(() => {
-      const payload = {type}
-
-      if (type === 'css') {
-        payload.paths = Object.values(this.manifest)
-          .filter(p => p.endsWith('.css'))
-          .map(p => `${this.config.publicPath}/${p}`)
-      }
-
-      const message = JSON.stringify(payload)
+      const message = JSON.stringify({type})
       for (const client of this.wsClients) {
         try {
           client.send(message)

data/lib/bun_bun_bundle/helpers.rb

@@ -44,9 +44,9 @@ module BunBunBundle
     #   # => '<link href="/assets/css/app.css" type="text/css" rel="stylesheet">'
     #
     def bun_css_tag(source, **options)
-      href = bun_asset(source)
-      attrs = { type: 'text/css', rel: 'stylesheet' }.merge(options).merge(href: href)
-      attrs[:data_bun_entry] = source if BunBunBundle.development?
+      attrs = { type: 'text/css', rel: 'stylesheet' }
+              .merge(options)
+              .merge(href: bun_href_with_timestamp(bun_asset(source)))
       bun_safe(%(<link #{bun_html_attrs(attrs)}>))
     end
 
@@ -85,5 +85,12 @@ module BunBunBundle
     def bun_escape_attr(value)
       value.to_s.gsub('&', '&amp;').gsub('"', '&quot;').gsub('<', '&lt;').gsub('>', '&gt;')
     end
+
+    def bun_href_with_timestamp(href)
+      return href unless href.start_with?(BunBunBundle.config.public_path)
+      return href if href.match?(/-[0-9a-f]{8}\.css$/)
+
+      "#{href}#{href.include?('?') ? '&' : '?'}bust=#{(Time.now.to_f * 1000).to_i}"
+    end
   end
 end

data/lib/bun_bun_bundle/manifest.rb

@@ -44,6 +44,10 @@ module BunBunBundle
       entries.key?(key)
     end
 
+    def css_entry_points
+      entries.keys.select { |k| k.end_with?('.css') }
+    end
+
     private
 
     def find_similar(key, tolerance: 4)

data/lib/bun_bun_bundle/reload_tag.rb

@@ -22,10 +22,14 @@ module BunBunBundle
       return '' unless BunBunBundle.development?
 
       config = BunBunBundle.config
+      css_paths = BunBunBundle.manifest.css_entry_points.map do |key|
+        "#{config.public_path}/#{key}"
+      end
 
       html = <<~HTML
         <script>
         (() => {
+          const cssPaths = #{css_paths.to_json};
           const ws = new WebSocket('#{config.dev_server.ws_url}')
           let connected = false
 
@@ -33,10 +37,13 @@ module BunBunBundle
             const data = JSON.parse(event.data)
 
             if (data.type === 'css') {
-              document.querySelectorAll('link[data-bun-entry]').forEach(link => {
-                const entry = link.dataset.bunEntry
-                const path = data.paths.find(p => p.replace(/-[0-9a-f]{8}\\.css$/, '') === entry)
-                if (path) link.href = path
+              document.querySelectorAll('link[rel="stylesheet"]').forEach(link => {
+                const linkPath = new URL(link.href).pathname.split('?')[0]
+                if (cssPaths.some(p => linkPath.startsWith(p))) {
+                  const url = new URL(link.href)
+                  url.searchParams.set('bust', Date.now())
+                  link.href = url.toString()
+                }
               })
               console.log('\\u25b8 CSS reloaded')
             } else if (data.type === 'error') {

data/lib/bun_bun_bundle/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BunBunBundle
-  VERSION = '0.7.0'
+  VERSION = '0.8.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bun_bun_bundle
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.8.0
 platform: ruby
 authors:
 - Wout Fierens