simple_form_markdown_editor 0.0.10 → 1.0.0

data/lib/simple_form_markdown_editor/version.rb

@@ -1,3 +1,3 @@
 module SimpleFormMarkdownEditor
-  VERSION = '0.0.10'.freeze
+  VERSION = '1.0.0'.freeze
 end

data/simple_form_markdown_editor.gemspec

@@ -20,9 +20,12 @@ Gem::Specification.new do |spec|
 
   spec.add_dependency 'rails', '>= 4.2'
   spec.add_dependency 'simple_form', '>= 3.0.2'
+  spec.add_dependency 'slim'
   spec.add_dependency 'redcarpet'
   spec.add_dependency 'responders'
 
   spec.add_development_dependency 'bundler', '~> 1.6'
-  spec.add_development_dependency 'rake'
+  spec.add_development_dependency 'minitest', '~> 5.0'
+  spec.add_development_dependency 'minitest-rails'
+  spec.add_development_dependency 'rake', '~> 10.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_form_markdown_editor
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 1.0.0
 platform: ruby
 authors:
 - Tomas Celizna
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-04-15 00:00:00.000000000 Z
+date: 2017-06-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -39,6 +39,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.0.2
+- !ruby/object:Gem::Dependency
+  name: slim
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
@@ -82,7 +96,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.6'
 - !ruby/object:Gem::Dependency
-  name: rake
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: minitest-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -95,6 +123,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
 description: Simple Markdown editor (inspired by GitHub editor).
 email:
 - mail@tomascelizna.com
@@ -104,6 +146,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- CHANGELOG.md
 - Gemfile
 - Gemfile.lock
 - README.md
@@ -111,11 +154,33 @@ files:
 - app/controllers/simple_form_markdown_editor/previews_controller.rb
 - config/routes.rb
 - lib/assets/javascripts/simple_form_markdown_editor.js
-- lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_buttons.coffee.erb
-- lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_help.coffee
-- lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_tabs.coffee
+- lib/assets/javascripts/simple_form_markdown_editor/__buttons.coffee.erb
+- lib/assets/javascripts/simple_form_markdown_editor/__editor.coffee.erb
+- lib/assets/javascripts/simple_form_markdown_editor/__help.coffee.erb
+- lib/assets/javascripts/simple_form_markdown_editor/__preview.coffee.erb
+- lib/assets/javascripts/simple_form_markdown_editor/__tabs.coffee.erb
+- lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor.coffee.erb
 - lib/assets/stylesheets/simple_form_markdown_editor.css
-- lib/assets/stylesheets/simple_form_markdown_editor/simple_form_markdown_editor.css.scss
+- lib/assets/stylesheets/simple_form_markdown_editor/_partials.scss
+- lib/assets/stylesheets/simple_form_markdown_editor/buttons/__button.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/buttons/__button_group.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/buttons/__button_wrapper.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/buttons/__buttons.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/editor/__editor.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/header/__header.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__section.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__sections.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__sub_section.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__sub_section__item.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__sub_section__items.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__sub_sections.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__text.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/help/__help__texts.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/preview/__preview.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/simple_form_markdown_editor.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/tabs/__tab.scss.erb
+- lib/assets/stylesheets/simple_form_markdown_editor/tabs/__tabs.scss.erb
 - lib/config/locales/simple_form_markdown_editor.en.yml
 - lib/simple_form_markdown_editor.rb
 - lib/simple_form_markdown_editor/configuration.rb

data/lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_buttons.coffee.erb

@@ -1,114 +0,0 @@
-# https://github.com/jquery-boilerplate/jquery-boilerplate/
-do ($ = jQuery, window, document) ->
-
-  pluginName = 'simple_form_markdown_editor_buttons'
-  defaults =
-    debug: false
-    definitions: JSON.parse('<%= SimpleFormMarkdownEditor::MarkdownEditorInput.configuration.button_definitions.to_json %>')
-
-  # ---------------------------------------------------------------------
-
-  class Plugin
-    constructor: (@element, options) ->
-      @settings = $.extend {}, defaults, options
-
-      @$element = $(@element)
-
-      @_defaults = defaults
-      @_name = pluginName
-
-      @init()
-
-    init: ->
-      console.log 'init' if @settings.debug
-
-      @get_help_button().addClass('active') if @help_is_visible()
-
-      @get_help_button().on 'click', (e) =>
-        $(e.currentTarget).toggleClass('active')
-        @toggle_help_visibility()
-
-      @get_command_buttons().on 'click', (e) =>
-        $btn = $(e.currentTarget)
-        cmd = $btn.attr('value')
-        @execute_command(cmd)
-
-    # ---------------------------------------------------------------------
-
-    get_textarea: -> @get_editor_div().children('textarea')
-    get_editor_div: -> @$element.children('div.editor')
-    get_header_div: -> @$element.children('div.header:first')
-    get_help_div: -> @$element.children('div.help')
-    get_button_groups_ul: -> @get_header_div().find('ul.button_groups')
-    get_button_group_lis: -> @get_button_groups_ul().children('li.button_group')
-    get_buttons_uls: -> @get_button_group_lis().children('ul.buttons')
-    get_button_lis: -> @get_buttons_uls().children('li.button')
-    get_buttons: -> @get_button_lis().children('button')
-    get_command_buttons: -> @get_buttons().not(@get_help_button())
-    get_help_button: -> @get_buttons().filter('.help')
-
-    help_is_visible: -> @get_help_div().attr('data-visible') == 'true'
-
-    execute_command: (cmd) ->
-      $textarea = @get_textarea()
-      selection = @get_selection($textarea)
-      definition = @settings.definitions[cmd]
-      replacement = definition.replace('%{str}', selection.text)
-      caret_pos = replacement.indexOf('|')
-      start = selection.start
-      end = selection.start + replacement.length
-      if caret_pos > -1
-        replacement = replacement.replace(/\|/g, '')
-        start = selection.start + caret_pos
-        end = selection.start + caret_pos
-      @replace_selection($textarea, replacement)
-      @set_selection($textarea, start, end)
-
-    get_selection: ($e) ->
-      {
-        start: $e[0].selectionStart
-        end: $e[0].selectionEnd
-        length: $e[0].selectionEnd - $e[0].selectionStart
-        text: $e.val().substring($e[0].selectionStart, $e[0].selectionEnd)
-      }
-
-    set_selection: ($e, start, end) ->
-      $e.focus()
-      $e[0].selectionStart = start
-      $e[0].selectionEnd = end
-
-    replace_selection: ($e, string) ->
-      start = $e[0].selectionStart
-      end = $e[0].selectionEnd
-      val = $e.val()
-      $e.val(val.substring(0, start) + string + val.substring(end, val.length))
-
-    toggle_help_visibility: ->
-      @get_help_div().attr('data-visible', String(!@help_is_visible()))
-
-  # ---------------------------------------------------------------------
-
-  # A really lightweight plugin wrapper around the constructor,
-  # preventing against multiple instantiations and allowing any
-  # public function (ie. a function whose name doesn't start
-  # with an underscore) to be called via the jQuery plugin,
-  # e.g. $(element).defaultPluginName('functionName', arg1, arg2)
-
-  $.fn[pluginName] = (options) ->
-    args = arguments
-    if options is `undefined` or typeof options is "object"
-      @each ->
-        $.data this, "plugin_" + pluginName, new Plugin(this, options) unless $.data(this, "plugin_" + pluginName)
-
-    else if typeof options is "string" and options[0] isnt "_" and options isnt "init"
-      returns = undefined
-      @each ->
-        instance = $.data(this, "plugin_" + pluginName)
-        returns = instance[options].apply(instance, Array::slice.call(args, 1)) if instance instanceof Plugin and typeof instance[options] is "function"
-        $.data this, "plugin_" + pluginName, null if options is "destroy"
-
-      (if returns isnt `undefined` then returns else this)
-
-# =====================================================================
-
-$ -> $('div.simple_form_markdown_editor').simple_form_markdown_editor_buttons()

data/lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_help.coffee

@@ -1,92 +0,0 @@
-# https://github.com/jquery-boilerplate/jquery-boilerplate/
-do ($ = jQuery, window, document) ->
-
-  pluginName = 'simple_form_markdown_editor_help'
-  defaults =
-    debug: false
-
-  # ---------------------------------------------------------------------
-
-  class Plugin
-    constructor: (@element, options) ->
-      @settings = $.extend {}, defaults, options
-
-      @$element = $(@element)
-
-      @_defaults = defaults
-      @_name = pluginName
-
-      @init()
-
-    init: ->
-      console.log 'init' if @settings.debug
-
-      @set_section_li @get_section_lis().first()
-
-      @get_section_lis().on 'click', (e) =>
-        $li = $(e.currentTarget)
-        @set_section_li($li)
-
-      @get_sub_section_lis().on 'click', (e) =>
-        $li = $(e.currentTarget)
-        @set_sub_section_li($li)
-
-    # ---------------------------------------------------------------------
-
-    get_help_div: -> @$element.find('div.help')
-    get_sections_ul: -> @get_help_div().find('ul.sections')
-    get_section_lis: -> @get_sections_ul().children('li')
-    get_sub_section_ul: (section) -> @get_sub_sections_uls().filter(".#{section}")
-    get_sub_sections_uls: -> @get_help_div().find('ul.sub_sections')
-    get_sub_section_lis: -> @get_sub_sections_uls().children('li.sub_section')
-    get_help_text_divs: -> @get_help_div().find('div.help_text')
-
-    set_section_li: ($li) ->
-      $li.siblings('li').removeClass('active')
-      $li.addClass('active')
-      section = $li.data('toggle')
-      $sub_section_ul = @get_sub_section_ul(section)
-      @set_sub_section_ul($sub_section_ul)
-
-    set_sub_section_ul: ($ul) ->
-      $ul.siblings('ul').removeClass('active')
-      $ul.addClass('active')
-      $li = $ul.children('li:first')
-      @set_sub_section_li($li)
-
-    set_sub_section_li: ($li) ->
-      $li.siblings('li').removeClass('active')
-      $li.addClass('active')
-      $help_text_div = @get_help_text_divs().filter(".#{$li.data('toggle')}")
-      @set_help_text_div($help_text_div)
-
-    set_help_text_div: ($div) ->
-      $div.siblings('div').removeClass('active')
-      $div.addClass('active')
-
-  # ---------------------------------------------------------------------
-
-  # A really lightweight plugin wrapper around the constructor,
-  # preventing against multiple instantiations and allowing any
-  # public function (ie. a function whose name doesn't start
-  # with an underscore) to be called via the jQuery plugin,
-  # e.g. $(element).defaultPluginName('functionName', arg1, arg2)
-
-  $.fn[pluginName] = (options) ->
-    args = arguments
-    if options is `undefined` or typeof options is "object"
-      @each ->
-        $.data this, "plugin_" + pluginName, new Plugin(this, options)  unless $.data(this, "plugin_" + pluginName)
-
-    else if typeof options is "string" and options[0] isnt "_" and options isnt "init"
-      returns = undefined
-      @each ->
-        instance = $.data(this, "plugin_" + pluginName)
-        returns = instance[options].apply(instance, Array::slice.call(args, 1))  if instance instanceof Plugin and typeof instance[options] is "function"
-        $.data this, "plugin_" + pluginName, null  if options is "destroy"
-
-      (if returns isnt `undefined` then returns else this)
-
-# =====================================================================
-
-$ -> $('div.simple_form_markdown_editor').simple_form_markdown_editor_help()

data/lib/assets/javascripts/simple_form_markdown_editor/simple_form_markdown_editor_tabs.coffee

@@ -1,82 +0,0 @@
-# https://github.com/jquery-boilerplate/jquery-boilerplate/
-do ($ = jQuery, window, document) ->
-
-  pluginName = 'simple_form_markdown_editor_tabs'
-  defaults =
-    debug: false
-
-  # ---------------------------------------------------------------------
-
-  class Plugin
-    constructor: (@element, options) ->
-      @settings = $.extend {}, defaults, options
-
-      @$element = $(@element)
-
-      @_defaults = defaults
-      @_name = pluginName
-
-      @init()
-
-    init: ->
-      console.log 'init' if @settings.debug
-
-      @get_edit_tab().addClass('active')
-
-      @get_tab_lis().on 'click', (e) =>
-        @get_tab_lis().removeClass('active')
-        $(e.currentTarget).addClass('active')
-        @$element.attr('data-show', $(e.currentTarget).data('command'))
-
-      @get_preview_tab().on 'click', (e) =>
-        $.ajax(
-          context: @element
-          type: 'POST'
-          url: @$element.attr('data-preview-path')
-          data:
-            _method: 'PUT'
-            text: @get_textarea().val() || ''
-            options: @get_textarea_options()
-          success: (html) =>
-            @get_preview_div().html(html) or "<p>#{@get_nothing_to_preview_text()}</p>"
-        )
-
-    # ---------------------------------------------------------------------
-
-    get_textarea: -> @get_editor_div().find('textarea')
-    get_preview_div: -> @$element.find('div.preview')
-    get_editor_div: -> @$element.find('div.editor')
-    get_header: -> @$element.find('div.header:first')
-    get_tabs_ul: -> @get_header().find('ul.tabs')
-    get_tab_lis: -> @get_tabs_ul().children('li')
-    get_preview_tab: -> @get_tab_lis().filter('.preview')
-    get_edit_tab: -> @get_tab_lis().filter('.edit')
-    get_nothing_to_preview_text: -> @get_preview_div().data('nothing-to-preview-text') or "Nothing to preview."
-    get_textarea_options: -> @$element.data('options')
-
-  # ---------------------------------------------------------------------
-
-  # A really lightweight plugin wrapper around the constructor,
-  # preventing against multiple instantiations and allowing any
-  # public function (ie. a function whose name doesn't start
-  # with an underscore) to be called via the jQuery plugin,
-  # e.g. $(element).defaultPluginName('functionName', arg1, arg2)
-
-  $.fn[pluginName] = (options) ->
-    args = arguments
-    if options is `undefined` or typeof options is "object"
-      @each ->
-        $.data this, "plugin_" + pluginName, new Plugin(this, options)  unless $.data(this, "plugin_" + pluginName)
-
-    else if typeof options is "string" and options[0] isnt "_" and options isnt "init"
-      returns = undefined
-      @each ->
-        instance = $.data(this, "plugin_" + pluginName)
-        returns = instance[options].apply(instance, Array::slice.call(args, 1))  if instance instanceof Plugin and typeof instance[options] is "function"
-        $.data this, "plugin_" + pluginName, null  if options is "destroy"
-
-      (if returns isnt `undefined` then returns else this)
-
-# =====================================================================
-
-$ -> $('div.simple_form_markdown_editor').simple_form_markdown_editor_tabs()

data/lib/assets/stylesheets/simple_form_markdown_editor/simple_form_markdown_editor.css.scss

@@ -1,274 +0,0 @@
-@mixin clearfix {
-  &:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-}
-
-@mixin reset-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-@mixin default-font {
-  font-family: helvetica, arial, sans-serif;
-  font-size: 14px;
-  line-height: 16px;
-  font-weight: normal;
-  font-style: normal;
-  letter-spacing: 0;
-  color: $black;
-}
-
-$grey-light: rgb(240, 240, 240);
-$grey: rgb(220, 220, 220);
-$grey-dark: rgb(180, 180, 180);
-$white: rgb(255, 255, 255);
-$black: rgb(10, 10, 10);
-
-// ====================================================================
-
-div.simple_form_markdown_editor {
-
-  label {
-    display: block;
-    margin-bottom: 7px;
-  }
-
-  // --------------------------------------------------------------------
-
-  &[data-show="preview"] {
-
-    div.buttons,
-    div.help,
-    div.editor {
-      display: none;
-    }
-
-    div.preview {
-      display: block;
-    }
-  }
-
-  div.preview {
-    display: none;
-  }
-
-  div.editor {
-    textarea {
-      @include default-font;
-      border: 1px solid $grey;
-      border-radius: 2px;
-      width: 100%;
-      margin: 0;
-      box-sizing: border-box;
-      padding: 7px;
-      box-shadow: inset 0 1px 2px $grey-light;
-      resize: vertical;
-    }
-  }
-
-  // --------------------------------------------------------------------
-
-  div.header {
-    div.editor_tabs {
-      background-color: $grey-light;
-      border: 1px solid $grey;
-      border-radius: 2px 2px 0 0;
-      margin-bottom: 16px;
-
-      ul.tabs {
-        @include reset-list;
-        padding: 8px 8px 0 8px;
-        margin-bottom: -1px;
-
-        li.tab {
-          display: inline-block;
-          &.active {
-            span {
-              background-color: white;
-              border-color: $grey;
-              color: $black;
-            }
-          }
-          span {
-            @include default-font;
-            color: $grey-dark;
-            display: inline-block;
-            border-top: 1px solid transparent;
-            border-left: 1px solid transparent;
-            border-right: 1px solid transparent;
-            border-radius: 2px 2px 0 0;
-            padding: 8px 14px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-
-
-    div.buttons {
-      ul.button_groups {
-        @include clearfix;
-        @include reset-list;
-        margin-bottom: 16px;
-
-        li.button_group {
-          color: red;
-          float: left;
-          margin-right: 8px;
-
-          &[data-buttons*='help'] {
-            float: right;
-            margin: 0;
-          }
-
-          ul.buttons {
-            @include clearfix;
-            @include reset-list;
-
-            li.button {
-              float: left;
-
-              &:first-child {
-                button {
-                  border-radius: 2px 0 0 2px;
-                }
-              }
-
-              &:last-child {
-                button {
-                  border-radius: 0 2px 2px 0;
-                  border-right: 1px solid $grey;
-                }
-              }
-
-              &:first-child:last-child {
-                button {
-                  border-radius: 2px;
-                  border-right: 1px solid $grey;
-                }
-              }
-
-              button {
-                @include default-font;
-                display: inline-block;
-                background-color: white;
-                margin: 0;
-                padding: 0;
-
-                border: 0;
-                border-left: 1px solid $grey;
-                border-top: 1px solid $grey;
-                border-bottom: 1px solid $grey-dark;
-
-                padding: 4px 6px;
-                cursor: pointer;
-
-                &:active,
-                &.active {
-                  border-color: $grey;
-                  border-top-color: $grey-dark;
-                  background-color: $grey-light;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  div.help {
-    @include clearfix;
-    @include default-font;
-    transition: height .2s ease-in-out;
-    overflow: hidden;
-    height: 0;
-    box-sizing: border-box;
-
-    &[data-visible="true"] {
-      height: 210px;
-      margin-bottom: 16px;
-    }
-
-    div.help_wrapper {
-      height: 210px;
-      border: 1px solid $grey;
-      box-sizing: border-box;
-      > ul {
-        @include reset-list;
-        float: left;
-        width: 200px;
-        height: 100%;
-        border-right: 1px solid;
-        background-color: $grey-light;
-
-        > li {
-          padding: 8px 16px;
-          border-bottom: 1px solid $grey;
-          color: $grey-dark;
-          cursor: pointer;
-
-          &:hover {
-            color: $black;
-          }
-        }
-      }
-
-      ul.sections {
-        border-right-color: $grey-dark;
-        overflow-y: auto;
-        li.section {
-          &.active {
-            color: $black;
-            border-bottom: 1px solid $grey-dark;
-            background-color: $white;
-          }
-        }
-      }
-
-      ul.sub_sections {
-        border-right-color: $grey;
-        display: none;
-        overflow-y: auto;
-        &.active {
-          display: block;
-        }
-        li.sub_section {
-          background-color: $white;
-          &.active {
-            color: $black;
-          }
-        }
-      }
-
-      div.help_text {
-        padding: 8px 16px;
-        height: 100%;
-        box-sizing: border-box;
-        overflow-y: auto;
-        display: none;
-
-        p {
-          margin-top: 0;
-        }
-
-        code {
-          padding: 2px 3px;
-          font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-          font-size: 13px;
-          background-color: $grey-light;
-          border-radius: 2px;
-          white-space: nowrap
-        }
-
-        &.active {
-          display: block;
-        }
-      }
-    }
-  }
-}