tomsoderlund

// ----- SuperWatcher JQuery extension -----

var watcher = new SuperWatcher();

// Dynamically modify a CSS property when function result changes
$.fn.dynamicCss = function (prop, func) {
	// Currying the $.css method
	watcher.add(func.bind(this), this.css.bind(this, prop), prop);
	// For function chaining
	return this;

tomsoderlund

#!/usr/bin/env

# Convert Evernote notes in HTML to Markdown
# requires reverse_markdown (https://github.com/xijo/reverse_markdown)

# Preserve timestamp from Evernote
function get_timestamp {
	reverse_markdown "$1" | \
	sed -n '/<meta name="created" content="/p' | \
	sed -e 's/<meta name="created" content="//g' | \

tomsoderlund

[
  {
    "name": "indianred",
    "hexValue": "#cd5c5c",
    "rgbValues": [205, 92, 92],
    "hslValues": [0, 0.531, 0.582]
  },
  {
    "name": "lightcoral",
    "hexValue": "#f08080",

tomsoderlund

/**
 * parallelPool module
 * @description A resource pool e.g. for projects. Inspired by https://www.npmjs.com/package/generic-pool
 * @module parallelPool
 * @author Tom Söderlund
 */

// Private functions

/* const projectPool = new ParallelPool({}) */

tomsoderlund

#!/bin/sh

# Example: kill all non-development apps:
#   . killapps.sh dev
# Example: kill all non-office apps in a soft way:
#   . killapps.sh office soft

# Strip leading and trailing white space (new line inclusive).
trim () {
  [[ "$1" =~ ^[[:space:]]*(.*[^[:space:]])[[:space:]]*$ ]]

tomsoderlund

import React, { createContext, useContext, useState, useEffect, useRef } from 'react'

const ScrollingNavigation = ({ children, maxX, maxY = 2000, startX = 0, startY = 0, scrollSpeed = 2.0 }) => {
  const scrollingRef = useRef()
  return (
    <ScrollContextProvider
      startX={startX}
      startY={startY}
      scrollSpeed={scrollSpeed}
      scrollingRef={scrollingRef}

tomsoderlund

import React, { useContext } from 'react'

import { UserContext, UserContextProvider } from './UserContext'

export default (props) => {
  const [user, setUser] = useContext(UserContext)
  return (
    <UserContextProvider user={null}>
      <div>User name: {user && user.name}</div>
    </UserContextProvider>

tomsoderlund

/*

  Usage:

    import { ItemContextProvider } from 'hooks/useItem'

    <ItemContextProvider
      item={item}
    >
      <ComponentThatUsesItem />

tomsoderlund

import React, { useState } from 'react'
import ReactMapGL, { Marker, WebMercatorViewport } from 'react-map-gl'

const applyToArray = (func, array) => func.apply(Math, array)

const getBoundsForPoints = (points) => {
  // Calculate corner values of bounds
  const pointsLong = points.map(point => point.coordinates._long)
  const pointsLat = points.map(point => point.coordinates._lat)
  const cornersLongLat = [

tomsoderlund

// import useRouterQueryState from '../hooks/useRouterQueryState'
// const [myState, setMyState] = useRouterQueryState(propertyName, defaultValue)

import { useState, useEffect } from 'react'
import { useRouter } from 'next/router'

function useRouterQueryState (key, defaultValue) {
  const router = useRouter()

  // Get initial state from router query or default value