station 0.0.0 → 0.0.93

data/lib/nexmo_developer/app/webpacker/javascript/volta_tabbed_examples/index.js

@@ -0,0 +1,106 @@
+import UserPreference from './user_preference'
+
+export default class VoltaTabbedExamples {
+  constructor() {
+    this.userPreference = new UserPreference(true);
+
+    if ($('.Vlt-tabs').length) {
+      this.context = $('.Vlt-tabs');
+      this.restoreTabs = this.restoreTabs.bind(this)
+      this.setupEvents = this.setupEvents.bind(this)
+      this.onTabClick = this.onTabClick.bind(this)
+      this.onPopState = this.onPopState.bind(this)
+      this.persistLanguage = this.persistLanguage.bind(this)
+      this.restoreTabs()
+      this.setupEvents()
+    }
+  }
+
+  shouldRestoreTabs() {
+    return !this.context.find('.Vlt-tabs__header--bordered').data('has-initial-tab');
+  }
+
+  languages() {
+    let obj = {}
+
+    $(this.context).find(`[data-language]`).each(function(index, el) {
+      $(el).data('language').split(',').forEach(function(language) {
+        obj[language] = {
+          platform: $(el).data('platform') || false
+        }
+      })
+    })
+
+    return obj
+  }
+
+  restoreTabs() {
+    if (this.shouldRestoreTabs()) {
+      let languages = this.languages()
+      const language = this.userPreference.topMatch(Object.keys(languages))
+
+      if (language) {
+        if (languages[language]['platform']) {
+          this.setPlatform(languages[language]['platform'], this.context)
+        } else {
+          this.setLanguage(language);
+        }
+      }
+    } else {
+      const selectedLanguage = this.context.find('li.Vlt-tabs__link_active').data('language');
+      this.setLanguage(selectedLanguage);
+    }
+  }
+
+  setupEvents() {
+    $('.Vlt-tabs__link').click(this.onTabClick)
+    $(window).on('popstate', this.onPopState)
+  }
+
+  onPopState(event) {
+    if (window.history.state && window.history.state.language) {
+      this.setLanguage(window.history.state.language)
+    }
+  }
+
+  onTabClick(event) {
+    // Prevent nested tabs from changing the url
+    if ($(event.target).parents('.Vlt-tabs').length > 1) { return; }
+
+    const language = $(event.currentTarget).data('language')
+    const languageType = $(event.currentTarget).data('language-type')
+    const linkable = $(event.currentTarget).data('language-linkable')
+
+    if (language) {
+      if (linkable) {
+        if ($(".skip-pushstate").length == 0) {
+          document.dispatchEvent(new CustomEvent('codeLanguageChange', { "detail": { "language": language } }));
+          const rootPath = $('body').data('push-state-root')
+          window.history.pushState({language}, 'language', `${rootPath}/${language}`)
+        }
+      }
+
+      this.persistLanguage(language, languageType, linkable)
+    }
+  }
+
+  persistLanguage(language, languageType) {
+    if (language) {
+      this.userPreference.promote(languageType, language)
+    }
+  }
+
+  setLanguage(language) {
+      setTimeout(() => {
+        $(`[data-language='${language}']`).click();
+
+        // Remove skip pushstate after the first load. This is a bit of a hack, but it works to stop breaking
+        // the back button
+        $(".skip-pushstate").removeClass('skip-pushstate');
+      }, 0);
+  }
+
+  setPlatform(platform) {
+      setTimeout(() => { $(`[data-platform='${platform}']`).click(); }, 0);
+  }
+}

data/lib/nexmo_developer/app/webpacker/javascript/volta_tabbed_examples/user_preference.js

@@ -0,0 +1,78 @@
+import intersection from 'lodash/intersection'
+
+export default class UserPreference {
+  constructor(useSingleStore) {
+    this.useSingleStore = useSingleStore;
+    this.platformPreference = this.platforms()
+    this.terminalProgramsPreference = this.terminalPrograms()
+    this.frameworkPreference = this.frameworks()
+  }
+
+  languages() {
+    return this.get(this.getKeyFromType('languages'))
+  }
+
+  platforms() {
+    return this.get(this.getKeyFromType('platforms'))
+  }
+
+  terminalPrograms() {
+    return this.get(this.getKeyFromType('terminal_programs'))
+  }
+
+  frameworks() {
+    return this.get(this.getKeyFromType('frameworks'))
+  }
+
+  all() {
+    return this.platforms().concat(
+      this.terminalPrograms(),
+      this.languages(),
+      this.frameworks()
+    )
+  }
+
+  getKeyFromType(type) {
+    if (this.useSingleStore) {
+        return 'preferences.all';
+    }
+    switch (type) {
+      case 'languages': return 'preferences.languages'
+      case 'platforms': return 'preferences.platforms'
+      case 'terminal_programs': return 'preferences.terminal_programs'
+      case 'frameworks': return 'preferences.frameworks'
+    }
+  }
+
+  getByType(type) {
+    switch (type) {
+      case 'languages': return this.languages()
+      case 'platforms': return this.platforms()
+      case 'terminal_programs': return this.terminalPrograms()
+      case 'frameworks': return this.frameworks()
+    }
+  }
+
+  get(key) {
+    const value = window.localStorage.getItem(key)
+    if (!value) { return [] }
+    return JSON.parse(value)
+  }
+
+  store(type, value) {
+    const key = this.getKeyFromType(type)
+    localStorage.setItem(key, JSON.stringify(value))
+  }
+
+  promote(type, value) {
+    let list = this.getByType(type) || [];
+    list = list.filter(item => item !== value)
+    list.unshift(value)
+    this.store(type, list)
+  }
+
+  topMatch(available) {
+    const result = intersection(this.all(), available)
+    return result[0] || false
+  }
+}

data/lib/nexmo_developer/app/webpacker/packs/application.js

@@ -0,0 +1,136 @@
+/* eslint no-console:0 */
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
+//
+// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
+// layout file, like app/views/layouts/application.html.erb
+
+import '@babel/polyfill'
+import '@vonagevolta/volta2/js/addons/prism'
+
+import Rails from "@rails/ujs"
+
+import '../stylesheets/application'
+
+require.context('@vonagevolta/volta2/images/logos', true)
+require.context('@vonagevolta/volta2/dist/symbol', true)
+
+// XXX: hack for Volta, unfortunately it doesn't provide modules :(
+import Volta from "../javascript/volta/volta.js"
+
+import Vue from 'vue'
+
+import { TweenLite, CSSPlugin } from 'gsap'
+import GithubCards from '../javascript/github_cards'
+import VoltaTabbedExamples from '../javascript/volta_tabbed_examples'
+import Format from '../javascript/format'
+import Scroll from '../javascript/scroll'
+import Spotlight from '../javascript/spotlight'
+import Notices from '../javascript/notices'
+import Feedback from '../javascript/components/feedback/Feedback.vue'
+import JwtGenerator from '../javascript/components/jwt_generator/JwtGenerator.vue'
+import Search from '../javascript/components/search/Search.vue'
+import Concatenation from '../javascript/components/concatenation/Concatenation.vue'
+import APIStatus from '../javascript/api_status'
+import CodeSnippetEvents from '../javascript/code_snippet_events'
+import Sidenav from '../javascript/sidenav/index'
+import Careers from '../javascript/careers'
+import LocaleSwitcher from '../javascript/locale_switcher'
+
+$(document).ready(function() {
+  Rails.start()
+  Scroll()
+  Notices()
+  GithubCards()
+  new VoltaTabbedExamples
+  new Format
+  APIStatus()
+  Scroll()
+  CodeSnippetEvents()
+  new Sidenav()
+  Spotlight()
+  new Careers
+  new LocaleSwitcher
+
+  if (document.getElementById('jwt-generator-app')) {
+    new Vue({
+      el: '#jwt-generator-app',
+      template: '<JwtGenerator/>',
+      components: { JwtGenerator }
+    })
+  }
+
+  if (document.getElementById('search-app')) {
+    new Vue({
+      el: '#search-app',
+      template: '<Search/>',
+      components: { Search }
+    })
+  }
+
+  if (document.getElementById('feedback-app')) {
+    new Vue({
+      el: '#feedback-app',
+      template: '<Feedback/>',
+      render: createElement => {
+        return createElement(Feedback, { props: window.feedbackProps });
+      }
+    })
+  }
+
+  if (document.getElementById('concatenation-app')) {
+    new Vue({
+      el: '#concatenation-app',
+      template: '<Concatenation/>',
+      components: { Concatenation }
+    })
+  }
+
+  Volta.init(['accordion', 'tooltip', 'tab', 'modal', 'dropdown'])
+
+  setTimeout(function() {
+    const sidebarActive = document.querySelector('.Vlt-sidemenu__link_active')
+    if (sidebarActive){
+      sidebarActive.scrollIntoView(true);
+    }
+
+    document.getElementById('header').focus();
+  }, 100);
+
+  // If there are any links in the sidebar, we need to be able to click them
+  // and not trigger the Volta accordion
+  $(".Vlt-sidemenu__trigger a").click(function(){
+    window.location = $(this).attr("href");
+    return false;
+  });
+
+  // Track A/B testing clicks
+  $("[data-ab]").click(function(e) {
+    let r =  new Request('/usage/ab_result', {
+        method: 'POST',
+        credentials: 'same-origin',
+        body: JSON.stringify({'t': $(this).data('ab')}),
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    });
+
+    fetch(r).then((response) => {
+        if (response.ok) { return response.json() }
+        return Promise.reject({ message: 'Bad response from server', response })
+    });
+  });
+
+  // Mermaid diagrams
+  mermaid.initialize({
+      startOnLoad:true,
+      sequence: {
+          useMaxWidth: false,
+      },
+      themeCSS: '.actor { fill: #BDD5EA; stroke: #81B1DB; }',
+      htmlLabels: true
+  });
+});
+

data/lib/nexmo_developer/app/webpacker/stylesheets/application.scss

@@ -0,0 +1,62 @@
+@import '~@vonagevolta/volta2/scss/volta';
+
+@import '~@vonagevolta/volta2/scss/templates/volta-templates';
+@import '~@vonagevolta/volta2/scss/layout/article';
+@import '~@vonagevolta/volta2/scss/layout/utils';
+@import "~@vonagevolta/volta2/scss/components/buttons";
+@import "~@vonagevolta/volta2/scss/components/tabs";
+@import "~@vonagevolta/volta2/scss/components/side-navigation/side-nav--structure";
+@import "~@vonagevolta/volta2/scss/components/side-navigation/side-nav--light";
+@import "~@vonagevolta/volta2/scss/components/card";
+@import "~@vonagevolta/volta2/scss/components/badge";
+@import "~@vonagevolta/volta2/scss/components/color-classes";
+@import "~@vonagevolta/volta2/scss/components/boxes";
+@import "~@vonagevolta/volta2/scss/components/form-elements";
+@import "~@vonagevolta/volta2/scss/components/spinner";
+@import "~@vonagevolta/volta2/scss/components/tables";
+@import "~@vonagevolta/volta2/scss/components/callouts";
+@import "~@vonagevolta/volta2/scss/components/flash-messages";
+@import "~@vonagevolta/volta2/scss/components/tabs";
+@import "~@vonagevolta/volta2/scss/components/lists";
+@import "~@vonagevolta/volta2/scss/components/accordions";
+@import "~@vonagevolta/volta2/scss/components/tooltips";
+@import "~@vonagevolta/volta2/scss/components/dropdowns";
+@import "~@vonagevolta/volta2/scss/components/modals";
+@import "~@vonagevolta/volta2/scss/components/empties";
+
+// this should be imported last
+@import '~@vonagevolta/volta2/scss/volta-prism';
+
+/// NDP styles
+@import "./custom/variables";
+@import "./custom/core";
+@import "./custom/typography";
+@import "./custom/syntax";
+@import "./custom/mixins";
+
+@import "./objects/building-block";
+@import "./objects/card";
+@import "./objects/collapsible";
+@import "./objects/content-block";
+@import "./objects/extend";
+@import "./objects/focus";
+@import "./objects/icons";
+@import "./objects/js-sequence-diagram";
+@import "./objects/navigation";
+@import "./objects/notices";
+@import "./objects/tabs";
+@import "./objects/video";
+@import "./objects/use_cases";
+
+@import "./layout/api";
+@import "./layout/careers";
+@import "./layout/community";
+@import "./layout/feedback";
+@import "./layout/footer";
+@import "./layout/header";
+@import "./layout/hero";
+@import "./layout/team";
+@import "./layout/search";
+@import "./layout/print";
+
+@import "./themes/ea";

data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_core.scss

@@ -0,0 +1,196 @@
+* {
+  box-sizing: border-box;
+  font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+}
+
+html {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  height: 100%;
+}
+
+em {
+  font-style: italic;
+}
+
+#logo {
+  display: flex;
+}
+
+.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 - 150px);
+    margin-top: 150px;
+    padding: 0px 32px;
+  }
+}
+
+.Nxd-landing-main {
+  margin-top: 150px;
+  padding: $unit3 $unit4;
+}
+
+.container {
+  max-width: 1300px;
+  padding: $unit3 $spacing 0;
+  margin: 150px 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 {
+  padding: 0 32px;
+
+  .Vlt-callout {
+    max-width: 1300px;
+    margin: auto;
+    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;
+  }
+}
+
+.Ndx-task__code-language-list li {
+  margin-top: 5px;
+}
+
+.Ndx-task-step__code-language {
+  svg, img {
+    height: 20px;
+    width: 20px;
+    margin-bottom: -4px;
+  }
+}
+
+.Nxd-task-step-list {
+  a {
+    color: black;
+  }
+
+  .Nxd-step {
+    margin-left: -15px;
+    margin-bottom: 15px;
+  }
+}
+
+.Vlt-sidenav {
+  display: inline-flex; // Temporary
+}
+
+.Nxd-products-list {
+  a {
+    color: $black !important;
+  }
+}
+
+
+// Volta overrides until they update it.
+.Vlt-badge--blue {
+  background: #0098E8;
+}
+
+code .token.function{
+  color: #E75B2F !important;
+}