cocooned 2.1.0 → 2.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 109827f9ebd10c0449258165b0a5d02e6bbd6ae4626f7ad02e6433f7bdf885bb
-  data.tar.gz: c79261d7aebc07c5d8516bbdddd0bdf7334af260c1b253eb2b6c52d56184416b
+  metadata.gz: 0af704c95699d29310c3a1d09da4a4a4d67d90c8d375d34a2090211fefe03099
+  data.tar.gz: 1db3b3325459d3ee9450ba1f6b414016e07ab86b69e6bb2c2cbeb8ab6dfdd73a
 SHA512:
-  metadata.gz: 904197ab102c253ceee532f9ff777b063d560228a11b0ead34af44510148a7fd5f23ba02947f314a787161e02da83d6ecf76b77ce3df9abc2e32bc5a18322161
-  data.tar.gz: 87fab14e1918bb4315819327d2b4460e5a7046e6f6d3364504c82b544c3a792bf73273afb97a1dc82a6c877f29e5e341eff44e57f537927b4983f1b53b68a4f7
+  metadata.gz: 315b49b7e2a344f59d0192c6a12609321b18821b45afb53f9371d52a59153e7462dbe8fc74c3eabab50ea687e2e4d548c648b3499329a2f9007b67fa8b8e1acc
+  data.tar.gz: 8997c949d1a29a913a5ae5e93c8039e747afecfde72590a282c283323342a44226f8ebf63d7a9ceb8d189f783677d8bcc1fc5ab99fa38fcefec74e9e031f08f5

data/CHANGELOG.md

@@ -6,6 +6,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## Version 2.1.1 (2024-02-10)
+
+### Fixed
+
+* Template lookup in nested use cases (#61)  
+  Template lookup used to be done on the whole HTML document so add triggers can be declared anywhere inside or outside a Cocooned container. In nested use cases, this could lead to incorrect template being used to build grand-child items when multiple child items had been built since the last form save. Lookup is now done first inside the closest Cocooned item if any to ensure the correct template will be used.
+
 ## Version 2.1.0 (2024-01-28)
 
 ### Added

data/app/assets/javascripts/cocooned.js

@@ -318,7 +318,7 @@
     #documentFragment
     #replacements
 
-    #applyReplacements(node, id) {
+    #applyReplacements (node, id) {
       this.#replacements.forEach(replacement => {
         node.querySelectorAll(`*[${replacement.attribute}]`).forEach(node => replacement.apply(node, id));
       });
@@ -441,8 +441,9 @@
   }
 
   class Extractor {
-    constructor (trigger) {
+    constructor (trigger, cocooned) {
       this.#trigger = trigger;
+      this.#cocooned = cocooned;
     }
 
     extract () {
@@ -459,6 +460,7 @@
     }
 
     /* Protected and private attributes and methods */
+    #cocooned
     #trigger
 
     get #dataset () {
@@ -470,7 +472,8 @@
         return null
       }
 
-      const template = document.querySelector(`template[data-name="${this.#dataset.template}"]`);
+      const find = node => node?.querySelector(`template[data-name="${this.#dataset.template}"]`);
+      const template = find(this.#cocooned.toItem(this.#trigger)) || find(document);
       if (template === null) {
         return null
       }
@@ -574,7 +577,7 @@
 
   class Add extends Trigger {
     static create (trigger, cocooned) {
-      const extractor = new Extractor(trigger);
+      const extractor = new Extractor(trigger, cocooned);
       return new Add(trigger, cocooned, extractor.extract())
     }
 

data/lib/cocooned/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cocooned
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 2.1.1
 platform: ruby
 authors:
 - Gaël-Ian Havard
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-28 00:00:00.000000000 Z
+date: 2024-02-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails