Onionr UI updates

onionr/onionr.py

@@ -201,7 +201,14 @@ class Onionr:
             'ui' : self.openUI,
             'gui' : self.openUI,
 
-            'getpassword': self.printWebPassword
+            'getpassword': self.printWebPassword,
+            'get-password': self.printWebPassword,
+            'getpwd': self.printWebPassword,
+            'get-pwd': self.printWebPassword,
+            'getpass': self.printWebPassword,
+            'get-pass': self.printWebPassword,
+            'getpasswd': self.printWebPassword,
+            'get-passwd': self.printWebPassword
         }
 
         self.cmdhelp = {
@@ -211,7 +218,7 @@ class Onionr:
             'start': 'Starts the Onionr daemon',
             'stop': 'Stops the Onionr daemon',
             'stats': 'Displays node statistics',
-            'getpassword': 'Displays the web password',
+            'get-password': 'Displays the web password',
             'enable-plugin': 'Enables and starts a plugin',
             'disable-plugin': 'Disables and stops a plugin',
             'reload-plugin': 'Reloads a plugin',

onionr/static-data/www/ui/common/onionr-timeline-post.html

@@ -22,8 +22,8 @@
                 </div>
 
                 <div class="onionr-post-controls pt-2">
-                    <a href="#!" class="glyphicon glyphicon-heart mr-2">like</a>
-                    <a href="#!" class="glyphicon glyphicon-comment mr-2">comment</a>
+                    <a href="#!" onclick="toggleLike('$post-id')" class="glyphicon glyphicon-heart mr-2"><$= LANG.POST_LIKE $></a>
+                    <a href="#!" onclick="reply('$post-id')" class="glyphicon glyphicon-comment mr-2"><$= LANG.POST_REPLY $></a>
                 </div>
             </div>
         </div>

onionr/static-data/www/ui/compile.py

@@ -40,16 +40,17 @@ with open('lang.json', 'r') as file:
 LANG = type('LANG', (), langmap)
 
 # templating
-def jsTemplate(template):
+class Template:
+    def jsTemplate(template):
         with open('common/%s.html' % template, 'r') as file:
-        return file.read().replace('\\', '\\\\').replace('\'', '\\\'').replace('\n', "\\\n")
+            return Template.parseTags(file.read().replace('\\', '\\\\').replace('\'', '\\\'').replace('\n', "\\\n"))
 
-def htmlTemplate(template):
+    def htmlTemplate(template):
         with open('common/%s.html' % template, 'r') as file:
-        return file.read()
+            return Template.parseTags(file.read())
 
-# tag parser
-def parseTags(contents):
+    # tag parser
+    def parseTags(contents):
         # <$ logic $>
         for match in re.findall(r'(<\$(?!=)(.*?)\$>)', contents):
             try:
@@ -76,17 +77,23 @@ def parseTags(contents):
 
         return contents
 
+def jsTemplate(contents):
+    return Template.jsTemplate(contents)
+
+def htmlTemplate(contents):
+    return Template.htmlTemplate(contents)
+
 # get header file
 with open(HEADER_FILE, 'r') as file:
     HEADER_FILE = file.read()
     if settings['python_tags']:
-        HEADER_FILE = parseTags(HEADER_FILE)
+        HEADER_FILE = Template.parseTags(HEADER_FILE)
 
 # get footer file
 with open(FOOTER_FILE, 'r') as file:
     FOOTER_FILE = file.read()
     if settings['python_tags']:
-        FOOTER_FILE = parseTags(FOOTER_FILE)
+        FOOTER_FILE = Template.parseTags(FOOTER_FILE)
 
 # iterate dst, replace files
 def iterate(directory):
@@ -111,7 +118,7 @@ def iterate(directory):
 
                         # do python tags
                         if settings['python_tags']:
-                            contents = parseTags(contents)
+                            contents = Template.parseTags(contents)
 
                         # write file
                         file.write(contents)

onionr/static-data/www/ui/dist/index.html

@@ -49,7 +49,7 @@
                     </div>
                 </div>
 
-                <div class="h-divider d-block d-lg-none pb-3"></div>
+                <div class="h-divider pb-3 d-block d-lg-none"></div>
 
                 <div class="col-sm-12 col-lg-6">
                     <div class="row" id="onionr-timeline-posts">

onionr/static-data/www/ui/dist/js/main.js

@@ -95,14 +95,34 @@ String.prototype.replaceAll = function(search, replacement) {
     return target.split(search).join(replacement);
 };
 
-/* sanitizes HTML in a string */
-function encodeHTML(html) {
+/* useful functions to sanitize data */
+class Sanitize {
+    /* sanitizes HTML in a string */
+    static html(html) {
         return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+    }
+
+    /* URL encodes a string */
+    static url(url) {
+        return encodeURIComponent(url);
+    }
 }
 
-/* URL encodes a string */
-function encodeURL(url) {
-    return encodeURIComponent(url);
+/* config stuff */
+function getWebPassword() {
+    return get("web-password", null);
+}
+
+function setWebPassword(password) {
+    return set("web-password", password);
+}
+
+function getTimingToken() {
+    return get("timing-token", null);
+}
+
+function setTimingToken(token) {
+    return set("timing-token", token);
 }
 
 /* user class */
@@ -179,8 +199,8 @@ class Post {
                 </div>\
 \
                 <div class="onionr-post-controls pt-2">\
-                    <a href="#!" class="glyphicon glyphicon-heart mr-2">like</a>\
-                    <a href="#!" class="glyphicon glyphicon-comment mr-2">comment</a>\
+                    <a href="#!" onclick="toggleLike(\'$post-id\')" class="glyphicon glyphicon-heart mr-2">like</a>\
+                    <a href="#!" onclick="reply(\'$post-id\')" class="glyphicon glyphicon-comment mr-2">reply</a>\
                 </div>\
             </div>\
         </div>\
@@ -191,13 +211,16 @@ class Post {
 
         var device = (jQuery(document).width() < 768 ? 'mobile' : 'desktop');
 
-        postTemplate = postTemplate.replaceAll('$user-name-url', encodeHTML(encodeURL(this.getUser().getName())));
-        postTemplate = postTemplate.replaceAll('$user-name', encodeHTML(this.getUser().getName()));
-        postTemplate = postTemplate.replaceAll('$user-id-url', encodeHTML(encodeURL(this.getUser().getID())));
-        postTemplate = postTemplate.replaceAll('$user-id-truncated', encodeHTML(this.getUser().getID().split('-').slice(0, 4).join('-')));
-        postTemplate = postTemplate.replaceAll('$user-id', encodeHTML(this.getUser().getID()));
-        postTemplate = postTemplate.replaceAll('$user-image', encodeHTML(this.getUser().getIcon()));
-        postTemplate = postTemplate.replaceAll('$content', encodeHTML(this.getContent()));
+        postTemplate = postTemplate.replaceAll('$user-name-url', Sanitize.html(Sanitize.url(this.getUser().getName())));
+        postTemplate = postTemplate.replaceAll('$user-name', Sanitize.html(this.getUser().getName()));
+        postTemplate = postTemplate.replaceAll('$user-id-url', Sanitize.html(Sanitize.url(this.getUser().getID())));
+
+        postTemplate = postTemplate.replaceAll('$user-id-truncated', Sanitize.html(this.getUser().getID().substring(0, 12) + '...'));
+        // postTemplate = postTemplate.replaceAll('$user-id-truncated', Sanitize.html(this.getUser().getID().split('-').slice(0, 4).join('-')));
+
+        postTemplate = postTemplate.replaceAll('$user-id', Sanitize.html(this.getUser().getID()));
+        postTemplate = postTemplate.replaceAll('$user-image', Sanitize.html(this.getUser().getIcon()));
+        postTemplate = postTemplate.replaceAll('$content', Sanitize.html(this.getContent()));
         postTemplate = postTemplate.replaceAll('$date-relative', timeSince(this.getPostDate(), device) + (device === 'desktop' ?  ' ago' : ''));
         postTemplate = postTemplate.replaceAll('$date', this.getPostDate().toLocaleString());
 
@@ -231,3 +254,198 @@ class Post {
         return this.date;
     }
 }
+
+/* block class */
+class Block {
+    constructor(type, content) {
+        this.type = type;
+        this.content = content;
+    }
+
+    // returns the block hash, if any
+    getHash() {
+        return this.hash;
+    }
+
+    // returns the block type
+    getType() {
+        return this.type;
+    }
+
+    // returns the block header
+    getHeader(key, df) { // df is default
+        if(key !== undefined) {
+            if(this.getHeader().hasOwnProperty(key))
+                return this.getHeader()[key];
+            else
+                return (df === undefined ? null : df);
+        } else
+            return this.header;
+    }
+
+    // returns the block metadata
+    getMetadata(key, df) { // df is default
+        if(key !== undefined) {
+            if(this.getMetadata().hasOwnProperty(key))
+                return this.getMetadata()[key];
+            else
+                return (df === undefined ? null : df);
+        } else
+            return this.metadata;
+    }
+
+    // returns the block content
+    getContent() {
+        return this.content;
+    }
+
+    // returns the parent block's hash (not Block object, for performance)
+    getParent() {
+        if(!(this.parent instanceof Block) && this.parent !== undefined && this.parent !== null)
+            this.parent = Block.openBlock(this.parent); // convert hash to Block object
+        return this.parent;
+    }
+
+    // returns the date that the block was received
+    getDate() {
+        return this.date;
+    }
+
+    // returns a boolean that indicates whether or not the block is valid
+    isValid() {
+        return this.valid;
+    }
+
+    // returns a boolean thati ndicates whether or not the block is signed
+    isSigned() {
+        return this.signed;
+    }
+
+    // returns the block signature
+    getSignature() {
+        return this.signature;
+    }
+
+    // returns the block type
+    setType(type) {
+        this.type = type;
+        return this;
+    }
+
+    // sets block metadata by key
+    setMetadata(key, val) {
+        this.metadata[key] = val;
+        return this;
+    }
+
+    // sets block content
+    setContent(content) {
+        this.content = content;
+        return this;
+    }
+
+    // sets the block parent by hash or Block object
+    setParent(parent) {
+        this.parent = parent;
+        return this;
+    }
+
+    // indicates if the Block exists or not
+    exists() {
+        return !(this.hash === null || this.hash === undefined);
+    }
+
+    /* static functions */
+
+    // recreates a block by hash
+    static openBlock(hash) {
+        return parseBlock(response);
+    }
+
+    // converts an associative array to a Block
+    static parseBlock(val) {
+        var block = new Block();
+
+        block.type = val['type'];
+        block.content = val['content'];
+        block.header = val['header'];
+        block.metadata = val['metadata'];
+        block.date = new Date(val['date'] * 1000);
+        block.hash = val['hash'];
+        block.signature = val['signature'];
+        block.signed = val['signed'];
+        block.valid = val['valid'];
+        block.parent = val['parent'];
+
+        if(block.getParent() !== null) {
+            // if the block data is already in the associative array
+
+            /*
+            if (blocks.hasOwnProperty(block.getParent()))
+                block.setParent(Block.parseAssociativeArray({blocks[block.getParent()]})[0]);
+            */
+        }
+
+        return block;
+    }
+
+    // converts an array of associative arrays to an array of Blocks
+    static parseBlockArray(blocks) {
+        var outputBlocks = [];
+
+        for(var key in blocks) {
+            if(blocks.hasOwnProperty(key)) {
+                var val = blocks[key];
+
+                var block = Block.parseBlock(val);
+
+                outputBlocks.push(block);
+            }
+        }
+
+        return outputBlocks;
+    }
+
+    static getBlocks(args, callback) { // callback is optional
+        args = args || {}
+
+        var url = '/client/?action=searchBlocks&data=' + Sanitize.url(JSON.stringify(args)) + '&token=' + Sanitize.url(getWebPassword()) + '&timingToken=' + Sanitize.url(getTimingToken());
+
+        console.log(url);
+
+        var http = new XMLHttpRequest();
+
+        if(callback !== undefined) {
+            // async
+
+            http.addEventListener('load', function() {
+                callback(Block.parseBlockArray(JSON.parse(http.responseText)['blocks']));
+            }, false);
+
+            http.open('GET', url, true);
+            http.timeout = 5000;
+            http.send(null);
+        } else {
+            // sync
+
+            http.open('GET', url, false);
+            http.send(null);
+
+            return Block.parseBlockArray(JSON.parse(http.responseText)['blocks']);
+        }
+    }
+}
+
+/* temporary code */
+
+if(getWebPassword() === null) {
+    var password = "";
+    while(password.length != 64) {
+        password = prompt("Please enter the web password (run `./RUN-LINUX.sh --get-password`)");
+    }
+
+    setTimingToken(prompt("Please enter the timing token (optional)"));
+
+    setWebPassword(password);
+    window.location.reload(true);
+}

onionr/static-data/www/ui/dist/js/timeline.js

@@ -1,95 +1,27 @@
-/* write a random post to the page, for testing */
 
-var verbs =
-[
-    ["go to", "goes to", "going to", "went to", "gone to"],
-    ["look at", "looks at", "looking at", "looked at", "looked at"],
-    ["choose", "chooses", "choosing", "chose", "chosen"],
-    ["torrent", "downloads", "downloading", "torrented", "downloaded"],
-    ["detonate", "detonates", "detonating", "detonated", "detonated"],
-    ["run", "runs", "running", "ran", "running"],
-    ["program", "programs", "programming", "coded", "programmed"],
-    ["start", "starts", "starting", "started", "started"]
-];
-var tenses =
-[
-    {name:"Present", singular:1, plural:0, format:"%subject %verb %complement"},
-    {name:"Present", singular:1, plural:0, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Present Continues", singular:2, plural:2, format:"%subject %be %verb %complement"}
-];
-var subjects =
-[
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"My cat", be:"is", singular:0},
-    {name:"My cat", be:"is", singular:0},
-    {name:"My dog", be:"is", singular:0},
-    {name:"My dog", be:"is", singular:0},
-    {name:"My mom", be:"is", singular:0},
-    {name:"My dad", be:"is", singular:0},
-    {name:"You", be:"are", singular:0},
-    {name:"He", be:"is", singular:1}
-];
-var complementsForVerbs =
-[
-    ["cinema", "Egypt", "home", "concert"],
-    ["for a map", "them", "the stars", "the lake"],
-    ["a book for reading", "a dvd for tonight"],
-    ["the virus", "the malware", "that 0day", "Onionr"],
-    ["a bomb", "a nuke", "some C4", "some ammonium nitrate"],
-    ["the race", "towards someone", "to the stars", "on top of your roof"],
-    ["Onionr", "the malware", "some software", "Onionr"],
-    ["Onionr", "Onionr", "the race", "the timer"],
-]
+/* just for testing rn */
+Block.getBlocks({'type' : 'onionr-post', 'signed' : true, 'reverse' : true}, function(data) {
+    for(var i = 0; i < data.length; i++) {
+        try {
+            var block = data[i];
 
-Array.prototype.random = function(){return this[Math.floor(Math.random() * this.length)];};
-
-function generate(){
-    var index = Math.floor(verbs.length * Math.random());
-    var tense = tenses.random();
-    var subject = subjects.random();
-    var verb = verbs[index];
-    var complement = complementsForVerbs[index];
-    var str = tense.format;
-    str = str.replace("%subject", subject.name).replace("%be", subject.be);
-    str = str.replace("%verb", verb[subject.singular ? tense.singular : tense.plural]);
-    str = str.replace("%complement", complement.random());
-    return str;
-}
-
-var curDate = new Date()
-function addRandomPost() {
             var post = new Post();
             var user = new User();
-    var items = ['arinerron', 'beardog108', 'samyk', 'snowden', 'aaronswartz'];
-    user.setName(items[Math.floor(Math.random()*items.length)]);
-    user.setID('i-eat-waffles-often-its-actually-crazy-like-i-dont-know-wow');
-    post.setContent(generate());
+
+            var blockContent = JSON.parse(block.getContent());
+
+            user.setName('unknown');
+            user.setID(new String(block.getHeader('signer', 'unknown')));
+            post.setContent(blockContent['content']);
+            post.setPostDate(block.getDate());
             post.setUser(user);
 
-    curDate = new Date(curDate - (Math.random() * 1000000));
-    post.setPostDate(curDate);
-
             document.getElementById('onionr-timeline-posts').innerHTML += post.getHTML();
-}
-
-for(var i = 0; i < Math.round(50 * Math.random()); i++)
-    addRandomPost();
+        } catch(e) {
+            console.log(e);
+        }
+    }
+});
 
 function viewProfile(id, name) {
     document.getElementById("onionr-profile-username").innerHTML = encodeHTML(decodeURIComponent(name));

onionr/static-data/www/ui/lang.json

@@ -6,7 +6,10 @@
         "NOTIFICATIONS" : "Notifications",
         "MESSAGES" : "Messages",
 
-        "TRENDING" : "Trending"
+        "TRENDING" : "Trending",
+
+        "POST_LIKE" : "like",
+        "POST_REPLY" : "reply"
     },
 
     "spa" : {
@@ -16,7 +19,10 @@
         "NOTIFICATIONS" : "Notificaciones",
         "MESSAGES" : "Mensaje",
 
-        "TRENDING" : "Trending"
+        "TRENDING" : "Trending",
+
+        "POST_LIKE" : "me gusta",
+        "POST_REPLY" : "comentario"
     },
 
     "zho" : {
@@ -26,6 +32,9 @@
         "NOTIFICATIONS" : "通知",
         "MESSAGES" : "消息",
 
-        "TRENDING" : "趋势"
+        "TRENDING" : "趋势",
+
+        "POST_LIKE" : "喜欢",
+        "POST_REPLY" : "回复"
     }
 }

onionr/static-data/www/ui/src/js/main.js

@@ -95,14 +95,34 @@ String.prototype.replaceAll = function(search, replacement) {
     return target.split(search).join(replacement);
 };
 
-/* sanitizes HTML in a string */
-function encodeHTML(html) {
+/* useful functions to sanitize data */
+class Sanitize {
+    /* sanitizes HTML in a string */
+    static html(html) {
         return String(html).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+    }
+
+    /* URL encodes a string */
+    static url(url) {
+        return encodeURIComponent(url);
+    }
 }
 
-/* URL encodes a string */
-function encodeURL(url) {
-    return encodeURIComponent(url);
+/* config stuff */
+function getWebPassword() {
+    return get("web-password", null);
+}
+
+function setWebPassword(password) {
+    return set("web-password", password);
+}
+
+function getTimingToken() {
+    return get("timing-token", null);
+}
+
+function setTimingToken(token) {
+    return set("timing-token", token);
 }
 
 /* user class */
@@ -159,13 +179,16 @@ class Post {
 
         var device = (jQuery(document).width() < 768 ? 'mobile' : 'desktop');
 
-        postTemplate = postTemplate.replaceAll('$user-name-url', encodeHTML(encodeURL(this.getUser().getName())));
-        postTemplate = postTemplate.replaceAll('$user-name', encodeHTML(this.getUser().getName()));
-        postTemplate = postTemplate.replaceAll('$user-id-url', encodeHTML(encodeURL(this.getUser().getID())));
-        postTemplate = postTemplate.replaceAll('$user-id-truncated', encodeHTML(this.getUser().getID().split('-').slice(0, 4).join('-')));
-        postTemplate = postTemplate.replaceAll('$user-id', encodeHTML(this.getUser().getID()));
-        postTemplate = postTemplate.replaceAll('$user-image', encodeHTML(this.getUser().getIcon()));
-        postTemplate = postTemplate.replaceAll('$content', encodeHTML(this.getContent()));
+        postTemplate = postTemplate.replaceAll('$user-name-url', Sanitize.html(Sanitize.url(this.getUser().getName())));
+        postTemplate = postTemplate.replaceAll('$user-name', Sanitize.html(this.getUser().getName()));
+        postTemplate = postTemplate.replaceAll('$user-id-url', Sanitize.html(Sanitize.url(this.getUser().getID())));
+
+        postTemplate = postTemplate.replaceAll('$user-id-truncated', Sanitize.html(this.getUser().getID().substring(0, 12) + '...'));
+        // postTemplate = postTemplate.replaceAll('$user-id-truncated', Sanitize.html(this.getUser().getID().split('-').slice(0, 4).join('-')));
+
+        postTemplate = postTemplate.replaceAll('$user-id', Sanitize.html(this.getUser().getID()));
+        postTemplate = postTemplate.replaceAll('$user-image', Sanitize.html(this.getUser().getIcon()));
+        postTemplate = postTemplate.replaceAll('$content', Sanitize.html(this.getContent()));
         postTemplate = postTemplate.replaceAll('$date-relative', timeSince(this.getPostDate(), device) + (device === 'desktop' ?  ' ago' : ''));
         postTemplate = postTemplate.replaceAll('$date', this.getPostDate().toLocaleString());
 
@@ -199,3 +222,198 @@ class Post {
         return this.date;
     }
 }
+
+/* block class */
+class Block {
+    constructor(type, content) {
+        this.type = type;
+        this.content = content;
+    }
+
+    // returns the block hash, if any
+    getHash() {
+        return this.hash;
+    }
+
+    // returns the block type
+    getType() {
+        return this.type;
+    }
+
+    // returns the block header
+    getHeader(key, df) { // df is default
+        if(key !== undefined) {
+            if(this.getHeader().hasOwnProperty(key))
+                return this.getHeader()[key];
+            else
+                return (df === undefined ? null : df);
+        } else
+            return this.header;
+    }
+
+    // returns the block metadata
+    getMetadata(key, df) { // df is default
+        if(key !== undefined) {
+            if(this.getMetadata().hasOwnProperty(key))
+                return this.getMetadata()[key];
+            else
+                return (df === undefined ? null : df);
+        } else
+            return this.metadata;
+    }
+
+    // returns the block content
+    getContent() {
+        return this.content;
+    }
+
+    // returns the parent block's hash (not Block object, for performance)
+    getParent() {
+        if(!(this.parent instanceof Block) && this.parent !== undefined && this.parent !== null)
+            this.parent = Block.openBlock(this.parent); // convert hash to Block object
+        return this.parent;
+    }
+
+    // returns the date that the block was received
+    getDate() {
+        return this.date;
+    }
+
+    // returns a boolean that indicates whether or not the block is valid
+    isValid() {
+        return this.valid;
+    }
+
+    // returns a boolean thati ndicates whether or not the block is signed
+    isSigned() {
+        return this.signed;
+    }
+
+    // returns the block signature
+    getSignature() {
+        return this.signature;
+    }
+
+    // returns the block type
+    setType(type) {
+        this.type = type;
+        return this;
+    }
+
+    // sets block metadata by key
+    setMetadata(key, val) {
+        this.metadata[key] = val;
+        return this;
+    }
+
+    // sets block content
+    setContent(content) {
+        this.content = content;
+        return this;
+    }
+
+    // sets the block parent by hash or Block object
+    setParent(parent) {
+        this.parent = parent;
+        return this;
+    }
+
+    // indicates if the Block exists or not
+    exists() {
+        return !(this.hash === null || this.hash === undefined);
+    }
+
+    /* static functions */
+
+    // recreates a block by hash
+    static openBlock(hash) {
+        return parseBlock(response);
+    }
+
+    // converts an associative array to a Block
+    static parseBlock(val) {
+        var block = new Block();
+
+        block.type = val['type'];
+        block.content = val['content'];
+        block.header = val['header'];
+        block.metadata = val['metadata'];
+        block.date = new Date(val['date'] * 1000);
+        block.hash = val['hash'];
+        block.signature = val['signature'];
+        block.signed = val['signed'];
+        block.valid = val['valid'];
+        block.parent = val['parent'];
+
+        if(block.getParent() !== null) {
+            // if the block data is already in the associative array
+
+            /*
+            if (blocks.hasOwnProperty(block.getParent()))
+                block.setParent(Block.parseAssociativeArray({blocks[block.getParent()]})[0]);
+            */
+        }
+
+        return block;
+    }
+
+    // converts an array of associative arrays to an array of Blocks
+    static parseBlockArray(blocks) {
+        var outputBlocks = [];
+
+        for(var key in blocks) {
+            if(blocks.hasOwnProperty(key)) {
+                var val = blocks[key];
+
+                var block = Block.parseBlock(val);
+
+                outputBlocks.push(block);
+            }
+        }
+
+        return outputBlocks;
+    }
+
+    static getBlocks(args, callback) { // callback is optional
+        args = args || {}
+
+        var url = '/client/?action=searchBlocks&data=' + Sanitize.url(JSON.stringify(args)) + '&token=' + Sanitize.url(getWebPassword()) + '&timingToken=' + Sanitize.url(getTimingToken());
+
+        console.log(url);
+
+        var http = new XMLHttpRequest();
+
+        if(callback !== undefined) {
+            // async
+
+            http.addEventListener('load', function() {
+                callback(Block.parseBlockArray(JSON.parse(http.responseText)['blocks']));
+            }, false);
+
+            http.open('GET', url, true);
+            http.timeout = 5000;
+            http.send(null);
+        } else {
+            // sync
+
+            http.open('GET', url, false);
+            http.send(null);
+
+            return Block.parseBlockArray(JSON.parse(http.responseText)['blocks']);
+        }
+    }
+}
+
+/* temporary code */
+
+if(getWebPassword() === null) {
+    var password = "";
+    while(password.length != 64) {
+        password = prompt("Please enter the web password (run `./RUN-LINUX.sh --get-password`)");
+    }
+
+    setTimingToken(prompt("Please enter the timing token (optional)"));
+
+    setWebPassword(password);
+    window.location.reload(true);
+}

onionr/static-data/www/ui/src/js/timeline.js

@@ -1,95 +1,27 @@
-/* write a random post to the page, for testing */
 
-var verbs =
-[
-    ["go to", "goes to", "going to", "went to", "gone to"],
-    ["look at", "looks at", "looking at", "looked at", "looked at"],
-    ["choose", "chooses", "choosing", "chose", "chosen"],
-    ["torrent", "downloads", "downloading", "torrented", "downloaded"],
-    ["detonate", "detonates", "detonating", "detonated", "detonated"],
-    ["run", "runs", "running", "ran", "running"],
-    ["program", "programs", "programming", "coded", "programmed"],
-    ["start", "starts", "starting", "started", "started"]
-];
-var tenses =
-[
-    {name:"Present", singular:1, plural:0, format:"%subject %verb %complement"},
-    {name:"Present", singular:1, plural:0, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Past", singular:3, plural:3, format:"%subject %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement"},
-    {name:"Past", singular:3, plural:3, format:"%subject just %verb %complement lol"},
-    {name:"Present Continues", singular:2, plural:2, format:"%subject %be %verb %complement"}
-];
-var subjects =
-[
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"I", be:"am", singular:0},
-    {name:"My cat", be:"is", singular:0},
-    {name:"My cat", be:"is", singular:0},
-    {name:"My dog", be:"is", singular:0},
-    {name:"My dog", be:"is", singular:0},
-    {name:"My mom", be:"is", singular:0},
-    {name:"My dad", be:"is", singular:0},
-    {name:"You", be:"are", singular:0},
-    {name:"He", be:"is", singular:1}
-];
-var complementsForVerbs =
-[
-    ["the cinema", "Egypt", "the house", "the concert"],
-    ["for a map", "them", "the stars", "the lake"],
-    ["a book for reading", "a dvd for tonight"],
-    ["the virus", "the malware", "that 0day", "Onionr"],
-    ["a bomb", "a nuke", "some C4", "some ammonium nitrate"],
-    ["the race", "towards someone", "to the stars", "on top of your roof"],
-    ["Onionr", "the malware", "some software", "Onionr"],
-    ["Onionr", "Onionr", "the race", "the timer"],
-]
+/* just for testing rn */
+Block.getBlocks({'type' : 'onionr-post', 'signed' : true, 'reverse' : true}, function(data) {
+    for(var i = 0; i < data.length; i++) {
+        try {
+            var block = data[i];
 
-Array.prototype.random = function(){return this[Math.floor(Math.random() * this.length)];};
-
-function generate(){
-    var index = Math.floor(verbs.length * Math.random());
-    var tense = tenses.random();
-    var subject = subjects.random();
-    var verb = verbs[index];
-    var complement = complementsForVerbs[index];
-    var str = tense.format;
-    str = str.replace("%subject", subject.name).replace("%be", subject.be);
-    str = str.replace("%verb", verb[subject.singular ? tense.singular : tense.plural]);
-    str = str.replace("%complement", complement.random());
-    return str;
-}
-
-var curDate = new Date()
-function addRandomPost() {
             var post = new Post();
             var user = new User();
-    var items = ['arinerron', 'beardog108', 'samyk', 'snowden', 'aaronswartz'];
-    user.setName(items[Math.floor(Math.random()*items.length)]);
-    user.setID('i-eat-waffles-often-its-actually-crazy-like-i-dont-know-wow');
-    post.setContent(generate());
+
+            var blockContent = JSON.parse(block.getContent());
+
+            user.setName('unknown');
+            user.setID(new String(block.getHeader('signer', 'unknown')));
+            post.setContent(blockContent['content']);
+            post.setPostDate(block.getDate());
             post.setUser(user);
 
-    curDate = new Date(curDate - (Math.random() * 1000000));
-    post.setPostDate(curDate);
-
             document.getElementById('onionr-timeline-posts').innerHTML += post.getHTML();
-}
-
-for(var i = 0; i < Math.round(50 * Math.random()); i++)
-    addRandomPost();
+        } catch(e) {
+            console.log(e);
+        }
+    }
+});
 
 function viewProfile(id, name) {
     document.getElementById("onionr-profile-username").innerHTML = encodeHTML(decodeURIComponent(name));