RubyGems - code_sync - Versions diffs - 0.6.7 - Mend

code_sync 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

data/site/source/layouts/layout.slim ADDED Viewed

@@ -0,0 +1,18 @@
+doctype html
+html lang="en"
+  head
+    meta charset="utf-8"
+    meta name="viewport" content="width=device-width, initial-scale=1.0"
+    meta name="author" content="Jonathan Soeder aka Datapimp"
+    meta name="keywords" content="asset pipeline tools, coffeescript, sass, codemirror, datapimp, jonathan soeder, soederpop"
+    title CodeSync: Asset Pipeline Live Reload
+    == stylesheet_link_tag 'code_sync', 'marketing'
+    == yield_content(:head)
+  body
+    == javascript_include_tag 'code_sync', 'marketing'
+    == yield

data/site/source/samples/_client.html.md ADDED Viewed

@@ -0,0 +1,13 @@
+The `CodeSync.Client` sits on top of a websocket connection, and listens for change notifications detected by the `CodeSync::Manager` component that runs on your local development environment.
+Whenever a change to an asset pipeline asset is detected, the asset is compiled, and a notification is sent to the client, which then applies the updated assets to the running browser session.
+```haml
+html
+  head
+    = stylesheet_link_tag 'code_sync'
+  body
+    = javascript_include_tag 'code_sync'
+    :javascript
+      window.codeSyncClient = new CodeSync.Client()
+```

data/site/source/samples/_editor.html.md ADDED Viewed

@@ -0,0 +1,19 @@
+The editor which gets included with CodeSync can be toggled on and off with a key command of your choosing.
+You can pass options for the AssetEditor as the second argument.
+The editor is going to be running on this page.  You can enable it by pressing `ctrl+j`, or by clicking at the tab at the top of the screen.
+```javascript
+  // start the editor in SCSS mode, with VIM keybindings
+  CodeSync.AssetEditor.setHotKey('ctrl+j', {
+    startMode:"scss",
+    keyBindings: "vim"
+  });
+```
+**Note About Dependencies**
+The CodeSync editor depends on Backbone.js, Underscore.js, Zepto.js, and CodeMirror.  If you already have these libraries in your project, you're a boss obviously.
+To only include the CodeSync assets without any of its dependencies, you can change the way you include the codesync library by only bringing in the code_sync_basic.js javascript.

data/site/source/samples/_hooks.html.md ADDED Viewed

@@ -0,0 +1,8 @@
+```coffeescript
+# changeInfo is a hash which has a name and path property
+CodeSync.onScriptChange = (changeInfo)->
+  @doSomethingWithChangeInfo(changeInfo)
+CodeSync.onStylesheetChange = (changeInfo)->
+  console.log "Reloaded the stylesheet"
+```

data/site/source/samples/_middleman.html.md ADDED Viewed

@@ -0,0 +1,7 @@
+```ruby
+# Gemfile
+gem 'code_sync', :git => "https://github.com/datapimp/code_sync.git"
+# config.rb
+activate :code_sync
+```

data/site/source/samples/_rails.html.md ADDED Viewed

@@ -0,0 +1,8 @@
+```ruby
+# Gemfile
+gem 'code_sync', :git => "https://github.com/datapimp/code_sync.git"
+# config/environments/development.rb
+config.enable_code_sync_manager = true
+config.enable_code_sync_server = true
+```

data/site/source/samples/_standalone.html.md ADDED Viewed

@@ -0,0 +1,36 @@
+If you are not running rails, or middleman, or if you don't want the code sync manager to be running every time you're in development, the gem ships with an executable.
+This will start an instance of the codesync manager in the root of whatever project you want to watch for asset changes.  By default it will look for asset folders
+named
+- javascripts
+- stylesheets
+- app/assets/javascripts
+- app/assets/stylesheets
+- assets/javascripts
+- assets/stylesheets
+To install:
+```bash
+gem install code_sync
+# now you can use the codesync executable
+codesync start
+```
+You will want to include the code sync libraries and css in your project.
+**Note** the CSS is only required if you want to use the editor.
+```html
+<html>
+  <head>
+    <link rel="stylesheet" href="//datapimp.github.io/code_sync/vendor/assets/stylesheets/code_sync.css" />
+  </head>
+  <body>
+    <script type="text/javascript" src="//datapimp.github.io/code_sync/vendor/assets/javascripts/code_sync.js"></script>
+  </body>
+</html>
+```

data/spec/lib/code_sync/sprockets_adapter_spec.rb ADDED Viewed

@@ -0,0 +1,44 @@
+require "spec_helper"
+describe CodeSync::SprocketsAdapter do
+  let(:coffeescript) do
+    asset = File.join(CodeSync.spec_root,'support','site','app','assets','javascripts','spec_application_javascript.coffee')
+    content = IO.read(asset)
+  end
+  let(:env) do
+    site = File.join(CodeSync.spec_root, 'support', 'site')
+    CodeSync::SprocketsAdapter.new(root: site)
+  end
+  let(:manifest) do
+    asset = File.join(CodeSync.spec_root,'support','site','app','assets','javascripts','manifest.coffee')
+    IO.read(asset)
+  end
+  it "should be able to find an asset" do
+    env.find_asset('spec_application_javascript.coffee').should_not be_nil
+  end
+  it "should be able to compile an asset by filename" do
+    env.find_asset("spec_application_javascript.coffee").to_s.should match(/SpecApplication.prototype.boot/)
+  end
+  it "should be able to compile an asset by path" do
+    path = File.join(CodeSync.spec_root,'support','site','app','assets','javascripts','spec_application_javascript.coffee')
+    env.find_asset(path).to_s.should match(/SpecApplication.prototype.boot/)
+  end
+  it "should be able to compile a coffeescript string into an asset" do
+    env.compile(coffeescript, type:"coffeescript").should match("SpecApplication.prototype.boot")
+  end
+  it "should be able to compile a javascript manifest" do
+    compiled = env.compile(manifest, type:"coffeescript")
+    compiled.should match("SpecApplication.prototype.boot")
+    compiled.should match("SpecLib")
+    compiled.should match("SpecVendorJavascript")
+  end
+end

data/spec/spec_helper.rb ADDED Viewed

@@ -0,0 +1,21 @@
+unless defined?(CodeSync)
+  Bundler.require(:test)
+end
+require 'code_sync'
+module CodeSync
+  class << self
+    attr_accessor :spec_root
+  end
+  self.spec_root = File.dirname(__FILE__)
+end
+RSpec.configure do |config|
+  config.before(:suite) do
+  end
+end

data/spec/support/.DS_Store ADDED Viewed

Binary file

data/spec/support/dummy_middleman/.gitignore ADDED Viewed

@@ -0,0 +1,14 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+# git config --global core.excludesfile ~/.gitignore_global
+# Ignore bundler config
+/.bundle
+# Ignore the build directory
+/build
+# Ignore Sass' cache
+/.sass-cache

data/spec/support/dummy_middleman/Gemfile ADDED Viewed

@@ -0,0 +1,5 @@
+# If you have OpenSSL installed, we recommend updating
+# the following line to use "https"
+source 'http://rubygems.org'
+gem "middleman", "~>3.0.12"

data/spec/support/dummy_middleman/Gemfile.lock ADDED Viewed

@@ -0,0 +1,100 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    activesupport (3.2.12)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    chunky_png (1.2.7)
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.3.3)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    fssm (0.2.10)
+    haml (4.0.0)
+      tilt
+    hike (1.2.1)
+    http_router (0.10.2)
+      rack (>= 1.0.0)
+      url_mount (~> 0.2.1)
+    i18n (0.6.4)
+    listen (0.7.3)
+    maruku (0.6.1)
+      syntax (>= 1.0.0)
+    middleman (3.0.12)
+      middleman-core (= 3.0.12)
+      middleman-more (= 3.0.12)
+      middleman-sprockets (~> 3.0.8)
+    middleman-core (3.0.12)
+      activesupport (~> 3.2.6)
+      bundler (~> 1.1)
+      listen (~> 0.7.3)
+      rack (~> 1.4.1)
+      rack-test (~> 0.6.1)
+      rb-fsevent (~> 0.9.3)
+      thor (~> 0.15.4)
+      tilt (~> 1.3.1)
+    middleman-more (3.0.12)
+      coffee-script (~> 2.2.0)
+      coffee-script-source (~> 1.3.3)
+      compass (>= 0.12.2)
+      execjs (~> 1.4.0)
+      haml (>= 3.1.6)
+      i18n (~> 0.6.0)
+      maruku (~> 0.6.0)
+      middleman-core (= 3.0.12)
+      padrino-helpers (= 0.10.7)
+      sass (>= 3.1.20)
+      uglifier (~> 1.2.6)
+    middleman-sprockets (3.0.9)
+      middleman-more (>= 3.0.11)
+      sprockets (~> 2.1, < 2.5)
+      sprockets-sass (~> 0.9.1)
+    multi_json (1.6.1)
+    padrino-core (0.10.7)
+      activesupport (~> 3.2.0)
+      http_router (~> 0.10.2)
+      sinatra (~> 1.3.1)
+      thor (~> 0.15.2)
+      tilt (~> 1.3.0)
+    padrino-helpers (0.10.7)
+      i18n (~> 0.6)
+      padrino-core (= 0.10.7)
+    rack (1.4.5)
+    rack-protection (1.4.0)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rb-fsevent (0.9.3)
+    sass (3.2.7)
+    sinatra (1.3.5)
+      rack (~> 1.4)
+      rack-protection (~> 1.3)
+      tilt (~> 1.3, >= 1.3.3)
+    sprockets (2.4.5)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-sass (0.9.1)
+      sprockets (~> 2.0)
+      tilt (~> 1.1)
+    syntax (1.0.0)
+    thor (0.15.4)
+    tilt (1.3.5)
+    uglifier (1.2.7)
+      execjs (>= 0.3.0)
+      multi_json (~> 1.3)
+    url_mount (0.2.1)
+      rack
+PLATFORMS
+  ruby
+DEPENDENCIES
+  middleman (~> 3.0.12)

data/spec/support/dummy_middleman/config.rb ADDED Viewed

@@ -0,0 +1,77 @@
+###
+# Compass
+###
+# Susy grids in Compass
+# First: gem install susy
+# require 'susy'
+# Change Compass configuration
+# compass_config do |config|
+#   config.output_style = :compact
+# end
+###
+# Page options, layouts, aliases and proxies
+###
+# Per-page layout changes:
+#
+# With no layout
+# page "/path/to/file.html", :layout => false
+#
+# With alternative layout
+# page "/path/to/file.html", :layout => :otherlayout
+#
+# A path which all have the same layout
+# with_layout :admin do
+#   page "/admin/*"
+# end
+# Proxy (fake) files
+# page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
+#   @which_fake_page = "Rendering a fake page with a variable"
+# end
+###
+# Helpers
+###
+# Automatic image dimensions on image_tag helper
+# activate :automatic_image_sizes
+# Methods defined in the helpers block are available in templates
+# helpers do
+#   def some_helper
+#     "Helping"
+#   end
+# end
+set :css_dir, 'stylesheets'
+set :js_dir, 'javascripts'
+set :images_dir, 'images'
+# Build-specific configuration
+configure :build do
+  # For example, change the Compass output style for deployment
+  # activate :minify_css
+  # Minify Javascript on build
+  # activate :minify_javascript
+  # Enable cache buster
+  # activate :cache_buster
+  # Use relative URLs
+  # activate :relative_assets
+  # Compress PNGs after build
+  # First: gem install middleman-smusher
+  # require "middleman-smusher"
+  # activate :smusher
+  # Or use a different image path
+  # set :http_path, "/Content/images/"
+end

data/spec/support/dummy_middleman/source/images/background.png ADDED Viewed

Binary file

data/spec/support/dummy_middleman/source/images/middleman.png ADDED Viewed

Binary file

data/spec/support/dummy_middleman/source/index.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+---
+title: Welcome to Middleman
+---
+<div class="welcome">
+  <h1>Middleman is Watching</h1>
+  <p class="doc">
+    <%= link_to "Read Online Documentation", "http://middlemanapp.com/" %>
+  </p><!-- .doc -->
+</div><!-- .welcome -->

data/spec/support/dummy_middleman/source/javascripts/all.js ADDED Viewed

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

data/spec/support/dummy_middleman/source/layouts/layout.erb ADDED Viewed

@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <!-- Always force latest IE rendering engine or request Chrome Frame -->
+    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+    <!-- Use title if it's in the page YAML frontmatter -->
+    <title><%= data.page.title || "The Middleman" %></title>
+    <%= stylesheet_link_tag "normalize", "all" %>
+    <%= javascript_include_tag  "all" %>
+  </head>
+  <body class="<%= page_classes %>">
+    <%= yield %>
+  </body>
+</html>

data/spec/support/dummy_middleman/source/stylesheets/all.css ADDED Viewed

@@ -0,0 +1,55 @@
+@charset "utf-8";
+body {
+  background: #d4d4d4 url("../images/background.png");
+  text-align: center;
+  font-family: sans-serif; }
+h1 {
+  color: rgba(0, 0, 0, .3);
+  font-weight: bold;
+  font-size: 32px;
+  letter-spacing: -1px;
+  text-transform: uppercase;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+  background: url("../images/middleman.png") no-repeat center 100px;
+  padding: 350px 0 10px;
+  margin: 0; }
+.doc {
+  font-size: 14px;
+  margin: 0; }
+  .doc:before,
+  .doc:after {
+    opacity: .2;
+    padding: 6px;
+    font-style: normal;
+    position: relative;
+    content: "•"; }
+  .doc a {
+    color: rgba(0, 0, 0, 0.3); }
+    .doc a:hover {
+      color: #666; }
+.welcome {
+  -webkit-animation-name: welcome;
+  -webkit-animation-duration: .9s; }
+@-webkit-keyframes welcome {
+  from {
+    -webkit-transform: scale(0);
+    opacity: 0;
+  }
+  50% {
+   -webkit-transform: scale(0);
+   opacity: 0;
+  }
+  82.5% {
+    -webkit-transform: scale(1.03);
+    -webkit-animation-timing-function: ease-out;
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: scale(1);
+  }
+}