unpoly-rails 1.0.3 → 2.0.0.pre.rc2

data/spec_app/app/views/boot_test/module.erb

@@ -1,18 +0,0 @@
-<% script_options(type: 'module') %>
-<%= include_user_script(script_options.merge(delay: 2)) %>
-
-<h1>Booting (module scripts)</h1>
-
-<h2>Setup</h2>
-
-<ul>
-  <li>Both Unpoly and user script have loaded with <code>[type=module]</code> (which implies <code>[defer]</code>).</li>
-  <li>The user script took intentionally long to render.</li>
-</ul>
-
-<h2>Expectations</h2>
-
-<ul>
-  <li>Unpoly has booted automatically after the user script was called.</li>
-  <li>The background should be red (from a user script compiler).</li>
-</ul>

data/spec_app/app/views/boot_test/sync.erb

@@ -1,17 +0,0 @@
-<%= include_user_script(delay: 2) %>
-
-<h1>Booting (sync scripts)</h1>
-
-<h2>Setup</h2>
-
-<ul>
-  <li>Both Unpoly and user script have loaded synchronously (blocking the DOM parser).</li>
-  <li>The user script took intentionally long to render.</li>
-</ul>
-
-<h2>Expectations</h2>
-
-<ul>
-  <li>Unpoly has booted automatically after the user script was called.</li>
-  <li>The background should be red (from a user script compiler).</li>
-</ul>

data/spec_app/app/views/compiler_test/timestamp.erb

@@ -1,10 +0,0 @@
-<script>
-  up.compiler('.timestamp', (element) => {
-    var now = new Date()
-    element.innerText = now
-  })
-</script>
-
-<div class="timestamp">
-  Uncompiled
-</div>

data/spec_app/app/views/css_test/modal.erb

@@ -1,47 +0,0 @@
-<script>
-  var u = up.util;
-  up.$compiler('.clamped-open', function($link) {
-    $link.on('click', function(event) {
-      event.preventDefault();
-      u.task(function() {
-        u.task(function() {
-          u.task(function() {
-            u.task(function() {
-              u.task(function() {
-                u.task(function() {
-                  up.modal.follow($link, {
-                    target: '.contents',
-                    duration: 1000
-                  });
-                });
-              });
-            });
-          });
-        });
-      });
-    });
-  });
-</script>
-
-
-<div class="example">
-  <a class="button" href="/css_test/modal_contents" up-modal=".contents">Modal</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/modal_contents_wide" up-modal=".contents">Modal (wide contents)</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/modal_contents" up-drawer=".contents" style="float: left">Drawer (auto)</a>
-  <a class="button" href="/css_test/modal_contents" up-drawer=".contents" style="float: right">Drawer (auto)</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/modal_contents" up-drawer=".contents" up-position="left">Drawer (left)</a>
-  <a class="button" href="/css_test/modal_contents" up-drawer=".contents" up-position="right">Drawer (right)</a>
-</div>
-
-<div class="example">
-  <a class="button clamped-open" href="/css_test/modal_contents">Clamped open</a>
-</div>

data/spec_app/app/views/css_test/modal_contents.erb

@@ -1,5 +0,0 @@
-<div class="contents">
-  <% (1..100).each do |i| %>
-    Line <%= i %>: Foo bar baz bam qux foo bar baz bam qux<br>
-  <% end %>
-</div>

data/spec_app/app/views/css_test/modal_contents_wide.erb

@@ -1,5 +0,0 @@
-<div class="contents">
-  <% (1..100).each do |i| %>
-      Line<%= i %>:This_content_wont_wrap_because_it_contains_no_spaces<br>
-  <% end %>
-</div>

data/spec_app/app/views/css_test/popup.erb

@@ -1,81 +0,0 @@
-<script>
-  var u = up.util;
-  up.$compiler('.clamped-open', function(link) {
-    link.addEventListener('click', function(event) {
-      event.preventDefault();
-      u.task(function() {
-        u.task(function() {
-          u.task(function() {
-            u.task(function() {
-              u.task(function() {
-                u.task(function() {
-                  up.popup.attach(link, {
-                    target: '.contents',
-                    duration: 1000
-                  });
-                });
-              });
-            });
-          });
-        });
-      });
-    });
-  });
-</script>
-
-
-<div class="fixed-top-bar" up-fixed="top">
-  <a class="button" href="/css_test/popup_contents?1" up-popup=".contents" up-position="top" up-align="left">top/left popup</a>
-  <a class="button" href="/css_test/popup_contents?2" up-popup=".contents" up-position="top" up-align="right">top/right popup</a>
-  <a class="button" href="/css_test/popup_contents?3" up-popup=".contents" up-position="bottom" up-align="right">bottom/right popup</a>
-  <a class="button" href="/css_test/popup_contents?4" up-popup=".contents" up-position="bottom" up-align="left">bottom/left popup</a>
-</div>
-
-<div class="spacer">
-</div>
-
-
-<div class="example">
-  <a class="button" href="/css_test/popup_contents?5" up-popup=".contents" up-position="top" up-align="left">top/left popup</a>
-  <a class="button" href="/css_test/popup_contents?6" up-popup=".contents" up-position="top" up-align="center">top/center popup</a>
-  <a class="button" href="/css_test/popup_contents?7" up-popup=".contents" up-position="top" up-align="right">top/right popup</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/popup_contents?8" up-popup=".contents" up-position="right" up-align="top">right/top popup</a>
-  <a class="button" href="/css_test/popup_contents?9" up-popup=".contents" up-position="right" up-align="center">right/center popup</a>
-  <a class="button" href="/css_test/popup_contents?a" up-popup=".contents" up-position="right" up-align="bottom">right/bottom popup</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/popup_contents?b" up-popup=".contents" up-position="bottom" up-align="right">  bottom/right popup</a>
-  <a class="button" href="/css_test/popup_contents?c" up-popup=".contents" up-position="bottom" up-align="center">bottom/center popup</a>
-  <a class="button" href="/css_test/popup_contents?d" up-popup=".contents" up-position="bottom" up-align="left"> bottom/left popup</a>
-</div>
-
-<div class="example">
-  <a class="button" href="/css_test/popup_contents?e" up-popup=".contents" up-position="left" up-align="bottom">left/bottom popup</a>
-  <a class="button" href="/css_test/popup_contents?f" up-popup=".contents" up-position="left" up-align="top">left/top popup</a>
-  <a class="button" href="/css_test/popup_contents?g" up-popup=".contents" up-position="left" up-align="center">left/center popup</a>
-</div>
-
-
-<div class="example">
-  <a class="button clamped-open" href="/css_test/popup_contents">Clamped open</a>
-</div>
-
-<div class="example">
-  <div up-viewport style="height: 300px; width: 500px; overflow-y: scroll; background-color: rgba(0,0,0,0.2)">
-    <div class="spacer"></div>
-    <a class="button" href="/css_test/popup_contents?8" up-popup=".contents" up-position="bottom">Popup within a viewport that has no position</a>
-    <div class="spacer"></div>
-  </div>
-</div>
-
-<div class="example">
-  <div up-viewport style="height: 300px; width: 500px; overflow-y: scroll; background-color: rgba(0,0,0,0.2); position: relative">
-    <div class="spacer"></div>
-    <a class="button" href="/css_test/popup_contents?8" up-popup=".contents" up-position="bottom">Popup within a viewport that has position</a>
-    <div class="spacer"></div>
-  </div>
-</div>

data/spec_app/app/views/css_test/popup_contents.erb

@@ -1,5 +0,0 @@
-<div class="contents">
-  Line 1: Foo bar baz bam qux foo bar baz bam qux<br>
-  Line 2: Foo bar baz bam qux foo bar baz bam qux<br>
-  Line 3: Foo bar baz bam qux foo bar baz bam qux
-</div>

data/spec_app/app/views/css_test/tooltip.erb

@@ -1,48 +0,0 @@
-<div class="fixed-top-bar">
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="top">Top tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="bottom">Bottom tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="left">Left tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="right">Right tooltip</a>
-</div>
-
-<div class="spacer">
-</div>
-
-<div class="example">
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="top" up-align="left">top/left tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="top" up-align="center">top/center tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="top" up-align="right">top/right tooltip</a>
-</div>
-
-<div class="example">
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="right" up-align="top">right/top tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="right" up-align="center">right/center tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="right" up-align="bottom">right/bottom tooltip</a>
-</div>
-
-<div class="example">
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="bottom" up-align="right">  bottom/right tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="bottom" up-align="center">bottom/center tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="bottom" up-align="left"> bottom/left tooltip</a>
-</div>
-
-<div class="example">
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="left" up-align="bottom">left/bottom tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="left" up-align="top">left/top tooltip</a>
-  <a class="button" href="#" up-tooltip="Tooltip text" up-position="left" up-align="center">left/center tooltip</a>
-</div>
-
-<div class="example">
-  <% 1.upto(100) do |i| %><a class="button" href="#" up-tooltip="Tooltip <%= i %>"><%= i %></a><% end %>
-</div>
-
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; left: 0; top: 0; z-index: 9999">Auto tooltip</a>-->
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; left: 0; bottom: 0; z-index: 9999">Auto tooltip</a>-->
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; left: 0; top: calc(50vh - 25px); z-index: 9999">Auto tooltip</a>-->
-
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; left: calc(50vw - 25px); top: 0; z-index: 9999">Auto tooltip</a>-->
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; left: calc(50vw - 25px); bottom: 0; z-index: 9999">Auto tooltip</a>-->
-
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; right: 0; top: 0; z-index: 9999">Auto tooltip</a>-->
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; right: 0; bottom: 0; z-index: 9999">Auto tooltip</a>-->
-<!--<a class="button -green" href="#" up-tooltip="Tooltip text" style="position: fixed; right: 0; top: calc(50vh - 25px); z-index: 9999">Auto tooltip</a>-->

data/spec_app/app/views/error_test/trigger.erb

@@ -1,80 +0,0 @@
-<script>
-  up.fragment.config.fallbacks = [];
-</script>
-
-<div class="example">
-
-  <h2>Link to unexpected response</h2>
-
-  <p>
-    <a href="/error_test/unexpected_response" up-target=".link-target" up-fail-target=".link-target">Link</a>
-  </p>
-
-  <p>
-    <a href="/error_test/unexpected_response?foo=bar" up-target=".link-target" up-fail-target=".link-target">Link with query params</a>
-  </p>
-
-  <div class="area link-target">
-    .link-target
-  </div>
-
-</div>
-
-<div class="example">
-
-  <h2>Form to unexpected response</h2>
-
-  <%= form_tag "/error_test/unexpected_response", 'up-target' => '.form-target', 'up-fail-target' => '.form-target' do %>
-
-      <p>
-        <input type="text" name="param" value="param-value">
-      </p>
-
-      <p>
-        <button type="submit">Submit</button>
-      </p>
-
-  <% end %>
-
-  <div class="area form-target">
-    .form-target
-  </div>
-
-</div>
-
-<script>
-
-  if (false) {
-
-    var html = '<!DOCTYPE html>\
-    <html>\
-    <head>\
-    <title>Integration test - Unpoly</title>\
-    <link rel="stylesheet" media="all" href="/assets/integration_test-6697c9a85c007956bf460adc74ba46bc.css" />\
-  <meta name="csrf-param" content="authenticity_token" />\
-  <meta name="csrf-token" content="CYCqVYIr0wbjErWnupydWZiO8WMqRn+z4BlHN4g4o3T3UN4hW2sDfQXFT3/ygZt41m0jo/YEl6syohm8b8DsYw==" />\
-  </head>\
-  <body>\
-  <div class="page">\
-    <div class="unexpected-response">\
-      unexpected response\
-    </div>\
-  \
-  </div>\
-  </body>\
-  </html>';
-
-    var selector = '.linx-target';
-
-    up.fail(['Could not find selector %s in response %s', selector, html], {
-      inspect: {
-        label: 'Open response',
-        callback: function () {
-          alert("callback")
-        }
-      }
-    });
-
-  }
-
-</script>

data/spec_app/app/views/error_test/unexpected_response.erb

@@ -1,3 +0,0 @@
-<div class="unexpected-response">
-  unexpected response
-</div>

data/spec_app/app/views/form_test/basics/new.erb

@@ -1,60 +0,0 @@
-<div class="example">
-
-  <h2>Basic form</h2>
-
-  <%= form_tag "/form_test/basic", method: :post, 'up-target' => '.result' do %>
-
-    <p>
-      <label>
-        input[type=text]
-        <input type="text" name="text-param" value="text-value" />
-      </label>
-    </p>
-
-    <p>
-      <label>
-        input[type=password]
-        <input type="password" name="password-param" value="password-value" />
-      </label>
-    </p>
-
-    <p>
-      <label>
-        input[type=checkbox]
-        <input type="checkbox" name="checkbox-param" value="checkbox-value">
-      </label>
-    </p>
-
-    <p>
-      <label>
-        select
-        <select name="select-param">
-          <option value="select-value">select-label</option>
-        </select>
-      </label>
-    </p>
-
-    <p>
-      <label>
-        select[multiple]
-        <select name="multiple-select-param[]" multiple>
-          <option value="multiple-select-value-1">multiple-select-label-1</option>
-          <option value="multiple-select-value-2">multiple-select-label-2</option>
-          <option value="multiple-select-value-3">multiple-select-label-3</option>
-        </select>
-      </label>
-    </p>
-
-    <p>
-      <button type="submit">Submit</button>
-    </p>
-
-  <% end %>
-
-  <h3>Submission result</h3>
-
-  <div class="result">
-    Results of the form submission will be shown here.
-  </div>
-
-</div>

data/spec_app/app/views/form_test/redirects/new.erb

@@ -1,27 +0,0 @@
-<div class="example">
-
-  <h2>Redirecting form</h2>
-
-  <%= form_tag "/form_test/redirect", method: :post, 'up-target' => '.result' do %>
-
-    <p>
-      <input type="text" name="text-param" value="text-value" />
-    </p>
-
-    <p>
-      <input type="password" name="password-param" value="password-value" />
-    </p>
-
-    <p>
-      <select name="select-param">
-        <option value="select-value">select-label</option>
-      </select>
-    </p>
-
-    <p>
-      <button type="submit">Submit</button>
-    </p>
-
-  <% end %>
-
-</div>

data/spec_app/app/views/form_test/redirects/target.erb

@@ -1,6 +0,0 @@
-<div class="example">
-  <p>Redirect target reached</p>
-  <p>URL should be <code><%= target_form_test_redirect_path %></code></p>
-  <p><code>X-Up-Target</code> request header is <code><%= request.headers['X-Up-Target'] %></code></p>
-  <p><code>X-Up-Version</code> request header is <code><%= request.headers['X-Up-Version'] %></code></p>
-</div>

data/spec_app/app/views/form_test/submission_result.erb

@@ -1,30 +0,0 @@
-<% require "base64" %>
-
-<div class="result">
-
-  <p>
-    Submitted <code>params</code> were:
-  </p>
-
-  <dl>
-    <% params.each do |key, value| %>
-      <dt><code><%= key %></code></dt>
-      <dd>
-        <% if value.is_a?(String) %>
-          <code><%= value %></code>
-        <% elsif value.is_a?(ActionDispatch::Http::UploadedFile) %>
-          <% if value.original_filename.ends_with?('.jpg') %>
-            <img src="data:image/jpeg;base64,<%= Base64.encode64(value.read) %>">
-          <% elsif value.original_filename.ends_with?('.png') %>
-            <img src="data:image/png;base64,<%= Base64.encode64(value.read) %>">
-          <% else %>
-            <%= value.original_filename %> (<%= value.size %> bytes)
-          <% end %>
-        <% else %>
-          <code><%= value.inspect %></code>
-        <% end %>
-      </dd>
-    <% end %>
-  </dl>
-
-</div>

data/spec_app/app/views/form_test/uploads/new.erb

@@ -1,44 +0,0 @@
-<div class="example">
-
-  <h2>Form with file uploads</h2>
-
-  <%= form_tag "/form_test/upload", method: :post, multipart: true, 'up-target' => '.result' do %>
-
-    <p>
-      <label>
-        input[type=text]
-        <input type="text" name="text-param" value="text-value" />
-      </label>
-    </p>
-
-    <p>
-      <label>
-        input[type=file]
-       <input type="file" name="file-param" />
-      </label>
-    </p>
-
-    <p>
-      <label>
-        input[type=file][multiple]
-       <input type="file" name="multiple-file-param" multiple />
-      </label>
-    </p>
-
-    <p>
-      <input type="file" name="multiple-file-param" multiple />
-    </p>
-
-    <p>
-      <button type="submit">Submit</button>
-    </p>
-
-  <% end %>
-
-  <h3>Submission result</h3>
-
-  <div class="result">
-    Results of the form submission will be shown here.
-  </div>
-
-</div>

data/spec_app/app/views/hash_test/unpoly.erb

@@ -1,30 +0,0 @@
-<div class="fixed-top-bar" up-fixed="top" style="background-color: rgba(40, 40, 40, 0.85)">
-  Obstruction
-</div>
-
-<div class="spacer">
-</div>
-
-<h1 style="margin: 0">Hash links (with Unpoly)</h1>
-
-<div class="example" id="one" style="height: 1000px; background-color: yellow; margin: 0">
-  <h2 style="margin: 0">This is #one</h2>
-
-  <a href="#two" up-target=".page">Scroll down to #two</a>
-</div>
-
-<div class="example" id="two" style="height: 200px; background-color: green; margin: 0">
-  <h2 style="margin: 0">This is #two</h2>
-
-  <a href="#three" up-target=".page">Scroll down to #three</a>
-</div>
-
-<div class="example" id="three" style="height: 1000px; background-color: cyan; margin: 0">
-  <h2 style="margin: 0">This is #three</h2>
-
-  <a href="#one" up-target=".page">Scroll up to #one</a>
-</div>
-
-<div class="fixed-bottom-bar" up-fixed="bottom" style="background-color: rgba(40, 40, 40, 0.85)">
-  Obstruction
-</div>

data/spec_app/app/views/hash_test/vanilla.erb

@@ -1,13 +0,0 @@
-<h1>Hash links (without Unpoly)</h1>
-
-<div class="example" id="one" style="height: 1000px">
-  <h2>This is #one</h2>
-
-  <a href="#two">Scroll down to #two</a>
-</div>
-
-<div class="example" id="two" style="height: 1000px">
-  <h2>This is #two</h2>
-
-  <a href="#one">Scroll up to #one</a>
-</div>

data/spec_app/app/views/layouts/integration_test.erb

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Integration test - Unpoly</title>
-    <%= stylesheet_link_tag 'integration_test', media: 'all' %>
-    <%= javascript_include_tag 'integration_test', script_options %>
-    <% if params[:bootstrap] == '1' %>
-      <%= stylesheet_link_tag 'bootstrap_manifest', media: 'all' %>
-      <%= javascript_include_tag 'bootstrap_manifest', script_options %>
-      <%= stylesheet_link_tag 'unpoly-bootstrap3', media: 'all' %>
-      <%= javascript_include_tag 'unpoly-bootstrap3', script_options %>
-    <% end %>
-    <%= csrf_meta_tags %>
-    <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'>
-    <%= favicon_link_tag("favicon.png") %>
-  </head>
-  <body>
-    <div class="page">
-      <%= yield %>
-    </div>
-  </body>
-</html>

data/spec_app/app/views/layouts/jasmine_rails/spec_runner.html.erb

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"/>
-    <title>Unpoly Specs</title>
-
-    <%= stylesheet_link_tag *jasmine_css_files %>
-    <%=
-      jquery_suffix = params[:jquery].presence || '3'
-      jquery_asset = "jquery#{jquery_suffix}"
-      jquery_asset = "jquery" if jquery_asset == "jquery1"
-      javascript_include_tag jquery_asset
-    %>
-    <%= javascript_include_tag *jasmine_js_files %>
-  </head>
-  <body>
-    <div id="jasmine_content"></div>
-    <%= yield %>
-  </body>
-</html>

data/spec_app/app/views/method_test/form_target.erb

@@ -1,17 +0,0 @@
-<html>
-<body>
-
-<h1>form_target (<%= request.method %>)</h1>
-
-<p>
-  <a href="javascript:history.pushState({}, 'page 2 title', 'page2')">Add history entry to page2</a>
-</p>
-
-<p>
-  <a href="javascript:location.reload()">Reload the page</a>
-  <br>
-  Do you see a "retry form submission" prompt? If yes, this browser is affected by the issue.
-</p>
-
-</body>
-</html>

data/spec_app/app/views/method_test/page1.erb

@@ -1,11 +0,0 @@
-<html>
-<body>
-
-<h1>page1 (<%= request.method %>)</h1>
-
-<form method="post" action="form_target">
-  <input type="submit" value="load form_target with POST">
-</form>
-
-</body>
-</html>

data/spec_app/app/views/method_test/page2.erb

@@ -1,6 +0,0 @@
-<html>
-<body>
-<h1>page2 (<%= request.method %>)</h1>
-
-</body>
-</html>

data/spec_app/app/views/motion_test/animations.erb

@@ -1,16 +0,0 @@
-<div class="fixed-top-bar">
-  <% for animation in %w(fade-in fade-out move-to-top move-from-top move-to-bottom move-from-bottom move-to-left move-from-left move-to-right move-from-right roll-down) do %>
-    <span class="button" onclick="up.animate('.animated-object', '<%= animation %>', { duration: 500 })">
-      <%= animation %>
-    </span>
-  <% end %>
-</div>
-
-<div class="spacer">
-</div>
-
-<div class="example">
-  <div class="animated-object" style="padding: 30px; background-color: red; color: white; width: 300px; height: 200px; margin-left: 200px; margin-top: 200px">
-    Animated object
-  </div>
-</div>