A list of Sketch plugins hosted at GitHub, in no particular order.
| <html> | |
| <head> | |
| <title>Test</title> | |
| <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |
| <script src="http://fb.me/react-0.5.1.js"></script> | |
| <script src="http://fb.me/JSXTransformer-0.5.1.js"></script> | |
| </head> |
| 'use strict'; | |
| var gulp = require('gulp'); | |
| var gutil = require('gulp-util'); | |
| var del = require('del'); | |
| var uglify = require('gulp-uglify'); | |
| var gulpif = require('gulp-if'); | |
| var exec = require('child_process').exec; | |
| var notify = require('gulp-notify'); |
| // === Arrays | |
| var [a, b] = [1, 2]; | |
| console.log(a, b); | |
| //=> 1 2 | |
| // Use from functions, only select from pattern | |
| var foo = () => [1, 2, 3]; |
| (ns om-data.core | |
| (:require [om.core :as om :include-macros true] | |
| [om.dom :as dom :include-macros true] | |
| [datascript :as d])) | |
| (enable-console-print!) | |
| (def schema {}) | |
| (def conn (d/create-conn schema)) | |
| (ns reagent-test.core | |
| (:require [reagent.core :as reagent :refer [atom]] | |
| [datascript :as d] | |
| [cljs-uuid-utils :as uuid])) | |
| (enable-console-print!) | |
| (defn bind | |
| ([conn q] | |
| (bind conn q (atom nil))) |
| /** @jsx React.DOM */ | |
| define([ | |
| "react", | |
| "machina", | |
| "mousetrap" | |
| ], function(React, machina, Mousetrap) { | |
| return machina.Fsm.extend({ | |
| initialize: function() { |
| (defn graph [app owner opts] | |
| (reify | |
| om/IInitState | |
| (init-state [_] | |
| (let [data (:data app) | |
| width (:width opts) | |
| height (:height opts) | |
| x (-> d3 .-time (.scale) (.range [0 width])) | |
| y (-> d3 .-scale (.linear) (.range [height 0])) ] | |
| {:width width |
The final result: require() any module on npm in your browser console with browserify
This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.
Update: There are much better ways of accomplishing the same, and the script has been updated to use a much simpler method pulling directly from browserify-cdn. See this thread for details: mathisonian/requirify#5
| (defn tree-seq-depth | |
| "Returns a lazy sequence of vectors of the nodes in a tree and their | |
| depth as [node depth], via a depth-first walk. branch? must be a fn | |
| of one arg that returns true if passed a node that can have | |
| children (but may not). children must be a fn of one arg that | |
| returns a sequence of the children. Will only be called on nodes for | |
| which branch? returns true. Root is the root node of the tree." | |
| [branch? children root] | |
| (let [walk (fn walk [depth node] | |
| (lazy-seq |
