From 0d6cf42c7f03265ebb1d4da6466d9dff3ec32936 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Sun, 23 Nov 2014 21:57:34 +0300
Subject: [PATCH] + bin, db, insagram, feed on main page

---
 api/feed.js                 |  22 ++++++
 assets/graphics/rawline.png | Bin 202 -> 15329 bytes
 assets/style/feed.scss      |  30 ++++++++
 bin/insta.js                | 140 ++++++++++++++++++++++++++++++++++++
 bin/www.js                  |  12 ++++
 client/api/api.js           |  13 ++++
 client/api/feed.js          |  13 ++++
 client/app.js               |   6 +-
 client/pages/home.js        |  25 +++++++
 config.js                   |  16 ++++-
 core/db.js                  |  18 +++++
 core/instagram.js           |  46 ++++++++++++
 gulpfile.js                 |   2 +-
 package.json                |   9 ++-
 routers/instagram.js        |  44 ++++++++++++
 schema/post.js              |  20 ++++++
 server.js                   |  33 ++++++---
 views/home.html             |  17 ++++-
 18 files changed, 449 insertions(+), 17 deletions(-)
 create mode 100644 api/feed.js
 create mode 100644 assets/style/feed.scss
 create mode 100644 bin/insta.js
 create mode 100644 bin/www.js
 create mode 100644 client/api/api.js
 create mode 100644 client/api/feed.js
 create mode 100644 client/pages/home.js
 create mode 100644 core/db.js
 create mode 100644 core/instagram.js
 create mode 100644 routers/instagram.js
 create mode 100644 schema/post.js

diff --git a/api/feed.js b/api/feed.js
new file mode 100644
index 00000000..3e56bc9d
--- /dev/null
+++ b/api/feed.js
@@ -0,0 +1,22 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var Router = require("express").Router;
+var Post = require("../schema/post");
+
+module.exports = function (app) {
+    var router;
+    router = new Router();
+    router.route("/api/feed")
+        .get(function (req, res) {
+            Post.find({}).exec(function (error, list) {
+                if (error) return res.error(error);
+
+                res.json(list.map(function (post) {
+                    return post.toObject();
+                }));
+            });
+        });
+    app.use(router);
+};
\ No newline at end of file
diff --git a/assets/graphics/rawline.png b/assets/graphics/rawline.png
index 4dfe6fddfbf367410283ce19812b9f3e9e79f9e8..a40c95fe7d19a5e421193844f09d59aa6b4d2bf1 100644
GIT binary patch
literal 15329
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
Yb}_`YUa95acrJp31cs^BwTT)0KjMumE&u=k

literal 202
zcmeAS@N?(olHy`uVBq!ia0vp^tU%1n#0(_WB6PEX6id3JuOkD)#(wTUi6BXZWRD<U
z28Jp%28M<f28Lfip@tU>45bDP46hOx7_4S6Fo+k-*%fF5l;8~T32_C|^78UPa<-<N
z2#{hd3GxeOaCmkj4a7<Ec6VXuV3qX%aySb-B8wRqxP?HN@zUM8KR`i2PZ!4!j_b(@
gi3tL!2^^(BJv9vLFE%V~0!lJ?y85}Sb4q9e05m5ndH?_b

diff --git a/assets/style/feed.scss b/assets/style/feed.scss
new file mode 100644
index 00000000..d46f50b2
--- /dev/null
+++ b/assets/style/feed.scss
@@ -0,0 +1,30 @@
+.feed {
+  width: 50%;
+  margin: 30px auto 0;
+
+  ul{
+    margin: 0;
+    padding: 0;
+
+    list-style: none;
+  }
+
+  .post {
+    margin-bottom: 30px;
+
+    .user img {
+      width: 60px;
+      border-radius: 50%;
+    }
+
+    .body img {
+      display: block;
+      width: 100%;
+      max-width: 640px;
+      box-sizing: border-box;
+      border-radius: 5px;
+      border: 8px solid white;
+      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
+    }
+  }
+}
\ No newline at end of file
diff --git a/bin/insta.js b/bin/insta.js
new file mode 100644
index 00000000..7f57f78e
--- /dev/null
+++ b/bin/insta.js
@@ -0,0 +1,140 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var config = require("../config");
+var db = require("../core/db");
+var instagram = require("../core/instagram");
+var express = require("express");
+var Promise = require("promise");
+var methodOverride = require("method-override");
+var logger = require("morgan");
+var cookieParser = require("cookie-parser");
+var bodyParser = require("body-parser");
+
+var Post = require("../schema/post");
+
+db.init(config.db)
+    .then(function () {
+        server(config.port);
+    });
+
+function server(port) {
+    var app = express();
+    app.use(logger("dev"));
+    app.use(cookieParser());
+    app.use(bodyParser.json());
+    app.use(bodyParser.urlencoded({extended: true}));
+    app.use(methodOverride());
+
+    require("../routers/instagram")(app);
+
+    var Router = express.Router;
+    var instagram = require("../core/instagram");
+    var router = new Router();
+    router.route("/").get(function (req, res) {
+        if ("instagram_code" in req.cookies) {
+            var client = instagram.client(req.cookies["instagram_code"]);
+            instagramSandbox(client, res);
+        } else {
+            var ig = instagram.client();
+            var url = ig.get_authorization_url(config.instagram.redirect_uri, {scope: ["basic"], state: "hello"});
+            res.redirect(url);
+        }
+    });
+    app.use(router);
+    app.listen(port);
+}
+
+function instagramSandbox(ig, res) {
+//    //{"username":"mlazareffa","bio":"","website":"","profile_picture":"http://images.ak.instagram.com/profiles/anonymousUser.jpg","full_name":"","id":"1549382451"}
+//    //ig.user_search("mlazareffa", [], function(err, users, remaining, limit) {
+//    //    console.log(err, users, remaining, limit);
+//    //    res.json(users);
+//    //});
+//
+//    // ig.user_media_recent("1549382451", [], function (err, medias, pagination, remaining, limit) {
+//    //     console.log(err, medias, pagination, remaining, limit);
+//    //     res.json(users);
+//    // });
+//
+//    //ig.subscriptions(function(err, result, remaining, limit){
+//    //    console.log(err, result, remaining, limit);
+//    //    res.json(result);
+//    //});
+//
+//    //ig.del_subscription({id: 14180526}, function (err, subscriptions, limit) {
+//    //        console.log(err, subscriptions, limit);
+//    //        res.json(subscriptions);
+//    //});
+//
+//    ///* OPTIONS: { [verify_token] }
+//    // ig.add_tag_subscription("hello", "http://home.tmshv.ru:1337/instagram/tag/hello", [], function(err, result, remaining, limit){
+//    //    console.log(err, result, remaining, limit);
+//    //    res.json(result);
+//    //});
+
+    findByTag(ig, "shlb_hudozka", 10)
+        .catch(function (error) {
+            console.log(error);
+        })
+        .then(function (params) {
+            var list = params.medias;
+            var pagination = params.pagination;
+            var remaining = params.remaining;
+            var limit = params.limit;
+
+            var posts = list.map(function (gram) {
+                //var post = new Post();
+                var post = {};
+                post.id = gram.id;
+                post.author = gram.user["username"];
+                post.publishDate = new Date(parseInt(gram["created_time"]) * 1000);
+                post.data = gram;
+                post.body = "";
+                post.type = "instagram";
+
+                return post;
+            });
+
+            Promise.all(posts.map(function (post) {
+                return new Promise(function (resolve, reject) {
+                    console.log('updating', post.id);
+                    Post.update({id: post.id}, post, {upsert: true}, function (error, num) {
+                        if (error) {
+                            reject(error);
+                        } else {
+                            resolve();
+                        }
+                    });
+                });
+            }))
+                .catch(function (error) {
+                    console.log(error);
+                })
+                .then(function () {
+                    res.send("LOL");
+                });
+
+            //if (pagination.next) {
+            //    pagination.next(mtr); // Will get second page results
+            //}
+        });
+}
+
+function findByTag(ig, tag, count) {
+    return new Promise(function (resolve, reject) {
+        ig.tag_media_recent(tag, {count: count}, function (err, medias, pagination, remaining, limit) {
+            if (err) {
+                reject(err);
+            } else {
+                resolve({
+                    medias: medias,
+                    pagination: pagination,
+                    remaining: remaining,
+                    limit: limit
+                });
+            }
+        });
+    });
+}
\ No newline at end of file
diff --git a/bin/www.js b/bin/www.js
new file mode 100644
index 00000000..b39eefe3
--- /dev/null
+++ b/bin/www.js
@@ -0,0 +1,12 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var config = require("../config");
+var db = require("../core/db");
+var server = require("../server");
+
+db.init(config.db)
+    .then(function () {
+        server(config.port);
+    });
\ No newline at end of file
diff --git a/client/api/api.js b/client/api/api.js
new file mode 100644
index 00000000..06677e4b
--- /dev/null
+++ b/client/api/api.js
@@ -0,0 +1,13 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+module.exports = function(app) {
+    app.factory("api", function ($http) {
+        var api = {};
+        var Endpoint = require("./feed");
+        api.feed = new Endpoint($http);
+
+        return api;
+    });
+};
\ No newline at end of file
diff --git a/client/api/feed.js b/client/api/feed.js
new file mode 100644
index 00000000..d9e563e9
--- /dev/null
+++ b/client/api/feed.js
@@ -0,0 +1,13 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+function APIFeed(http){
+    this.request = http;
+}
+
+APIFeed.prototype.post = function() {
+    return this.request.get("/api/feed");
+};
+
+module.exports = APIFeed;
\ No newline at end of file
diff --git a/client/app.js b/client/app.js
index 415de296..e3ab1a3f 100644
--- a/client/app.js
+++ b/client/app.js
@@ -39,16 +39,14 @@ app.config(function ($locationProvider, $routeProvider) {
     });
 });
 
+require("./api/api")(app);
 require("./ui/menu")(app);
 require("./filters/uppercase-first")(app);
+require("./pages/home")(app);
 require("./pages/schedule")(app);
 require("./pages/team")(app);
 require("./pages/docs")(app);
 
-app.controller("HomePageController", function ($scope) {
-    $scope.pageClass = "page-home";
-});
-
 app.controller("SchedulePageController", function ($scope) {
     $scope.pageClass = "page-schedule";
 });
diff --git a/client/pages/home.js b/client/pages/home.js
new file mode 100644
index 00000000..b7329432
--- /dev/null
+++ b/client/pages/home.js
@@ -0,0 +1,25 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+module.exports = function (app) {
+    app.controller("HomePageController", function ($scope) {
+        $scope.pageClass = "page-home";
+    });
+
+    app.controller("FeedController", function ($scope, api) {
+        api.feed.post()
+            .success(function (list) {
+                $scope.feed = list.map(function (post) {
+                    return {
+                        date: post.publishDate,
+                        image: post.data.images.standard_resolution.url,
+                        url: post.data.link,
+                        username: post.data.user.username,
+                        userpic: post.data.user.profile_picture,
+                        text: post.data.caption.text
+                    }
+                });
+            });
+    });
+};
\ No newline at end of file
diff --git a/config.js b/config.js
index db67aec6..cf222eda 100644
--- a/config.js
+++ b/config.js
@@ -6,13 +6,25 @@ const document = require("./models/document");
 const schedule = require("./models/schedule");
 
 module.exports = {
-	port: 18010,
+	port: process.env["PORT"] || 3000,
 	pub: "./",
 	data: {
 		menu: MENU,
 		documents: document.docs,
 		team: team.team,
 		courses: course.courses
-	}
+	},
+
+	db: {
+		uri: "mongodb://localhost:27017/hudozka"
+	},
+
+	instagram:{
+		client_id: "f17901a26a5e4a5ca4544dd0eebe2a15",
+		client_secret: "ecce08509871427ab9f8f383318315fc",
+		redirect_uri: "http://72.tmshv.ru:1337/auth/instagram/callback"
+	},
+
+	tags: ["shlb_hudozka"]
 };
 						
\ No newline at end of file
diff --git a/core/db.js b/core/db.js
new file mode 100644
index 00000000..55044e2e
--- /dev/null
+++ b/core/db.js
@@ -0,0 +1,18 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var mongoose = require("mongoose");
+var Promise = require("promise");
+
+module.exports = {
+    init: function (options) {
+        return new Promise(function (resolve, reject) {
+            mongoose.connect(options.uri, function (error) {
+                if (error) return reject(error);
+                resolve();
+            });
+        });
+
+    }
+};
\ No newline at end of file
diff --git a/core/instagram.js b/core/instagram.js
new file mode 100644
index 00000000..a035be4c
--- /dev/null
+++ b/core/instagram.js
@@ -0,0 +1,46 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var config = require("../config");
+var Promise = require("promise");
+
+var auth_clients = {};
+
+module.exports = {
+    client: function(param){
+        if(param in auth_clients) {
+            return auth_clients[param];
+        }else{
+            return createClient();
+        }
+    },
+
+    authorize: function(code){
+        return new Promise(function(resolve, reject){
+            var api = createClient();
+            api.authorize_user(code, config.instagram.redirect_uri, function (err, result) {
+                if (err) return reject(err);
+                else {
+                    var token = result.access_token;
+                    var c = createClient(token);
+                    auth_clients[code] = c;
+                    resolve(c);
+                }
+            });
+        });
+    }
+};
+
+function createClient(token) {
+    var api = require('instagram-node').instagram();
+    if (token) {
+        api.use({access_token: token});
+    } else {
+        api.use({
+            client_id: config.instagram.client_id,
+            client_secret: config.instagram.client_secret
+        });
+    }
+    return api;
+}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index c9ac2588..0d6aab34 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -49,4 +49,4 @@ gulp.task("imagemin", function(){
 });
 
 gulp.task("default", ["sass", "compile"]);
-gulp.task("deploy", ["default", "copy", "imagemin"]);
\ No newline at end of file
+gulp.task("deploy", ["default", "copy", "imagemin"]);
diff --git a/package.json b/package.json
index d429c48b..86e50701 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,14 @@
   "author": "Roman Timashev",
   "license": "ISC",
   "dependencies": {
-    "express": "^4.10.1"
+    "body-parser": "^1.9.3",
+    "cookie-parser": "^1.3.3",
+    "express": "^4.10.1",
+    "instagram-node": "^0.5.1",
+    "method-override": "^2.3.0",
+    "mongoose": "^3.8.19",
+    "morgan": "^1.5.0",
+    "promise": "^6.0.1"
   },
   "devDependencies": {
     "gulp": "^3.8.10",
diff --git a/routers/instagram.js b/routers/instagram.js
new file mode 100644
index 00000000..2b6c6862
--- /dev/null
+++ b/routers/instagram.js
@@ -0,0 +1,44 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var Router = require("express").Router;
+var instagram = require("./instagram");
+
+module.exports = function (app) {
+    var router;
+    router = new Router();
+    router.route("/auth/instagram/callback")
+        .get(function (req, res) {
+            var api = instagram.client();
+
+            var code = req.query.code;
+            instagram.authorize(code)
+                .catch(function(error){
+                    console.log(error.body);
+                    res.status(500).send('');
+                })
+                .then(function (client) {
+                    res.cookie("instagram_code", code);
+                    res.redirect("/");
+                });
+        });
+    app.use(router);
+
+    //http://your-callback.com/url/?hub.mode=subscribe&hub.challenge=15f7d1a91c1f40f8a748fd134752feb3&hub.verify_token=myVerifyToken
+    router = new Router();
+    router.route("/instagram/tag/:tag")
+        .get(function (req, res) {
+            var hub_challenge = req.query["hub.challenge"];
+            //var hub_verify_token = req.query["hub.verify_token"];
+
+            console.log("real time get", req.param("tag"), hub_challenge);
+            res.send(hub_challenge);
+        })
+        .post(function (req, res) {
+            console.log("real time tag", req.param("tag"));
+            console.log(req.body);
+            res.send("");
+        });
+    app.use(router);
+};
\ No newline at end of file
diff --git a/schema/post.js b/schema/post.js
new file mode 100644
index 00000000..c485045a
--- /dev/null
+++ b/schema/post.js
@@ -0,0 +1,20 @@
+/**
+ * Created by tmshv on 22/11/14.
+ */
+
+var mongoose = require("mongoose");
+var Schema = mongoose.Schema;
+var ObjectId = Schema.Types.ObjectId;
+
+var schema = new Schema({
+        id: {type: String, required: true, index: {unique: true}},
+        author: {type: String, default: []},
+        type: {type: String, enum: ["post", "instagram"]},
+        publishDate: Date,
+        body: String,
+        data: Object
+    }
+);
+
+var Post = mongoose.model("Post", schema, "posts");
+module.exports = Post;
\ No newline at end of file
diff --git a/server.js b/server.js
index 0e839f04..3b4a63b4 100644
--- a/server.js
+++ b/server.js
@@ -1,18 +1,35 @@
 var express = require("express");
 var path = require("path");
-var config = require("./config");
+var Post = require("./schema/post");
 
-var server = express();
-server.use("/bower_components", express.static(path.join(__dirname, "bower_components")));
-server.use("/views", express.static(path.join(__dirname, "views")));
-server.use(express.static(path.join(__dirname, "public")));
+var Promise = require("promise");
+var methodOverride = require("method-override");
+var logger = require("morgan");
+var cookieParser = require("cookie-parser");
+var bodyParser = require("body-parser");
 
-server.get("/document/*", function (req, res) {
+var app = express();
+app.use("/bower_components", express.static(path.join(__dirname, "bower_components")));
+app.use("/views", express.static(path.join(__dirname, "views")));
+app.use(express.static(path.join(__dirname, "public")));
+
+app.use(logger("dev"));
+app.use(cookieParser());
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({extended: true}));
+app.use(methodOverride());
+
+require("./api/feed")(app);
+require("./routers/instagram")(app);
+
+app.get("/document/*", function (req, res) {
 	res.sendFile(path.join(__dirname, "views/document.html"));
 });
 
-server.get("*", function (req, res) {
+app.get("*", function (req, res) {
 	res.sendFile(path.join(__dirname, "views/index.html"));
 });
 
-server.listen(config.port);
+module.exports = function (port) {
+	app.listen(port);
+};
diff --git a/views/home.html b/views/home.html
index 10e9c129..9134c886 100644
--- a/views/home.html
+++ b/views/home.html
@@ -1 +1,16 @@
-<div>HELLO</div>
\ No newline at end of file
+<div>
+    <div class="feed" ng-controller="FeedController">
+        <ul>
+            <li ng-repeat="post in feed" class="post" ng-class="{instagram: post.type === 'instagram'}">
+                <div class="user">
+                    <img ng-src="{{post.userpic}}" alt=""/>
+                    <span>{{post.username}}</span>
+                </div>
+                <div class="body">
+                    <p>{{post.text}}</p>
+                    <img ng-src="{{post.image}}" alt=""/>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file