nathanlogan’s gists

nathanlogan / DateUtils.ts

Created January 27, 2022 21:41

Convert date string to user's locale

	export const formatDateAsDefaultLocale = (incomingDate: string \| Date, options?: Intl.DateTimeFormatOptions): string => {
	const defaultOptions = { day: 'numeric', month: 'short', year: 'numeric' }
	const date = new Date(incomingDate)
	return date.toString() !== "Invalid Date" ? date.toLocaleString('default', options \|\| defaultOptions) : '';
	}

nathanlogan / package.json

Last active June 13, 2017 20:00

An npm one-liner OSX script for npm linking all components in a subdirectory

	{
	"name": "",
	"version": "",
	"description": "",
	"repository": {},
	"scripts": {
	"link-one:osx": "cd src/components/ && select fname in */; do (cd $fname && npm link) && break; done && cd ../..",
	"link-all:osx": "cd src/components/ && for fname in */; do (cd $fname && npm link); done && cd ../.."
	},
	"dependencies": {},

nathanlogan / component.js

Created November 15, 2016 19:29

Emulate URL anchor page scroll functionality in a React component

	import React, { Component } from 'react'

	class MyTopLevelComponent extends Component {
	componentDidMount () {
	this.scrollToHashId()
	}

	componentDidUpdate () {
	this.scrollToHashId()
	}

nathanlogan / gist:18e6c0068d826506df715552197b7f5b

Created November 3, 2016 23:23

Bookmarklet: populate and submit a known form

	When you don't have access to the source code of a form, you may be stuck in a position where autofill doesn't work and you are doing a lot of repetitive entry. That's where this script comes in. Now you click a button and the form autofills with (static) values of your choice and immediately submits. Some forms may not work very well with this approach (like ones where the fields are dynamic, don't have distinguishable attribute identifiers, etc.), but it works well for my current use case. YMMV.

	The code (without preview, due to good security restrictions):

	<a href="javascript:!(function (doc) { doc.getElementById('HwPxTokenOneField').value = 'Doe'; doc.getElementById('HwPxDOBMonthField2').value = '01'; doc.getElementById('HwPxDOBDayField2').value = '17'; doc.getElementById('HwPxDOBYearField2').value = '1971'; doc.getElementById('HwPxLoginButton').click()})(window.document);">eSDP Login</a>

	The example and demo (use this to actually add the bookmarklet):

	https://jsfiddle.net/nathanlogan/b3znt9q2/

nathanlogan / Bookmarklet: test CSS build quality with visual design export bg image

Last active August 29, 2015 14:16

In short: visually "diff" your image with your UI. In "not so short": this script takes a user-specified image path as input (any path that works as a CSS background image will do), and sets that as the centered background image of the <html> element. It also applies a 50% opacity to the <body> element, so the background can "shine through". Its…

<a href="javascript:!function(e){var t=prompt('Please enter a URL for the background image to be applied to the <html> element:','designExport.jpg');null!=t?(e.documentElement.style.background='url('+t+') no-repeat center top',e.body.style.opacity='.5'):e.body.style.opacity='1'}(window.document);">BG IMG CHCKR</a>

nathanlogan / gist:775221

Created January 11, 2011 21:47

	require "rubygems"
	require "json"
	require "net/http"
	require "uri"


	puts ""
	puts "Enter your Twitter username:"
	username = gets.chomp

Nathan Logan nathanlogan