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

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: 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