ably-ui 8.7.0.dev.9e03cd7 → 8.7.0.dev.9f7172d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: be3dec6bcaa1a66531a7ddc687dae8daddd64e4cb6cafbbd847910afb826814b
4
- data.tar.gz: 24550e12bf57f7995eef6d7c0bd08bd1fb7a62cdcf87055df0ed9cca85209a46
3
+ metadata.gz: c6bd603dd950d25092acb03c7208ce5d089029e0b459162ac6e0054f78397d2b
4
+ data.tar.gz: 2e22b8d41be87cc1070ba29258d3e7b6db203c61f4631a9cc8024ef645287e7a
5
5
  SHA512:
6
- metadata.gz: 9d07d5c3cfe06c735f67805a04e8a15dfb36cbc1e8e69de7d63c4f37587d65b570c030c37aaddc6bda4e5090d0bbc7d0e86ae54ebe0fba24359e20380d5040df
7
- data.tar.gz: f6f3efc2ee4e6b267f72448b8f674a9711e661589c6c0a1cfe2c4286000cdd35860a12167d1943d1f073231ed6bb6ad43a72a4253d08626abeee73b8c63a4df4
6
+ metadata.gz: 63bb0901e58e4edf048efdca194081f5e7c1d0907d7ca8f2253c9bac019e806076e825caaa2fc50425029c2260978b762404884dee176c2e7c04a2fbb2000c37
7
+ data.tar.gz: d372ea8b62064a7664665336eb57bc9a96802528fc24db0c539b7399544b3539082bad6b3e82965e8717125381a543fc51e0f76e3a6540cb6603d0b8990e2288
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (8.7.0.dev.c29ac14)
4
+ ably-ui (8.7.0.dev.4de588d)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
data/README.md CHANGED
@@ -294,14 +294,10 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
294
294
  scripts/pre-release.sh
295
295
  ```
296
296
 
297
- This script is a combination of two scripts:
297
+ This will do a couple of things:
298
298
 
299
- 1. Pre-Release:
300
-
301
- - update your local dependencies for ably-ui and run a production build
302
- - release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
303
-
304
- 2. Update Pre-Release Version:
299
+ update your local dependencies for ably-ui and run a production build
300
+ — release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
305
301
 
306
302
  - update the preview app
307
303
  - commit all the above and push to origin
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .ui-footer-link {
11
- @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
11
+ @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
12
12
  }
13
13
 
14
14
  .ui-footer-compliance-text {
@@ -5,12 +5,12 @@
5
5
  <%= image_tag(ably_stack_path, alt: "Ably homepage", class: "mr-24 -mt-16") %>
6
6
  <h2 class="text-overline2 col-span-full font-medium uppercase tracking-widen-0.1">The Ably Platform</h2>
7
7
  </div>
8
- <div class="md:col-span-4 md:w-3/4 xs:w-3/5 w-full">
9
- <p class="text-p3 py-16 font-medium p-menu-row-snug">
8
+ <div class="grid grid-cols-4 md:col-span-2">
9
+ <p class="text-p3 py-16 font-medium p-menu-row-snug col-span-2 md:col-span-3">
10
10
  Easily power any realtime experience in your application via a simple API that handles everything realtime.
11
11
  </p>
12
12
  </div>
13
- <ul class="grid grid-cols-1">
13
+ <ul class="grid xs:grid-cols-2 gap-x-8 sm:gap-x-24 xl:gap-x-32 md:grid-cols-1">
14
14
  <li class="p-menu-row-snug">
15
15
  <%= link_to 'Pub/sub messaging', abs_url("/pub-sub-messaging"), class: "ui-footer-menu-row-link" %>
16
16
  </li>
@@ -87,9 +87,9 @@
87
87
  <li class="p-menu-row-snug">
88
88
  <%= link_to 'SDKs', abs_url("/download"), class: "ui-footer-menu-row-link" %>
89
89
  </li>
90
- <li class="p-menu-row-snug flex items-center -mt-4">
90
+ <li class="p-menu-row-snug flex items-center">
91
91
  <a class="pr-8 ui-footer-menu-row-link" href="https://status.ably.com/">System status</a>
92
- <iframe class="w-20 h-20 mb-2" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
92
+ <iframe class="w-24 h-24 mt-4" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
93
93
  </li>
94
94
  </ul>
95
95
  </div>
@@ -147,7 +147,7 @@
147
147
  <hr class="border-t border-mid-grey my-0"/>
148
148
  </div>
149
149
  <%# Twitter + Glassdoor SM * above + Glassdoor XS + Badges %>
150
- <div class="max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
150
+ <div class="max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
151
151
  <div class="md:flex md:items-center">
152
152
  <div class="flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2">
153
153
  <div class="">
@@ -194,7 +194,7 @@
194
194
  <div class="border-t border-mid-grey w-full"></div>
195
195
  <div class="flex py-24">
196
196
  <a
197
- class="h-24 pr-16 text-cool-black hover:text-icon-glassdoor"
197
+ class="h-24 pr-24 text-cool-black hover:text-icon-glassdoor"
198
198
  href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
199
199
  title="Ably reviews on glassdoor"
200
200
  >
@@ -210,15 +210,15 @@
210
210
  </div>
211
211
  </div>
212
212
  <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center">
213
- <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 h-80") %>
214
- <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 h-80") %>
215
- <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 h-80") %>
213
+ <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 w-96 h-96") %>
214
+ <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 w-96 h-96") %>
215
+ <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 w-96 h-96") %>
216
216
  </div>
217
217
  </div>
218
218
  <div class="max-w-screen-xl ui-grid-px mx-auto">
219
- <hr class="border-t border-mid-grey my-0"/>
219
+ <hr class="border-t border-mid-grey my-0"/>
220
220
  </div>
221
- <div class="max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px">
221
+ <div class="max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px ">
222
222
  <div class="flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links">
223
223
  <div class="flex">
224
224
  <%= link_to 'Cookies', abs_url("/privacy"), class: "pr-24 ui-footer-link" %>
@@ -227,7 +227,7 @@
227
227
  <%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
228
228
  </div>
229
229
  </div>
230
- <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end">
230
+ <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-0 ">
231
231
  <div class="flex mr-24">
232
232
  <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
233
233
  <div>
@@ -236,23 +236,23 @@
236
236
  </div>
237
237
  </div>
238
238
  <div class="flex mr-24 md:col-start-2">
239
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
239
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
240
240
  <div>
241
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">HIPAA</p>
241
+ <p class="ui-footer-compliance-text font-medium">HIPAA</p>
242
242
  <p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
243
243
  </div>
244
244
  </div>
245
245
  <div class="flex mr-24 md:col-start-3">
246
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
246
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
247
247
  <div>
248
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">EU GDPR</p>
248
+ <p class="ui-footer-compliance-text font-medium">EU GDPR</p>
249
249
  <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
250
250
  </div>
251
251
  </div>
252
252
  <div class="flex mr-24 md:col-start-4">
253
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
253
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
254
254
  <div>
255
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">256-bit AES</p>
255
+ <p class="ui-footer-compliance-text font-medium">256-bit AES</p>
256
256
  <p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
257
257
  </div>
258
258
  </div>
@@ -36,6 +36,12 @@
36
36
  <p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
37
37
  <% end %>
38
38
  </li>
39
+ <li>
40
+ <%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
41
+ <p class="ui-meganav-media-heading">Live Charts</p>
42
+ <p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
43
+ <% end %>
44
+ </li>
39
45
  <li>
40
46
  <%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
41
47
  <p class="ui-meganav-media-heading">Live Cursors</p>
@@ -48,12 +54,6 @@
48
54
  <p class="ui-meganav-media-copy">See when a user is typing a message.</p>
49
55
  <% end %>
50
56
  </li>
51
- <li>
52
- <%= link_to abs_url("/examples/chat-admin-privileges"), class: "ui-meganav-media group" do %>
53
- <p class="ui-meganav-media-heading">Chat Admin Privileges</p>
54
- <p class="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
55
- <% end %>
56
- </li>
57
57
  </ul>
58
58
 
59
59
  <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"), text_size: 'text-p3')) do %>Explore all live examples<% end %>
@@ -7,38 +7,38 @@
7
7
  </h3>
8
8
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
9
9
  <li>
10
- <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
11
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
10
+ <%= link_to abs_url("/solutions/live-updates-results-metrics"), class: "ui-meganav-media-with-image group" do %>
11
+ <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
12
12
  <div class="flex flex-col justify-center">
13
- <p class="ui-meganav-media-heading">Chat</p>
14
- <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
13
+ <p class="ui-meganav-media-heading">Live updates, results & metrics</p>
14
+ <p class="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
15
15
  </div>
16
16
  <% end %>
17
17
  </li>
18
18
  <li>
19
- <%= link_to abs_url("/solutions/multiplayer-collaboration"), class: "ui-meganav-media-with-image group" do %>
20
- <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
19
+ <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
20
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
21
21
  <div class="flex flex-col justify-center">
22
- <p class="ui-meganav-media-heading">Multiplayer Collaboration</p>
23
- <p class="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
22
+ <p class="ui-meganav-media-heading">Chat</p>
23
+ <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
24
24
  </div>
25
25
  <% end %>
26
26
  </li>
27
27
  <li>
28
- <%= link_to abs_url("/solutions/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
29
- <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
28
+ <%= link_to abs_url("/solutions/virtual-events"), class: "ui-meganav-media-with-image group" do %>
29
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events-col", size: "2.5rem")) %>
30
30
  <div class="flex flex-col justify-center">
31
- <p class="ui-meganav-media-heading">Data Broadcast</p>
32
- <p class="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
31
+ <p class="ui-meganav-media-heading">Virtual Events</p>
32
+ <p class="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
33
33
  </div>
34
34
  <% end %>
35
35
  </li>
36
36
  <li>
37
- <%= link_to abs_url("/solutions/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
38
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events", size: "2.5rem")) %>
37
+ <%= link_to abs_url("/solutions/multi-user-virtual-spaces"), class: "ui-meganav-media-with-image group" do %>
38
+ <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
39
39
  <div class="flex flex-col justify-center">
40
- <p class="ui-meganav-media-heading">Data Synchronization</p>
41
- <p class="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
40
+ <p class="ui-meganav-media-heading">Multi-user virtual spaces</p>
41
+ <p class="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
42
42
  </div>
43
43
  <% end %>
44
44
  </li>
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.9e03cd7'
2
+ VERSION = '8.7.0.dev.9f7172d'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 8.7.0.dev.9e03cd7
4
+ version: 8.7.0.dev.9f7172d
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2023-01-13 00:00:00.000000000 Z
13
+ date: 2023-01-03 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component