reactionview 0.2.2 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8682bdcf67ce2bb364f80a11a77bdf6e1363f7b03f15e37ddef3457a27309181
-  data.tar.gz: e9092b807a1f9aa4b3b0f6de1e0d546b92013a106a6c6f2fb691640d138231df
+  metadata.gz: 530f22c1b1537707f2e401964c9f1946d233a1f9c74bccd3e35eb38259564721
+  data.tar.gz: 5a485bef60283f135db4b113b0a5a5d46c94e71db5f2df1756fdb7bb5bd1f8d3
 SHA512:
-  metadata.gz: 681af2c444d27358029a6ca7912c64fdb5925adcdd6eb87cdbdd9224b49db6efe4965503ef2556d5d3c275576af6e1e361fc6bcbcf0e1407d78c881782c0c534
-  data.tar.gz: 3b7f238cee4c021e420ab35e04823429753213eb22c03d448caba2239b69e506657838e5cfb870b2768291fc0baec9616959154e12cc7de7f837a8d47ce1eb30
+  metadata.gz: 03d30dbf3f7420f6b40a5e688b2bc8d4823238e5db610ffba78b87c3990d064224a2dac39925ec6581e1a582777fb3dd5fc4c8568b4178aad8fe30e4e6b6ae49
+  data.tar.gz: c60e7348bed3dabe3ed5defffd0bd24b2bb230096c16e3f7373c674df0ee981168d8677fba55a7defd3d3a6c0a9efe415de2f731c45ac2a2fe13976887f0d434

data/README.md

@@ -45,6 +45,9 @@ ReActionView.configure do |config|
 
   # Enable debug mode
   config.debug_mode = Rails.env.development?
+
+  # Validation mode (:raise, :overlay, or :none) — defaults to :raise in test, :overlay otherwise
+  # config.validation_mode = :overlay
 end
 ```
 
@@ -62,6 +65,6 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/marcor
 
 Everyone interacting in the ReActionView project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/marcoroth/reactionview/blob/main/CODE_OF_CONDUCT.md).
 
-## License 
+## License
 
 This project is available as open source under the terms of the [MIT License](https://github.com/marcoroth/reactionview/blob/main/LICENSE.txt).

data/app/assets/javascripts/reactionview-dev-tools.esm.js

@@ -79,7 +79,7 @@ class ErrorOverlay {
         const htmlTemplates = document.querySelectorAll('template[data-herb-parser-error]');
         htmlTemplates.forEach((template, _index) => {
             try {
-                let htmlContent = template.innerHTML?.trim() || template.textContent?.trim();
+                const htmlContent = template.innerHTML?.trim() || template.textContent?.trim();
                 if (htmlContent) {
                     this.displayParserErrorOverlay(htmlContent);
                     templatesToRemove.push(template);
@@ -491,11 +491,18 @@ class ErrorOverlay {
         <div class="herb-dismiss-hint" style="padding-left: 24px; padding-right: 24px; padding-bottom: 12px;">
           Click outside, press <kbd style="display: inline-block; padding: 2px 6px; font-family: monospace; font-size: 0.9em; color: #333; background: #f7f7f7; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 2px 0 #ccc, 0 2px 3px rgba(0,0,0,0.2) inset;">Esc</kbd> key, or fix the code to dismiss.<br>
 
-          You can also disable this overlay by passing <code style="color: #ffeb3b; font-family: monospace; font-size: 12pt;">validation_mode: :none</code> to <code style="color: #ffeb3b; font-family: monospace; font-size: 12pt;">Herb::Engine</code>.
+          ${this.getDismissHint()}
         </div>
       </div>
     `;
     }
+    getDismissHint() {
+        const template = document.querySelector('template[data-herb-dismiss-hint]');
+        if (template) {
+            return template.innerHTML.trim();
+        }
+        return `You can also disable this overlay by passing <code style="color: #ffeb3b; font-family: monospace; font-size: 12pt;">validation_mode: :none</code> to <code style="color: #ffeb3b; font-family: monospace; font-size: 12pt;">Herb::Engine</code>.`;
+    }
     getValidationOverlayStyles() {
         return `
       .herb-validation-overlay {
@@ -1689,7 +1696,7 @@ class HerbOverlay {
             try {
                 window.open(url, '_self');
             }
-            catch (error) {
+            catch (_error) {
                 console.log(`Open in editor: ${absolutePath}:${line}:${column}`);
             }
         }