alongslide 0.9.1 → 0.9.2

data/Gemfile

@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+ruby '1.9.3'
+
+gem 'redcarpet'
+gem 'treetop'
+gem 'polyglot'
+gem 'haml'
+gem 'rails'
+gem 'rspec'

data/Gemfile.lock

@@ -0,0 +1,103 @@
+GIT
+  remote: git://github.com/vmg/redcarpet.git
+  revision: f2ad99f4d3cefaa51655cbb47a075d8e88e86618
+  ref: f2ad99f
+  specs:
+    redcarpet (3.0.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionmailer (4.0.0)
+      actionpack (= 4.0.0)
+      mail (~> 2.5.3)
+    actionpack (4.0.0)
+      activesupport (= 4.0.0)
+      builder (~> 3.1.0)
+      erubis (~> 2.7.0)
+      rack (~> 1.5.2)
+      rack-test (~> 0.6.2)
+    activemodel (4.0.0)
+      activesupport (= 4.0.0)
+      builder (~> 3.1.0)
+    activerecord (4.0.0)
+      activemodel (= 4.0.0)
+      activerecord-deprecated_finders (~> 1.0.2)
+      activesupport (= 4.0.0)
+      arel (~> 4.0.0)
+    activerecord-deprecated_finders (1.0.3)
+    activesupport (4.0.0)
+      i18n (~> 0.6, >= 0.6.4)
+      minitest (~> 4.2)
+      multi_json (~> 1.3)
+      thread_safe (~> 0.1)
+      tzinfo (~> 0.3.37)
+    arel (4.0.0)
+    atomic (1.1.14)
+    builder (3.1.4)
+    diff-lcs (1.2.4)
+    erubis (2.7.0)
+    haml (4.0.3)
+      tilt
+    hike (1.2.3)
+    i18n (0.6.5)
+    mail (2.5.4)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.25)
+    minitest (4.7.5)
+    multi_json (1.8.1)
+    polyglot (0.3.3)
+    rack (1.5.2)
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rails (4.0.0)
+      actionmailer (= 4.0.0)
+      actionpack (= 4.0.0)
+      activerecord (= 4.0.0)
+      activesupport (= 4.0.0)
+      bundler (>= 1.3.0, < 2.0)
+      railties (= 4.0.0)
+      sprockets-rails (~> 2.0.0)
+    railties (4.0.0)
+      actionpack (= 4.0.0)
+      activesupport (= 4.0.0)
+      rake (>= 0.8.7)
+      thor (>= 0.18.1, < 2.0)
+    rake (10.1.0)
+    rspec (2.14.1)
+      rspec-core (~> 2.14.0)
+      rspec-expectations (~> 2.14.0)
+      rspec-mocks (~> 2.14.0)
+    rspec-core (2.14.4)
+    rspec-expectations (2.14.0)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.14.2)
+    sprockets (2.10.0)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-rails (2.0.0)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      sprockets (~> 2.8)
+    thor (0.18.1)
+    thread_safe (0.1.3)
+      atomic
+    tilt (1.4.1)
+    treetop (1.4.14)
+      polyglot
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.38)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  haml
+  polyglot
+  rails
+  redcarpet!
+  rspec
+  treetop

data/alongslide.gemspec

@@ -0,0 +1,18 @@
+Gem::Specification.new do |gem|
+  gem.name    = 'alongslide'
+  gem.version = '0.9.2'
+
+  gem.summary = "Create dynamic web layouts with an extended Markdown syntax"
+  gem.description = "Create dynamic web layouts with an extended Markdown syntax"
+
+  gem.authors  = ['Adam Florin', 'Anthony Tran']
+  gem.email    = 'adam@canopycanopycanopy.com'
+  gem.homepage = 'http://github.com/triplecanopy/alongslide'
+
+  gem.add_dependency('redcarpet')
+  gem.add_dependency('treetop')
+  gem.add_dependency('polyglot')
+  gem.add_development_dependency('rspec')
+
+  gem.files = `git ls-files`.split("\n")
+end

data/app/assets/javascripts/alongslide/alongslide.coffee

@@ -0,0 +1,107 @@
+# 
+# alongslide.cofee: Central init, pull in submodules.
+# 
+# Copyright 2013 Canopy Canopy Canopy, Inc.
+# Authors Adam Florin & Anthony Tran
+# 
+class Alongslide
+
+  panels     : {}
+  sections   : {}
+
+  parser     : null
+  layout     : null
+  scrolling  : null
+
+  constructor: (options= {}) ->
+    @source     = $(options.source)  ? $('#content .raw')
+    @frames     = $(options.to)      ? $('#frames')
+    @regionCls  = options.regionCls  ? 'column'
+
+    RegionFlow::init()
+
+    # parse
+    @parser = new @Parser source: @source
+    {@flowNames, @backgrounds, @panels, @footnotes, @sourceLength} = @parser.parse()
+
+    # init layout
+    @layout = new @Layout
+      sourceLength:    @sourceLength
+      frames:          @frames
+      flowNames:       @flowNames
+      backgrounds:     @backgrounds
+      panels:          @panels
+      regionCls:       @regionCls
+
+    # init scrolling
+    @scrolling = new @Scrolling
+      frames:          @frames
+
+
+  # Render flowing layout and scroll behavior.
+  # 
+  # Force use of CSS Regions polyfill. (Don't trust native browser support
+  # while W3C draft is under active development.)
+  # 
+  # @param frameAspect - bounding box computed by FixedAspect
+  # @param postRenderCallback - to be called when layout returns
+  # 
+  render: (frameAspect, postRenderCallback) ->
+    @layout.render (lastFramePosition) =>
+
+      @lastFramePosition = lastFramePosition
+
+      @refresh(frameAspect)
+      @applyFootnotes()
+      @applyAnchorScrolling()
+
+      # Emit notification that layout is complete.
+      $(document).triggerHandler 'alongslide.ready', @frames
+
+      @hashToPosition()
+      postRenderCallback()
+
+  # Refresh Skrollr only on resize events, as it's fast.
+  # 
+  refresh: (frameAspect) ->
+    @scrolling.render(frameAspect, @lastFramePosition)
+
+  hashToPosition: ->
+    hash = window.location.hash
+    if hash.length > 0
+      @goToPanel(hash.substr(1))
+    else
+      @goToPanel('titlesplash')
+
+
+  # Create footnotes
+  # 
+  # Sanitize Markdown generated HTML
+  applyFootnotes: ->
+    # For each footnote in the article
+    @frames.find('a[rel=footnote]').each (i, el) =>
+      # Reference the footnote
+      $el = $(el)
+      # Find the actual footnote
+      $footnote = @footnotes.find($el.attr('href'))
+      # Append actualy footnote to footnote reference
+      $el.parent('sup').append($footnote)
+
+      # Add event listener to pin/unpin when clicked
+      $el.on "click", (e) -> $(this).toggleClass('active')
+
+  applyAnchorScrolling: ->
+    self = @
+    @frames.find('a[href*=#]:not([href=#])').on('click', (e) ->
+      self.goToPanel(@hash.substr(1))
+    )
+
+  goToPanel: (alsId) =>
+    $target = $('#frames').find('[data-alongslide-id=' + alsId + ']')
+    targetPos = $target.data('als-in-position')
+    @scrolling.scrollToPosition(targetPos)
+
+
+# Make global
+# 
+window.Alongslide = Alongslide