proscenium 0.15.0.beta.2-x86_64-linux → 0.15.0.beta.4-x86_64-linux

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6fd614807627e6d4755d7f8b1ec6ad75f215a78a5a24c28724ea8847ff29d6c2
-  data.tar.gz: 747a388fc948a6f2c4c5a8496820a685f8c06ce846dbb0382ac9741b32c51823
+  metadata.gz: 93000fde1226789c26de17f4d0d075412e9be6e7733be78580f16474776c5dd7
+  data.tar.gz: d76651fcd12c177882a28bf5652dd137727020a9d3f4d71c022510d67c09565e
 SHA512:
-  metadata.gz: 396f5481fb22ca11cc8e9d9cd50977aec7e07c37bb6fecdc741aa8edad13c825593b9338019047d500db98811559372814a258f8c5d5340d46cb13d06a747bda
-  data.tar.gz: 4d28ffeaed4cbd4df33f3f0a5c655daba4bc941ecaadeab85c0c21c20d1e5a844a00c7d08282eb0b3ea40ac0be0ad50605769272fb715b04517b707b8bf4b582
+  metadata.gz: 196e4a7b647e0a7e0c61ee3c359661287ead2fa709c7e844fac398a812e988d593a094ba0b58219ac474cdfa9e83961e99cb494183656ec022804ccd4663b8bd
+  data.tar.gz: 316e36fe6fda602134a282d738003d953459252f959ab4d875ca6adcf4d87c39f93e085b495fab880faffd873c52a592ad7b6950593c21d944c21a3ca4d30a6f

data/lib/proscenium/css_module/rewriter.rb

@@ -8,12 +8,28 @@ module Proscenium
     class Rewriter < RubyNext::Language::Rewriters::Text
       NAME = 'proscenium-css-module'
 
-      def safe_rewrite(source)
-        source.gsub(/:@([\w_]+)/) do |_|
-          context.track! self
+      def rewrite(source)
+        source = source.gsub(/%i\[((@[\w@ ]+)|([\w@ ]+ @[\w@ ]+))\]/) do |_|
+          arr = ::Regexp.last_match(1).split.map do |x|
+            x.start_with?('@') ? css_module_string(x[1..]) : ":#{x}"
+          end
+          "[#{arr.join(',')}]"
+        end
+
+        source.gsub(/:@([\w]+)/) do |_|
+          context.track!(self)
+          css_module_string(::Regexp.last_match(1))
+        end
+      end
+
+      private
 
-          match = ::Regexp.last_match(1)
-          "Proscenium::CssModule::Name.new(:@#{match}, css_module(:#{match}))"
+      def css_module_string(name)
+        if (path = Pathname.new(context.path).sub_ext('.module.css')).exist?
+          tname = Transformer.new(path).class_name!(name, name.dup).first
+          "Proscenium::CssModule::Name.new(:@#{name}, '#{tname}')"
+        else
+          "Proscenium::CssModule::Name.new(:@#{name}, css_module(:#{name}))"
         end
       end
     end

data/lib/proscenium/libs/ujs/class.js

@@ -0,0 +1,17 @@
+import DataConfirm from "./data_confirm";
+import DataDisableWith from "./data_disable_with";
+
+export default class UJS {
+  constructor() {
+    const dc = new DataConfirm();
+    const ddw = new DataDisableWith();
+
+    document.body.addEventListener(
+      "submit",
+      (event) => {
+        dc.onSubmit(event) && ddw.onSubmit(event);
+      },
+      { capture: true }
+    );
+  }
+}

data/lib/proscenium/libs/ujs/data_confirm.js

@@ -0,0 +1,16 @@
+export default class DataConfirm {
+  onSubmit = event => {
+    if (!event.target.matches('[data-turbo=true]') && 'confirm' in event.submitter.dataset) {
+      const v = event.submitter.dataset.confirm
+
+      if (v !== 'false' && !confirm(v === 'true' || v === '' ? 'Are you sure?' : v)) {
+        event.preventDefault()
+        event.stopPropagation()
+        event.stopImmediatePropagation()
+        return false
+      }
+    }
+
+    return true
+  }
+}

data/lib/proscenium/libs/ujs/data_disable_with.js

@@ -0,0 +1,68 @@
+export default class DataDisableWith {
+  onSubmit = event => {
+    const target = event.target
+    const formId = target.id
+
+    if (target.matches('[data-turbo=true]')) return
+
+    const submitElements = Array.from(
+      target.querySelectorAll(
+        ['input[type=submit][data-disable-with]', 'button[type=submit][data-disable-with]'].join(
+          ', '
+        )
+      )
+    )
+
+    submitElements.push(
+      ...Array.from(
+        document.querySelectorAll(
+          [
+            `input[type=submit][data-disable-with][form='${formId}']`,
+            `button[type=submit][data-disable-with][form='${formId}']`
+          ].join(', ')
+        )
+      )
+    )
+
+    for (const ele of submitElements) {
+      if (ele.hasAttribute('form') && ele.getAttribute('form') !== target.id) continue
+
+      this.#disableButton(ele)
+    }
+  }
+
+  #disableButton(ele) {
+    const defaultTextValue = 'Please wait...'
+    let textValue = ele.dataset.disableWith || defaultTextValue
+    if (textValue === 'false') return
+    if (textValue === 'true') {
+      textValue = defaultTextValue
+    }
+
+    ele.disabled = true
+
+    if (ele.matches('button')) {
+      ele.dataset.valueBeforeDisabled = ele.innerHTML
+      ele.innerHTML = textValue
+    } else {
+      ele.dataset.valueBeforeDisabled = ele.value
+      ele.value = textValue
+    }
+
+    if (ele.resetDisableWith === undefined) {
+      // This function can be called on the element to reset the disabled state. Useful for when
+      // form submission fails, and the button should be re-enabled.
+      ele.resetDisableWith = function () {
+        this.disabled = false
+
+        if (this.matches('button')) {
+          this.innerHTML = this.dataset.valueBeforeDisabled
+        } else {
+          this.value = this.dataset.valueBeforeDisabled
+        }
+
+        delete this.dataset.valueBeforeDisabled
+      }
+    }
+  }
+}

data/lib/proscenium/libs/ujs/index.js

@@ -0,0 +1,9 @@
+export default async () => {
+  window.Proscenium = window.Proscenium || {};
+
+  if (!window.Proscenium.UJS) {
+    const classPath = "/@proscenium/ujs/class.js";
+    const module = await import(classPath);
+    window.Proscenium.UJS = new module.default();
+  }
+};

data/lib/proscenium/side_load.rb

@@ -21,6 +21,7 @@ module Proscenium
       end
 
       def capture_and_replace_proscenium_stylesheets # rubocop:disable Metrics/*
+        return if response_body.nil?
         return if response_body.first.blank? || !Proscenium::Importer.css_imported?
         return unless response_body.first.include? '<!-- [PROSCENIUM_STYLESHEETS] -->'
 
@@ -52,6 +53,7 @@ module Proscenium
       end
 
       def capture_and_replace_proscenium_javascripts # rubocop:disable Metrics/*
+        return if response_body.nil?
         return if response_body.first.blank? || !Proscenium::Importer.js_imported?
 
         imports = Proscenium::Importer.imported.dup

data/lib/proscenium/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Proscenium
-  VERSION = '0.15.0.beta.2'
+  VERSION = '0.15.0.beta.4'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: proscenium
 version: !ruby/object:Gem::Version
-  version: 0.15.0.beta.2
+  version: 0.15.0.beta.4
 platform: x86_64-linux
 authors:
 - Joel Moss
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-23 00:00:00.000000000 Z
+date: 2024-03-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -118,6 +118,10 @@ files:
 - lib/proscenium/libs/react-manager/react.js
 - lib/proscenium/libs/stimulus-loading.js
 - lib/proscenium/libs/test.js
+- lib/proscenium/libs/ujs/class.js
+- lib/proscenium/libs/ujs/data_confirm.js
+- lib/proscenium/libs/ujs/data_disable_with.js
+- lib/proscenium/libs/ujs/index.js
 - lib/proscenium/log_subscriber.rb
 - lib/proscenium/middleware.rb
 - lib/proscenium/middleware/base.rb