ably-ui 7.0.1.dev.778adc0 → 7.1.0.dev.97a5585

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4c6d2e223bb2f41039c67e1afb75ece6324734101dbfdd6cb636ce531a59b167
-  data.tar.gz: a0723620905ad998a9515487c929f4088a5e3aae35a716bc6c7ac5a3ae965d7a
+  metadata.gz: 2eba522c0aeff9d3ae3b233a21c4e7f1810c3586397899499c5fcb908738c731
+  data.tar.gz: 856b0ad06eb14e5459f731f5d97da25dfce8e9b880f7cf8f76331f960cdcdad0
 SHA512:
-  metadata.gz: f0c0c6917799ee737e9ab731d65ffb4d23bd9969168901a22579415a16fc6541b90a84df5c64346d8fa96afa0fe3b653810c899ceaad7bcc2c02ee48fb487e15
-  data.tar.gz: 61714fab8d52d431be62e2d8d12c5a1e8148092eef0fa4d74a16ccbcad6d7b117f53f87433d33f390cc2b3a7ebb1ceb7016c081e6131acc314dc4d310f5d1596
+  metadata.gz: 264574d28a83bcac5835824fadfd1333c931ab63e5166e47628b53a1df26ab44ed68d36e5a98ac329da63f7f654747354005a936a667f342b583793e9e6791e4
+  data.tar.gz: 3a31ddbd4a48058e600ea71a628342c5d7998143c6eafdd7e28430dc0649ef0950806cc6bbe41447997575fe301bd3b07baee530c0faafbe6bbf08b14648957a

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.0.1)
+    ably-ui (7.1.0.dev.02abc5e)
       view_component (>= 2.33, < 2.50)
 
 GEM

data/lib/ably_ui/core/footer/footer.html.erb

@@ -74,10 +74,10 @@
       <h2 class="ui-footer-col-title">Developers</h2>
       <ul>
         <li class="p-menu-row-snug">
-          <%= link_to 'Start in 5 minutes', abs_url("/documentation/quick-start-guide"), class: "ui-footer-menu-row-link" %>
+          <%= link_to 'Start in 5 minutes', abs_url("/docs/quick-start-guide"), class: "ui-footer-menu-row-link" %>
         </li>
         <li class="p-menu-row-snug">
-          <%= link_to 'Documentation', abs_url("/documentation"), class: "ui-footer-menu-row-link" %>
+          <%= link_to 'Documentation', abs_url("/docs"), class: "ui-footer-menu-row-link" %>
         </li>
         <li class="p-menu-row-snug">
           <%= link_to 'Tutorials', abs_url("/tutorials"), class: "ui-footer-menu-row-link" %>

data/lib/ably_ui/core/loader/component.js

@@ -0,0 +1 @@
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Loader=o())}(this,(function(){return{}.default}));

data/lib/ably_ui/core/loader/loader.html.erb

@@ -0,0 +1,18 @@
+<%= tag.svg class: "#{ring_color} #{additional_css}", style: "width: #{size}; height: #{size}", width: "24", height: "24", view_box: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" do %>
+  <style>
+    @keyframes chunk-animation {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .chunk {
+      transform: rotate(0deg);
+      transform-origin: center;
+      animation: chunk-animation 0.6s cubic-bezier(.44,.15,.66,.98) forwards infinite;
+    }
+  </style>
+
+  <path fill="currentColor" d="m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z" opacity=".5"/>
+  <path className="chunk" d="m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z" fill="#ff5416"/>
+<% end %>

data/lib/ably_ui/core/loader/loader.rb

@@ -0,0 +1,19 @@
+module AblyUi
+  module Core
+    class Loader < ViewComponent::Base
+      attr_reader :size
+      attr_reader :ring_color
+      attr_reader :additional_css
+
+      def initialize(
+        size: '1.5rem',
+        ring_color: 'text-dark-grey',
+        additional_css: ''
+      )
+        @size = size
+        @ring_color = ring_color
+        @additional_css = additional_css
+      end
+    end
+  end
+end

data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb

@@ -11,7 +11,7 @@
       Docs, quick start guides, tutorials, and API reference to help you start building with Ably’s platform and APIs.
     </p>
 
-    <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/documentation"))) do %>Visit Documentation<% end %>
+    <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/docs"))) do %>Visit Documentation<% end %>
   </div>
 
   <div>

data/lib/ably_ui/core/styles.css

@@ -19,13 +19,13 @@
     --color-gui-viewed: #4887c2;
     --color-gui-unavailable: #a8a8a8;
     --color-gui-error: #fb0c0c;
+    --color-gui-success: #11cb24;
 
     /* code syntax: theme */
     --syntax-black: var(--color-cool-black);
     --syntax-dark-grey: var(--color-dark-grey);
     --syntax-mid-grey: var(--color-mid-grey);
     --syntax-light-grey: var(--color-light-grey);
-
     --syntax-orange: #e78c45;
     --syntax-yellow: #e7c547;
     --syntax-blue: #3490ec;
@@ -154,7 +154,7 @@
        the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
        alternatively, look for ui-grid-* helpers. */
     --bp-xs: 375px; /* gutters 8px, side-margin 24px */
-    --bp-sm: 600px; /* gutters 16px, side-margin 32px */
+    --bp-sm: 768px; /* gutters 16px, side-margin 32px */
     --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
     --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
     --bp-xl: 1440px; /* gutters 32px, side-margin 64px */

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.0.1.dev.778adc0'
+  VERSION = '7.1.0.dev.97a5585'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.0.1.dev.778adc0
+  version: 7.1.0.dev.97a5585
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-04-01 00:00:00.000000000 Z
+date: 2022-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -130,6 +130,9 @@ files:
 - lib/ably_ui/core/images/rocket-list-2021.png
 - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
 - lib/ably_ui/core/images/technical-support-01-800x533.jpg
+- lib/ably_ui/core/loader/component.js
+- lib/ably_ui/core/loader/loader.html.erb
+- lib/ably_ui/core/loader/loader.rb
 - lib/ably_ui/core/logo/component.js
 - lib/ably_ui/core/logo/logo.html.erb
 - lib/ably_ui/core/logo/logo.rb
@@ -196,8 +199,6 @@ files:
 - lib/ably_ui/core/uptime/component.js
 - lib/ably_ui/core/uptime/uptime.html.erb
 - lib/ably_ui/core/uptime/uptime.rb
-- lib/ably_ui/react/connect_state_wrapper/component.js
-- lib/ably_ui/react/scripts.js
 - lib/ably_ui/reset/scripts.js
 - lib/ably_ui/reset/styles.css
 - lib/ably_ui/version.rb

data/lib/ably_ui/react/connect_state_wrapper/component.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.React=e.AblyUi.React||{},e.AblyUi.React.ConnectStateWrapper=t())}(this,(function(){return{}.default}));

data/lib/ably_ui/react/scripts.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define([,],t):"object"==typeof exports?exports.AblyUi=t(require("react"),require("react-dom")):(e.AblyUi=e.AblyUi||{},e.AblyUi.React=t(e[void 0],e[void 0]))}(this,(function(e,t){return(()=>{"use strict";var r={281:t=>{t.exports=e},645:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{reactRenderer:()=>i});var e=a(281),t=a.n(e),r=a(645),o=a.n(r);function i(e){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var a=r.getAttribute("data-react"),n=e[a];if(!n)throw new Error('Found a data-react attribute with "'.concat(a,'" but no matching component.'));var i=r.getAttribute("data-react-props"),c=i&&JSON.parse(i||{});o().render(t().createElement(n,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}))}})(),n})()}));