Skip to content

Instantly share code, notes, and snippets.

Avatar

Samuel Reed STRML

View GitHub Profile
View Makefile
# A simple Makefile alternative to using Grunt for your static asset compilation
#
## Usage
#
# $ npm install
#
# And then you can run various commands:
#
# $ make # compile files that need compiling
# $ make clean all # remove target files and recompile from scratch
View keybase.md

Keybase proof

I hereby claim:

  • I am strml on github.
  • I am strml (https://keybase.io/strml) on keybase.
  • I have a public key whose fingerprint is 6EA6 FDA3 2B20 AE38 13C4 411B 011E 698E E329 F38B

To claim this, I am signing this object:

View mtgox.php
<?php
namespace Money;
class Bitcoin {
#const BITCOIN_NODE = '173.224.125.222'; // w001.mo.us temporary
const BITCOIN_NODE = '50.97.137.37';
static private $pending = array();
public static function update() {
@STRML
STRML / index.js
Created Jul 30, 2015
requirebin sketch
View index.js
// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right
var React = require('react');
var App = React.createClass({
render: function() {
return (
React.createElement("div", {className: "example"},
React.createElement("h1", null, "Example Component"),
React.createElement("ul", null, React.createElement("li", null, "One item"), React.createElement("li", null, "Another item"))
@STRML
STRML / dumpExtLoader.js
Created May 10, 2012
Simple PhantomJS file that dumps the contents of Ext.Loader
View dumpExtLoader.js
var page = require('webpage').create(),
t, address;
if (phantom.args.length === 0) {
console.log('Usage: dumpExtLoader.js <some URL>');
phantom.exit();
} else {
page.onConsoleMessage = function (msg) {
console.log(msg);
};
@STRML
STRML / phantomjs-jsb.js
Created May 10, 2012
Working phantomjs-jsb.js for use with ExtJS4 & (experimentally) Sencha Touch 2
View phantomjs-jsb.js
// This belongs in %SDK%/compat/scripts/
(function() {
var defaultJsb3Object = {
"projectName": "Project Name",
"licenseText": "Copyright(c) 2012 Company Name",
"builds": [
{
"name": "All Classes",
"target": "all-classes.js",
@STRML
STRML / fixperms.sh
Created Jun 30, 2012
A few useful files for running a nodejs server. I keep update-project.js in /root so when I ssh in I can just run it. my-project.conf runs the project as the user 'www-data', and so fixperms.sh makes sure the project folder is readable/writable.
View fixperms.sh
#!/bin/sh
T=/usr/local/mycompany/my-project
chown -R www-data:root $T
find $T -type d ! -perm 770 -print -exec chmod 770 {} \;
find $T -type f ! -perm 660 ! -name "*.sh" -print -exec chmod 660 {} \;
find $T -type f ! -perm 770 -name "*.sh" -print -exec chmod 770 {} \;
@STRML
STRML / gist:3154212
Created Jul 21, 2012
Variable declaration hoisting
View gist:3154212
(function foo(){bar = 10; var bar = 20;}());
alert(bar) // ReferenceError: bar is not defined
(function foo(){bar = 10;}());
alert(bar) // 10
@STRML
STRML / overrideSlack.lua
Created Jul 10, 2015
Lua snippet for Hammerspoon to bind ctrl-tab and ctrl-shift-tab back to switching channels.
View overrideSlack.lua
--
-- Fix Slack's channel switching.
-- This rebinds ctrl-tab and ctrl-shift-tab back to switching channels,
-- which is what they did before the Teams update.
--
-- Slack only provides alt+up/down for switching channels, (and the cmd-t switcher,
-- which is buggy) and have 3 (!) shortcuts for switching teams, most of which are
-- the usual tab switching shortcuts in every other app.
--
local ctrlTab = hotkey.new({"ctrl"}, "tab", function()
@STRML
STRML / gist:2117f574726bdf0b8d58
Created Jun 24, 2015
Relying on React as an external
View gist:2117f574726bdf0b8d58

The problem:

When writing a React component, you want to target all environments. It is easy to generate a build that will work on the server and browser with Webpack, and as a bonus you can use loaders (like babel-loader for ES6 code).

When you generate this bundle, you should rely on "react" as an external so it isn't included in the bundle. In all environments this is desired behavior so you don't duplicate "react" and break it. This is necessary both because it would make a much larger bundle than necessary, but also because React behaves badly when multiple copies are loaded.

If you do this, you'll end up with a UMD shim like:

(function webpackUniversalModuleDefinition(root, factory) {