Skip to content

Instantly share code, notes, and snippets.

View lukehorvat's full-sized avatar

Luke Horvat lukehorvat

View GitHub Profile
@lukehorvat
lukehorvat / gulpfile.js
Created March 3, 2023 20:43
An example of how to print out the names of files streamed by gulp. Sometimes useful for debugging purposes.
import gulp from 'gulp';
import { Transform } from 'node:stream';
gulp.task('build', () => {
return gulp
.src('src/**/*.js')
.pipe(
new Transform({
objectMode: true,
transform(file, encoding, callback) {
@lukehorvat
lukehorvat / mapped-type-conversion.ts
Last active June 6, 2020 14:12
Convert one mapped type to another. (TypeScript)
type Input<Output> = {
[K in keyof Output]: { foo: () => Output[K] };
};
function convert<Output>(input: Input<Output>): Output {
const keys = Object.keys(input) as (keyof Input<Output>)[];
return keys.reduce(
(output, key) => ({ ...output, [key]: input[key].foo() }),
{} as Output
@lukehorvat
lukehorvat / gulpfile.js
Last active March 3, 2023 18:17
A small example of a "Vinyl adapter" that replaces `gulp.src`. Demonstrates how to create a stream for a "fake" (in-memory only) file.
import gulp from 'gulp';
import Vinyl from 'vinyl';
import vinylAdapter from './vinyl-adapter';
gulp.task('build', () => {
const file = new Vinyl({
path: 'hello.js',
contents: Buffer.from(`console.log('👋');`)
});
@lukehorvat
lukehorvat / ban-generators-and-async.json
Last active July 31, 2018 15:41
ESLint rule to disallow generators and async/await. Since AST selectors are used, ESLint 3.18.0 (or higher) is required.
{
"rules": {
"no-restricted-syntax": [
"error",
"[generator=true]",
"[async=true]",
"AwaitExpression"
]
}
}
@lukehorvat
lukehorvat / get-color-in-range.js
Last active June 21, 2016 04:07
Get a color within a defined color range, based on a percentage number.
import { scaleLinear } from "d3-scale";
const getColor = scaleLinear().domain([0, 100]).range(["#ccc", "#419fcf"]);
getColor(0); // 0% = #ccc
getColor(80); // 80% = #5da8ce
getColor(100); // 100% = #419fcf
@lukehorvat
lukehorvat / express-curl-middleware.js
Created August 27, 2015 12:45
Express middleware to log a JSON request as a cURL command. Inspired by Chrome's "Copy as cURL" feature.
// After body-parsing middleware...
app.use(function(req, res, next) {
console.log(
"curl '%s://%s%s' -X %s -H 'Content-Type: %s' -d '%s'",
req.protocol,
req.get("host"),
req.originalUrl,
req.method,
req.get("Content-Type"),
JSON.stringify(req.body)
@lukehorvat
lukehorvat / es6-map-to-object-literal.js
Last active January 8, 2024 10:32
Convert ES6 Map to Object Literal
let map = new Map();
map.set("a", 1);
map.set("b", 2);
map.set("c", 3);
let obj = Array.from(map).reduce((obj, [key, value]) => (
Object.assign(obj, { [key]: value }) // Be careful! Maps can have non-String keys; object literals can't.
), {});
console.log(obj); // => { a: 1, b: 2, c: 3 }
@lukehorvat
lukehorvat / interceptors.coffee
Last active December 23, 2015 02:49
An example of how to use request/response interceptors in AngularJS 1.2 for consistent API interactions. This code does two things: 1) Automatic injection of the user auth token in all API requests. 2) Automatic event firing when the user receives an API response indicating a 401 (unauthorised) request.
.config ($httpProvider) ->
$httpProvider.interceptors.push ($q, $rootScope, apiUrl, authToken) ->
request: (config) ->
# Intercept API requests and inject the auth token.
config.headers["X-Auth-Token"] = authToken if config.url.indexOf(apiUrl) is 0 and authToken?
config or $q.when config
responseError: (response) ->
# Intercept unauthorised API responses and fire an event.
@lukehorvat
lukehorvat / routes.html.erb
Created September 1, 2013 12:10
List all of the routes in your Ruby on Rails application in a nicely-formatted HTML table. Well-suited to those times when you're building an API and need an "auto-updating" reference page of application endpoints that you can share with others.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Routes</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
@lukehorvat
lukehorvat / excel-grid-plugin.js
Last active June 20, 2024 00:09
An Ext JS 4 grid plugin that provides Microsoft Excel-esque cell navigation and editing via keyboard.
var newGridCellValue = '',
deleteGridCellValue = false;
Ext.define('ExcelCellEditing', {
extend: 'Ext.grid.plugin.CellEditing',
alias: 'plugin.excelcellediting',
initEditTriggers: function () {
var me = this;