nexmo-oas-renderer 0.1.0

data/lib/nexmo/oas/renderer/public/assets/stylesheets/nexmo.css

@@ -0,0 +1,68 @@
+/*
+Error: Undefined variable: "$blue".
+        on line 1 of ./public/stylesheets/sass/nexmo.scss
+
+1: $blue-light: $blue;
+2: $pink: #E6547B;
+3: $peach: #F88175;
+4: $ice: #f9fbfd;
+5: $mint: #E4EEF3;
+6: $atom: #282c34;
+
+Backtrace:
+./public/stylesheets/sass/nexmo.scss:1
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/script/tree/variable.rb:49:in `_perform'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/script/tree/node.rb:50:in `perform'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:478:in `visit_variable'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/stack.rb:79:in `block in with_base'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/stack.rb:135:in `with_frame'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/stack.rb:79:in `with_base'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:158:in `visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `map'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `visit_children'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:166:in `visit_children'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `block in visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:186:in `visit_root'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:157:in `visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:10:in `visit'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/root_node.rb:36:in `css_tree'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/engine.rb:389:in `_render_with_sourcemap'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/engine.rb:307:in `render_with_sourcemap'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin/compiler.rb:462:in `update_stylesheet'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin/compiler.rb:209:in `each'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin.rb:82:in `update_stylesheets'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin.rb:54:in `check_for_updates'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sass-3.7.4/lib/sass/plugin/rack.rb:51:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/lint.rb:49:in `_call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/lint.rb:37:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/show_exceptions.rb:23:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/common_logger.rb:33:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/sinatra-2.0.5/lib/sinatra/base.rb:231:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/shotgun-0.9.2/lib/shotgun/loader.rb:86:in `proceed_as_child'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/shotgun-0.9.2/lib/shotgun/loader.rb:31:in `call!'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/shotgun-0.9.2/lib/shotgun/loader.rb:18:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/shotgun-0.9.2/lib/shotgun/favicon.rb:12:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/shotgun-0.9.2/lib/shotgun/static.rb:14:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/urlmap.rb:68:in `block in call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/urlmap.rb:53:in `each'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/urlmap.rb:53:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/rack-2.0.7/lib/rack/builder.rb:153:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/puma-3.12.1/lib/puma/configuration.rb:227:in `call'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/puma-3.12.1/lib/puma/server.rb:660:in `handle_request'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/puma-3.12.1/lib/puma/server.rb:474:in `process_client'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/puma-3.12.1/lib/puma/server.rb:334:in `block in run'
+/Users/frodriguez/.rbenv/versions/2.5.5/lib/ruby/gems/2.5.0/gems/puma-3.12.1/lib/puma/thread_pool.rb:135:in `block in spawn_thread'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Undefined variable: \"$blue\".\A         on line 1 of ./public/stylesheets/sass/nexmo.scss\A \A 1: $blue-light: $blue;\A 2: $pink: #E6547B;\A 3: $peach: #F88175;\A 4: $ice: #f9fbfd;\A 5: $mint: #E4EEF3;\A 6: $atom: #282c34;"; }

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/api.scss

@@ -0,0 +1,147 @@
+.Nxd-content {
+  display: flex;
+}
+
+.Nxd-menu__indent {
+  margin-left: 31px !important;
+}
+
+.Nxd-method-badge {
+  text-transform: uppercase;
+
+  &--post {
+    background: $green;
+  }
+
+  &--get {
+    background: $blue-dark;
+  }
+
+  &--delete {
+    background: $red;
+  }
+
+  &--patch {
+    background: $teal;
+  }
+
+  &--put {
+    background: $purple-dark;
+  }
+}
+
+.table-no-line {
+  td {
+    border-bottom: none !important;
+  }
+}
+
+.Vlt-table {
+  .Vlt-table {
+    table thead {
+      th {
+        background-color: $grey-lighter;
+        border-bottom-color: $grey;
+        border-top-color: $grey-light;
+        color: $grey-darker;
+      }
+    }
+  }
+}
+
+.Nxd-api {
+  padding-top: 0;
+  padding-right: $unit2;
+
+  @media #{$S-only} {
+    padding-left: $unit2;
+  }
+
+  &__code {
+    background: $grey-light;
+    border-bottom: 1px solid $grey-lighter;
+    padding: $unit2;
+
+    h4,
+    h5 {
+      color: $grey-darker;
+    }
+
+    &__header {
+      margin: -#{$unit3} -#{$unit2} #{$unit2} -#{$unit2};
+
+      .Vlt-native-dropdown {
+        margin-right: $unit2;
+        float: right;
+      }
+
+      &--sticky {
+        position: fixed;
+        top: 135px;
+        width: 27.5%;
+        z-index: 1000;
+
+        @media #{$S-only} {
+          left: 0;
+          padding: 0 $unit1;
+          top: 52px;
+          width: 100vw;
+          margin: 0;
+
+        }
+      }
+    }
+
+    .Vlt-accordion__trigger {
+      &:after {
+        background-color: rgba($white, 0.2);
+        border-radius: 100%;
+      }
+    }
+  }
+
+  &__docs {
+    padding-top: $unit3;
+
+    @media #{$M-plus} {
+      border-bottom: 1px solid $grey-light;
+      padding-top: $unit5;
+    }
+
+    .Vlt-tooltip {
+      white-space: nowrap;
+    }
+  }
+
+  &--noborder {
+    margin-bottom: -$unit2;
+
+    .Nxd-api__docs {
+      border: 0;
+    }
+
+    .Nxd-api__code {
+      border: 0;
+
+      @media #{$S-only} {
+        display: none;
+      }
+    }
+  }
+}
+
+
+.Nxd-version {
+  p {
+    text-transform: uppercase;
+    font-size: 1.3rem !important;
+  }
+
+  a {
+    font-size: 1.3rem !important;
+    color: #005282 !important;
+    &.active {
+      font-weight: bold;
+    }
+  }
+}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/core.scss

@@ -0,0 +1,133 @@
+* {
+  box-sizing: border-box;
+  font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+
+.Nxd-template {
+  display: flex;
+  flex-flow: row wrap;
+  width: 100%;
+  justify-content: center;
+}
+
+.Nxd-main {
+  outline: none;
+}
+
+@media #{$M-plus} {
+  .Nxd-main {
+    height: calc(100vh - 111px);
+  }
+}
+
+.Nxd-landing-main {
+  padding: $unit3 $unit4;
+}
+
+.container {
+  max-width: 1300px;
+  padding: $unit3 $spacing 0;
+  margin: auto;
+}
+
+.row {
+  max-width: 1300px;
+  margin-left: -0.9375rem;
+  margin-right: -0.9375rem;
+}
+
+img {
+  max-width: 100%;
+}
+
+table {
+  code {
+    white-space: nowrap;
+  }
+}
+
+.spacious {
+  padding: $spacing*2 0;
+}
+
+.clearfix {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+@keyframes spin {
+  0%   {-webkit-transform: rotate(0deg)}
+  100% {-webkit-transform: rotate(359deg)}
+}
+
+.spinner {
+  width: 100%;
+  margin: $spacing*2 0;
+  text-align: center;
+  animation: spin 1.2s infinite ease-in-out;
+  i {
+    font-size: 40px;
+    color: $mint;
+  }
+}
+
+.flex {
+  display: flex;
+}
+
+.flex--auto {
+  > * { flex: 1; }
+}
+
+.hide {
+  display: none;
+}
+
+.grecaptcha-badge {
+  display: none;
+}
+
+.float-right {
+  float: right;
+}
+
+.Nxd-header-notices {
+  .Vlt-callout {
+    margin-bottom: $unit4;
+  }
+}
+
+table {
+  .Vlt-icon:not(.Vlt-icon--smaller) {
+    display: block;
+    margin: 0 auto;
+  }
+}
+
+.Vlt-title--icon {
+  position: relative
+}
+
+.heading-permalink {
+  opacity: 0;
+  transition: opacity 0.2s;
+  position: absolute;
+  left: -20px;
+
+  svg {
+    height: 18px !important;
+    width: 18px !important;
+  }
+
+  .Vlt-title--icon:hover & {
+    opacity: 1;
+  }
+}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/mediaqueries.scss

@@ -0,0 +1,48 @@
+// We only use 2 breakpoints because normally we design for 3 screen: phone, tablet and desktop
+// There's no point in having more than these breakpoints if we're not going to provide design for them
+
+$big-screen: 768px;
+$small-screen: 576px;
+
+$big-screen-w-sidenav: 1038px;
+$small-screen-w-sidenav: 846px;
+
+$S-only: 'only screen and (max-width: #{$small-screen - 1})';
+$M-only: 'only screen and (min-width: #{$small-screen} ) and (max-width: #{$big-screen - 1})';
+$M-plus: 'only screen and (min-width: #{$small-screen} )';
+$M-less: 'only screen and (max-width: #{$big-screen - 1})';
+$L-plus: 'only screen and (min-width: #{$big-screen})';
+
+.Vlt-S-only {
+	@media #{$M-plus} {
+		display: none !important;
+	}
+}
+
+.Vlt-M-only {
+	@media #{$S-only} {
+		display: none !important;
+	}
+
+	@media #{$L-plus} {
+		display: none !important;
+	}
+}
+
+.Vlt-L-plus {
+	@media #{$M-less} {
+		display: none !important;
+	}
+}
+
+.Vlt-M-plus {
+	@media #{$S-only} {
+		display: none !important;
+	}
+}
+
+.Vlt-M-less {
+	@media #{$L-plus} {
+		display: none !important;
+	}
+}

data/lib/nexmo/oas/renderer/public/assets/stylesheets/sass/navigation.scss

@@ -0,0 +1,106 @@
+@mixin highlighted-navigation($color) {
+  a, span {
+    color: $color;
+    opacity: 0.8;
+    transition: opacity 200ms ease-in-out;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+.Vlt-sidenav {
+  flex: 0 0 300px;
+  width: 300px;
+}
+
+.Vlt-sidemenu--flat {
+  .Vlt-sidemenu__link {
+    padding: 4px 10px;
+  }
+
+  li {
+    a {
+      font-weight: 900;
+    }
+
+    li {
+      a {
+        font-weight: 600;
+      }
+
+      li {
+        a {
+          font-weight: 400;
+        }
+      }
+    }
+  }
+}
+
+.Vlt-sidemenu__title + ul > li {
+  margin-left: 0 !important;
+}
+
+@media #{$M-plus} {
+  .Vlt-sidenav {
+    height: calc(100vh - 111px);
+  }
+}
+
+.navigation--documentation {
+  .navigation-item--tutorials a {
+    color: $green-dark;
+  }
+
+  .navigation-item--api-reference a {
+    color: $blue-dark;
+  }
+
+  .navigation-item--sdk-documentation > a {
+    color: $green
+  }
+
+  .navigation-item--ncco-reference a {
+    color: $teal;
+
+    .navigation-item--ncco-reference a {
+      color: $teal;
+    }
+  }
+}
+
+#Vlt-sidenav-mobile-trigger {
+  display: inline-block;
+  margin-top: $unit0;
+  margin-right: $unit2;
+
+  svg {
+    height: 24px;
+    width: 24px;
+  }
+
+  @media #{$M-plus} {
+    display: none;
+  }
+}
+
+.Nxd-tutorial {
+  border-right: 1px solid silver;
+}
+.Nxd-tutorial-sidenav {
+  a {
+    color: black;
+  }
+  padding: 0px;
+
+  li li {
+    margin-left: 10px !important;
+  }
+}
+
+
+.Vlt-sidemenu__link_active {
+  color: white !important;
+}