clapton 0.0.18 → 0.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75a7ef3678828970fe19e84f474a8480a2b3aef73bb7cad48d771952560dc26f
-  data.tar.gz: d183141896d4742b8481d03db28e1d38d1b0ba3d447c8a0c4444d46fa06cec72
+  metadata.gz: eef5820604c561e4e740eb50620f88cfc0b9466517ad9e3f5da364a1d923356d
+  data.tar.gz: a1ce6f1bbc737affe77cdf3cb8370722c6fb169c6b4b386bb17fa53ed3799f47
 SHA512:
-  metadata.gz: d22f7c4bd63092f2f1e701f91d8e86d19bd7a7b1f2ea0fe2bc42709d94b84737e34eaacad59b3c58485407932c372b9535cf2649905f81c8a8e2f17b8bfcba3c
-  data.tar.gz: ea1047109748b7b047c96823727fc3d681d74463d04ca97bb28bac3b354c1b4d3474a9ab001fb03be1029f769cf6fa0ccc69536b24131f75481ae673bd2b08b9
+  metadata.gz: b36f22c1f26313d9aabe6e67844df736302c92b4f42805b09be40dca60b3ddab9c8a7b40a70dbab3c55ee7baa9ec508820342d4f4e296b16ca053721cff598ad
+  data.tar.gz: dd95168998ca12d46b7eb164698f918b6a8f0575e7a8be435a2943054a4a0407209758a834514719c11f496424ec29a1bcb4701a0d05ceb625e35b07d468789b

data/README.md

@@ -349,6 +349,18 @@ module ApplicationCable
 end
 ```
 
+### Events
+
+#### clapton:render
+
+The `clapton:render` event is a custom event that is triggered when the component is rendered.
+
+```javascript
+document.addEventListener("clapton:render", () => {
+  console.log("clapton:render");
+});
+```
+
 ### Testing
 
 #### RSpec

data/lib/clapton/javascripts/dist/client.js

@@ -1445,4 +1445,6 @@ document.addEventListener("DOMContentLoaded", async () => {
     await initializeComponents();
     initializeActions();
     initializeInputs();
+    const event = new Event('clapton:render');
+    document.dispatchEvent(event);
 });

data/lib/clapton/javascripts/dist/components-for-test.js

@@ -521,7 +521,12 @@ var Clapton = (function (exports) {
         }
         get renderWrapper() {
             const root = this.render;
-            root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+            if (root.attributes) {
+                root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+            }
+            else {
+                root.attributes = { data: { component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+            }
             return root.renderWrapper;
         }
     }

data/lib/clapton/javascripts/dist/components.js

@@ -473,7 +473,12 @@ class Component {
     }
     get renderWrapper() {
         const root = this.render;
-        root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+        if (root.attributes) {
+            root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+        }
+        else {
+            root.attributes = { data: { component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+        }
         return root.renderWrapper;
     }
 }

data/lib/clapton/javascripts/src/client.ts

@@ -42,4 +42,6 @@ document.addEventListener("DOMContentLoaded", async () => {
   await initializeComponents();
   initializeActions();
   initializeInputs();
+  const event = new Event('clapton:render');
+  document.dispatchEvent(event);
 });

data/lib/clapton/javascripts/src/components/component.ts

@@ -20,7 +20,11 @@ export class Component {
 
   get renderWrapper(): string {
     const root = this.render;
-    root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+    if (root.attributes) {
+      root.attributes = { ...root.attributes, data: { ...root.attributes.data, component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+    } else {
+      root.attributes = { data: { component: this.constructor.name, state: JSON.stringify(this._state), id: this.id, errors: this._errors } };
+    }
     return root.renderWrapper;
   }
 }

data/lib/clapton/version.rb

@@ -1,4 +1,4 @@
 module Clapton
-  VERSION = '0.0.18'
+  VERSION = '0.0.19'
 end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: clapton
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.19
 platform: ruby
 authors:
 - Moeki Kawakami