segmentio · danielstjules · Oct 25, 2019 · Sep 26, 2019 · Sep 26, 2019 · Sep 26, 2019
@@ -71,7 +71,6 @@ docker-build:
 	@$(DOCKER_TTY) make build
 	bundle install
 
-
 #.PHONY: docs
 #docs: node_modules
 #	$(BIN)/webpack --mode=production

@@ -9,8 +9,6 @@ You will need to have Docker installed https://docs.docker.com/install/
 
 * If using Linux, run `docker-compose up`
 
-* Visit http://localhost:4000/docsv2/
-
 # Local development with `ruby` and `node`, without platform-api
 
 * If using OSX, install command line tools, `xcode-select --install`

@@ -4,6 +4,8 @@ baseurl: "/docsv2" # the subpath of your site, e.g. /blog
 url: "http://0.0.0.0:4000" # the base hostname & protocol for your site, e.g. http://example.com
 source: ./src
 
+permalink: /:categories/:title/
+
 # Build settings
 markdown: kramdown
 highlighter: rouge
@@ -20,12 +22,17 @@ defaults:
       path: "connections/destinations"
     values:
       integration_type: destination
+      layout: integration
   - scope:
       path: "connections/sources/catalog"
     values:
       integration_type: source
+  - scope:
+      path: "connections/warehouses/catalog"
+    values:
+      integration_type: warehouse
 
-permalink: /:categories/:title/
+plugins_dir: ./_plugins
 plugins:
   - jekyll-sitemap
   - jekyll-redirect-from

@@ -0,0 +1,54 @@
+require "erb"
+
+module Jekyll
+  module CodeExample
+    class CodeExample < Liquid::Block
+      def render(context)
+        environment = context.environments.first
+        environment['codeexample'] = {} # reset each time
+        super
+          template = ERB.new <<-EOF
+<div class="code-example" data-code-example>
+  <div class="code-example__nav flex" data-ref="code-example[nav]">
+    <% environment['codeexample'].each_with_index do |(key, _), index| %>
+      <div class="code-example__nav-item flex__column flex__column--shrink" data-class-active="code-example__nav-item--active">
+        <a href="#" class="code-example__nav-link"><%= key %></a>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="code-example__body" data-ref="code-example[body]">
+    <% environment['codeexample'].each do |_, value| %>
+      <div class="code-example__tab" data-class-active="code-example__tab--active"><%= value %></div>
+    <% end %>
+  </div>
+</div>
+EOF
+        template.result(binding)
+      end
+    end
+
+    class CodeExampleTab < Liquid::Block
+      alias_method :render_block, :render
+
+      def initialize(tag_name, markup, tokens)
+        super
+        if markup == ""
+          raise SyntaxError.new("No toggle name given in #{tag_name} tag")
+        end
+        @toggle = markup.strip
+      end
+
+      def render(context)
+        site = context.registers[:site]
+        converter = site.find_converter_instance(::Jekyll::Converters::Markdown)
+        environment = context.environments.first
+        environment['codeexample'] ||= {}
+        environment['codeexample'][@toggle] = converter.convert(render_block(context))
+      end
+    end
+  end
+end
+
+Liquid::Template.register_tag("codeexampletab", Jekyll::CodeExample::CodeExampleTab)
+Liquid::Template.register_tag("codeexample", Jekyll::CodeExample::CodeExample)
@@ -0,0 +1,74 @@
+module Jekyll
+
+  module Humanize
+    ##
+    # This is a port of the Django app `humanize` which adds a "human touch"
+    # to data. Given that Jekyll produces static sites, some of the original
+    # methods do not make logical sense (e.g. naturaltime).
+    #
+    # Source code can be viewed here:
+    # https://github.com/django/django
+    #
+    # Copyright (c) Django Software Foundation and individual contributors.
+    # All rights reserved.
+
+    ####################
+    #  PUBLIC METHODS  #
+    ####################
+
+    def ordinal(value, flag=nil)
+      ##
+      # Converts an integer to its ordinal as a string. 1 is '1st', 2 is '2nd',
+      # 3 is '3rd', etc. Works for any integer.
+      #
+      # Usage:
+      # {{ somenum }} >>> 3
+      # {{ somenum | ordinal }} >>> '3rd'
+      # {{ somenum | ordinal: "super" }} >>> '3<sup>rd</sup>'
+
+      begin
+        value = value.to_i
+        flag.to_s.downcase!
+      rescue Exception => e
+        puts "#{e.class} #{e}"
+        return value
+      end
+
+      suffix = ""
+      suffixes = ["th", "st", "nd", "rd", "th", "th", "th", "th", "th", "th"]
+      unless [11, 12, 13].include? value % 100 then
+        suffix = suffixes[value % 10]
+      else
+        suffix = suffixes[0]
+      end
+
+      unless flag and flag == "super"
+        return "#{value}%s" % suffix
+      else
+        return "#{value}<sup>%s</sup>" % suffix
+      end
+
+    end
+
+    #####################
+    #  PRIVATE METHODS  #
+    #####################
+
+    private
+    def time(input)
+      case input
+      when Time
+        input
+      when String
+        Time.parse(input)
+      else
+        Jekyll.logger.error "Invalid Date:", "'#{input}' not valid datetime."
+        exit(1)
+      end
+    end
+
+  end
+
+end
+
+Liquid::Template.register_filter(Jekyll::Humanize)
@@ -0,0 +1,23 @@
+const COMPONENT_NAME = 'data-accordion-group'
+const COMPONENT_SELECTOR = `[${COMPONENT_NAME}]`
+const ACCORDION_SELECTOR = `[data-accordion]`
+
+export default function () {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  components.forEach(component => {
+    const accordions = component.querySelectorAll(ACCORDION_SELECTOR)
+
+    accordions.forEach(currentAccordion => {
+      currentAccordion.addEventListener('accordion.triggered', () => {
+        accordions.forEach(accordion => {
+          let activeClass = accordion.getAttribute('data-class-active') || 'active'
+
+          if (accordion.classList.contains(activeClass) && accordion != currentAccordion) {
+            accordion.classList.remove(activeClass)
+          }
+        })
+      })
+    })
+  })
+}
@@ -0,0 +1,29 @@
+/**
+ * Creates a custom DOM event.
+ *
+ * @param  {String} name
+ * @return {Event}
+ */
+function createEvent (name) {
+  const event = document.createEvent('Event')
+
+  event.initEvent(name, true, true)
+
+  return event
+}
+
+/**
+ * First visit
+ *
+ * Example:
+ *   el.addEventListener('cookies.firstVisit', () => { ... })
+ *
+ * @type {Event}
+ */
+const accordionTriggered = createEvent('accordion.triggered')
+
+
+
+export {
+  accordionTriggered
+}
@@ -0,0 +1,28 @@
+import { accordionTriggered } from './events'
+
+const COMPONENT_NAME = 'data-accordion'
+const COMPONENT_SELECTOR = `[${COMPONENT_NAME}]`
+const TRIGGER_SELECTOR = `[data-ref="accordion[trigger]"]`
+const BODY_SELECTOR = `[data-ref="accordion[body]"]`
+
+export default function () {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  for (let i = 0; i < components.length; i++) {
+    let body = components[i].querySelector(BODY_SELECTOR)
+    let trigger = components[i].querySelector(TRIGGER_SELECTOR)
+
+    if (body) {
+      let activeClass = components[i].getAttribute('data-class-active') || 'active'
+
+      if (trigger) {
+        trigger.addEventListener('click', (event) => {
+          event.preventDefault()
+
+          components[i].dispatchEvent(accordionTriggered)
+          components[i].classList.toggle(activeClass)
+        })
+      }
+    }
+  }
+}
@@ -0,0 +1,49 @@
+
+const COMPONENT_SELECTOR = '[data-anchors-indicator]'
+const ACTIVE_CLASS = 'data-active-class'
+const SECTION_ATTR= 'data-sections'
+const options = {
+  rootMargin: 50
+}
+
+const throttle = (fn, wait) => {
+  var time = Date.now();
+  return function() {
+    if ((time + wait - Date.now()) < 0) {
+      fn();
+      time = Date.now();
+    }
+  }
+}
+
+export default () => {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  components.forEach(component => {
+    const sectionSelector = component.getAttribute(SECTION_ATTR)
+    const activeClass = component.getAttribute(ACTIVE_CLASS)
+    const sections = document.querySelectorAll(`${sectionSelector}`)
+    const allLinks = component.querySelectorAll("a");
+
+    function scrollspy() {
+      sections.forEach(current => {
+        let currentElementOffset = current.offsetTop;
+        let scrollPosition =
+          document.documentElement.scrollTop || document.body.scrollTop;
+        if (currentElementOffset <= scrollPosition + options.rootMargin) {
+          allLinks.forEach(currentLink => {
+            currentLink.classList.remove(activeClass);
+          });
+          const currentID = current.getAttribute("id");
+
+          if ( currentID ) {
+            component
+            .querySelector(`a[href="#${currentID}"]`)
+            .classList.add(activeClass);
+          }
+        }
+      });
+    }
+    window.addEventListener("scroll", throttle(scrollspy, 200))
+  })
+}
@@ -0,0 +1,21 @@
+const COMPONENT_SELECTOR = '[data-back-scrolling]'
+
+export default function () {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  for (let i = 0; i < components.length; i++) {
+    window.onscroll = () => {
+      if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
+        components[i].classList.add(components[i].dataset.activeClass)
+      } else {
+        components[i].classList.remove(components[i].dataset.activeClass)
+      }
+    }
+
+    components[i].addEventListener('click', e => {
+      e.preventDefault()
+
+      window.scrollTo({top: 0, behavior: 'smooth'})
+    })
+  }
+}
@@ -0,0 +1,35 @@
+const COMPONENT_SELECTOR = '[data-code-example]'
+const NAV_SELECTOR = '[data-ref*="code-example[nav]"]'
+const BODY_SELECTOR = '[data-ref*="code-example[body]"]'
+
+export default function () {
+  const components = document.querySelectorAll(COMPONENT_SELECTOR)
+
+  for (let i = 0; i < components.length; i++) {
+    const tabs = components[i].querySelector(BODY_SELECTOR).children
+    const triggers = components[i].querySelector(NAV_SELECTOR).children
+
+    tabs[0].classList.add(tabs[0].getAttribute('data-class-active'))
+    triggers[0].classList.add(triggers[0].getAttribute('data-class-active'))
+
+    for (let i = 0; i < triggers.length; i++) {
+      triggers[i].addEventListener('click', (event) => {
+        event.preventDefault()
+
+        let tabActiveClass = tabs[i].getAttribute('data-class-active')
+        let triggerActiveClass = triggers[i].getAttribute('data-class-active')
+
+        for (let t = 0; t < triggers.length; t++) {
+          triggers[t].classList.remove(triggerActiveClass)
+        }
+
+        for (let t = 0; t < tabs.length; t++) {
+          tabs[t].classList.remove(tabActiveClass)
+        }
+
+        tabs[i].classList.add(tabActiveClass)
+        triggers[i].classList.add(triggerActiveClass)
+      })
+    }
+  }
+}