stenographer-rails 0.6.3 → 0.6.4

data/app/assets/stylesheets/sass/utilities/controls.sass

@@ -0,0 +1,46 @@
+$control-radius: $radius !default
+$control-radius-small: $radius-small !default
+
+$control-border-width: 1px !default
+
+$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default
+$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
+
+%control
+  -moz-appearance: none
+  -webkit-appearance: none
+  align-items: center
+  border: $control-border-width solid transparent
+  border-radius: $control-radius
+  box-shadow: none
+  display: inline-flex
+  font-size: $size-normal
+  height: 2.25em
+  justify-content: flex-start
+  line-height: 1.5
+  padding-bottom: $control-padding-vertical
+  padding-left: $control-padding-horizontal
+  padding-right: $control-padding-horizontal
+  padding-top: $control-padding-vertical
+  position: relative
+  vertical-align: top
+  // States
+  &:focus,
+  &.is-focused,
+  &:active,
+  &.is-active
+    outline: none
+  &[disabled]
+    cursor: not-allowed
+
+=control
+  @extend %control
+
+// The controls sizes use mixins so they can be used at different breakpoints
+=control-small
+  border-radius: $control-radius-small
+  font-size: $size-small
+=control-medium
+  font-size: $size-medium
+=control-large
+  font-size: $size-large

data/app/assets/stylesheets/sass/utilities/derived-variables.sass

@@ -0,0 +1,84 @@
+$primary: $turquoise !default
+
+$info: $cyan !default
+$success: $green !default
+$warning: $yellow !default
+$danger: $red !default
+
+$light: $white-ter !default
+$dark: $grey-darker !default
+
+// Invert colors
+
+$orange-invert: findColorInvert($orange) !default
+$yellow-invert: findColorInvert($yellow) !default
+$green-invert: findColorInvert($green) !default
+$turquoise-invert: findColorInvert($turquoise) !default
+$cyan-invert: findColorInvert($cyan) !default
+$blue-invert: findColorInvert($blue) !default
+$purple-invert: findColorInvert($purple) !default
+$red-invert: findColorInvert($red) !default
+
+$primary-invert: $turquoise-invert !default
+$info-invert: $cyan-invert !default
+$success-invert: $green-invert !default
+$warning-invert: $yellow-invert !default
+$danger-invert: $red-invert !default
+$light-invert: $dark !default
+$dark-invert: $light !default
+
+// General colors
+
+$background: $white-ter !default
+
+$border: $grey-lighter !default
+$border-hover: $grey-light !default
+
+// Text colors
+
+$text: $grey-dark !default
+$text-invert: findColorInvert($text) !default
+$text-light: $grey !default
+$text-strong: $grey-darker !default
+
+// Code colors
+
+$code: $red !default
+$code-background: $background !default
+
+$pre: $text !default
+$pre-background: $background !default
+
+// Link colors
+
+$link: $blue !default
+$link-invert: $blue-invert !default
+$link-visited: $purple !default
+
+$link-hover: $grey-darker !default
+$link-hover-border: $grey-light !default
+
+$link-focus: $grey-darker !default
+$link-focus-border: $blue !default
+
+$link-active: $grey-darker !default
+$link-active-border: $grey-dark !default
+
+// Typography
+
+$family-primary: $family-sans-serif !default
+$family-code: $family-monospace !default
+
+$size-small: $size-7 !default
+$size-normal: $size-6 !default
+$size-medium: $size-5 !default
+$size-large: $size-4 !default
+
+// Lists and maps
+$custom-colors: null !default
+$custom-shades: null !default
+
+$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default
+$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
+
+$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default

data/app/assets/stylesheets/sass/utilities/functions.sass

@@ -0,0 +1,62 @@
+@function mergeColorMaps($bulma-colors, $custom-colors)
+  // we return at least bulma hardcoded colors
+  $merged-colors: $bulma-colors
+
+  // we want a map as input
+  @if type-of($custom-colors) == 'map'
+    @each $name, $components in $custom-colors
+      // color name should be a string and colors pair a list with at least one element
+      @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
+        $color-base: null
+
+        // the param can either be a single color
+        // or a list of 2 colors
+        @if type-of($components) == 'color'
+          $color-base: $components
+        @else if type-of($components) == 'list'
+          $color-base: nth($components, 1)
+
+        $color-invert: null
+        // is an inverted color provided in the list
+        @if length($components) > 1
+          $color-invert: nth($components, 2)
+
+        // we only want a color as base color
+        @if type-of($color-base) == 'color'
+          // if inverted color is not provided or is not a color we compute it
+          @if type-of($color-invert) != 'color'
+            $color-invert: findColorInvert($color-base)
+
+          // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name)
+          $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert)))
+
+  @return $merged-colors
+
+@function powerNumber($number, $exp)
+  $value: 1
+  @if $exp > 0
+    @for $i from 1 through $exp
+      $value: $value * $number
+  @else if $exp < 0
+    @for $i from 1 through -$exp
+      $value: $value / $number
+  @return $value
+
+@function colorLuminance($color)
+  $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
+  @each $name, $value in $color-rgb
+    $adjusted: 0
+    $value: $value / 255
+    @if $value < 0.03928
+      $value: $value / 12.92
+    @else
+      $value: ($value + .055) / 1.055
+      $value: powerNumber($value, 2)
+    $color-rgb: map-merge($color-rgb, ($name: $value))
+  @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
+
+@function findColorInvert($color)
+  @if (colorLuminance($color) > 0.55)
+    @return rgba(#000, 0.7)
+  @else
+    @return #fff

data/app/assets/stylesheets/sass/utilities/initial-variables.sass

@@ -0,0 +1,72 @@
+// Colors
+
+$black:        hsl(0, 0%, 4%) !default
+$black-bis:    hsl(0, 0%, 7%) !default
+$black-ter:    hsl(0, 0%, 14%) !default
+
+$grey-darker:  hsl(0, 0%, 21%) !default
+$grey-dark:    hsl(0, 0%, 29%) !default
+$grey:         hsl(0, 0%, 48%) !default
+$grey-light:   hsl(0, 0%, 71%) !default
+$grey-lighter: hsl(0, 0%, 86%) !default
+
+$white-ter:    hsl(0, 0%, 96%) !default
+$white-bis:    hsl(0, 0%, 98%) !default
+$white:        hsl(0, 0%, 100%) !default
+
+$orange:       hsl(14,  100%, 53%) !default
+$yellow:       hsl(48,  100%, 67%) !default
+$green:        hsl(141, 71%,  48%) !default
+$turquoise:    hsl(171, 100%, 41%) !default
+$cyan:         hsl(204, 86%,  53%) !default
+$blue:         hsl(217, 71%,  53%) !default
+$purple:       hsl(271, 100%, 71%) !default
+$red:          hsl(348, 100%, 61%) !default
+
+// Typography
+
+$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
+$family-monospace: monospace !default
+$render-mode: optimizeLegibility !default
+
+$size-1: 3rem !default
+$size-2: 2.5rem !default
+$size-3: 2rem !default
+$size-4: 1.5rem !default
+$size-5: 1.25rem !default
+$size-6: 1rem !default
+$size-7: 0.75rem !default
+
+$weight-light: 300 !default
+$weight-normal: 400 !default
+$weight-medium: 500 !default
+$weight-semibold: 600 !default
+$weight-bold: 700 !default
+
+// Responsiveness
+
+// The container horizontal gap, which acts as the offset for breakpoints
+$gap: 64px !default
+// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
+$tablet: 769px !default
+// 960px container + 4rem
+$desktop: 960px + (2 * $gap) !default
+// 1152px container + 4rem
+$widescreen: 1152px + (2 * $gap) !default
+$widescreen-enabled: true !default
+// 1344px container + 4rem
+$fullhd: 1344px + (2 * $gap) !default
+$fullhd-enabled: true !default
+
+// Miscellaneous
+
+$easing: ease-out !default
+$radius-small: 2px !default
+$radius: 4px !default
+$radius-large: 6px !default
+$radius-rounded: 290486px !default
+$speed: 86ms !default
+
+// Flags
+
+$variable-columns: true !default

data/app/assets/stylesheets/sass/utilities/mixins.sass

@@ -0,0 +1,266 @@
+@import "initial-variables"
+
+=clearfix
+  &::after
+    clear: both
+    content: " "
+    display: table
+
+=center($width, $height: 0)
+  position: absolute
+  @if $height != 0
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$height} / 2))
+  @else
+    left: calc(50% - (#{$width} / 2))
+    top: calc(50% - (#{$width} / 2))
+
+=fa($size, $dimensions)
+  display: inline-block
+  font-size: $size
+  height: $dimensions
+  line-height: $dimensions
+  text-align: center
+  vertical-align: top
+  width: $dimensions
+
+=hamburger($dimensions)
+  cursor: pointer
+  display: block
+  height: $dimensions
+  position: relative
+  width: $dimensions
+  span
+    background-color: currentColor
+    display: block
+    height: 1px
+    left: calc(50% - 8px)
+    position: absolute
+    transform-origin: center
+    transition-duration: $speed
+    transition-property: background-color, opacity, transform
+    transition-timing-function: $easing
+    width: 16px
+    &:nth-child(1)
+      top: calc(50% - 6px)
+    &:nth-child(2)
+      top: calc(50% - 1px)
+    &:nth-child(3)
+      top: calc(50% + 4px)
+  &:hover
+    background-color: rgba(black, 0.05)
+  // Modifers
+  &.is-active
+    span
+      &:nth-child(1)
+        transform: translateY(5px) rotate(45deg)
+      &:nth-child(2)
+        opacity: 0
+      &:nth-child(3)
+        transform: translateY(-5px) rotate(-45deg)
+
+=overflow-touch
+  -webkit-overflow-scrolling: touch
+
+=placeholder
+  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
+  @each $placeholder in $placeholders
+    &:#{$placeholder}-placeholder
+      @content
+
+// Responsiveness
+
+=from($device)
+  @media screen and (min-width: $device)
+    @content
+
+=until($device)
+  @media screen and (max-width: $device - 1px)
+    @content
+
+=mobile
+  @media screen and (max-width: $tablet - 1px)
+    @content
+
+=tablet
+  @media screen and (min-width: $tablet), print
+    @content
+
+=tablet-only
+  @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
+    @content
+
+=touch
+  @media screen and (max-width: $desktop - 1px)
+    @content
+
+=desktop
+  @media screen and (min-width: $desktop)
+    @content
+
+=desktop-only
+  @if $widescreen-enabled
+    @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
+      @content
+
+=until-widescreen
+  @if $widescreen-enabled
+    @media screen and (max-width: $widescreen - 1px)
+      @content
+
+=widescreen
+  @if $widescreen-enabled
+    @media screen and (min-width: $widescreen)
+      @content
+
+=widescreen-only
+  @if $widescreen-enabled and $fullhd-enabled
+    @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
+      @content
+
+=until-fullhd
+  @if $fullhd-enabled
+    @media screen and (max-width: $fullhd - 1px)
+      @content
+
+=fullhd
+  @if $fullhd-enabled
+    @media screen and (min-width: $fullhd)
+      @content
+
+// Placeholders
+
+%unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+
+=unselectable
+  @extend %unselectable
+
+%arrow
+  border: 3px solid transparent
+  border-radius: 2px
+  border-right: 0
+  border-top: 0
+  content: " "
+  display: block
+  height: 0.625em
+  margin-top: -0.4375em
+  pointer-events: none
+  position: absolute
+  top: 50%
+  transform: rotate(-45deg)
+  transform-origin: center
+  width: 0.625em
+
+=arrow($color)
+  @extend %arrow
+  border-color: $color
+
+%block
+  &:not(:last-child)
+    margin-bottom: 1.5rem
+
+=block
+  @extend %block
+
+%delete
+  @extend %unselectable
+  -moz-appearance: none
+  -webkit-appearance: none
+  background-color: rgba($black, 0.2)
+  border: none
+  border-radius: $radius-rounded
+  cursor: pointer
+  display: inline-block
+  flex-grow: 0
+  flex-shrink: 0
+  font-size: 0
+  height: 20px
+  max-height: 20px
+  max-width: 20px
+  min-height: 20px
+  min-width: 20px
+  outline: none
+  position: relative
+  vertical-align: top
+  width: 20px
+  &::before,
+  &::after
+    background-color: $white
+    content: ""
+    display: block
+    left: 50%
+    position: absolute
+    top: 50%
+    transform: translateX(-50%) translateY(-50%) rotate(45deg)
+    transform-origin: center center
+  &::before
+    height: 2px
+    width: 50%
+  &::after
+    height: 50%
+    width: 2px
+  &:hover,
+  &:focus
+    background-color: rgba($black, 0.3)
+  &:active
+    background-color: rgba($black, 0.4)
+  // Sizes
+  &.is-small
+    height: 16px
+    max-height: 16px
+    max-width: 16px
+    min-height: 16px
+    min-width: 16px
+    width: 16px
+  &.is-medium
+    height: 24px
+    max-height: 24px
+    max-width: 24px
+    min-height: 24px
+    min-width: 24px
+    width: 24px
+  &.is-large
+    height: 32px
+    max-height: 32px
+    max-width: 32px
+    min-height: 32px
+    min-width: 32px
+    width: 32px
+
+=delete
+  @extend %delete
+
+%loader
+  animation: spinAround 500ms infinite linear
+  border: 2px solid $border
+  border-radius: $radius-rounded
+  border-right-color: transparent
+  border-top-color: transparent
+  content: ""
+  display: block
+  height: 1em
+  position: relative
+  width: 1em
+
+=loader
+  @extend %loader
+
+%overlay
+  bottom: 0
+  left: 0
+  position: absolute
+  right: 0
+  top: 0
+
+=overlay($offset: 0)
+  @extend %overlay
+  @if $offset != 0
+    bottom: $offset
+    left: $offset
+    right: $offset
+    top: $offset

data/app/assets/stylesheets/stenographer/application.sass

@@ -1,6 +1,6 @@
 $family-primary: 'Work Sans'
 
-@import 'bulma'
+@import '../bulma'
 @import 'changes'
 
 .flash

data/lib/stenographer/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Stenographer
-  VERSION = '0.6.3'
+  VERSION = '0.6.4'
 end

data/lib/stenographer-rails.rb

@@ -9,7 +9,6 @@ require 'http'
 require 'omniauth'
 require 'omniauth-slack'
 require 'sass-rails'
-require 'bulma-rails'
 
 require 'stenographer/engine'
 require 'stenographer/inputs/base_input'

data/spec/dummy/log/development.log

@@ -26080,3 +26080,17 @@ Completed 200 OK in 85ms (Views: 72.5ms | ActiveRecord: 1.0ms)
   ↳ /Users/michaelcarey/.rvm/gems/ruby-2.5.1/bin/rake:23
    (1.0ms)  commit transaction
   ↳ /Users/michaelcarey/.rvm/gems/ruby-2.5.1/bin/rake:23
+Started GET "/stenographer" for ::1 at 2018-07-19 13:46:15 -0700
+Processing by Stenographer::ChangesController#index as HTML
+   (0.6ms)  SELECT COUNT(*) FROM "stenographer_changes" WHERE "stenographer_changes"."visible" = ?  [["visible", 1]]
+  ↳ /Users/michaelcarey/code/stenographer/app/controllers/stenographer/changes_controller.rb:24
+  Rendering /Users/michaelcarey/code/stenographer/app/views/stenographer/changes/index.html.erb within layouts/stenographer/application
+  Stenographer::Change Load (0.7ms)  SELECT  "stenographer_changes".* FROM "stenographer_changes" WHERE "stenographer_changes"."visible" = ? ORDER BY "stenographer_changes"."created_at" DESC LIMIT ? OFFSET ?  [["visible", 1], ["LIMIT", 100], ["OFFSET", 0]]
+  ↳ /Users/michaelcarey/code/stenographer/app/views/stenographer/changes/index.html.erb:6
+  Rendered /Users/michaelcarey/code/stenographer/app/views/stenographer/shared/_tags.html.erb (0.3ms)
+  Rendered /Users/michaelcarey/code/stenographer/app/views/stenographer/shared/_tags.html.erb (0.0ms)
+  Rendered /Users/michaelcarey/code/stenographer/app/views/stenographer/changes/index.html.erb within layouts/stenographer/application (19.2ms)
+  Rendered /Users/michaelcarey/code/stenographer/app/views/stenographer/shared/_header.html.erb (1.1ms)
+Completed 200 OK in 2103ms (Views: 2073.7ms | ActiveRecord: 3.9ms)
+
+

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/16/16Isx0UQ4Yl-VxQRrw834-2bpsAy7jqUSgtPimXOW0I.cache

@@ -0,0 +1 @@
+"%;��dg�-����X�I�I�lz�J�[�0�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/1A/1aeYladG8o_IPyKxXKnuNdHeR1e_HOUTIOqJOe4pKMk.cache

@@ -0,0 +1 @@
+"%a��A@y����<]z��)%]Z��#�7<

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/3l/3l-SASWbKcSEbbmklGVmFhikMco1aKrG3GzSQowk1gI.cache

@@ -0,0 +1 @@
+"%Z:br�G.�i��Y��n
ּՀM�r�:�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/47/47GMcUI67Su9idcs59vZZEGSOx-xqcsa3gyoS1typFg.cache

@@ -0,0 +1 @@
+"%2\�U/�%�rZ4ϵyN`۝̀�_`d�gU/

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/8Y/8YSbelPrgph_7HT9i-H6LKNWzIJSgC79eBmygKFzghc.cache

@@ -0,0 +1 @@
+"%���"�+�N��HV���,����,���sb%g4

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/9B/9BkPMoG2I6Cq6Weg_9dzgS0I6qFhtwnjD4yByK_sfbo.cache

@@ -0,0 +1 @@
+"%����m�Ҋ|S�I��RI3��+�A􊹵�mA�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/9F/9F2gbXKIeJ31AwXapS-d61nzXW21rZukz-8GyJVvaqk.cache

@@ -0,0 +1 @@
+"%����k)�m�A�� ���g+���*��>�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/AD/adi5Bj1zGH0ER5O6-LXboUGxGs093UO6gF23A4jNplY.cache

@@ -0,0 +1 @@
+"%���n(_�D<�s�hڈe����v�֔���c1Uk

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/B7/B73aQlIzN0jk5zia3FUxnRqSWELlQfkNjsrOM52incU.cache

@@ -0,0 +1,2 @@
+"%x�K��'��J�O�+'��7�
+�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/Bd/BdlffjjBLNW4yrajM_5aHi3sF5Lfowsjg-E3gT-Lc9s.cache

@@ -0,0 +1 @@
+"%㜣�Z.H�����#桲�Z��J��`��A

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/Bf/BfMQEI9hiU1t8IJoTPpvgbXKLC5iVFavxGwClB1O704.cache

@@ -0,0 +1 @@
+"%t>�0�k��X��A9F:Պ��m?Y�:�<p�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/Fm/FmBCqHLEXnYF9MDzmzPdms6dlcCNkt7sGk8kDHMSH8Q.cache

@@ -0,0 +1 @@
+"%70�T8J��ej����S"���F��G��

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/GV/GVW_mtZYKD2jCU_eDhDvumasz2fBN554R076wSvZ-iY.cache

@@ -0,0 +1 @@
+"%p9�֟��}aS����֧bY�M�ZO�	��*�

data/spec/dummy/tmp/cache/assets/sprockets/v3.0/Hk/Hk72qPdwzC7eGwdW3fpFZFtdu7BPYYreHqiCpVTQmrM.cache

@@ -0,0 +1 @@
+"%w�O����$�	=ҿ���~��J�p�[xw��;�