bun_bun_bundle 0.3.7 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 98a722ea47a9c3376749b1db05818efb82f8cba273785d4c44e84a250b7a2b31
-  data.tar.gz: f6c2344f88eaf01de284d045dc5b8c3c9558c96ebf8b34f87de9c0accab8aef4
+  metadata.gz: 4337760da846f05fed302c7aa1da9767ed8f26d0ae1eaabf3f550d79670a0542
+  data.tar.gz: f057d109b5f3b89a72b63b4ae0c1022fb9cc71cc4d0aa2a4ba53c03aec9366bf
 SHA512:
-  metadata.gz: f4069cbc3d7fb25acba0545c9966d465a3763e472065c34eed0bf2216e75792a2430389ae7a421c1d4caae2fbdb5f10cd07c90fc58b2bb955d99af7cf3418597
-  data.tar.gz: 48d6a7b3a6bf8628497586a8a985292ea913387974990d8cb10d90e48791e687197d52be8f5c2e6e2de77e59e31139b97b33ff9880478de4cffec65b4cc7c2cb
+  metadata.gz: 98d7a220fd690cb23664ff8589c0915bfa31d476e6d864127f4f7ae6a8d9ea9277fdb25b25b8d3c158218125f2c68ac5a10cd9db3e8723b4e92f2c23fa4ad264
+  data.tar.gz: a7b2ea22fbe70b7077de804b4bdd597bdabaf53bc730b251d825e0e94d8d67e43799f66ba4e840191532e0a68f4ea64633cee6eec2be8bba86f613d3629664cf

data/README.md

@@ -14,6 +14,9 @@ Works with Rails, Hanami, or any Rack app.
 - **Extensible.** Plugins are simple, tiny JavaScript files.
 - **One dependency: Bun.** Everything is included, no other dev dependencies.
 
+[![CI](https://codeberg.org/w0u7/bun_bun_bundle/actions/workflows/test.yml/badge.svg)](https://codeberg.org/w0u7/bun_bun_bundle/actions?workflow=test.yml)
+[![Gem Version](https://badge.fury.io/rb/bun_bun_bundle.svg)](https://rubygems.org/gems/bun_bun_bundle)
+
 > [!Note]
 > The original repository is hosted at
 > [Codeberg](https://codeberg.org/w0u7/bun_bun_bundle). The [GitHub
@@ -152,6 +155,15 @@ All tag helpers accept additional HTML attributes:
 <%= bun_img_tag('images/logo.png', alt: 'My App', class: 'logo') %>
 ```
 
+Data and aria attributes can be passed as nested hashes (Rails-style) or with
+underscores (Lucky-style). Underscores are converted to hyphens automatically:
+
+```erb
+<%= bun_js_tag('js/app.js', data: { turbo_track: "reload" }) %>
+<%= bun_js_tag('js/app.js', data_turbo_track: "reload") %>
+<%# Both render: data-turbo-track="reload" %>
+```
+
 ## CLI
 
 Build your assets using the bundled CLI (`bbb` is available as a shorter
@@ -161,11 +173,14 @@ alias):
 # Development: builds, watches, and starts the live reload server
 bun_bun_bundle dev
 
-# Production: builds with fingerprinting and minification
+# Build assets
 bun_bun_bundle build
 
-# Development with a production build (fingerprinting + minification)
-bun_bun_bundle dev --prod
+# Build with fingerprinting and minification
+bun_bun_bundle build --prod
+
+# Development with verbose WebSocket logging
+bun_bun_bundle dev --debug
 ```
 
 > [!NOTE]
@@ -384,7 +399,7 @@ COPY package.json bun.lock ./
 RUN bun install --frozen-lockfile
 
 COPY . .
-RUN bundle exec bun_bun_bundle build
+RUN bundle exec bun_bun_bundle build --prod
 ```
 
 > [!NOTE]
@@ -411,7 +426,9 @@ It's also fast and reliable. We use this setup heavily in two Lucky apps and it
 is rock solid. It has since been adopted by Lucky as the default builder.
 
 This Gem was born because I wanted to have the same setup in my Ruby apps as
-well. I hope you enjoy it too!
+well. We now use it for an important Rails app in production.
+
+I hope you enjoy it too!
 
 ## Contributing
 

data/exe/bun_bun_bundle

@@ -12,23 +12,23 @@ case command
 when 'dev', 'watch'
   exec('bun', 'run', bake, '--dev', *flags)
 when 'build'
-  exec('bun', 'run', bake, '--prod', *flags)
+  exec('bun', 'run', bake, *flags)
 else
   puts <<~USAGE
     Usage: bun_bun_bundle <command> [flags]
 
     Commands:
       dev     Start development server with live reload and CSS hot-reloading
-      build   Build assets for production (with fingerprinting)
+      build   Build assets
 
     Flags:
-      --prod  Enable fingerprinting and minification
-      --dev   Enable source maps and watch mode
+      --prod   Enable minification and fingerprinting
+      --debug  Enable verbose WebSocket logging
 
     Examples:
-      bun_bun_bundle dev          # development with live reload
-      bun_bun_bundle dev --prod   # development with production build
-      bun_bun_bundle build        # production build
+      bun_bun_bundle dev              # development with live reload
+      bun_bun_bundle build            # build assets
+      bun_bun_bundle build --prod     # build with fingerprinting and minification
 
     Configuration:
       Place a config/bun.json in your project root to customize settings.

data/lib/bun/bake.js

@@ -1,6 +1,7 @@
 import BunBunBundle from "./bun_bundle.js";
 
 BunBunBundle.flags({
+  debug: process.argv.includes("--debug"),
   dev: process.argv.includes("--dev"),
   prod: process.argv.includes("--prod"),
 });

data/lib/bun/bun_bundle.js

@@ -18,13 +18,15 @@ export default {
   root: process.cwd(),
   config: null,
   manifest: {},
+  debug: false,
   dev: false,
   prod: false,
   wsClients: new Set(),
   watchTimers: new Map(),
   plugins: [],
 
-  flags({dev, prod}) {
+  flags({debug, dev, prod}) {
+    if (debug != null) this.debug = debug
     if (dev != null) this.dev = dev
     if (prod != null) this.prod = prod
   },
@@ -87,7 +89,8 @@ export default {
     const outDir = join(this.outDir, type)
     mkdirSync(outDir, {recursive: true})
 
-    const entries = this.config.entryPoints[type]
+    const raw = this.config.entryPoints[type]
+    const entries = Array.isArray(raw) ? raw : [raw]
     const ext = `.${type}`
 
     for (const entry of entries) {
@@ -266,6 +269,7 @@ export default {
     await this.watch()
 
     const {host, port, secure} = this.config.devServer
+    const debug = this.debug
     const wsClients = this.wsClients
 
     Bun.serve({
@@ -278,11 +282,11 @@ export default {
       websocket: {
         open(ws) {
           wsClients.add(ws)
-          console.log(` ▸ Client connected (${wsClients.size})\n\n`)
+          if (debug) console.log(` ▸ Client connected (${wsClients.size})\n\n`)
         },
         close(ws) {
           wsClients.delete(ws)
-          console.log(` ▸ Client disconnected (${wsClients.size})\n\n`)
+          if (debug) console.log(` ▸ Client disconnected (${wsClients.size})\n\n`)
         },
         message() {}
       }

data/lib/bun/plugins/index.js

@@ -20,7 +20,8 @@ function transformPipeline(type, transforms) {
         let content = await Bun.file(args.path).text()
         for (const transform of transforms)
           content = await transform(content, args)
-        return {contents: content, loader: type}
+        const ext = args.path.split('.').pop()
+        return {contents: content, loader: ext}
       })
     }
   }

data/lib/bun_bun_bundle/config.rb

@@ -28,8 +28,8 @@ module BunBunBundle
       attr_reader :js, :css
 
       def initialize(data = {})
-        @js = data.fetch('js', %w[app/assets/js/app.js])
-        @css = data.fetch('css', %w[app/assets/css/app.css])
+        @js = Array(data.fetch('js', %w[app/assets/js/app.js]))
+        @css = Array(data.fetch('css', %w[app/assets/css/app.css]))
       end
     end
 

data/lib/bun_bun_bundle/helpers.rb

@@ -35,7 +35,7 @@ module BunBunBundle
     def bun_js_tag(source, **options)
       src = bun_asset(source)
       attrs = { type: 'text/javascript' }.merge(options).merge(src: src)
-      _bun_safe(%(<script #{_bun_html_attrs(attrs)}></script>))
+      bun_safe(%(<script #{bun_html_attrs(attrs)}></script>))
     end
 
     # Generates a <link> tag for a CSS entry point.
@@ -46,7 +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)
-      _bun_safe(%(<link #{_bun_html_attrs(attrs)}>))
+      bun_safe(%(<link #{bun_html_attrs(attrs)}>))
     end
 
     # Generates an <img> tag for an image asset.
@@ -58,18 +58,30 @@ module BunBunBundle
       src = bun_asset(source)
       alt = options.delete(:alt) || File.basename(source, '.*').tr('-_', ' ').capitalize
       attrs = { alt: alt }.merge(options).merge(src: src)
-      _bun_safe(%(<img #{_bun_html_attrs(attrs)}>))
+      bun_safe(%(<img #{bun_html_attrs(attrs)}>))
     end
 
     private
 
-    def _bun_html_attrs(hash)
-      hash.compact.map do |k, v|
-        v == true ? k.to_s : %(#{k}="#{_bun_escape_attr(v)}")
+    def bun_html_attrs(hash)
+      bun_flatten_attrs(hash).compact.map do |k, v|
+        k = k.to_s.tr('_', '-')
+        v == true ? k : %(#{k}="#{bun_escape_attr(v)}")
       end.join(' ')
     end
 
-    def _bun_escape_attr(value)
+    def bun_flatten_attrs(hash, prefix: nil)
+      hash.each_with_object({}) do |(k, v), flat|
+        key = prefix ? :"#{prefix}_#{k}" : k
+        if v.is_a?(Hash)
+          flat.merge!(bun_flatten_attrs(v, prefix: key))
+        else
+          flat[key] = v
+        end
+      end
+    end
+
+    def bun_escape_attr(value)
       value.to_s.gsub('&', '&amp;').gsub('"', '&quot;').gsub('<', '&lt;').gsub('>', '&gt;')
     end
   end

data/lib/bun_bun_bundle/reload_tag.rb

@@ -58,7 +58,7 @@ module BunBunBundle
         })()
         </script>
       HTML
-      _bun_safe(html)
+      bun_safe(html)
     end
   end
 end

data/lib/bun_bun_bundle/safe_html.rb

@@ -5,9 +5,9 @@ module BunBunBundle
     private
 
     if String.method_defined?(:html_safe)
-      def _bun_safe(html) = html.html_safe
+      def bun_safe(html) = html.html_safe
     else
-      def _bun_safe(html) = html
+      def bun_safe(html) = html
     end
   end
 end

data/lib/bun_bun_bundle/version.rb

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

metadata

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