Setup paper and famous packages, built loader.

Author: jperl

.meteor/packages

@@ -7,3 +7,4 @@ standard-app-packages
 autopublish
 insecure
 preserve-inputs
+paper

client/compatibility/app.css renamed to client/app.css

@@ -0,0 +1,90 @@
+Famous.loaded(function (require) {
+    var Engine = require('famous/Engine'),
+        Modifier = require('famous/Modifier'),
+        Matrix = require('famous/Matrix'),
+        View = require('famous/View'),
+        SpringTransition = require('famous-physics/utils/SpringTransition'),
+        Transitionable = require('famous/Transitionable'),
+        LightBox = require('famous-views/LightBox'),
+        Time = require('famous-utils/Time');
+
+    var CoverData = [
+        {
+            text: 'Objects in the mirror are unluckier than they appear.',
+            img: 'covers/sochi.jpg',
+            name: 'Steve Kuzminski'
+        },
+        {
+            text: 'Kylie Wilson changed her profile picture',
+            img: 'covers/sochi.jpg',
+            name: 'Kylie Wilson'
+        },
+        {
+            text: 'Sick gifs from Sochi',
+            img: 'covers/sochi.jpg',
+            name: 'Chris Zimmerman'
+        }
+    ];
+
+    Transitionable.registerMethod('spring', SpringTransition);
+
+    //AppView
+    function AppView() {
+        View.apply(this, arguments);
+        this.storiesView = new Paper.StoriesView;
+
+        this.lightbox = new LightBox({
+            inTransform: Matrix.identity,
+            inOpacity: 0,
+            inOrigin: [.5, .5],
+            outTransform: Matrix.identity,
+            outOpacity: 0,
+            outOrigin: [.5, .5],
+            showTransform: Matrix.identity,
+            showOpacity: 1,
+            showOrigin: [.5, .5],
+            inTransition: {
+                duration: 1e3
+            },
+            outTransition: {
+                duration: 1e3
+            },
+            overlap: !0
+        });
+
+        this.covers = [];
+
+        for (var t = 0; t < CoverData.length; t++) {
+            var cover = new Paper.CoverView(CoverData[t]);
+            this.covers.push(cover);
+        }
+
+        this.lightbox.show(this.covers[0]);
+        var coverIndex = 0;
+        Time.setInterval(function () {
+            coverIndex++;
+
+            if (coverIndex === this.covers.length)
+                coverIndex = 0;
+
+            this.lightbox.show(this.covers[coverIndex]);
+        }.bind(this), 4e3);
+
+        var e = new Modifier({
+            transform: Matrix.translate(0, 0, -.1)
+        });
+
+        this._add(e).link(this.lightbox);
+        this._add(this.storiesView);
+    }
+
+    AppView.prototype = Object.create(View.prototype);
+    AppView.prototype.constructor = AppView;
+    AppView.DEFAULT_OPTIONS = {};
+
+    var Context = Engine.createContext();
+    var appView = new AppView();
+
+    Context.link(appView);
+    Context.setPerspective(2000);
+});

client/app.js

@@ -0,0 +1 @@
+.build*

packages/famous/.gitignore

@@ -0,0 +1,13 @@
+var onLoad = [];
+
+//XXX figure out how to properly define components once Famo.us is released
+//in the meantime use our hacked together loaded function
+Famous.loaded = function (func) {
+    onLoad.push(func);
+};
+
+Famous(function (require) {
+    _.each(onLoad, function (func) {
+        func(require);
+    });
+});

client/compatibility/famous.css renamed to packages/famous/famous.css

@@ -0,0 +1,7 @@
+Package.describe({
+    summary: 'A wrapper for the famous library, exposing the various modules.'
+});
+
+Package.on_use(function (api) {
+    api.add_files(['famous.lib.js', 'famous_wrapper.js', 'famous.css'], 'client');
+});

client/compatibility/lib/famous.lib.js renamed to packages/famous/famous.lib.js

@@ -0,0 +1 @@
+.build*

packages/famous/famous_wrapper.js

@@ -0,0 +1,34 @@
+Famous.loaded(function (require) {
+    var Surface = require("famous/Surface"),
+        Modifier = require("famous/Modifier"),
+        Matrix = require("famous/Matrix"),
+        View = require("famous/View");
+
+    var CoverView = function () {
+        View.apply(this, arguments), this.profileImg = new Image, this.profileImg.src = this.options.img, this.profileImg.width = 320, this.profileImg.style.webkitBoxReflect = "below";
+        var coverBackground = new Surface({
+            content: '<img width="320" src="covers/bg.png" />'
+        });
+
+        var coverBackgroundTransform = new Modifier({
+            transform: Matrix.translate(0, 0, .001)
+        });
+        this._add(coverBackgroundTransform).link(coverBackground);
+
+        var profileImageSurface = new Surface({
+            size: [this.options.size, this.options.size],
+            content: this.profileImg
+        });
+        this._add(profileImageSurface);
+    };
+
+    CoverView.prototype = Object.create(View.prototype);
+    CoverView.prototype.constructor = CoverView;
+    CoverView.DEFAULT_OPTIONS = {
+        text: null,
+        name: null,
+        img: null
+    };
+
+    Paper.CoverView = CoverView;
+});