nexmo-oas-renderer 0.1.0

data/lib/nexmo/oas/renderer/presenters/navigation.rb

@@ -0,0 +1,24 @@
+require_relative '../helpers/navigation'
+
+module Nexmo
+  module OAS
+    module Renderer
+      module Presenters
+        class Navigation
+          include Helpers::Navigation
+
+          attr_reader :title, :content
+
+          def initialize(content:, title: nil)
+            @content = content
+            @title   = title
+          end
+
+          def navigation_from_content
+            super(content: @content, title: @title)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo/oas/renderer/presenters/open_api_specification.rb

@@ -0,0 +1,68 @@
+require 'forwardable'
+require_relative './groups'
+require_relative './versions'
+require_relative '../services/open_api_definition_resolver'
+
+module Nexmo
+  module OAS
+    module Renderer
+      module Presenters
+
+        class OpenApiSpecification
+          extend Forwardable
+
+          attr_reader :definition_name
+
+          def_delegators :@versions, :current_version, :available_versions
+          def_delegators :@groups, :groups
+
+          def initialize(definition_name:, expand_responses:)
+            @definition_name  = definition_name
+            @expand_responses = expand_responses
+            @versions         = Versions.new(definition_name)
+            @groups           = Groups.new(definition)
+          end
+
+          def display_initialization?
+            initialization? && initialization_content && initialization_config
+          end
+
+          def initialization?
+            File.file? "#{API.oas_path}/../initialization/#{@definition_name}.md"
+          end
+
+          def initialization_content
+            @initialization_content ||= MarkdownPipeline.new.call(
+              File.read("#{API.oas_path}/../initialization/#{@definition_name}.md")
+            ) if initialization?
+          end
+
+          def initialization_config
+            @initialization_config ||= YAML.safe_load(
+              File.read("#{API.oas_path}/../initialization/#{@definition_name}.md")
+            ) if initialization?
+          end
+
+          def errors?
+              File.exist?("#{API.oas_path}/../errors/#{@definition_name}.md")
+          end
+
+          def definition_errors
+            @definition_errors ||= MarkdownPipeline.new.call(
+              File.read("#{API.oas_path}/../errors/#{@definition_name}.md")
+            ) if errors?
+          end
+
+          def definition
+            @definition ||= OpenApiDefinitionResolver.find(@definition_name)
+          end
+
+          def auto_expand_responses
+            @expand_responses
+          end
+        end
+
+      end
+    end
+  end
+end

data/lib/nexmo/oas/renderer/presenters/versions.rb

@@ -0,0 +1,40 @@
+require_relative '../constraints/open_api'
+
+module Nexmo
+  module OAS
+    module Renderer
+      module Presenters
+
+        class Versions
+          def initialize(definition_name)
+            @definition_name = definition_name
+          end
+
+          def base_name
+            @base_name ||= @definition_name.gsub(/\.v\d+/, '')
+          end
+
+          def current_version
+            @current_version ||= begin
+                                   m = /\.v(\d+)/.match(@definition_name)
+                                   m.nil? ? '1' : m[1]
+                                 end
+          end
+
+          def available_versions
+            @available_versions ||= begin
+                                      versions = Constraints::OpenApi.find_all_versions(base_name)
+                                      # Add in anything in the old /_api folder
+                                      if File.exist?("_api/#{base_name}.md")
+                                        versions.push({ 'version' => '1', 'name' => base_name })
+                                      end
+
+                                      versions.sort_by! { |v| v['version'] }
+                                    end
+          end
+        end
+
+      end
+    end
+  end
+end

data/lib/nexmo/oas/renderer/public/assets/images/brands/android.svg

@@ -0,0 +1 @@
+<svg id="android" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="60" height="60" viewBox="0 0 128 128" style="enable-background:new 0 0 48 48;;fill:#000000;"><g id="surface1">	<path style="fill:#7CB342;" d="M12,29c0,1.1-0.9,2-2,2s-2-0.9-2-2v-9c0-1.1,0.9-2,2-2s2,0.9,2,2V29z"></path>	<path style="fill:#7CB342;" d="M40,29c0,1.1-0.9,2-2,2s-2-0.9-2-2v-9c0-1.1,0.9-2,2-2s2,0.9,2,2V29z"></path>	<path style="fill:#7CB342;" d="M22,40c0,1.1-0.9,2-2,2s-2-0.9-2-2v-9c0-1.1,0.9-2,2-2s2,0.9,2,2V40z"></path>	<path style="fill:#7CB342;" d="M30,40c0,1.1-0.9,2-2,2s-2-0.9-2-2v-9c0-1.1,0.9-2,2-2s2,0.9,2,2V40z"></path>	<path style="fill:#7CB342;" d="M14,18v15c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V18H14z"></path>	<path style="fill:#7CB342;" d="M24,8c-6,0-9.7,3.6-10,8h20C33.7,11.6,30,8,24,8z M20,13.6c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1   s1,0.4,1,1C21,13.1,20.6,13.6,20,13.6z M28,13.6c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C29,13.1,28.6,13.6,28,13.6z"></path>	<path style="fill:#7CB342;" d="M28.3,10.5c-0.2,0-0.4-0.1-0.6-0.2c-0.5-0.3-0.6-0.9-0.3-1.4l1.7-2.5c0.3-0.5,0.9-0.6,1.4-0.3   c0.5,0.3,0.6,0.9,0.3,1.4l-1.7,2.5C29,10.3,28.7,10.5,28.3,10.5z"></path>	<path style="fill:#7CB342;" d="M19.3,10.1c-0.3,0-0.7-0.2-0.8-0.5l-1.3-2.1c-0.3-0.5-0.2-1.1,0.3-1.4c0.5-0.3,1.1-0.2,1.4,0.3   l1.3,2.1c0.3,0.5,0.2,1.1-0.3,1.4C19.7,10,19.5,10.1,19.3,10.1z"></path></g></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/curl.svg

@@ -0,0 +1 @@
+<svg id="curl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path id="plain" fill="#0b3754" d="M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/dotnet.svg

@@ -0,0 +1 @@
+<svg id="dotnet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill-rule="evenodd" clip-rule="evenodd" fill="#1384C8" d="M82.108 78.432c.479-1.232 1.022-2.445 1.427-3.701 2.288-7.097 4.554-14.2 6.805-21.309.865-2.731 1.813-5.42 3.515-7.767 2.692-3.709 6.442-5.652 10.88-6.331 1.741-.266 3.518-.389 5.28-.406 5.267-.05 10.536-.015 15.804-.01.28 0 .56.029.957.052-.129.304-.199.525-.311.724-1.955 3.494-3.872 7.009-5.885 10.468-3.505 6.022-7.016 12.042-10.631 17.998-2.319 3.819-4.834 7.52-7.687 10.974-2.105 2.548-4.321 4.984-7.146 6.77-1.925 1.217-3.981 1.929-6.315 1.917-8.278-.045-16.556-.012-24.834-.024-2.461-.004-4.568-.941-6.356-2.603-2.563-2.381-4.093-5.412-5.345-8.608-2.284-5.835-3.563-11.951-5.031-18.014-.688-2.838-1.47-5.654-2.215-8.478-.048-.183-.142-.354-.25-.617l-.577.542c-3.228 3.207-6.071 6.741-8.615 10.498-.693 1.024-.926 2.374-1.313 3.591-1.424 4.47-2.722 8.983-4.264 13.411-1.477 4.242-4.125 7.616-8.264 9.61-2.42 1.165-5.004 1.795-7.689 1.855-3.98.088-7.962.098-11.943.134-.952.009-.996-.069-.748-.99 1.707-6.338 3.87-12.514 6.58-18.492 2.794-6.167 6.085-12.048 10.231-17.419 2.823-3.657 5.941-7.031 9.843-9.582 1.979-1.293 4.083-2.315 6.477-2.584.394-.045.793-.073 1.189-.073 8.478-.004 16.956.082 25.433-.039 4.547-.065 7.839 1.855 10.304 5.515 1.533 2.276 2.63 4.761 3.553 7.328 1.861 5.178 3.018 10.547 4.325 15.878.748 3.051 1.581 6.081 2.379 9.12.06.228.157.446.238.668l.199-.006z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/ios.svg

@@ -0,0 +1 @@
+<svg id="ios" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="53" height="53" viewBox="0 0 128 128" style="fill:#296CAD;">    <path style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" d="M 15 3 C 8.3845336 3 3 8.3845336 3 15 L 3 35 C 3 41.615466 8.3845336 47 15 47 L 35 47 C 41.615466 47 47 41.615466 47 35 L 47 15 C 47 8.3845336 41.615466 3 35 3 L 15 3 z M 15 5 L 35 5 C 40.534534 5 45 9.4654664 45 15 L 45 35 C 45 40.534534 40.534534 45 35 45 L 15 45 C 9.4654664 45 5 40.534534 5 35 L 5 15 C 5 9.4654664 9.4654664 5 15 5 z M 11.615234 18.066406 C 10.912234 18.066406 10.394531 18.567563 10.394531 19.226562 C 10.394531 19.876563 10.912234 20.376953 11.615234 20.376953 C 12.318234 20.376953 12.837891 19.876562 12.837891 19.226562 C 12.837891 18.567562 12.318234 18.066406 11.615234 18.066406 z M 22.037109 18.636719 C 18.398109 18.636719 16.113281 21.18525 16.113281 25.28125 C 16.113281 29.36825 18.354109 31.933594 22.037109 31.933594 C 25.711109 31.933594 27.943359 29.35925 27.943359 25.28125 C 27.943359 21.19425 25.693109 18.637719 22.037109 18.636719 z M 34.966797 18.636719 C 32.198797 18.636719 30.351562 20.139437 30.351562 22.398438 C 30.351562 24.261437 31.397406 25.37025 33.691406 25.90625 L 35.326172 26.302734 C 37.005172 26.697734 37.744141 27.277141 37.744141 28.244141 C 37.744141 29.369141 36.583953 30.185547 35.001953 30.185547 C 33.306858 30.185547 32.128927 29.421639 31.960938 28.21875 L 30.007812 28.21875 C 30.148813 30.48675 32.037609 31.935547 34.849609 31.935547 C 37.855609 31.935547 39.736328 30.416234 39.736328 27.990234 C 39.736328 26.083234 38.6645 25.027875 36.0625 24.421875 L 34.666016 24.078125 C 33.014016 23.691125 32.345703 23.172578 32.345703 22.267578 C 32.345703 21.124578 33.383453 20.378906 34.939453 20.378906 C 36.416453 20.378906 37.434141 21.106391 37.619141 22.275391 L 39.535156 22.275391 C 39.421156 20.139391 37.541797 18.636719 34.966797 18.636719 z M 22.037109 20.472656 C 24.446109 20.472656 25.931641 22.33725 25.931641 25.28125 C 25.931641 28.20725 24.445109 30.097656 22.037109 30.097656 C 19.603109 30.097656 18.126953 28.20825 18.126953 25.28125 C 18.126953 22.33725 19.646109 20.473656 22.037109 20.472656 z M 10.675781 22.056641 L 10.675781 31.626953 L 12.556641 31.626953 L 12.556641 22.056641 L 10.675781 22.056641 z" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible"></path></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/java.svg

@@ -0,0 +1 @@
+<svg id="java" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0074BD" d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zM44.629 84.455s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"/><path fill="#EA2D2E" d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"/><path fill="#0074BD" d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zM90.609 93.041c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"/><path fill="#EA2D2E" d="M76.491 1.587s12.968 12.976-12.303 32.923c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815 8.548-12.834 32.229-19.059 26.998-39.667z"/><path fill="#0074BD" d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/javascript.svg

@@ -0,0 +1 @@
+<svg id="javascript" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="55" height="55" viewBox="0 0 128 128" style="fill:#000000;"><g id="surface1"><path style=" " d="M 43.335938 4 L 6.667969 4 C 5.195313 4 4 5.195313 4 6.667969 L 4 43.332031 C 4 44.804688 5.195313 46 6.667969 46 L 43.332031 46 C 44.804688 46 46 44.804688 46 43.335938 L 46 6.667969 C 46 5.195313 44.804688 4 43.335938 4 Z M 27 36.183594 C 27 40.179688 24.65625 42 21.234375 42 C 18.140625 42 15.910156 39.925781 15 38 L 18.144531 36.097656 C 18.75 37.171875 19.671875 38 21 38 C 22.269531 38 23 37.503906 23 35.574219 L 23 23 L 27 23 Z M 35.675781 42 C 32.132813 42 30.121094 40.214844 29 38 L 32 36 C 32.816406 37.335938 33.707031 38.613281 35.589844 38.613281 C 37.171875 38.613281 38 37.824219 38 36.730469 C 38 35.425781 37.140625 34.960938 35.402344 34.199219 L 34.449219 33.789063 C 31.695313 32.617188 29.863281 31.148438 29.863281 28.039063 C 29.863281 25.179688 32.046875 23 35.453125 23 C 37.878906 23 39.621094 23.84375 40.878906 26.054688 L 37.910156 27.964844 C 37.253906 26.789063 36.550781 26.328125 35.453125 26.328125 C 34.335938 26.328125 33.628906 27.039063 33.628906 27.964844 C 33.628906 29.109375 34.335938 29.570313 35.972656 30.28125 L 36.925781 30.691406 C 40.171875 32.078125 42 33.496094 42 36.683594 C 42 40.117188 39.300781 42 35.675781 42 Z "></path></g></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/node.svg

@@ -0,0 +1 @@
+<svg id="node" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#83CD29" d="M112.678 30.334l-44.143-25.605c-2.781-1.584-6.424-1.584-9.227 0l-44.488 25.605c-2.869 1.651-4.82 4.754-4.82 8.073v51.142c0 3.319 1.992 6.423 4.862 8.083l11.729 6.688c5.627 2.772 7.186 2.772 9.746 2.772 8.334 0 12.662-5.039 12.662-13.828v-50.49c.001-.713.446-1.774-.255-1.774h-5.622c-.712 0-2.122 1.061-2.122 1.773v50.49c0 3.896-3.616 7.773-10.202 4.48l-12.122-7.013c-.422-.23-.676-.693-.676-1.181v-51.142c0-.482.463-.966.891-1.213l44.378-25.561c.415-.235 1.002-.235 1.415 0l43.963 25.555c.421.253.354.722.354 1.219v51.142c0 .488.092.963-.323 1.198l-44.133 25.576c-.378.227-.87.227-1.285 0l-11.317-6.749c-.341-.198-.752-.269-1.08-.086-3.145 1.783-3.729 2.02-6.679 3.043-.727.253-1.799.692.408 1.929l14.798 8.754c1.416.82 3.027 1.246 4.647 1.246 1.642 0 3.249-.426 4.666-1.246l43.976-25.582c2.871-1.672 4.322-4.764 4.322-8.083v-51.142c-.001-3.319-1.452-6.414-4.323-8.073zM77.727 81.445c-11.727 0-14.309-3.235-15.17-9.066-.102-.628-.634-1.379-1.274-1.379h-5.73c-.709 0-1.28.86-1.28 1.566 0 7.466 4.06 16.512 23.454 16.512 14.038 0 22.088-5.455 22.088-15.109 0-9.572-6.467-12.084-20.082-13.886-13.762-1.819-15.16-2.738-15.16-5.962 0-2.658 1.184-6.203 11.374-6.203 9.104 0 12.46 1.954 13.841 8.091.119.577.646.991 1.241.991h5.754c.354 0 .691-.143.939-.396.241-.272.367-.613.336-.979-.893-10.569-7.913-15.494-22.112-15.494-12.632 0-20.166 5.334-20.166 14.275 0 9.698 7.497 12.378 19.622 13.577 14.505 1.422 15.633 3.542 15.633 6.395 0 4.956-3.978 7.067-13.308 7.067z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/php.svg

@@ -0,0 +1 @@
+<svg id="php" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#6181B6" d="M64 33.039c-33.74 0-61.094 13.862-61.094 30.961s27.354 30.961 61.094 30.961 61.094-13.862 61.094-30.961-27.354-30.961-61.094-30.961zm-15.897 36.993c-1.458 1.364-3.077 1.927-4.86 2.507-1.783.581-4.052.461-6.811.461h-6.253l-1.733 10h-7.301l6.515-34h14.04c4.224 0 7.305 1.215 9.242 3.432 1.937 2.217 2.519 5.364 1.747 9.337-.319 1.637-.856 3.159-1.614 4.515-.759 1.357-1.75 2.624-2.972 3.748zm21.311 2.968l2.881-14.42c.328-1.688.208-2.942-.361-3.555-.57-.614-1.782-1.025-3.635-1.025h-5.79l-3.731 19h-7.244l6.515-33h7.244l-1.732 9h6.453c4.061 0 6.861.815 8.402 2.231s2.003 3.356 1.387 6.528l-3.031 15.241h-7.358zm40.259-11.178c-.318 1.637-.856 3.133-1.613 4.488-.758 1.357-1.748 2.598-2.971 3.722-1.458 1.364-3.078 1.927-4.86 2.507-1.782.581-4.053.461-6.812.461h-6.253l-1.732 10h-7.301l6.514-34h14.041c4.224 0 7.305 1.215 9.241 3.432 1.935 2.217 2.518 5.418 1.746 9.39zM95.919 54h-5.001l-2.727 14h4.442c2.942 0 5.136-.29 6.576-1.4 1.442-1.108 2.413-2.828 2.918-5.421.484-2.491.264-4.434-.66-5.458-.925-1.024-2.774-1.721-5.548-1.721zM38.934 54h-5.002l-2.727 14h4.441c2.943 0 5.136-.29 6.577-1.4 1.441-1.108 2.413-2.828 2.917-5.421.484-2.491.264-4.434-.66-5.458s-2.772-1.721-5.546-1.721z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/python.svg

@@ -0,0 +1,11 @@
+<svg version="1.1" id="python" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<path fill="#FFD845" d="M122.3,48.8c-2.1-8.4-6.1-14.8-14.6-14.8H97v13c0,10-8.8,18-18.5,18H49.3c-8,0-14.3,7.3-14.3,15.3v27.8
+	c0,7.9,6.7,12.6,14.5,14.8c9.2,2.7,18,3.2,29.1,0c7.3-2.1,14.5-6.4,14.5-14.8V97H64v-4h43.7c8.5,0,11.6-5.8,14.6-14.7
+	C125.3,69.2,125.2,60.5,122.3,48.8L122.3,48.8z M80.3,104.4c3,0,5.5,2.5,5.5,5.5c0,3.1-2.5,5.6-5.5,5.6c-3,0-5.5-2.5-5.5-5.6
+	C74.8,106.9,77.3,104.4,80.3,104.4z"/>
+<path fill="#3979B0" d="M78.4,4c-5-0.8-10.2-1.2-15.2-1.2c-5,0-9.6,0.4-13.8,1.2C37.1,6.2,35,10.8,35,19.2V30h29v4H23.8
+	c-8.5,0-15.9,5.1-18.2,14.8c-2.7,11.1-2.8,17.9,0,29.5C7.6,87,12.6,93,21.1,93H31V80c0-9.6,8.4-18,18.3-18h29.2
+	C86.6,62,93,55.1,93,47V19.2C93,11.3,86.4,5.3,78.4,4z M47.5,22.9c-3,0-5.5-2.5-5.5-5.5c0-3.1,2.5-5.6,5.5-5.6c3,0,5.5,2.5,5.5,5.6
+	C53,20.4,50.5,22.9,47.5,22.9z"/>
+</svg>

data/lib/nexmo/oas/renderer/public/assets/images/brands/ruby.svg

@@ -0,0 +1 @@
+<svg id="ruby" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill-rule="evenodd" clip-rule="evenodd" fill="#D91404" d="M35.971 111.33c27.466 3.75 54.444 7.433 81.958 11.188-9.374-15.606-18.507-30.813-27.713-46.144l-54.245 34.956zM125.681 24.947c-2.421 3.636-4.847 7.269-7.265 10.907-8.304 12.493-16.607 24.986-24.903 37.485-.462.696-1.061 1.248-.41 2.321 8.016 13.237 15.969 26.513 23.942 39.777 1.258 2.095 2.53 4.182 4.157 6.192 1.612-32.193 3.223-64.387 4.834-96.58l-.355-.102zM16.252 66.22c.375.355 1.311.562 1.747.347 7.689-3.779 15.427-7.474 22.948-11.564 2.453-1.333 4.339-3.723 6.452-5.661 6.997-6.417 13.983-12.847 20.966-19.278.427-.395.933-.777 1.188-1.275 2.508-4.902 4.973-9.829 7.525-14.898-3.043-1.144-5.928-2.263-8.849-3.281-.396-.138-1.02.136-1.449.375-6.761 3.777-13.649 7.353-20.195 11.472-3.275 2.061-5.943 5.098-8.843 7.743-4.674 4.266-9.342 8.542-13.948 12.882-1.222 1.152-2.336 2.468-3.288 3.854-3.15 4.587-6.206 9.24-9.402 14.025 1.786 1.847 3.41 3.613 5.148 5.259zM44.354 59.949c-3.825 16.159-7.627 32.227-11.556 48.823 18.423-11.871 36.421-23.468 54.3-34.987-14.228-4.605-28.41-9.196-42.744-13.836zM120.985 25.103c-15.566 2.601-30.76 5.139-46.15 7.71 5.242 12.751 10.379 25.246 15.662 38.096 10.221-15.359 20.24-30.41 30.488-45.806zM44.996 56.644c14.017 4.55 27.755 9.01 41.892 13.6-5.25-12.79-10.32-25.133-15.495-37.737-8.815 8.059-17.498 15.999-26.397 24.137zM16.831 75.643c-4.971 11.883-9.773 23.362-14.662 35.048 9.396-.278 18.504-.547 27.925-.825-4.423-11.412-8.759-22.6-13.263-34.223zM30.424 101.739l.346-.076c3.353-13.941 6.754-27.786 10.177-42.272-7.636 3.969-14.92 7.754-22.403 11.644 3.819 9.926 7.891 20.397 11.88 30.704zM115.351 22.842c-4.459-1.181-8.918-2.366-13.379-3.539-6.412-1.686-12.829-3.351-19.237-5.052-.801-.213-1.38-.352-1.851.613-2.265 4.64-4.6 9.245-6.901 13.868-.071.143-.056.328-.111.687 13.886-2.104 27.679-4.195 41.47-6.285l.009-.292zM89.482 12.288l36.343 10.054c-2.084-5.939-4.017-11.446-6.005-17.11l-30.285 6.715-.053.341zM33.505 114.007c-4.501-.519-9.122-.042-13.687.037-3.75.063-7.5.206-11.25.323-.386.012-.771.09-1.156.506 31.003 2.866 62.005 5.732 93.007 8.6l.063-.414c-9.938-1.357-19.877-2.714-29.815-4.07-12.384-1.691-24.747-3.551-37.162-4.982zM2.782 99.994c3.995-9.27 7.973-18.546 11.984-27.809.401-.929.37-1.56-.415-2.308-1.678-1.597-3.237-3.318-5.071-5.226-2.479 12.24-4.897 24.177-7.317 36.113l.271.127c.185-.297.411-.578.548-.897zM81.522 9.841c6.737-1.738 13.572-3.097 20.367-4.613.44-.099.87-.244 1.303-.368l-.067-.332c-9.571 1.287-19.141 2.575-29.194 3.928 2.741 1.197 4.853 2.091 7.591 1.385z"/></svg>

data/lib/nexmo/oas/renderer/public/assets/images/lost.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
+<circle fill="#FFFFFF" cx="99.453" cy="99.453" r="97.453"/>
+<g>
+	<path fill="#1C8ECD" d="M100,0C44.772,0,0,44.771,0,100c0,55.229,44.772,100,100,100c55.229,0,100-44.771,100-100
+		C200,44.771,155.229,0,100,0z M136.423,159.785c-11.741,0-22.331-5.014-29.754-13.006H38.098c-2.631,0-4.765-2.133-4.765-4.764
+		v-85.15c0-2.631,2.133-4.764,4.765-4.764h123.804c2.632,0,4.766,2.133,4.766,4.764v35.207c6.45,7.194,10.381,16.689,10.381,27.088
+		C177.048,141.561,158.822,159.785,136.423,159.785z"/>
+	<path fill="#D2E3EB" d="M97.001,109.355c0.873-3.506,2.203-6.834,3.921-9.917H43.417v37.254h56.366
+		c-1.178-2.45-2.112-5.041-2.782-7.73H53.688v-7.675h42.166c-0.036-0.706-0.056-1.415-0.056-2.129c0-0.718,0.02-1.427,0.056-2.132
+		H53.688v-7.674h43.313V109.355z"/>
+	<rect x="43.417" y="62.185" fill="#D2E3EB" width="113.166" height="6.279"/>
+	<path fill="#E6547B" d="M166.667,108.152c-1.271-3.482-3.094-6.701-5.416-9.506c-1.394-1.684-2.964-3.213-4.668-4.583
+		c-5.524-4.447-12.53-7.125-20.16-7.125c-10.336,0-19.524,4.912-25.426,12.502c-4.241,5.457-6.795,12.289-6.795,19.72
+		c0,6.467,1.933,12.482,5.226,17.535c2.68,4.109,6.272,7.556,10.486,10.084c4.837,2.902,10.471,4.603,16.509,4.603
+		c6.039,0,11.673-1.7,16.511-4.603c6.293-3.777,11.184-9.627,13.733-16.612c1.258-3.44,1.978-7.138,1.978-11.007
+		C168.645,115.29,167.925,111.594,166.667,108.152z M139.688,139.867c-0.273,0.642-0.654,1.195-1.146,1.664
+		c-0.487,0.469-1.06,0.834-1.708,1.1c-0.652,0.264-1.354,0.396-2.107,0.396c-0.771,0-1.483-0.135-2.138-0.396
+		c-0.651-0.266-1.216-0.631-1.692-1.1c-0.479-0.469-0.854-1.022-1.129-1.664c-0.275-0.641-0.414-1.328-0.414-2.062
+		c0-0.732,0.139-1.412,0.414-2.047c0.272-0.63,0.648-1.178,1.129-1.646c0.479-0.467,1.041-0.84,1.692-1.113
+		c0.652-0.273,1.364-0.412,2.138-0.412c0.754,0,1.455,0.139,2.107,0.412c0.648,0.273,1.221,0.646,1.708,1.113
+		c0.489,0.471,0.87,1.019,1.146,1.646c0.274,0.635,0.412,1.312,0.412,2.047S139.962,139.227,139.688,139.867z M147.945,112.467
+		c-0.428,1.12-0.973,2.098-1.633,2.932c-0.662,0.834-1.385,1.555-2.168,2.151c-0.783,0.603-1.527,1.166-2.229,1.696
+		c-0.703,0.527-1.313,1.047-1.832,1.557c-0.521,0.508-0.84,1.079-0.962,1.709l-0.854,4.274h-6.475l-0.671-4.916
+		c-0.021-0.123-0.036-0.244-0.046-0.366c-0.012-0.121-0.018-0.244-0.018-0.367c0-0.895,0.215-1.678,0.645-2.351
+		c0.427-0.671,0.965-1.287,1.617-1.847c0.648-0.562,1.354-1.1,2.104-1.619c0.753-0.519,1.454-1.077,2.104-1.678
+		c0.652-0.603,1.191-1.272,1.619-2.018c0.429-0.741,0.643-1.622,0.643-2.641c0-1.221-0.402-2.191-1.207-2.916
+		c-0.805-0.723-1.906-1.086-3.312-1.086c-1.078,0-1.979,0.113-2.701,0.338c-0.725,0.226-1.344,0.475-1.862,0.748
+		s-0.972,0.523-1.358,0.748c-0.386,0.226-0.771,0.336-1.158,0.336c-0.877,0-1.525-0.377-1.955-1.131l-2.504-3.846
+		c0.752-0.632,1.572-1.222,2.457-1.772c0.888-0.549,1.838-1.032,2.854-1.45c1.019-0.417,2.112-0.743,3.282-0.977
+		s2.438-0.352,3.801-0.352c1.912,0,3.639,0.254,5.176,0.763c1.536,0.509,2.842,1.237,3.922,2.183
+		c1.078,0.946,1.907,2.086,2.488,3.419c0.579,1.332,0.87,2.812,0.87,4.441C148.587,110.005,148.373,111.348,147.945,112.467z"/>
+</g>
+</svg>

data/lib/nexmo/oas/renderer/public/assets/javascripts/components/format.js

@@ -0,0 +1,42 @@
+class Format {
+  constructor() {
+    this.formatSelector = document.getElementsByClassName('js-format-selector')[0]
+    if (this.formatSelector) {
+      this.formatChanged(this.formatSelector.value, false)
+      this.formatSelector.addEventListener('change', (event) => {
+        this.formatChanged(event.target.value)
+      })
+
+      this.restoreFormat()
+    }
+  }
+
+  formatChanged(format, persist = true) {
+    for (var item of document.getElementsByClassName('js-format')) {
+      item.hidden = true
+    }
+    for (var item of document.querySelectorAll(`.js-format[data-format='${format}']`)) {
+      item.hidden = false
+    }
+
+    if (persist) {
+      this.persistFormat(format)
+    }
+  }
+
+  persistFormat(format) {
+    if (window.localStorage) {
+      window.localStorage.setItem('format', format)
+    }
+  }
+
+  restoreFormat() {
+    if (window.localStorage) {
+      const format = window.localStorage.getItem('format')
+      if (format) {
+        this.formatSelector.value = format
+        this.formatChanged(format, false)
+      }
+    }
+  }
+}

data/lib/nexmo/oas/renderer/public/assets/javascripts/volta.accordion.js

@@ -0,0 +1,249 @@
+/**
+ * Copyright (c) 2001-present, Vonage.
+ *
+ * Accordions (requires core)
+ */
+
+'use strict';
+
+Volta.accordion = function () {
+	var _class = {
+		standard: {
+			container: 'Vlt-accordion',
+			containerGroup: 'Vlt-accordion--group',
+			trigger: 'Vlt-accordion__trigger',
+			triggerActive: 'Vlt-accordion__trigger_active',
+			content: 'Vlt-accordion__content',
+			contentOpen: 'Vlt-accordion__content_open',
+			contentOpening: 'Vlt-accordion__content_opening',
+			contentClosing: 'Vlt-accordion__content_closing',
+		},
+		js: {
+			content: 'Vlt-js-accordion__content',
+			contentOpen: 'Vlt-js-accordion__content_open',
+			contentOpening: 'Vlt-js-accordion__content_opening',
+			contentClosing: 'Vlt-js-accordion__content_closing',
+			trigger: 'Vlt-js-accordion__trigger',
+			triggerActive: 'Vlt-js-accordion__trigger_active'
+		}
+	}
+
+	function Accordion() {}
+
+	Accordion.prototype = {
+		init: function(element, suppressClickHandler, triggerElem) {
+			if(this.isStandard) {
+				this._initStandard(element, suppressClickHandler);
+			} else {
+				this._initJs(element, suppressClickHandler, triggerElem);
+			}
+		},
+		_initStandard: function(element, suppressClickHandler) {
+			var self = this;
+
+			if(!suppressClickHandler) {
+				element.querySelectorAll('.' + _class.standard.trigger).forEach(function(trigger) {
+					var parent = Volta._closest(trigger, '.' + _class.standard.container, _class.standard.container);
+
+					if(parent && parent == element) {
+						trigger.addEventListener('click', function(){
+							self.toggle(trigger);
+						});
+					}
+				});
+			}
+		},
+		_initJs: function(element, suppressClickHandler, triggerElem) {
+			this._content = element;
+
+			if(triggerElem) {
+				this.trigger = triggerElem;
+			} else if(this._content.dataset.trigger) {
+				var triggerId = this._content.dataset.trigger;
+				this.trigger = document.querySelector('#' + triggerId);
+			} else {
+				console.warn("Volta: js accordion trigger missing");
+			}
+
+			var self = this;
+			if(!suppressClickHandler && this.trigger) {
+				this.trigger.addEventListener('click', function(){
+					self.toggle();
+				});
+			}
+		},
+		close: function(trigger) {
+			var panel = this._content || trigger.nextElementSibling;
+			var trigger = this.trigger || trigger;
+			var classes = this.trigger ? _class.js : _class.standard;
+
+			trigger.classList.remove(classes.triggerActive);
+			panel.classList.add(classes.contentClosing);
+
+			panel.style.height = window.getComputedStyle(panel).height;
+			panel.offsetHeight; // force repaint
+			panel.style.height = '0px';
+			panel.classList.remove(classes.contentOpen);
+
+			var self = this;
+			panel.addEventListener('transitionend', function closingTransitionEndEvent(event) {
+				if (event.propertyName == 'height' && Volta._hasClass(panel, classes.contentClosing)) {
+					panel.classList.remove(classes.contentClosing);
+					panel.style.height = '0px';
+					panel.removeEventListener('transitionend', closingTransitionEndEvent, false);
+
+					if(self.isGroup && self._isTriggerActive(trigger,  true)){
+						self._activeGroupTrigger = undefined;
+					}
+				}
+			}, { passive: true, once: true });
+		},
+		isOpening: false,
+		_activeGroupTrigger: undefined,
+		_isTriggerActive: function(trigger, match) {
+			return (this.isGroup && this._activeGroupTrigger && (!match || this._activeGroupTrigger === trigger)) || Volta._hasClass(trigger, _class.standard.triggerActive);
+		},
+		open: function(trigger) {
+			if(!this.trigger) {
+				if(this._isTriggerActive(trigger, false)) {
+				this.close(this._activeGroupTrigger || trigger);
+				}
+				if(this.isGroup) {
+					this._activeGroupTrigger = trigger;
+				}
+			}
+
+			var trig = this.trigger || trigger;
+			var classes = this.trigger ? _class.js : _class.standard;
+			var panel = this._content || trig.nextElementSibling;
+
+			this.isOpening = true;
+
+			trig.classList.add(classes.triggerActive);
+			panel.classList.add(classes.contentOpening);
+
+			var startHeight = panel.style.height;
+			panel.style.height = 'auto';
+			var endHeight = window.getComputedStyle(panel).height;
+			panel.style.height = startHeight;
+			panel.offsetHeight; // force repaint
+			panel.style.height = endHeight;
+
+			var self = this;
+			panel.addEventListener('transitionend', function openingTransitionEndEvent(event) {
+				if (event.propertyName == 'height' && Volta._hasClass(panel, classes.contentOpening)) {
+					panel.style.height = 'auto';
+					panel.classList.remove(classes.contentOpening);
+					panel.classList.add(classes.contentOpen);
+					panel.removeEventListener('transitionend', openingTransitionEndEvent, false);
+					self.isOpening = false;
+				}
+			}, { passive: true, once: true });
+		},
+		toggle: function(trigger) {
+			if(this.isOpening) {
+				return false;
+			}
+			if((this.trigger && Volta._hasClass(this._content, _class.js.contentOpen))
+				|| (!this.trigger && this._isTriggerActive(trigger, true))) {
+				this.close(trigger);
+			} else {
+				this.open(trigger);
+			}
+		}
+	}
+
+	return {
+		create: create,
+		init: initialise
+	}
+
+	/**
+	 *	@public
+	 *
+	 *	@description Create an individual accordion object
+	 *	@param {Element|string} elementOrId Reference to the accordion content element or the id
+	 *	@param {Boolean} suppressClickHandler Whether click events should be attached on creation
+	 *	@param {Element} trigger Private required for legacy accordions
+	 *	@param {Boolean} isGroup Private required for legacy accordions
+	 *  @return {Object}
+	 */
+	function create(elementOrId, suppressClickHandler, trigger, isGroup, isStandard) {
+		if(!elementOrId) {
+			console.warn("Volta: no parameter supplied to accordion.create()");
+		}
+		var accordion = Object.create(Accordion.prototype, {});
+		var element = getElement(elementOrId);
+
+		Object.defineProperties(accordion, {
+			'isStandard': {
+				value: isStandard || Volta._hasClass(element, _class.standard.container),
+				writable: false
+			}
+		});
+
+		Object.defineProperties(accordion, {
+			'isGroup': {
+				value: isGroup,
+				writable: false
+			}
+		});
+
+		accordion.init(element, suppressClickHandler, trigger);
+
+		return accordion;
+	}
+
+	/**
+	 *	@public
+	 *
+	 *	@description Initialise all the accordions on the current screen
+	 */
+	function initialise() {
+		//standard
+		var standardAccordions = document.querySelectorAll('.' + _class.standard.container);
+
+		if(standardAccordions.length) {
+			standardAccordions.forEach(function(accordion){
+				create(accordion, false, null, Volta._hasClass(accordion, _class.standard.containerGroup), true);
+			});
+		}
+
+		//js
+		var triggers = document.querySelectorAll('.' + _class.js.trigger + '[data-accordion]');
+		if(triggers.length > 0) {
+			triggers.forEach(function(trigger) {
+				var accordionId = trigger.dataset.accordion;
+				if(!accordionId) {
+					return;
+				}
+				create(accordionId, false, trigger);
+			});
+		}
+
+		//js - legacy
+		var jsAccordions = document.querySelectorAll('.' + _class.js.content + '[data-trigger]');
+		if(jsAccordions.length > 0) {
+			jsAccordions.forEach(function(jsLegacy) {
+				create(jsLegacy);
+			});
+		}
+	}
+
+	/**
+	 *	@private
+	 */
+	function getElement(elementOrId) {
+	 	var element;
+
+		if(elementOrId.classList) {
+			element = elementOrId;
+		} else if (elementOrId.substring(0, 1) === "#") {
+			element = document.querySelector(elementOrId);
+		} else {
+			element = document.querySelector('#' + elementOrId);
+		}
+
+		return element;
+	}
+}();