Merge branch 'master' into littledata-docs-update

Author: edwardupton

.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

.gitignore

@@ -11,3 +11,4 @@ node_modules/
 src/assets/docs.bundle.js
 yarn-error.log
 # Make sure to update `analytics` to the full path to your Typewriter client.
+.vscode/spellright.dict

CODEOWNERS

@@ -1,12 +1,12 @@
 # The default owners for everything in
 # the repo. Unless a later match takes precedence.
-CODEOWNERS  @sanscontext @markzegarelli @nielst @XavierAgostini @danielstjules @stephment
+CODEOWNERS  @segmentio/segment-doc-team
 
 # Diagram library
 /diagram-library @sanscontext
 
 # Utility scripts
-/scripts @sanscontext @bryanmikaelian @XavierAgostini
+/scripts @segmentio/segment-doc-team @XavierAgostini
 
 # Vale Linting
 /vale-styles @segmentio/segment-doc-team
@@ -21,10 +21,10 @@ CODEOWNERS  @sanscontext @markzegarelli @nielst @XavierAgostini @danielstjules @
 
 
 # Libraries owners
-/src/connections/catalog/libraries  @osamakhn @bsneed @lubird @pooyaj @juliofarah
+/src/connections/catalog/libraries  @osamakhn @bsneed @pooyaj @juliofarah
 
 # Destination owners
-/src/connections/destinations  @n2parko @danielstjules @benhorowitz
+/src/connections/destinations  @segmentio/segment-doc-team
 
 
 # Privacy owners

Gemfile.lock

@@ -1,55 +1,56 @@
 GIT
   remote: https://github.com/jekyll/jekyll.git
-  revision: 1d7d11be61196b45b4645fd8cd73776e8fe8d184
+  revision: 11ff8aa0dd610fa26689dc8d2d42decd3bba79ee
   specs:
-    jekyll (4.0.0)
+    jekyll (4.1.1)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
-      i18n (>= 0.9.5, < 2)
+      i18n (~> 1.0)
       jekyll-sass-converter (~> 2.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 2.1)
+      kramdown (~> 2.3)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (~> 0.4.0)
       pathutil (~> 0.9)
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
-      terminal-table (~> 1.8)
+      terminal-table (~> 2.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    commonmarker (0.20.1)
+    commonmarker (0.21.0)
       ruby-enum (~> 0.5)
-    concurrent-ruby (1.1.5)
-    dotenv (2.7.5)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.1.7)
+    dotenv (2.7.6)
+    em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    faraday (0.17.1)
+    faraday (1.1.0)
       multipart-post (>= 1.2, < 3)
-    ffi (1.11.3)
+      ruby2_keywords
+    ffi (1.13.1)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
-    i18n (1.7.0)
+    i18n (1.8.5)
       concurrent-ruby (~> 1.0)
     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.2.1)
+    jekyll-last-modified-at (1.3.0)
       jekyll (>= 3.7, < 5.0)
       posix-spawn (~> 0.3.9)
-    jekyll-redirect-from (0.15.0)
+    jekyll-redirect-from (0.16.0)
       jekyll (>= 3.3, < 5.0)
-    jekyll-sass-converter (2.0.1)
+    jekyll-sass-converter (2.1.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
@@ -62,39 +63,41 @@ GEM
     liquid (4.0.3)
     liquid-c (4.0.0)
       liquid (>= 3.0.0)
-    listen (3.2.0)
+    listen (3.3.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.3.6)
+    mercenary (0.4.0)
     multipart-post (2.1.1)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    posix-spawn (0.3.13)
-    premonition (2.0.0)
-    public_suffix (4.0.1)
+    posix-spawn (0.3.15)
+    premonition (2.0.1)
+    public_suffix (4.0.6)
     rake (13.0.1)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    rb-fsevent (0.10.4)
+    rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.4)
-    rouge (3.13.0)
-    ruby-enum (0.7.2)
+    rouge (3.25.0)
+    ruby-enum (0.8.0)
       i18n
+    ruby2_keywords (0.0.2)
     safe_yaml (1.0.5)
-    sassc (2.2.1)
+    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.5)
+    tzinfo (1.2.8)
       thread_safe (~> 0.1)
-    tzinfo-data (1.2019.3)
+    tzinfo-data (1.2020.4)
       tzinfo (>= 1.0.0)
-    unicode-display_width (1.6.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)
+      })
+    }
+  }
+}