bun_bun_bundle 0.6.1 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c36f2a8b4d7d9445dff7ceeade7c98961444b924b114ea349390fc1dd89e6ed7
-  data.tar.gz: 8e8022b3e594234cb560d0065463cc3b74c2cf2a97b39271e0c0949ac8d5ff3b
+  metadata.gz: 1cfd07c4a4982f58446af9f2deb5230a4225e3c733165b37038ba08fbb8bb29a
+  data.tar.gz: 6dcc33af22e42b4a6cd260185f9bae495657ed19307a8f57c3a141d58c411376
 SHA512:
-  metadata.gz: df41b2fb7d57d8922330e501a21b4b4418340c204537d3b74af94ebe6ea4b9b07ebfcd239e8bd51c17d8aef5100ad396a4252cde1804297165c029081ec2fc62
-  data.tar.gz: 6b875cc9aa5b5c8d8c1ab1a2e13c5a5e2348e00b8585a13837dd454b3e78a1230ba25297371936f45757dcd1ce2ec451f24652a4582e9efa3edaa13100132f51
+  metadata.gz: 7bea055db0ae0841a0d29fed3e785d71b9b956edcf6c37d8c5b03c340e0d29d324300439c817b29131a4978ab021b4f3686701537c7f8b371fbf578bf95bf765
+  data.tar.gz: 1fbc83c7ac9e3918e583a2ee23239006e6507f9a047234068b0e96d9995654f123291ff5359ce2b55ee7344e1ececc108c5b456e13658ddf8df4f1e1996c8a62

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.** Fast, content-based file hashing.
+- **Asset fingerprinting.** Content-based hashing in every environment.
 - **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                         |
-| `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 (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)        |
 
 All tag helpers accept additional HTML attributes:
 
@@ -176,7 +176,7 @@ bun_bun_bundle dev
 # Build assets
 bun_bun_bundle build
 
-# Build with fingerprinting and minification
+# Build with minification
 bun_bun_bundle build --prod
 
 # Development with verbose WebSocket logging

data/lib/bun/bun_bundle.js

@@ -80,8 +80,6 @@ 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}`
   },
@@ -211,7 +209,15 @@ export default {
 
   reload(type = 'full') {
     setTimeout(() => {
-      const message = JSON.stringify({type})
+      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)
       for (const client of this.wsClients) {
         try {
           client.send(message)

data/lib/bun_bun_bundle/helpers.rb

@@ -46,6 +46,7 @@ module BunBunBundle
     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?
       bun_safe(%(<link #{bun_html_attrs(attrs)}>))
     end
 

data/lib/bun_bun_bundle/manifest.rb

@@ -44,10 +44,6 @@ 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,14 +22,10 @@ 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
 
@@ -37,13 +33,10 @@ module BunBunBundle
             const data = JSON.parse(event.data)
 
             if (data.type === 'css') {
-              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('r', Date.now())
-                  link.href = url.toString()
-                }
+              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
               })
               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.6.1'
+  VERSION = '0.7.0'
 end

metadata

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