AndrewJHart

/**
 * Uses react-markdown w/ rehype-external-links to demo how to parse markdown
 * so that the links open in a new tab as external links in your react application.
 * React-markdown use to have a property that would allow you
 * to require all links be opened in a new tab but they deprecated it and moved
 * to a more pluggable architecture using rehype and remark. The plugin required
 * for react-markdown is rehype-external-links but the documentation doesn't 
 * explain how to use it with react-markdown. Thus here is an example: 
 * 
 * you can find it here https://www.npmjs.com/package/react-markdown -

AndrewJHart

/**
 * You can copy and paste this into your browser console and it works as of 1/1/2021 - its not pretty.
 */

// replace "user-id" with your actual user id e.g. "123455" & same for auth url
const userId = 'my-user-id-goes-here';
const authUrl = 'auth-url-goes-here';

// first gather up all the DOM nodes in the list that have anchors w/ the title id to delete
const nodes = document.querySelectorAll('.rowList .title > a');

AndrewJHart

Backbone.View Page Transitions in Backbone

An easy and effective way to implement page transitions into any Backbone.js application. Its been tested with Thorax by extending Thorax.View and tested with Marionette with various ways to implement it. There are also many other various attempts at animations/transitions with marionette that can be found on its issues page.

This originated from an idea and quest for a clean way to create a simple yet reusable animated backbone view. I found an excellent post by Mike Fowler titled Page Transitions in Backbone that provided a large part of the core and concept.

AndrewJHart

let map = new Map();
map.set("a", 1);
map.set("b", 2);
map.set("c", 3);

let obj = [...map.entries()]  // or Array.from(map) - either works;
    .reduce((acc, [key, value]) =>
      ({ ...acc, [key]: value }),  // Can also spread in reduce or assign, latter is quicker but I love spread syntax lol
      {}
    );

AndrewJHart

Python VS ES6 syntax comparison

Python syntax here : 2.7 - online REPL

Javascript ES6 via Babel transpilation - online REPL

Imports

import math

AndrewJHart

How to make a Minecraft mod

Minecraft mods, especially mods which change the client, are by and large written with Forge. If you visit their website, you'll be greeted abruptly by a mysterious message at the top of an SMF forum, with no clear path towards actually... making a mod. I'm documenting here the steps I went through to get started, in the hopes of helping the next person have an easier time of it.

I'll be using Scala for this guide, but it should be fairly easy to adapt these instructions to any JVM language (e.g. clojure or if you're feeling masochistic, Java). I'm also developing on OS X, so some of the commands will be a little different if you're on Linux or Windows. I'm assuming you have some proficiency with your operating system, so I won't go into details about how to adapt those commands to your system.

Background

Minecraft doesn't have an official mod API (despite early [promises](http://notch.t

AndrewJHart

Auto update application build version. Husky pre-commit hook.

package.json

"husky": {
    "hooks": {
      "pre-commit": "npm run build && node ./update-build.js"
    }
  }

AndrewJHart

from django.utils.functional import SimpleLazyObject
from django.contrib.auth.models import AnonymousUser

from rest_framework.request import Request
from rest_framework_jwt.authentication import JSONWebTokenAuthentication


def get_user_jwt(request):
    """
    Replacement for django session auth get_user & auth.get_user for

AndrewJHart

A quick overview of the node.js streams interface with basic examples.

This is based on @brycebaril's presentation, Node.js Streams2 Demystified

Overview

Streams are a first-class construct in Node.js for handling data.

Think of them as as lazy evaluation applied to data.

AndrewJHart

// The polling function
function poll(fn, timeout, interval) {
    var endTime = Number(new Date()) + (timeout || 2000);
    interval = interval || 100;

    var checkCondition = function(resolve, reject) { 
        var ajax = fn();
        // dive into the ajax promise
        ajax.then( function(response){
            // If the condition is met, we're done!