RubyGems - daftos - Versions diffs - 0.1.0 → 0.2.0 - Mend

daftos 0.1.0 → 0.2.0

Files changed (307) hide show

data/lib/apps/photobooth/coffee/photobooth.coffee ADDED Viewed

@@ -0,0 +1,37 @@
+$ ->
+  $(window).bind('body_loaded',
+    =>
+      new PhotoBooth()
+  )
+class PhotoBooth
+  constructor: ->
+    #@init_stream()
+    navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.getUserMedia;
+    window.URL = window.URL || window.webkitURL;
+    navigator.getUserMedia('video',
+      (par) =>
+        @got_stream(par)
+    )
+    $("#blur, #brightness,#contrast,#hue-rotate,#hue-rotate2,#hue-rotate3,#saturate,#grayscale,#sepia,#invert").click(
+      (event) =>
+        cl = $(event.currentTarget).attr('id')
+        if $("#content").hasClass(cl)
+          $("#content").removeClass(cl)
+        else
+          $("#content").addClass(cl)
+        return false
+    )
+  got_stream: (stream) =>
+    video = $("#content")[0]
+    $("#content").width($(window).width())
+    $("#content").height($(window).height() - 50)
+    console.log video
+    console.log stream
+    video.src = stream
+    video.src = window.URL.createObjectURL(stream)

data/lib/apps/photobooth/coffee/test.html ADDED Viewed

@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+<!--
+Copyright 2011 Google Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+     http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+Author: Eric Bidelman (ericbidelman@chromium.org)
+-->
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="chrome=1">
+<link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet" type="text/css">
+<link href="../common.css" rel="stylesheet" type="text/css">
+<title>Photobooth</title>
+<style>
+@-webkit-keyframes glowRed {
+  from {
+    box-shadow: rgba(255, 0, 0, 0) 0 0 0;
+  }
+  50% {
+    box-shadow: rgba(255, 0, 0, 1) 0 0 15px 1px;
+  }
+  to {
+    box-shadow: rgba(255, 0, 0, 0) 0 0 0;
+  }
+}
+html, body {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+}
+body {
+  display: -webkit-flexbox;
+  -webkit-flex-item-align: center;
+  -webkit-flex-pack: center;
+  box-sizing: border-box;
+}
+article {
+  -webkit-flex-item-align: center;
+  text-align: center;
+}
+#monitor {
+  /*-webkit-transform: scaleX(-1);*/
+  height: 400px;
+  -webkit-box-reflect: below 20px -webkit-linear-gradient(top, transparent, transparent 80%, rgba(255,255,255,0.2));
+}
+#live {
+  position: absolute;
+  z-index: 1;
+  color: white;
+  font-weight: 600;
+  font-family: Arial;
+  font-size: 16pt;
+  right: 35px;
+  top: 20px;
+  text-shadow: 1px 1px red;
+  letter-spacing: 1px;
+}
+#live:before {
+  content: '';
+  border-radius: 50%;
+  width: 15px;
+  height: 15px;
+  background: red;
+  position: absolute;
+  left: -20px;
+  margin-top: 5px;
+}
+#gallery img {
+  position: absolute;
+  z-index: -1;
+  height: 75px;
+}
+#gallery img {
+  float: left;
+  height: 75px;
+}
+.container {
+  padding: 10px 25px 5px 25px;
+  background: black;
+  border-radius: 4px;
+  display: inline-block;
+  position: relative;
+}
+h1 {
+  font-weight: 300;
+}
+.blur {
+  -webkit-filter: blur(3px);
+}
+.brightness {
+  -webkit-filter: brightness(5);
+}
+.contrast {
+  -webkit-filter: contrast(8);
+}
+.hue-rotate {
+  -webkit-filter: hue-rotate(90deg);
+}
+.hue-rotate2 {
+  -webkit-filter: hue-rotate(180deg);
+}
+.hue-rotate3 {
+  -webkit-filter: hue-rotate(270deg);
+}
+.saturate {
+  -webkit-filter: saturate(10);
+}
+.grayscale {
+  -webkit-filter: grayscale(1);
+}
+.sepia {
+  -webkit-filter: sepia(1);
+}
+.invert {
+  -webkit-filter: invert(1)
+}
+</style>
+</head>
+<body>
+<details>
+  <summary>What's this?</summary>
+  <div>
+    <p>Example of the <a href="http://dev.w3.org/2011/webrtc/editor/getusermedia.html" target="_blank" title="Spec link" alt="Spec link"><code>navigator.getUserMedia()</code></a>
+    API for capturing audio and video, sans plugin. This demo also shows the video being rendered
+    to while <a href="/static/css/filters/index.html">CSS filters</a> are applied in realtime (click the video).</p>
+    <p><b>Support:</b> Chrome 18.0.1009.0 (currently Canary) with the <code>--enable-media-stream</code> flag set.</p>
+  </div>
+</details>
+<article>
+ <h1>CSS Filters Photobooth</h1>
+ <section id="app" hidden>
+  <div class="container"><span id="live">LIVE</span><video id="monitor" autoplay onclick="changeFilter(this)" title="Click me to see different filters"></video></div>
+  <p>Click the video to see different CSS filters</p>
+ </section>
+ <p><button onclick="init(this)">Capture</button></p>
+ <div id="splash">
+  <p id="errorMessage">&uarr;<br>Click to begin</p>
+ </div>
+ <div id="gallery"></div>
+</article>
+<canvas id="photo" style="display:none"></canvas>
+<script>
+navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.getUserMedia;
+window.URL = window.URL || window.webkitURL;
+var app = document.getElementById('app');
+var video = document.getElementById('monitor');
+var canvas = document.getElementById('photo');
+var effect = document.getElementById('effect');
+var gallery = document.getElementById('gallery');
+var ctx = canvas.getContext('2d');
+var intervalId = null;
+var idx = 0;
+var filters = [
+  'grayscale',
+  'sepia',
+  'blur',
+  'brightness',
+  'contrast',
+  'hue-rotate', 'hue-rotate2', 'hue-rotate3',
+  'saturate',
+  'invert',
+  ''
+];
+function changeFilter(el) {
+  el.className = '';
+  var effect = filters[idx++ % filters.length];
+  if (effect) {
+    el.classList.add(effect);
+  }
+}
+function gotStream(stream) {
+  if (window.URL) {
+    video.src = window.URL.createObjectURL(stream);
+  } else {
+    video.src = stream; // Opera.
+  }
+  video.onerror = function(e) {
+    stream.stop();
+  };
+  stream.onended = noStream;
+  video.onloadedmetadata = function(e) { // Not firing in Chrome. See crbug.com/110938.
+    document.getElementById('splash').hidden = true;
+    document.getElementById('app').hidden = false;
+  };
+  // Since video.onloadedmetadata isn't firing for getUserMedia video, we have
+  // to fake it.
+  setTimeout(function() {
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    document.getElementById('splash').hidden = true;
+    document.getElementById('app').hidden = false;
+  }, 50);
+}
+function noStream(e) {
+  document.getElementById('errorMessage').textContent = 'No camera available.';
+}
+function capture() {
+  if (intervalId) {
+    clearInterval(intervalId);
+    intervalId = null;
+    return;
+  }
+  intervalId = setInterval(function() {
+    ctx.drawImage(video, 0, 0);
+    var img = document.createElement('img');
+    img.src = canvas.toDataURL('image/webp');
+    var angle = Math.floor(Math.random() * 36);
+    var sign = Math.floor(Math.random() * 2) ? 1 : -1;
+    img.style.webkitTransform = 'rotateZ(' + (sign * angle) + 'deg)';
+    var maxLeft = document.body.clientWidth;
+    var maxTop = document.body.clientHeight;
+    img.style.top = Math.floor(Math.random() * maxTop) + 'px';
+    img.style.left = Math.floor(Math.random() * maxLeft) + 'px';
+    gallery.appendChild(img);
+  }, 150);
+}
+function init(el) {
+  if (!navigator.getUserMedia) {
+    document.getElementById('errorMessage').innerHTML = 'Sorry. <code>navigator.getUserMedia()</code> is not available.';
+    return;
+  }
+  el.onclick = capture;
+  el.textContent = 'Snapshot';
+  navigator.getUserMedia('video', gotStream, noStream);
+}
+window.addEventListener('keydown', function(e) {
+  if (e.keyCode == 27) { // ESC
+    document.querySelector('details').open = false;
+  }
+}, false);
+</script>
+<script>
+var _gaq = _gaq || [];
+_gaq.push(['_setAccount', 'UA-22014378-1']);
+_gaq.push(['_trackPageview']);
+(function() {
+  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+})();
+</script>
+<!--[if IE]>
+<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
+<script>CFInstall.check({mode: 'overlay'});</script>
+<![endif]-->
+</body>
+</html>

data/lib/apps/photobooth/css/style.css ADDED Viewed

@@ -0,0 +1,30 @@
+.blur {
+  -webkit-filter: blur(3px);
+}
+.brightness {
+  -webkit-filter: brightness(5);
+}
+.contrast {
+  -webkit-filter: contrast(8);
+}
+.hue-rotate {
+  -webkit-filter: hue-rotate(90deg);
+}
+.hue-rotate2 {
+  -webkit-filter: hue-rotate(180deg);
+}
+.hue-rotate3 {
+  -webkit-filter: hue-rotate(270deg);
+}
+.saturate {
+  -webkit-filter: saturate(10);
+}
+.grayscale {
+  -webkit-filter: grayscale(1);
+}
+.sepia {
+  -webkit-filter: sepia(1);
+}
+.invert {
+  -webkit-filter: invert(1)
+}

data/lib/apps/photobooth/js/.DS_Store ADDED Viewed

Binary file

data/lib/apps/photobooth/js/daftos.js ADDED Viewed

	@@ -0,0 +1 @@
1	+

data/lib/apps/photobooth/options.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+	"name": "PhotoBooth",
+	"description": "Daft file browser.",
+	"version": "0.1",
+	"libs": ["bootstrap.css","jquery.js", "style.css", "daftos.coffee", "bootstrap.js", "photobooth.coffee"],
+	"menu": [
+		{
+			"name": "Effects",
+			"id":"iiii",
+			"submenu": [
+				{"name":"blur","id":"blur"},
+				{"name":"brightness","id":"brightness"},
+				{"name":"contrast","id":"contrast"},
+				{"name":"hue-rotate","id":"hue-rotate"},
+				{"name":"hue-rotate2","id":"hue-rotate2"},
+				{"name":"hue-rotate3","id":"hue-rotate3"},
+				{"name":"saturate","id":"saturate"},
+				{"name":"grayscale","id":"grayscale"},
+				{"name":"sepia","id":"sepia"},
+				{"name":"invert","id":"invert"}
+			]
+		}
+	]
+}

data/lib/apps/photobrowser/body.html ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ <img src="" id="image">

data/lib/apps/photobrowser/coffee/photobrowser.coffee ADDED Viewed

@@ -0,0 +1,18 @@
+$ ->
+  $(window).bind('body_loaded',
+    =>
+      pb = new PhotoBrowser()
+      pb.hashchange()
+  )
+class PhotoBrowser
+  constructor: ->
+  hashchange: =>
+    location = window.location.hash
+    location = location.slice(1,location.length)
+    @load_image(location)
+  load_image: (path) =>
+    #/Users/ondrejodchazel/Pictures/pozadi.png
+    $("#image").attr("src","/api/file_system/file?path=#{path}")

data/lib/apps/photobrowser/js/.DS_Store ADDED Viewed

Binary file

data/lib/apps/photobrowser/options.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+	"name": "PhotoBrowser",
+	"description": "Daft photo browser.",
+	"version": "0.1",
+	"libs": ["bootstrap.css","jquery.js", "daftos.coffee", "bootstrap.js", "photobrowser.coffee"],
+	"menu": [
+		{
+			"name": "Effects",
+			"id":"iiii",
+			"submenu": [
+				{"name":"blur","id":"blur"}
+			]
+		}
+	]
+}

data/lib/apps/texteditor/body.html ADDED Viewed

	@@ -0,0 +1 @@
1	+ <div id="editor" style="width: 2px; height: 2px;"></div>

data/lib/apps/texteditor/coffee/texteditor.coffee ADDED Viewed

@@ -0,0 +1,31 @@
+$ ->
+  $(window).bind('body_loaded',
+    =>
+      te = new TextEditor()
+  )
+class TextEditor
+  constructor: ->
+    @el = $("#editor")
+    @editor = ace.edit("editor")
+    @resize()
+    @hashchange()
+  hashchange: =>
+    location = window.location.hash
+    location = location.slice(1,location.length)
+    @load_file(location)
+  resize: =>
+    @el.width($(window).width())
+    @el.height($(window).height() - 40)
+  load_file: (location) =>
+    $.ajax "/api/file_system/file?path="+location+""
+      success: (data) =>
+        @set_text(data)
+  set_text: (text) =>
+    @editor.getSession().setValue(text)

data/lib/apps/texteditor/js/.DS_Store ADDED Viewed

Binary file

data/lib/apps/texteditor/js/ace-compat-noconflict.js ADDED Viewed

@@ -0,0 +1 @@

+ ace.define("pilot/index",["require","exports","module","pilot/browser_focus","pilot/dom","pilot/event","pilot/event_emitter","pilot/fixoldbrowsers","pilot/keys","pilot/lang","pilot/oop","pilot/useragent","pilot/canon"],function(a,b,c){a("pilot/browser_focus"),a("pilot/dom"),a("pilot/event"),a("pilot/event_emitter"),a("pilot/fixoldbrowsers"),a("pilot/keys"),a("pilot/lang"),a("pilot/oop"),a("pilot/useragent"),a("pilot/canon")}),ace.define("pilot/browser_focus",["require","exports","module","ace/lib/browser_focus"],function(a,b,c){console.warn("DEPRECATED: 'pilot/browser_focus' is deprecated. Use 'ace/lib/browser_focus' instead"),c.exports=a("ace/lib/browser_focus")}),ace.define("pilot/dom",["require","exports","module","ace/lib/dom"],function(a,b,c){console.warn("DEPRECATED: 'pilot/dom' is deprecated. Use 'ace/lib/dom' instead"),c.exports=a("ace/lib/dom")}),ace.define("pilot/event",["require","exports","module","ace/lib/event"],function(a,b,c){console.warn("DEPRECATED: 'pilot/event' is deprecated. Use 'ace/lib/event' instead"),c.exports=a("ace/lib/event")}),ace.define("pilot/event_emitter",["require","exports","module","ace/lib/event_emitter"],function(a,b,c){console.warn("DEPRECATED: 'pilot/event_emitter' is deprecated. Use 'ace/lib/event_emitter' instead"),c.exports=a("ace/lib/event_emitter")}),ace.define("pilot/fixoldbrowsers",["require","exports","module","ace/lib/fixoldbrowsers"],function(a,b,c){console.warn("DEPRECATED: 'pilot/fixoldbrowsers' is deprecated. Use 'ace/lib/fixoldbrowsers' instead"),c.exports=a("ace/lib/fixoldbrowsers")}),ace.define("pilot/keys",["require","exports","module","ace/lib/keys"],function(a,b,c){console.warn("DEPRECATED: 'pilot/keys' is deprecated. Use 'ace/lib/keys' instead"),c.exports=a("ace/lib/keys")}),ace.define("pilot/lang",["require","exports","module","ace/lib/lang"],function(a,b,c){console.warn("DEPRECATED: 'pilot/lang' is deprecated. Use 'ace/lib/lang' instead"),c.exports=a("ace/lib/lang")}),ace.define("pilot/oop",["require","exports","module","ace/lib/oop"],function(a,b,c){console.warn("DEPRECATED: 'pilot/oop' is deprecated. Use 'ace/lib/oop' instead"),c.exports=a("ace/lib/oop")}),ace.define("pilot/useragent",["require","exports","module","ace/lib/useragent"],function(a,b,c){console.warn("DEPRECATED: 'pilot/useragent' is deprecated. Use 'ace/lib/useragent' instead"),c.exports=a("ace/lib/useragent")}),ace.define("pilot/canon",["require","exports","module"],function(a,b,c){console.warn("DEPRECATED: 'pilot/canon' is deprecated."),b.addCommand=function(){console.warn("DEPRECATED: 'canon.addCommand()' is deprecated. Use 'editor.commands.addCommand(command)' instead."),console.trace()},b.removeCommand=function(){console.warn("DEPRECATED: 'canon.removeCommand()' is deprecated. Use 'editor.commands.removeCommand(command)' instead."),console.trace()}})