RubyGems - code_sync - Versions diffs - 0.6.7 - Mend

code_sync 0.6.7

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);
+  }
+}