cocooned 2.2.0 → 2.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ec1afe38e7db15aee028d1890edcb0cb661bf62c696b2a79aa5102c573a8a1fe
-  data.tar.gz: df9f13885a634db0e7b3f1f1348573b0aa6bfa1f73a488de918dbaf3cf07dc15
+  metadata.gz: 4a59c32459a7aee2edc8eb770c60764f1de44003cceed283335b969c81541aa2
+  data.tar.gz: 1be857f2d25e18a1cc91087d5f8cc2c68ce1b3b3abdb468b6dd52751724aa5af
 SHA512:
-  metadata.gz: 8562d9fe1b0a704991ad1ba284e3e219a62e9da606b8791aa5ffbca23647f80abed6d3826f730533d7bb2dbb12c3b3c9ecfd2d670d17f6929ad0c72ca027f37e
-  data.tar.gz: 4e3157dbe296abd6b18162e34e7f98d8cba90ad14c7f449cb9cc56ad66bca9a8cee31c6a04d3ed8cbbf35832e420c2b05adccb1e9ea0ad1f5c82ac058c5bd2d7
+  metadata.gz: 16645d6101fa1b8010e20ea13282d098a31e129bc23e8ee14fd6510278a6f4dc40421e68e486921143e2305fc183de38315479fda24a40779394fa1797477676
+  data.tar.gz: a4cc58468cde6ec46dd12defb9bbc0845aba6d846058425082c28a3ac81dfc9171e4c0fd9df7e9f942c1915cbc548287aa34fcf5eaaeec1d5859eb0e293c03f0

data/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## Version 2.2.1 (2024-05-20)
+
+## Fixed
+
+* Add UMD build of Coconned missing in 2.2.0 
+
 ## Version 2.2.0 (2024-05-20)
 
 ## Added

data/app/assets/javascripts/cocooned.js

@@ -248,63 +248,10 @@
     }
   }
 
-  /**
-   * Borrowed from Lodash
-   * See https://lodash.com/docs/#escapeRegExp
-   */
-  const reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-  const reHasRegExpChar = RegExp(reRegExpChar.source);
-
-  class Replacement {
-    attribute
-
-    constructor (attribute, name, startDelimiter, endDelimiter = null) {
-      this.attribute = attribute;
-
-      this.#name = name;
-      this.#startDelimiter = startDelimiter;
-      this.#endDelimiter = endDelimiter || startDelimiter;
-    }
-
-    apply (node, id) {
-      const value = node.getAttribute(this.attribute);
-      if (!this.#regexp.test(value)) {
-        return
-      }
-
-      node.setAttribute(this.attribute, value.replace(this.#regexp, this.#replacement(id)));
-    }
-
-    /* Protected and private attributes and methods */
-    #name
-    #startDelimiter
-    #endDelimiter
-
-    #replacement (id) {
-      return `${this.#startDelimiter}${id}${this.#endDelimiter}$1`
-    }
-
-    get #regexp () {
-      const escaped = this.#escape(`${this.#startDelimiter}${this.#name}${this.#endDelimiter}`);
-      return new RegExp(`${escaped}(.*?)`, 'g')
-    }
-
-    #escape (string) {
-      return (string && reHasRegExpChar.test(string))
-        ? string.replace(reRegExpChar, '\\$&')
-        : (string || '')
-    }
-  }
-
   class Builder {
-    constructor (documentFragment, association) {
+    constructor (documentFragment, replacements) {
       this.#documentFragment = documentFragment;
-      this.#association = association;
-      this.#replacements = [
-        new Replacement('for', association, '_'),
-        new Replacement('id', association, '_'),
-        new Replacement('name', association, '[', ']')
-      ];
+      this.#replacements = replacements;
     }
 
     build (id) {
@@ -314,13 +261,14 @@
     }
 
     /* Protected and private attributes and methods */
-    #association
     #documentFragment
     #replacements
 
     #applyReplacements (node, id) {
       this.#replacements.forEach(replacement => {
-        node.querySelectorAll(`*[${replacement.attribute}]`).forEach(node => replacement.apply(node, id));
+        node.querySelectorAll(`${replacement.tag}[${replacement.attribute}]`).forEach(node => {
+          return replacement.apply(node, id)
+        });
       });
 
       node.querySelectorAll('template').forEach(template => {
@@ -478,7 +426,10 @@
         return null
       }
 
-      return new Builder(template.content, `new_${this.#dataset.association}`)
+      return new Builder(
+        template.content,
+        this.#cocooned.replacementsFor(`new_${this.#dataset.association}`)
+      )
     }
 
     _extractCount () {
@@ -675,6 +626,56 @@
     }
   }
 
+  /**
+   * Borrowed from Lodash
+   * See https://lodash.com/docs/#escapeRegExp
+   */
+  const reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+  const reHasRegExpChar = RegExp(reRegExpChar.source);
+
+  class Replacement {
+    attribute
+    tag
+
+    constructor ({ tag = '*', attribute, association, delimiters }) {
+      this.attribute = attribute;
+      this.tag = tag;
+
+      this.#association = association;
+      this.#startDelimiter = delimiters[0];
+      this.#endDelimiter = delimiters[delimiters.length - 1];
+    }
+
+    apply (node, id) {
+      const value = node.getAttribute(this.attribute);
+      if (!this.#regexp.test(value)) {
+        return
+      }
+
+      node.setAttribute(this.attribute, value.replace(this.#regexp, this.#replacement(id)));
+    }
+
+    /* Protected and private attributes and methods */
+    #association
+    #startDelimiter
+    #endDelimiter
+
+    #replacement (id) {
+      return `${this.#startDelimiter}${id}${this.#endDelimiter}$1`
+    }
+
+    get #regexp () {
+      const escaped = this.#escape(`${this.#startDelimiter}${this.#association}${this.#endDelimiter}`);
+      return new RegExp(`${escaped}(.*?)`, 'g')
+    }
+
+    #escape (string) {
+      return (string && reHasRegExpChar.test(string))
+        ? string.replace(reRegExpChar, '\\$&')
+        : (string || '')
+    }
+  }
+
   function clickHandler$1 (callback) {
     return e => {
       e.preventDefault();
@@ -708,6 +709,18 @@
   }
 
   const coreMixin = (Base) => class extends Base {
+    static registerReplacement ({ tag = '*', attribute, delimiters }) {
+      this.__replacements.push({ tag, attribute, delimiters });
+    }
+
+    static get replacements () {
+      return this.__replacements
+    }
+
+    static replacementsFor (association) {
+      return this.replacements.map(r => new Replacement({ association, ...r }))
+    }
+
     static get selectors () {
       return {
         ...super.selectors,
@@ -736,6 +749,21 @@
         })
       );
     }
+
+    replacementsFor (association) {
+      return this.constructor.replacementsFor(association)
+    }
+
+    /* Protected and private attributes and methods */
+    static __replacements = [
+      // Default attributes
+      { tag: 'label', attribute: 'for', delimiters: ['_'] },
+      { tag: '*', attribute: 'id', delimiters: ['_'] },
+      { tag: '*', attribute: 'name', delimiters: ['[', ']'] },
+
+      // Compatibility with Trix. See #65 on Github.
+      { tag: 'trix-editor', attribute: 'input', delimiters: ['_'] }
+    ]
   };
 
   let Cocooned$1 = class Cocooned extends coreMixin(Base) {

data/lib/cocooned/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Cocooned
-  VERSION = '2.2.0'
+  VERSION = '2.2.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cocooned
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 2.2.1
 platform: ruby
 authors:
 - Gaël-Ian Havard