[netlify-ignore] Merge branch 'master' into jenskene-patch-1

Author: markzegarelli

.buildkite/pipeline.yml

@@ -1,4 +1,23 @@
 steps:
+  - label: ":hammer: Install Dependencies"
+    command:
+      - make deps
+    env:
+      SEGMENT_CONTEXTS: "snyk, aws-credentials"
+    plugins:
+      - docker#v3.3.0:
+          image: jekyll/jekyll:4.2.0
+      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v3.0.0:
+          key: "v2-cache-gem-{{ checksum 'Gemfile.lock' }}"
+          paths: [ "vendor/" ]
+          save: true
+      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v3.0.0:
+          key: "v2-cache-npm-{{ checksum 'yarn.lock' }}"
+          paths: [ "node_modules/" ]
+          save: true
+
+  - wait: ~
+
   - label: ":hammer: Build Dependencies and Docs"
     command:
       - make test
@@ -10,18 +29,17 @@ steps:
         - build_package.tar.gz
     plugins:
       - docker#v3.3.0:
-          image: jekyll/jekyll
+          image: jekyll/jekyll:4.2.0
           environment:
             - BUILDKITE_BRANCH
-
-      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v1.0.0:
-          key: "v1-cache-gem-{{ checksum 'Gemfile.lock' }}"
+      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v3.0.0:
+          key: "v2-cache-gem-{{ checksum 'Gemfile.lock' }}"
           paths: [ "vendor/" ]
-      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v1.0.0:
-          key: "v1-cache-npm-{{ checksum 'yarn.lock' }}"
+      - ssh://[email protected]/segmentio/cache-buildkite-plugin#v3.0.0:
+          key: "v2-cache-npm-{{ checksum 'yarn.lock' }}"
           paths: [ "node_modules/" ]
-     
-  - wait
+
+  - wait: ~
 
   - label: ":shipit: Deploy Docs to S3"
     env:
@@ -30,4 +48,4 @@ steps:
     command:
       - buildkite-agent artifact download build_package.tar.gz .
       - make unzip-artifacts
-      - make upload-docs
+      - make upload-docs

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

Gemfile.lock

@@ -1,6 +1,6 @@
 GIT
   remote: https://github.com/jekyll/jekyll.git
-  revision: e739c777fc8fb63b9890c0738983af6f1d525966
+  revision: 11ff8aa0dd610fa26689dc8d2d42decd3bba79ee
   specs:
     jekyll (4.1.1)
       addressable (~> 2.4)
@@ -16,7 +16,7 @@ GIT
       pathutil (~> 0.9)
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
-      terminal-table (~> 1.8)
+      terminal-table (~> 2.0)
 
 GEM
   remote: https://rubygems.org/
@@ -32,8 +32,9 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    faraday (1.0.1)
+    faraday (1.1.0)
       multipart-post (>= 1.2, < 3)
+      ruby2_keywords
     ffi (1.13.1)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
@@ -42,7 +43,7 @@ GEM
     jekyll-commonmark (1.3.1)
       commonmarker (~> 0.14)
       jekyll (>= 3.7, < 5.0)
-    jekyll-include-cache (0.2.0)
+    jekyll-include-cache (0.2.1)
       jekyll (>= 3.7, < 5.0)
     jekyll-last-modified-at (1.3.0)
       jekyll (>= 3.7, < 5.0)
@@ -62,7 +63,7 @@ GEM
     liquid (4.0.3)
     liquid-c (4.0.0)
       liquid (>= 3.0.0)
-    listen (3.2.1)
+    listen (3.3.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
@@ -77,24 +78,26 @@ GEM
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.4)
-    rouge (3.23.0)
+    rouge (3.25.0)
     ruby-enum (0.8.0)
       i18n
+    ruby2_keywords (0.0.2)
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
-    terminal-table (1.8.0)
+    terminal-table (2.0.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
     thread_safe (0.3.6)
-    tzinfo (1.2.7)
+    tzinfo (1.2.8)
       thread_safe (~> 0.1)
-    tzinfo-data (1.2020.2)
+    tzinfo-data (1.2020.4)
       tzinfo (>= 1.0.0)
     unicode-display_width (1.7.0)
     wdm (0.1.1)
 
 PLATFORMS
   ruby
+  x86_64-linux-musl
 
 DEPENDENCIES
   dotenv
@@ -113,4 +116,4 @@ DEPENDENCIES
   wdm (~> 0.1.0)
 
 BUNDLED WITH
-   2.0.2
+   2.2.2

Makefile

@@ -101,8 +101,9 @@ node_modules: package.json yarn.lock
 vendor/bundle:
 	@export BUNDLE_PATH="vendor/bundle"
 	@mkdir -p vendor && mkdir -p vendor/bundle
-	@chmod -R 777 vendor/
-	@bundle install --path=vendor/bundle
+	@chmod -R 777 vendor/ Gemfile.lock
+	@bundle config set --local path 'vendor/bundle'
+	@bundle install
 
 
 .PHONY: lint

_config.yml

@@ -38,6 +38,10 @@ defaults:
       landing: true
       layout: integration
 
+collections:
+  release_notes:
+    output: false
+
 plugins_dir: ./_plugins
 plugins:
   - jekyll-sitemap

_plugins/jekyll-faq.rb

@@ -14,8 +14,8 @@ def render(context)
       <div class="accordion__heading" data-ref="accordion[trigger]">
         <%= key.split("|")[0] %>
         <div class="accordion__icon">
-          <svg width="10" height="6" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1.36.27l-.72.7L5 5.39 9.36.97l-.72-.7L5 3.97z" fill-rule="nonzero"/>
+          <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.87 4.17s.01 0 0 0l-3.5-4A.498.498 0 004 0c-.15 0-.28.07-.37.17l-3.5 4A.495.495 0 00.5 5h7a.495.495 0 00.37-.83z" fill="#8F95B2"/>
           </svg>
         </div>
       </div>

js/feedback/index.js

@@ -14,7 +14,7 @@ export default function() {
   const helpfulTemplate = [...templates].filter(
     (template) => template.dataset.feedbackTemplate === 'helpful'
   )
-  const unhelpfulTemplatte = [...templates].filter(
+  const unhelpfulTemplate = [...templates].filter(
     (template) => template.dataset.feedbackTemplate === 'unhelpful'
   )
   const alternateTemplate = [...templates].filter(
@@ -96,8 +96,11 @@ export default function() {
 
   const addActiveClasses = (elements) => {
     for (let i = 0; i < elements.length; i++) {
-      const activeClass = elements[i].getAttribute(ACTIVE_CLASS)
-      elements[i].classList.add(activeClass)
+      const activeClasses = elements[i].getAttribute(ACTIVE_CLASS).split(' ')
+      
+      for (let c = 0; c < activeClasses.length; c++) {
+        elements[i].classList.add(activeClasses[c])
+      }
     }
   }
 

js/glightbox/index.js

@@ -0,0 +1,49 @@
+import GLightbox from 'glightbox'
+
+const COMPONENT_SELECTOR = '[data-glightbox]'
+
+const closeIcon = `<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.41 5L9.7 1.71c.19-.18.3-.43.3-.71A1.003 1.003 0 008.29.29L5 3.59 1.71.29A1.003 1.003 0 00.29 1.71L3.59 5 .3 8.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L5 6.41 8.29 9.7c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L6.41 5z" fill="#fff"/>
+</svg>`
+
+const nextIcon = `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7 6.29l-5-5a.965.965 0 00-.71-.3 1.003 1.003 0 00-.71 1.71l3.29 3.29H1.99c-.55 0-1 .45-1 1s.45 1 1 1h9.59l-3.29 3.29a1.003 1.003 0 001.42 1.42l5-5c.18-.18.29-.43.29-.71 0-.28-.12-.52-.3-.7z" fill="#fff"/>
+</svg>
+`
+
+const prevIcon = `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.99 5.99H4.41L7.7 2.7a1.003 1.003 0 00-1.42-1.42l-5 5a1.014 1.014 0 000 1.42l5 5a1.003 1.003 0 001.42-1.42L4.41 7.99H14c.55 0 1-.45 1-1s-.46-1-1.01-1z" fill="#fff"/>
+</svg>`
+
+export default function () {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  for (let c = 0; c < components.length; c++) {
+    const images = components[c].querySelectorAll('img')
+
+    const gallery = GLightbox({
+      elements: [...images].map((image) => {
+        return {
+          'href': image.getAttribute('src'),
+          'type': 'image',
+          'description': image.getAttribute('alt'),
+        }
+      }),
+      openEffect: 'fade',
+      closeEffect: 'fade',
+      svg: {
+        close: closeIcon,
+        next: nextIcon,
+        prev: prevIcon
+      }
+    })
+
+    for (let i = 0; i < images.length; i++) {
+      images[i].addEventListener('click', (event) => {
+        event.preventDefault()
+
+        gallery.openAt(i)
+      })
+    }
+  }
+}

js/headings-anchors/index.js

@@ -11,7 +11,7 @@ export default function () {
     const headings = components[i].querySelectorAll(HEADINGS_SELECTOR)
 
     for (let i = 0; i < headings.length; i++) {
-      if (!headings[i].classList.contains('media-thumbnail__heading') && !headings[i].classList.contains('media-icon__heading')) {
+      if (!headings[i].classList.contains('reference-button__heading')) {
         const tooltip = tippy(headings[i], {
           content: 'Copied!',
           theme: 'dark',

js/index.js

@@ -17,6 +17,7 @@ import relativeLinks from './relative-links'
 import sideMenu from './side-menu'
 import tracking from './tracking'
 import searchBar from './search-bar'
+import glightbox from './glightbox'
 feedback()
 accordion()
 accordionGroup()
@@ -36,3 +37,4 @@ relativeLinks()
 sideMenu()
 tracking()
 searchBar()
+glightbox()