dante-editor-seo 0.0.13

data/lib/dante-editor/rails.rb

@@ -0,0 +1,4 @@
+module DanteEditor
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/dante-editor/version.rb

@@ -0,0 +1,5 @@
+require "dante-editor/version"
+
+module DanteEditor
+  VERSION = "0.0.13"
+end

data/lib/dante-editor.rb

@@ -0,0 +1,5 @@
+require "dante-editor/version"
+require 'dante-editor/rails' if defined?(Rails)
+
+module DanteEditor
+end

data/license.md

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Miguel Michelson
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/rakefile

@@ -0,0 +1,2 @@
+require 'middleman-gh-pages'
+require "bundler/gem_tasks"

data/source/assets/javascripts/all.js

@@ -0,0 +1,3 @@
+// Main dependencies
+//= require deps
+//= require dante

data/source/assets/javascripts/dante-editor.js

@@ -0,0 +1 @@
+//= require dante

data/source/assets/javascripts/deps.js

@@ -0,0 +1,4 @@
+//TODO: move dependencies to another file
+//= require jquery/dist/jquery.js
+//= require sanitize.js/lib/sanitize.js
+//= require underscore/underscore.js

data/source/assets/javascripts/examples/custom_toolbar.js.coffee

@@ -0,0 +1,30 @@
+##COFFEE LIKE CLASS
+
+class window.MyCustomCoffeeTooltip extends Dante.View.TooltipWidget
+
+  initialize: (opts={})->
+    #super
+    @icon        = opts.icon  || "icon-video"
+    @title       = opts.title || "Add a Custom Thing!"
+    @action      = opts.action || "custom-embed"
+    @current_editor = opts.current_editor
+
+  handleClick: (ev)->
+   alert("This is custom button with coffeescript extend style")
+
+
+#BACKBONE STYLE EXTEND
+window.MyCustomTooltip = Dante.View.TooltipWidget.extend(
+  initialize: (opts={})->
+    @icon        = opts.icon  || "icon-video"
+    @title       = opts.title || "Add a Custom Thing!"
+    @action      = opts.action || "custom-embed-simple"
+    @current_editor = opts.current_editor
+
+  handleClick: (ev)->
+   alert("This is custom button with backbone extend style")
+
+)
+
+
+

data/source/assets/javascripts/spec.js

@@ -0,0 +1,2 @@
+
+//= require_tree ./specs

data/source/assets/javascripts/specs/cleaner.js.coffee

@@ -0,0 +1,8 @@
+window.editor = new Dante.Editor
+  upload_url: "/images.json"
+  el: "#editor1"
+
+window.editor.start()
+
+QUnit.test "should initialize editor", ( assert )->
+  assert.ok( _.isObject(window.editor), "Passed!" )

data/source/assets/javascripts/specs/dante_view.js.coffee

@@ -0,0 +1,74 @@
+
+class TestView extends Dante.View
+
+class TestViewWithEl extends Dante.View
+  el: "#view"
+  initialize: ()->
+    @model = {foo: "bar"}
+    super
+
+class TestViewWithEvents extends Dante.View
+  el: "#view"
+  initialize: ->
+    @one = false
+    @two = false
+    @some_var = 1
+
+  events:
+    "click" : (ev)->
+      console.log("CLICKED ANYWHERE")
+      @anywhere = true
+      return false
+
+    "click .one" : (ev)->
+      @one = true
+      console.log("CLICKED .one YEAH, #{@one}")
+      return false
+
+    "click .two" : "handleClickTwo"
+
+  handleClickTwo: (ev)->
+    @two = true
+    console.log("CLICKED .two YEAH, #{@two}")
+    console.log(ev.currentTarget)
+
+    return false
+
+class TestViewOpts extends Dante.View
+  el: "#view"
+  initialize: (opts={})->
+
+    @model = opts.model
+
+window.view = new TestView
+
+window.view2 = new TestView(el: "#view")
+window.view3 = new TestViewWithEl
+
+window.event_view = new TestViewWithEvents
+window.opts_view = new TestViewOpts(model: 1234)
+
+QUnit.test "should initialize view without el", ( assert )->
+  assert.ok( _.isObject(view), "Passed!" )
+  assert.ok( _.isUndefined(view.el), "Passed!" )
+
+QUnit.test "should initialize view with el", ( assert )->
+  assert.ok( _.isElement(view2.el), "Passed!" )
+  assert.ok( _.isElement(view3.el), "Passed!" )
+
+QUnit.test "should initialize view with @model", ( assert )->
+  assert.ok( !_.isEmpty(view3.model), "Passed!" )
+
+QUnit.test "should set variable on click", ( assert )->
+  event_view.$el.find("a.one").trigger("click")
+  event_view.$el.find("a.two").trigger("click")
+  assert.ok( event_view.one, "Passed!" )
+  assert.ok( event_view.two, "Passed!" )
+
+QUnit.test "should set vars on initialize", ( assert )->
+  assert.ok( event_view.some_var is 1, "Passed!" )
+
+QUnit.test "should set windows.vars on initialize", ( assert )->
+  assert.ok( opts_view.model is 1234 , "Passed!" )
+
+

data/source/assets/javascripts/specs/editor.js.coffee

@@ -0,0 +1,78 @@
+
+
+window.editor = new Dante.Editor
+  upload_url: "/upload_url"
+  upload_params: { article_id: 678 }
+  el: "#editor1"
+
+window.editor.start()
+
+window.editor2 = new Dante.Editor
+  el: "#editor2"
+
+window.editor2.start()
+
+window.editor3 = new Dante.Editor
+  el: "#editor3"
+  body: "<strong>Pre-existing body should be displayed.</strong><i>really.</i>"
+  store_url: "/store_url"
+  store_interval: 15000
+  store_params: { article_id: 678, state: "published"  }
+  upload_url: "/upload_url"
+  upload_params: { article_id: 678 }
+
+
+window.editor3.start()
+
+
+QUnit.test "should initialize editor", ( assert )->
+  assert.ok( _.isObject(window.editor), "Passed!" )
+
+QUnit.test "should init editor defaults", ( assert )->
+  assert.ok( !_.isEmpty(window.editor.title_placeholder), "Passed!" )
+  assert.ok( !_.isEmpty(window.editor.body_placeholder), "Passed!" )
+  assert.ok( !_.isEmpty(window.editor.embed_placeholder), "Passed!" )
+  assert.ok( !_.isEmpty(window.editor.extract_placeholder), "Passed!" )
+
+  assert.ok( !_.isEmpty(window.editor.upload_url), "Passed!" )
+  assert.ok( !_.isEmpty(window.editor.oembed_url), "Passed!" )
+  assert.ok( !_.isEmpty(window.editor.extract_url), "Passed!" )
+
+QUnit.test "should init editor", ( assert )->
+  assert.ok( !_.isEmpty(window.editor), "Passed!" )
+  assert.ok( _.isObject(window.editor.tooltip_view), "Passed!" )
+  assert.ok( _.isObject(window.editor.editor_menu), "Passed!" )
+
+QUnit.test "should build tooltip & menu", ( assert )->
+  assert.ok( !_.isEmpty( $(".inlineTooltip") ), "Passed!" )
+  assert.ok( !_.isEmpty( $("#editor-menu") ), "Passed!" )
+
+QUnit.test "should display placeholders when empty content", (assert)->
+  assert.ok $(editor.el).find("span.defaultValue").length is 2 , "Passed!"
+
+##CLEANER
+
+QUnit.test "should clean spans", (assert)->
+  assert.ok !$(editor2.el).find("a:first span").exists(), "Passed!"
+  assert.ok !$(editor2.el).find(".section-inner div.class").exists(), "Passed!"
+  assert.ok !$(editor2.el).find(".section-inner span:not(.defaultValue)").exists(), "Passed!"
+  assert.ok !$(editor2.el).find(".section-inner p span").exists() , "Passed!"
+
+QUnit.test "should detect existing images", (assert)->
+  fig = $(editor2.el).find(".section-inner figure")
+
+  assert.ok $(fig).exists() , "generate figure.graf--figure"
+  assert.ok $(fig).find("img").exists() , "figure have image"
+  assert.ok !_.isEmpty($(fig).find("img").attr('src')) , "and image src"
+
+  assert.ok $(fig).find("figcaption").exists() , "and caption"
+  assert.ok $(fig).find("figcaption span.defaultValue").exists() , "and caption span"
+
+QUnit.test "should render pre-existing body", (assert)->
+  assert.ok $(editor3.el).find(".section-inner .graf--p.body"), "pre-existing body rendered !"
+
+#QUnit.test "should send store_params for sending user's desired params", (assert)->
+#  assert.ok( !_.isEmpty(editor3.store_params), "store_params were sent!" )
+
+QUnit.test "should send upload_params for sending user's desired params", (assert)->
+  assert.ok( !_.isEmpty(editor3.upload_params), "upload_params were sent!" )

data/source/assets/stylesheets/_layout.scss

@@ -0,0 +1,51 @@
+$color-brand: #1abf89;
+$gutter: 30px;
+
+#header {
+  display: block;
+  z-index: 500;
+  width: 100%;
+  font-size: 14px;
+  color: rgba(0,0,0,0.3);
+  font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
+  letter-spacing: -0.02em;
+  font-weight: 400;
+  font-style: normal;
+  box-sizing: border-box;
+  -webkit-transition: 200ms background-color,200ms color;
+  transition: 200ms background-color,200ms color;
+  position: fixed;
+  top: 0;
+  height: 65px;
+  background: rgba(255,255,255,0.97);
+  box-shadow: 0 0 1px rgba(0,0,0,0.15);
+}
+
+article {
+  margin-top: 140px;
+}
+
+.logo {
+  & {
+    display: inline-block;
+  }
+  img {
+    margin: 22px 14px 22px 20px;
+  }
+  span {
+    vertical-align: top;
+    border-left: 1px solid rgba(0,0,0,0.15);
+    padding: 5px 14px;
+    margin: 20px 0;
+    display: inline-block;
+  }
+}
+
+.github {
+  & {
+    float: right;
+    line-height: 0;
+    margin-top: 19px;
+    margin-right: 20px;
+  }
+}

data/source/assets/stylesheets/_scaffold.scss

@@ -0,0 +1,8 @@
+// Set box-sizing globally to handle padding and border widths
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+

data/source/assets/stylesheets/_tooltips.scss

@@ -0,0 +1,216 @@
+/**
+ * Tooltips!
+ */
+
+$tooltip-arrow-size: 6px;
+$tooltip-arrow-height: $tooltip-arrow-size * 2;
+
+/* Base styles for the element that has a tooltip */
+[data-tooltip],
+.tooltip {
+  position: relative;
+  cursor: pointer;
+}
+
+/* Base styles for the entire tooltip */
+[data-tooltip]:before,
+[data-tooltip]:after,
+.tooltip:before,
+.tooltip:after {
+  position: absolute;
+  visibility: hidden;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition:
+    opacity 0.2s ease-in-out,
+    visibility 0.2s ease-in-out,
+    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
+  -moz-transition:
+    opacity 0.2s ease-in-out,
+    visibility 0.2s ease-in-out,
+    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
+  transition:
+    opacity 0.2s ease-in-out,
+    visibility 0.2s ease-in-out,
+    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform:    translate3d(0, 0, 0);
+  transform:         translate3d(0, 0, 0);
+  pointer-events: none;
+}
+
+/* Show the entire tooltip on hover and focus */
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after,
+[data-tooltip]:focus:before,
+[data-tooltip]:focus:after,
+.tooltip:hover:before,
+.tooltip:hover:after,
+.tooltip:focus:before,
+.tooltip:focus:after {
+  visibility: visible;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+/* Base styles for the tooltip's directional arrow */
+.tooltip:before,
+[data-tooltip]:before {
+  z-index: 1001;
+  border: $tooltip-arrow-size solid transparent;
+  background: transparent;
+  content: "";
+}
+
+/* Base styles for the tooltip's content area */
+.tooltip:after,
+[data-tooltip]:after {
+  white-space: nowrap;
+  z-index: 1000;
+  padding: 7px 8px;
+  background-color: #000;
+  background-color: hsla(0, 0%, 20%, 0.9);
+  color: #fff;
+  content: attr(data-tooltip);
+  font-size: 12px;
+  line-height: 1.2;
+  border-radius: 3px;
+}
+
+/* Directions */
+
+/* Top (default) */
+[data-tooltip]:before,
+[data-tooltip]:after,
+.tooltip:before,
+.tooltip:after,
+.tooltip-top:before,
+.tooltip-top:after {
+  bottom: 100%;
+  left: 50%;
+}
+
+[data-tooltip]:before,
+.tooltip:before,
+.tooltip-top:before {
+  margin-left: -$tooltip-arrow-size;
+  margin-bottom: -$tooltip-arrow-height;
+  border-top-color: #000;
+  border-top-color: hsla(0, 0%, 20%, 0.9);
+}
+
+/* Horizontally align top/bottom tooltips */
+[data-tooltip]:after,
+.tooltip:after,
+.tooltip-top:after {
+  margin-left: -80px;
+}
+
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after,
+[data-tooltip]:focus:before,
+[data-tooltip]:focus:after,
+.tooltip:hover:before,
+.tooltip:hover:after,
+.tooltip:focus:before,
+.tooltip:focus:after,
+.tooltip-top:hover:before,
+.tooltip-top:hover:after,
+.tooltip-top:focus:before,
+.tooltip-top:focus:after {
+  -webkit-transform: translateY(-$tooltip-arrow-height);
+  -moz-transform:    translateY(-$tooltip-arrow-height);
+  transform:         translateY(-$tooltip-arrow-height);
+}
+
+/* Left */
+.tooltip-left:before,
+.tooltip-left:after {
+  right: 100%;
+  bottom: 50%;
+  left: auto;
+}
+
+.tooltip-left:before {
+  margin-left: 0;
+  margin-right: -$tooltip-arrow-height;
+  margin-bottom: 0;
+  border-top-color: transparent;
+  border-left-color: #000;
+  border-left-color: hsla(0, 0%, 20%, 0.9);
+}
+
+.tooltip-left:hover:before,
+.tooltip-left:hover:after,
+.tooltip-left:focus:before,
+.tooltip-left:focus:after {
+  -webkit-transform: translateX(-$tooltip-arrow-height);
+  -moz-transform:    translateX(-$tooltip-arrow-height);
+  transform:         translateX(-$tooltip-arrow-height);
+}
+
+/* Bottom */
+.tooltip-bottom:before,
+.tooltip-bottom:after {
+  top: 100%;
+  bottom: auto;
+  left: 50%;
+}
+
+.tooltip-bottom:before {
+  margin-top: -12px;
+  margin-bottom: 0;
+  border-top-color: transparent;
+  border-bottom-color: #000;
+  border-bottom-color: hsla(0, 0%, 20%, 0.9);
+}
+
+.tooltip-bottom:hover:before,
+.tooltip-bottom:hover:after,
+.tooltip-bottom:focus:before,
+.tooltip-bottom:focus:after {
+  -webkit-transform: translateY($tooltip-arrow-height);
+  -moz-transform:    translateY($tooltip-arrow-height);
+  transform:         translateY($tooltip-arrow-height);
+}
+
+/* Right */
+.tooltip-right:before,
+.tooltip-right:after {
+  bottom: 50%;
+  left: 100%;
+}
+
+.tooltip-right:before {
+  margin-bottom: 0;
+  margin-left: -$tooltip-arrow-height;
+  border-top-color: transparent;
+  border-right-color: #000;
+  border-right-color: hsla(0, 0%, 20%, 0.9);
+}
+
+.tooltip-right:hover:before,
+.tooltip-right:hover:after,
+.tooltip-right:focus:before,
+.tooltip-right:focus:after {
+  -webkit-transform: translateX($tooltip-arrow-height);
+  -moz-transform:    translateX($tooltip-arrow-height);
+  transform:         translateX($tooltip-arrow-height);
+}
+
+/* Move directional arrows down a bit for left/right tooltips */
+.tooltip-left:before,
+.tooltip-right:before {
+  top: 50%;
+  margin-top: -$tooltip-arrow-size;
+  bottom: auto;
+}
+
+/* Vertically center tooltip content for left/right tooltips */
+.tooltip-left:after,
+.tooltip-right:after {
+  margin-left: 0;
+  margin-bottom: -16px;
+}

data/source/assets/stylesheets/all.css.scss

@@ -0,0 +1,5 @@
+@charset "utf-8";
+
+@import "scaffold";
+@import "tooltips";
+@import "layout";

data/source/assets/stylesheets/dante-editor.css.scss

@@ -0,0 +1 @@
+@import "dante";