visualjeff’s gists

visualjeff / gist:dc8edfde6433b1634a989ac39454ecc1

Created July 30, 2018 20:04

pure Javascript JWT Validation

	<!doctype html>

	<html class="no-js" lang="en">

	<head>
	<!-- Written by: jgilber (a.k.a., visualjeff on github) -->
	<meta charset="utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>JWT Token Validator</title>

visualjeff / gist:ca00c48f3bfc95f6551302d47cb45040

Created August 9, 2018 22:04

Generating a good nonce in the browser to prevent replay (in Javascript SPA's)

	const crypto = crypto.subtle;
	async function sha256(message) {
	const msgBuffer = new TextEncoder('utf-8').encode(message); // encode as UTF-8
	const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer); // hash the message
	const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert ArrayBuffer to Array
	const hashHex = hashArray.map(b => ('00' + b.toString(16)).slice(-2)).join(''); // convert bytes to hex string
	return hashHex;
	}

	let randomNumber = window.crypto.getRandomValues(new Uint32Array(1)); //Generate randomNumber and store in local storage.

visualjeff / gist:0ec717c964620b75f050c93ee286a936

Last active August 21, 2018 03:11

Easy way to generate fake user records with faker.js

	const faker = require('faker');

	const testData = new Array(100).fill({}).map((v, i) => {
	return {
	name: faker.name.findName(),
	address: faker.address.streetAddress(),
	city: faker.address.city(),
	state: faker.address.stateAbbr(),
	postal: faker.address.zipCode(),
	email: ''

visualjeff / gist:2d0bdd1a78e6249d6823a8cbb2a9c2d6

Last active August 21, 2018 02:55

Chunking arrays

	//You could use faker.js to generate some testData

	function chunk(arr, chunkSize) {
	const R = [];
	for (let i = 0, len = arr.length; i < len; i += chunkSize) {
	R.push(arr.slice(i, i + chunkSize));
	}
	return R;
	}

visualjeff / components.auth-component.js

Created October 30, 2018 19:25

New Twiddle

	import Ember from 'ember';

	export default Ember.Component.extend({
	});

visualjeff / gist:1cda46847ae3b089c2a254461ef9ffe7

Last active May 6, 2019 03:57

Publishing a NPM module from GitHub

	First, be sure make sure you've set your git user.name and user.email:

	git config --global user.name "FIRST_NAME LAST_NAME"
	git config --global user.email [email protected]

	Create new local branch to work in:

	git checkout -b v1.0.0

	Set version number in your project's package.json!!!

visualjeff / gist:ba6ebac7c80572046f02b879edd24789

Last active July 11, 2019 22:43

Example URL's for different types of Azure Authentication

	For non-interactive login:

	For a v2 Token:
	https://login.microsoftonline.com/<<TENANT_NAME>>.onmicrosoft.com/oauth2/v2.0/authorize?response_type=id_token&scope=openid%20profile&client_id=<<CLIENT_ID>>&redirect_uri=https%3A%2F%2Fjwt.ms&nonce=null

	For a v1 Token:
	https://login.microsoftonline.com/common/oauth2/authorize?client_id=<<CLIENT ID>>&response_type=id_token&nonce=null


	For an interactive login (if you need to set an initial password) for B2C:

visualjeff / components.blog-post.js

Created November 18, 2019 05:09

component test

	import Component from '@glimmer/component';

	export default class BlogPost extends Component {
	}

visualjeff / gist:311e6ebb651e4ca4344aa898fd978832

Created August 3, 2020 18:00

	Given an array of integers, return indices of the two numbers such that they add up to a specific target.

	You may assume that each input would have exactly one solution, and you may not use the same element twice.

	Example:

	Given nums = [2, 7, 11, 15], target = 9,

	Because nums[0] + nums[1] = 2 + 7 = 9,
	return [0, 1].

visualjeff / gist:412f89aecce959fd71513dbc809be3e4

Created January 27, 2021 04:20

Script for processing megaMenu. Save to root of forge project as index.js. Run as "node index.js"

	// Note you may need to update the path to our sample data.
	let data = require('./src/stories/menus/megaMenu/megamenu.json');

	const sortByName = (a, b) => {
	return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;
	};

	// This function should be memoized for performance reasons.
	const sortParent = (data) => {
	let sortedData = [...data];

Jeff visualjeff