John Ericson pinkhominid

## index.js
// Find, Splice, Undo
function findSpliceUndo(arr, findCallback) {
  const idx = arr.findIndex(findCallback)
  if (idx < 0) return
  const removedArr = arr.splice(idx, 1)
  return () => arr.splice(idx, 0, removedArr[0])
}

## url-utils.js
export function areUrlOriginsEqual(url1, url2) {
  const u1 = new URL(url1);
  const u2 = new URL(url2);
  return u1.origin === u2.origin;
}

## index.html
<style>
  body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  iframe { flex-grow: 1 }
</style>
<script type=module>

## index.html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title></title>
  </head>
  <body>
  </body>
</html>

## oss-npm-pkg-setup.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                pinkhominid
                / oss-npm-pkg-setup.md
            
            
              Last active
              April 2, 2020 13:41
            
              
                2020 Minimal OSS npm pkg setup
              
          
    2020 Minimal OSS npm pkg setup


New repository
Initialize this repository with a README
Add .gitignore Node
Add a license MIT License
Create repository
Clone or download
Copy to clipboard


## eventPathFindTargetMatch.js
export function eventPathFindTargetMatch(event, selector) {
  return event.composedPath().find(target => target.matches?.(selector));
}

## starter.html
<!doctype html>
<head>
  <!-- See 2020 CSS Starter https://gist.github.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d -->
  <link rel=stylesheet href=https://gist.githubusercontent.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d/raw/08f50f2d48074414d67e378f302be4bb31231170/starter.css>
  <style>
    body {
      display: flex;
      flex-direction: column;
    }
    header {

## ng-scope.js
angular.element(document.documentElement).scope()

## package.json
{
  "version": "0.3.0",
  "name": "url-fun",
  "description": "URL fun",
  "main": "url-fun.js",
  "author": "pinkhominid <pinkhominid@birdbomb.com>",
  "license": "MIT",
  "homepage": "https://gist.github.com/pinkhominid/742ff38688f7638d4eb795048b620e8e"
}

## are-urls-equal.js
// Handles root path slash and casing diffs correctly. For example:
//   areUrlsEqual('http://example.com', 'http://Example.com/') => true
export default function areUrlsEqual(url1, url2) {
  const u1 = new URL(url1);
  const u2 = new URL(url2);
  return u1.toString() === u2.toString();
}
	// Find, Splice, Undo
	function findSpliceUndo(arr, findCallback) {
	const idx = arr.findIndex(findCallback)
	if (idx < 0) return
	const removedArr = arr.splice(idx, 1)
	return () => arr.splice(idx, 0, removedArr[0])
	}
	export function areUrlOriginsEqual(url1, url2) {
	const u1 = new URL(url1);
	const u2 = new URL(url2);
	return u1.origin === u2.origin;
	}
	<style>
	body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	}
	iframe { flex-grow: 1 }
	</style>
	<script type=module>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title></title>
	</head>
	<body>
	</body>
	</html>
	export function eventPathFindTargetMatch(event, selector) {
	return event.composedPath().find(target => target.matches?.(selector));
	}
	<!doctype html>
	<head>
	<!-- See 2020 CSS Starter https://gist.github.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d -->
	<link rel=stylesheet href=https://gist.githubusercontent.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d/raw/08f50f2d48074414d67e378f302be4bb31231170/starter.css>
	<style>
	body {
	display: flex;
	flex-direction: column;
	}
	header {
	{
	"version": "0.3.0",
	"name": "url-fun",
	"description": "URL fun",
	"main": "url-fun.js",
	"author": "pinkhominid <pinkhominid@birdbomb.com>",
	"license": "MIT",
	"homepage": "https://gist.github.com/pinkhominid/742ff38688f7638d4eb795048b620e8e"
	}