Todor Imreorov blurymind

Quick demo showing how to get a Base64-encoded thumbnail.png file from a gist.

Thumbnails are very handy visual indicators of the content of a block on bl.ocks.org, esp for rapidly surveying a user's collection.

However, many block creators don't add thumbnails because of the extra steps involved in adding them to a gist. Since the gist API doesn't let you upload binaries you end up having to clone you're gist to add a thumbnail. Note: @mbostock's gist to clone all gists is useful here.

It's been suggested that the gist-img shell script enables you to upload thumbnail images. That's at least half true. It automates the base64 encoding of png images prior to upload with @defunkt's gist CLI tool, so you end up u

specification:

php server storing a server.
the first person opening a file becomes the master and is in charge to save to the server
all other users open webrtc connection to the master and keep the document in sync with him
if it makes things easier, only allow one user at a time to edit a block (paragraph, list, section)

todo:

check if and how to get webrtc to work without a node server.
try to convert a chat example in a text editor.

How to run Express inside an Electron app

You can run your Express app very easily inside your Electron app.

All you need to do is to:

place all the files of your Express app inside a new app folder in your_electron_app\resources\app
reconfigure the app.js file
refactor some relative pathes in your Express app

	// ==UserScript==
	// @id acegist
	// @name ACEgist
	// @author Antoine BERNIER (abernier)
	// @version 0.1.1
	// @description ACE editor in your gists
	// @match https://gist.github.com/gists/*/edit
	// ==/UserScript==

	(function (d, cb) {

	#!/bin/bash

	function print_usage () {
	echo usage: $0 LAST_KNOWN_GOOD_REVISION '"TEST_COMMAND"'
	echo LAST_KNOWN_GOOD_REVISION = you can specify this as sha1 hash
	echo TEST_COMMAND = the script to run, it should return 0 if success
	echo NOTE: Ensure that the current revision is the bad \(broken\)
	exit 1;
	}

	// from http://scratch99.com/web-development/javascript/convert-bytes-to-mb-kb/
	function bytesToSize(bytes) {
	var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
	if (bytes == 0) return 'n/a';
	var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
	if (i == 0) return bytes + ' ' + sizes[i];
	return (bytes / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];
	};

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge'>
	<style>
	html, body {
	background: #ffffff;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	margin: 0;

	define(function(require, exports, module) {
	"use strict";

	var oop = require("../lib/oop");
	var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;

	var MyNewHighlightRules = function() {

	this.$rules = {
	"start" : [

	[app]

	# (str) Title of your application
	title = Audio Stream Test

	# (str) Package name
	package.name = audiostreamtest

	# (str) Package domain (needed for android/ios packaging)
	package.domain = org.kivy

	/* Make the element pulse (grow large and small slowly) */
	/* Usage
	.myElement {
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	opacity: 1;
	}
	*/
	@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}