Skip to content

Instantly share code, notes, and snippets.

View okwolf's full-sized avatar
🐺
Howling

Wolf okwolf

🐺
Howling
58 followers · 8 following
View GitHub Profile
@okwolf
okwolf / ha2-middleware-stack-formatter.js
Last active April 25, 2019 04:14
export default actionStack => {
if (actionStack.length === 1 && actionStack[0][0] === "state") {
console.log(
"%cinitial state",
"color: #4CAF50; font-weight: bold;",
actionStack[0][1].nextState
);
} else {
const groupTitle = actionStack
.slice(1)
@okwolf
okwolf / keybase.md
Created September 15, 2018 14:56

Keybase proof

I hereby claim:

  • I am okwolf on github.
  • I am okwolf (https://keybase.io/okwolf) on keybase.
  • I have a public key ASBeCmAcr9jCa6qAM5vXJYjQ6E94d_sf-PYFL-5YGvvxMAo

To claim this, I am signing this object:

@okwolf
okwolf / hyperapp-v2-fx.js
Last active December 3, 2018 09:39
const randomEffect = (props, dispatch) => {
const randomValue = Math.random() * (props.max - props.min) + props.min;
dispatch(props.action, randomValue)
};
export const Random = ({ action, min = 0, max = 1 }) => ({
props: {
action,
min,
max
@okwolf
okwolf / withUpdateApp.js
Last active December 3, 2018 09:39
Update an existing Hyperapp: https://codepen.io/okwolf/pen/ppdpgj?editors=0010
import { h, app } from "hyperapp"
// higher-order app function for update powers
const withUpdateApp = nextApp => {
return (initialState, actionsTemplate, view, container) => {
let currentView = view
const enhancedActions = nextApp(
initialState,
{
...actionsTemplate,
@okwolf
okwolf / unpkg-react.html
Last active July 12, 2017 03:57
<html>
<head>
<title>unpkg :: basic-react demo</title>
<meta charset="utf-8" />
</head>
<body>
<div id="app"></div>
@okwolf
okwolf / CopySecurePassword.ps1
Last active June 15, 2017 15:37
(
[char[]]([char]33..[char]95) +
([char[]]([char]97..[char]126)) +
0..9 |
Sort { Get-Random }
)[0..63] -Join '' | Clip
@okwolf
okwolf / Reduced Advanced Reducer Example from funfunfunction.md
Last active May 3, 2017 21:02

Original was from Reduce Advanced of funfunfunction. It was a great example, but I thought it could use a bit more of the ES6 goodness like template literals, destructuring, and the spread operators.

Also the reduced form is a more "pure" functional implementation since it doesn't mutate the original object with evil functions like push, but instead returns new data every time. A JS Bin is available to run and play with the modified version.

@okwolf
okwolf / d3-fullscreen-live-chart.html
Last active June 12, 2016 21:38
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<style>
* {
margin: 0;