upjs-rails 0.9.1 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: daa8399fa2cc832ee5539baa91ca77ffebf3d327
-  data.tar.gz: 82206c9b5bf483b6bd9284cc6168ebd2a0f4fa6b
+  metadata.gz: b23765c17f70e68eb8a2d8be20055dc433205ee7
+  data.tar.gz: a7366a2ef69ecbb3f9a3284afb9b6ced51aeba5e
 SHA512:
-  metadata.gz: aa9ad36a2f58172a7c4e9d10487c628e5a831935ec9465b5e3b0970c8b9827156e7d66ce0134e99e95940cdc8c679bf1fbf6d3ed6d53a2becba09bff2520f9d0
-  data.tar.gz: 8f5eeba7bcd463dce586ac1a75d4140c214f21bc27f2a5709c0f196c476bf5c8ee0ad1a065343373e4c85de90eeda10d7acc0b08e4f8c42506ec13b7c8878eb2
+  metadata.gz: 37272df37fdc18afbfac2fb44aef31cf7f911ed366fa5863dba43134954620db233f721716cb86cf89f96b85e2725c4298e297ee4ee528491e49781b9e004a37
+  data.tar.gz: 0e0a659157585e436776a524ccedfae11d3b127d87c30ddb007849b194fd5683536bd51393aaf6c3737ddc240fb1be456149ce8dc2cc74f7d9f885232803d206

data/CHANGELOG.md

@@ -0,0 +1,142 @@
+Changelog
+=========
+
+All notable changes to this project will be documented in this file.
+This project adheres to [Semantic Versioning](http://semver.org/).
+
+
+0.10.0
+-------
+
+### Compatible changes
+
+- Viewport scroll positions are saved when the URL changes and restored when the user hits the back/forward button
+- Allow to link to the previous page using [`[up-back]`](http://upjs.io/up.history#up-back)
+- Allow to restore previous scroll state using [`[up-restore-scroll]`](http://upjs.io/up.link#a-up-target)
+- Instead of saying `<tag up-something="true">` you can now simply say `<tag up-something>`.
+- Create this Changelog.
+
+### Breaking changes
+
+- The option `options.scroll` and attribute `up-scroll` have been removed. Instead you can use the
+  boolean option `options.reveal` or `up-reveal` to indicate whether an element should be revealed
+  within the viewport before replacement.
+- The string `up.history.defaults('popTarget')` is now an array of selectors `up.history.defaults('popTargets')`
+
+
+0.9.1
+-----
+
+### Compatible changes
+
+- Change transition implementation so child elements with collapsing margins don't reposition within the animated element
+
+
+0.9.0
+-----
+
+### Compatible changes
+
+- Elements are now being [revealed](http://upjs.io/up.layout#up.reveal) within their viewport before they are updated
+- Elements that are prepended or appended using `:before` or `:after` pseudo-selectors are now scrolled into view after insertion.
+- New option `up.layout.defaults('snap')` lets you define a number of pixels under which Up.js will snap to the top edge of the viewport when revealing an element
+- You can now make [`up.reveal`]((http://upjs.io/up.layout#up.reveal) aware of fixed navigation bars blocking the viewport by setting new options `up.layout.defaults('fixedTop')` and `up.layout.defaults('fixedBottom')`.
+
+
+0.8.2
+-----
+
+### Compatible changes
+
+- [`up.reveal`](http://upjs.io/up.layout#up.reveal) can now reveal content in modals and containers with `overflow-y: scroll`.
+- Changing the default configuration of an Up.js module now raises an error if a config key is unknown.
+- Links linking to `"#"` are now never marked as `.up-current`.
+
+
+0.8.1
+-----
+
+### Compatible chanes
+
+- You can now include `up-bootstrap.js` and `up-bootstrap.css` to configure Up.js to play nice with Bootstrap 3.
+
+
+### Breaking changes
+
+- Like Bootstrap, the Up.js modal will now scroll the main document viewport instead of the modal dialog box.
+
+
+
+0.8.0
+-----
+
+### Compatible changes
+
+- Up.js will now emit [events](http://upjs.io/up.bus) `proxy:busy` and `proxy:idle` whenever it is loading or is done loading content over HTTP.
+- Add an option `up.proxy.defaults('busyDelay')` to delay the `proxy:busy` event in order to prevent flickering of loading spinners.
+
+
+0.7.8
+------
+
+### Compatible changes
+
+- Now longer throws an error if the current location does not match an `up-alias` wildcard (bugfix).
+
+
+0.7.7
+-----
+
+### Compatible changes
+
+- Allow `up-alias` to match URLs by prefix (`up-alias="prefix*"`).
+
+
+0.7.6
+-----
+
+### Compatible changes
+
+- Fix what Up.js considers the current URL of a modal or popup if multiple updates change different parts of the modal or popup.
+- Don't replace elements within a container that matches `.up-destroying` or `.up-ghost` (which are cloned elements for animation purposes).
+
+
+0.7.5
+-----
+
+### Compatible changes
+
+- Make sure that an expanded link will be considered a link by adding an `up-follow` attribute if it doesn't already have an `up-target` attribute.
+
+
+0.7.4
+-----
+
+### Compatible changes
+
+- Correctly position tooltips when the user has scrolled the main document viewports.
+- Allow popups within modal dialogs.
+
+
+0.7.3
+-----
+
+### Compatible changes
+
+- Use [up.proxy](http://upjs.io/up.proxy) when submitting a form.
+
+
+0.7.2
+-----
+
+### Compatible changes
+
+- When marking links as `.up-current`, allow to additionally match on a space-separated list of URLs in an  `up-alias` attribute.
+
+
+0.7.1
+-----
+
+### Compatible changes
+
+- Bugfix: Don't consider forms with an `up-target` attribute to be a link.

data/README.md

@@ -4,6 +4,8 @@ Up.js gives your traditional web application fast-responding views with minimal
 
 See [upjs.io](http://upjs.io) for more information and API documentation.
 
+See [`CHANGELOG.md`](https://github.com/makandra/upjs/blob/master/CHANGELOG.md) for notable changes.
+
 
 ## Running tests
 
@@ -36,7 +38,8 @@ We are currently feeding three release channels:
 To make a new release:
 
 - Edit `lib/upjs/rails/version.rb` and bump the version number. Use [semantic versioning](http://semver.org/).
-- Commit and push the version bump
+- Add an entry to `CHANGELOG.md`
+- Commit and push the version bump and `CHANGELOG.md`
 - From the project root, type `rake assets:compile`. This will output minified JS and CSS files to the `dist` folder.
 - Commit and push the generated files
 - From the project root, type `rake release`. This will publish a new gem version to Rubygems.org.

data/design/ghost-debugging.txt

@@ -0,0 +1,118 @@
+https://jsbin.com/mehuyefuqi/6/edit?html,css,js,output
+
+
+$(function() {
+  var $box = $('.box');
+
+  var $ghost = $box.clone();
+
+  var $wrapper = $('<div class="wrapper"></div>');
+
+  $ghost.appendTo($wrapper);
+
+  $wrapper.css({
+    backgroundColor: 'rgba(255,255,0,0.1)'
+  });
+
+  var offset = $box.position();
+  var height = $box.height();
+  var width = $box.width();
+
+
+  $wrapper.css({
+    position: 'absolute',
+    left: offset.left,
+    top: offset.top,
+  });
+
+  $ghost.css({
+    width: width,
+    height: height,
+    color: 'red',
+    backgroundColor: 'rgba(255,255,255,0.2)'
+  });
+
+  $wrapper.insertBefore($box);
+
+  var diff = $ghost.offset().top - $box.offset().top;
+
+  $('.output').text(
+    $wrapper.offset().top + " / " +
+    $ghost.offset().top + " / " +
+    $box.offset().top + " / " +
+    "D=" + diff
+  );
+
+  $wrapper.css({
+    top: parseInt($wrapper.css('top')) - diff
+  });
+
+  // alert($wrapper.css('top'));
+
+});
+
+
+
+
+
+Nochmal neu:
+------------
+
+
+$(function() {
+
+  var $box = $('.box');
+
+  var $ghost = $box.clone();
+
+  var $wrapper = $('<div class="wrapper"></div>');
+
+  $ghost.appendTo($wrapper);
+
+  $wrapper.css({
+    backgroundColor: 'rgba(255,255,0,0.1)'
+  });
+
+  var offset = $box.position();
+  var height = $box.height();
+  var width = $box.width();
+
+  $wrapper.css({
+    position: 'absolute',
+    left: offset.left,
+    top: offset.top,
+    width: width,
+    height: height
+  });
+
+  $ghost.css({
+    position: 'static', // or relative if it was non-static before
+    width: '100%',
+    height: '100%',
+    left: '',
+    top: '',
+    right: '',
+    bottom: '',
+    color: 'red',
+    backgroundColor: 'rgba(255,255,255,0.4)'
+  });
+
+  $wrapper.insertBefore($box);
+
+  var diff = $ghost.offset().top - $box.offset().top;
+
+  $('.output').text(
+    $wrapper.offset().top + " / " +
+    $ghost.offset().top + " / " +
+    $box.offset().top + " / " +
+    "D=" + diff
+  );
+
+  $wrapper.css({
+    top: parseInt($wrapper.css('top')) - diff
+  });
+
+  // alert($wrapper.css('top'));
+
+});
+

data/design/homepage.txt

@@ -0,0 +1,236 @@
+
+
+
+  PROGRESSIVE ENHANCEMENT, RELOADED
+  
+  
+  
+  Demo
+  
+    Update a page fragment via AJAX
+
+
+
+    Animate a page transition
+
+
+
+    Open a link in a modal dialog
+
+
+
+    Custom HTML tags
+  
+  Batteries included
+  
+    We will ship a basic implementation for the most established
+    UI patterns like navigation bars, infinite scrolling,
+    drop-down menus, modals dialogs, etc.
+    
+  Plays nice with existing Javascript
+  
+    Convert to up.compiler directives.
+  
+  Plays nice with existing styles
+  
+    Unoppinionated about style
+    Bootstrap users can include `up-bootstrap`.
+  
+  Plays nice with existing JS code
+
+    You can wire your existing JS code into the Up.js page flow.
+
+  URLs are important
+  
+    In Up.js every page or screen state has a URL which you can
+    bookmark and share. This also means you get all the SEO love from Google.
+
+  Server-side code should stay the same
+  
+    (Rewrite)
+
+  Lightweight
+  
+    Up.js is 13 KB gzipped. 
+    The only dependency is jQuery.
+
+  Both UJS and programmatic interfaces
+    
+    All Up.js functionality is available as both unobtrusive behavior
+    (through HTML attributes like up-target) and Javascript functions
+    for programmatic access and integration with your code.  
+  
+  
+
+
+
+
+
+
+
+
+
+.example
+  .example__column
+    .example__title
+      page.html
+    .example__asset
+      <%= ... %>
+  .example__column
+    .example__title
+      Demo
+    iframe.example__demo
+      
+    
+  
+
+
+
+Update a page fragment via AJAX:
+
+    <div class="story">
+      Story summary.
+      
+      <a href="full.html" up-target=".story">
+        Read full story
+      </a>
+    </div>
+    
+Animate a page transition:
+
+    <a href="/page/2" up-follow up-transition="move-right">Next page</a>
+
+    <div class="story">
+      Story summary.
+      
+      <a href="/stories/443/full" up-target=".story" up-transition="cross-fade">
+        Read full story
+      </a>
+    </div>
+
+    
+Infinite pagination:
+
+    <div class="stories">
+      <a href="/stories/1">Foo</a>
+      <a href="/stories/2">Bar</a>
+      <a href="/stories/3">Baz</a>
+    </div>
+
+    <a href="/pages/2" class="load-more" up-target=".stories:after, .load-more">
+      Load more
+    </a>
+    
+Open a link in a modal dialog:
+
+    <a href="/login" up-modal=".content">
+      Log in to continue
+    </a>
+    
+    
+    
+Custom tag:
+
+
+
+/examples/timestamp-tag/
+
+  page.html
+
+    <p>
+      The time is <timestamp />
+    </p>
+    
+  scripts.js
+    
+    up.compiler('timestamp', function($element) {
+      now = new Date();
+      $element.text(now);
+    });
+    
+    
+
+
+/examples/clock-tag/
+
+  page.html
+
+    <clock />
+    
+  scripts.js
+
+    up.compiler('clock', function($element) {
+
+      function update() {
+        var now = new Date();
+        $element.text(now);
+      }
+
+      setInterval(update, 1000);
+
+      return function() { clearInterval(update) };
+
+    });
+
+
+
+
+/examples/transition
+
+  story1.html
+  
+    <div class="story">
+
+      <h1>The first story</h1>
+
+      <a href="story2.html" up-transition="move-left">
+        Show next story
+      </a>
+    </div>  
+  
+  story2.html
+
+    <div class="story">
+    
+      <h1>The second story</h1>
+    
+      <a href="story1.html" up-transition="move-right">
+        Show previous story
+      </a>
+    </div>
+
+
+
+
+
+
+
+
+/examples/transition
+
+  summary.html
+  
+    <div class="story">
+      Story summary.
+      
+      <a href="full" up-target=".story" up-transition="cross-fade">
+        Read full story
+      </a>
+    </div>  
+  
+  full.html
+
+    <div class="story">
+      Full story here
+
+      <a href="summary" up-target=".story" up-transition="cross-fade">
+        Show summary
+      </a>
+    </div>
+    
+
+
+
+Example:
+
+  

data/dist/up-bootstrap.js

@@ -4,8 +4,8 @@
   defaults = up.layout.defaults();
 
   up.layout.defaults({
-    fixedTop: defaults.fixedTop + ", .navbar-fixed-top",
-    fixedBottom: defaults.fixedBottom + ", .navbar-fixed-bottom"
+    fixedTop: defaults.fixedTop.concat(['.navbar-fixed-top']),
+    fixedBottom: defaults.fixedBottom.concat(['.navbar-fixed-bottom'])
   });
 
 }).call(this);
@@ -16,8 +16,12 @@
 
 }).call(this);
 (function() {
+  var defaults;
+
+  defaults = up.navigation.defaults();
+
   up.navigation.defaults({
-    currentClass: 'active'
+    currentClasses: defaults.currentClasses.concat(['active'])
   });
 
 }).call(this);

data/dist/up-bootstrap.min.js

@@ -1 +1 @@
-(function(){var a;a=up.layout.defaults(),up.layout.defaults({fixedTop:a.fixedTop+", .navbar-fixed-top",fixedBottom:a.fixedBottom+", .navbar-fixed-bottom"})}).call(this),function(){up.modal.defaults({template:'<div class="up-modal">\n  <div class="up-modal-dialog modal-dialog">\n    <div class="up-modal-content modal-content"></div>\n  </div>\n</div>'})}.call(this),function(){up.navigation.defaults({currentClass:"active"})}.call(this),function(){}.call(this);
+(function(){var a;a=up.layout.defaults(),up.layout.defaults({fixedTop:a.fixedTop.concat([".navbar-fixed-top"]),fixedBottom:a.fixedBottom.concat([".navbar-fixed-bottom"])})}).call(this),function(){up.modal.defaults({template:'<div class="up-modal">\n  <div class="up-modal-dialog modal-dialog">\n    <div class="up-modal-content modal-content"></div>\n  </div>\n</div>'})}.call(this),function(){var a;a=up.navigation.defaults(),up.navigation.defaults({currentClasses:a.currentClasses.concat(["active"])})}.call(this),function(){}.call(this);