actionview-component-live 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9e3e1d0cee952a9a568c584e3107e4768de18e527b2edf4c4ef0fa209b037214
|
|
4
|
+
data.tar.gz: d0072b8cb8ceab9868fb7f41eaf6c89b89397d627a96bdd8bb3b8f2c6f3b03b7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e4813db0c112a016b614375b0a0e58546eca9bf5a7d02b32833144e944c210facfc862216448c504154e114c601b537bd288a7c1113e6b74efb3ea44e99ee41e
|
|
7
|
+
data.tar.gz: 2ddbde97aee21e9b659cf098b3a740551fa80dd8614adf2a9b9742bc0e05a92dd1ff3895e489ef2aad360768a1a115aa90276efe7a224a02afe369f2499e9472
|
data/README.md
CHANGED
|
@@ -29,12 +29,12 @@ end
|
|
|
29
29
|
|
|
30
30
|
**Important!** There is a strict naming requirement on the `listen_to` part and named argument in initialize!
|
|
31
31
|
|
|
32
|
-
Then the component view.
|
|
33
|
-
|
|
32
|
+
Then the component view.
|
|
33
|
+
Notice the **=** on the live block. It wraps the view in a **div** tag so we know what part of the page to update.
|
|
34
34
|
```erb
|
|
35
|
-
|
|
35
|
+
<%= live do %>
|
|
36
36
|
<b><%= count %> products in basket</b>
|
|
37
|
-
|
|
37
|
+
<% end %>
|
|
38
38
|
```
|
|
39
39
|
|
|
40
40
|
Finally we need to tell our DraftOrder to broadcast changes.
|
|
@@ -60,7 +60,7 @@ $ bundle
|
|
|
60
60
|
|
|
61
61
|
Add stimulus controller
|
|
62
62
|
```bash
|
|
63
|
-
$ yarn add stimulus-actionview-live
|
|
63
|
+
$ yarn add stimulus-actionview-live, '<0.1.0'
|
|
64
64
|
```
|
|
65
65
|
|
|
66
66
|
Add these 2 lines to your `app/javascript/controllers/index.js`
|
|
@@ -81,7 +81,6 @@ The gem is available as open source under the terms of the [MIT License](https:/
|
|
|
81
81
|
## Nice to have
|
|
82
82
|
- install generator that does yarn add and adds lines to stimulus controllers file
|
|
83
83
|
- find a way to do collection updates, a component that lists many items
|
|
84
|
-
- move the component wrapper div out of component (to avoid unsubscribe/subscribe on all updates)
|
|
85
84
|
- could we do something for components that rely on multiple objects?
|
|
86
85
|
- allow the listen to method to accept a list of attributes so we only get updates to relevant things
|
|
87
86
|
|
|
@@ -9,6 +9,11 @@ module ActionView
|
|
|
9
9
|
LiveUpdater.subscribe(name.to_s.classify, self)
|
|
10
10
|
end
|
|
11
11
|
end
|
|
12
|
+
|
|
13
|
+
def live
|
|
14
|
+
# <div data-controller="live" data-live-component="UserCardComponent" data-live-id="<%= id %>">
|
|
15
|
+
content_tag(:div, nil, data: {controller: :live, live_component: self.class.name, live_id: id}) { yield }
|
|
16
|
+
end
|
|
12
17
|
end
|
|
13
18
|
end
|
|
14
19
|
end
|