Skip to content

Instantly share code, notes, and snippets.

@sterlingwes
sterlingwes / Resuable Github Action.md
Last active Jan 13, 2022
Reusable Github Action Steps (Local Composite Action)
View Resuable Github Action.md

Crafting a Reusable Github Action

The documentation for this common use case is sorely lacking...

Why this was needed:

  • I had a bunch of CI jobs (lint, test, type checking) that I wanted to run as separate jobs but share the same common steps for running checkout & dependency install

File structure

@sterlingwes
sterlingwes / README.md
Last active Jan 20, 2021
Debugging a third party gradle plugin
View README.md

A third party Gradle plugin can be difficult to debug. In my case, I couldn't figure out why an input in my build.gradle file wasn't causing the plugin to add a desired task to a build. It's also not straightforward to inspect the source code of a plugin that arrives prebuilt. Fortunately if the plugin is open source, you can breakpoint in the source.

This thread forms the basis of these steps:

  • clone the source code for the plugin, and checkout the commit or version tag reflecting the version of the plugin you want to debug
  • open the repo in IntelliJ IDEA / Android Studio and allow gradle to sync
  • create a run configuration, selecting Attach to Remote JVM
  • make your breakpoints in the source code
  • in the project with the gradle build you want to debug, run ./gradlew --no-daemon -Dorg.gradle.debug=true app:uploadBugsnagReleaseSourceMaps, gradle will wait for a debugger to attach
  • back in the source code repo for the plug
@sterlingwes
sterlingwes / README.md
Created Oct 13, 2019
Viewing deleted files on unix that are still open (lost disk space)
View README.md

lsof -nP | grep '(deleted)'

@sterlingwes
sterlingwes / README.md
Created Oct 8, 2019
Generate SSH public key fingerprint (github key check)
View README.md

Useful for comparing the fingerprint shown by github at https://github.com/settings/keys against the public key on your machine to see whether it's a match:

ssh-keygen -l -E md5 -f ~/.ssh/id_rsa.pub

This lists the MD5 fingerprint

Source

@sterlingwes
sterlingwes / javascript.json
Created Jul 28, 2017
React VS Code Snippets
View javascript.json
{
/*
// Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
@sterlingwes
sterlingwes / PerformanceTimer.js
Created May 10, 2017
Performance timing with window.performance
View PerformanceTimer.js
const perf = window.performance
class PerformanceTimer {
constructor (name) {
this.name = name
this.markStart = `${name}-start`
this.markStop = `${name}-stop`
}
start () {
@sterlingwes
sterlingwes / loadertest.html
Created May 10, 2017
Three.js OBJ Loader test
View loadertest.html
<html>
<head>
<script src="node_modules/three/build/three.js"></script>
<script src="node_modules/three/examples/js/loaders/OBJLoader.js"></script>
</head>
<body>
<script>
const model = 'https://s3.amazonaws.com/areo-dev-wjohnson/v1/worlds/a42d78b1-a28a-4d7b-b64e-c1512ea9bac4/models/a4cd6444-fa12-4edf-aba5-8aa72e693bc6-m'
fetch(model)
.then(response => response.blob())
@sterlingwes
sterlingwes / loaderHook.js
Last active May 2, 2017
webpack server side rendering with file loader (ie: require()'d images)
View loaderHook.js
const fs = require('fs')
const utils = require('loader-utils')
const defaultOptions = {
extensions: ['.png', '.jpg'],
filePrefix: 'img/img-',
hashLength: 6
}
module.exports = function (options) {
@sterlingwes
sterlingwes / README.md
Last active Apr 4, 2018
Getting past cross-origin Web Worker exception
View README.md

Cross-origin web worker scripts

If you're like me and wanted to serve your main app script from a CDN and still load a web worker, you may have encountered the following error:

Uncaught DOMException: Failed to construct 'Worker': Script at 'http://cdn.example.com/worker.js' cannot be accessed from origin 'http://example.com'

You can get around this fairly simply with importScripts by making the script you instantiate your worker with load the actual worker script from the CDN.

@sterlingwes
sterlingwes / README.md
Created Jan 5, 2017
Convert video to optimized GIF with libav (avconv)
View README.md

Prerequisites

  • avconv
  • gifsicle

If you're on Ubuntu:

  • apt-get install gifsicle libav-tools

Command