Barney Carroll barneycarroll

## objectify.process.argv.js
// Serialise command-line parameters of form:
// `--boolean`, `--key=value`, `--multiple:value1 --multiple:value2`
export default args => args.reduce((input, arg) => {
	const [param, key, verb, value] = (/--(\w+)(=|:)?(.+)?/).exec(arg) || []

	if (param)
		input[key] = (
			// No verb means boolean; '=' means direct assignment; ':' means accumulate array
			!verb ? true : verb == "=" ? value : !input[key] ? [value] : [...input[key], value]
		)

## cor.js
‎‎

## changeTag.js
export default function changeTag(original, tagName){
  // Create a replacement tag of the desired type
  const replacement = document.createElement(tagName)

  // Grab all of the original's attributes, and pass them to the replacement
  Array.prototype.forEach.call(original.attributes, ({name, value}) => {
    replacement.setAttribute(name, value)
  })

  // Persist contents

## ui_io.js
import muty from 'muty'

export default function ui_io(callback = Function.prototype){
  const {addEventListener} = EventTarget.prototype

  const promises  = []
  const listeners = []
  const logs      = []

  function register(entry){

## steps.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                barneycarroll
                / steps.md
            
            
              Created
              May 14, 2021 09:12
            
              
                Steps kitchen sink
              
          
    [STEPS!](https://flems.io/#0=N4IgzgxgTg9gNnEAuA2gBgDQA4DsBGAXQxADMBLOAUzGRVADsBDAW0uRGYFcAXATwCYAdACsaxCDHrdKU9hPphuAAi7cy1JQF4l9SgHclAZUrcAOvXMQ4jMGCUBZHryWUAHtPoATO4+6M1kgDyAEZglFAAbuFKwOZKSjCh4VEAFACUsfTx8arqYIKMnp4p3AAWZGBpcdnV8WCcAA7hgolhkZQpgl2MUADmnKxSldUAvubVnhXyuhDc6ZnZKjx5gp6UVNIl5cMWWdn1TVCrU5Izc10FfQMy3DvxY-QP5m4NMFDKaySMnHDKIcKUWYFWxkXr0FLVEiceizMiSJZ8FIwBoBBRaBG8FoouEKDBKPx9Ex4iCMBDBRgQADWGVqSnkiiUFQAglAoIxnOiWWzMczWeykdjJHdsvTlBVDNwoGR6L10XwmjASAlBWjNGqlAByRRSmUa8Z7eJkEgpXncpQAMnNytR+SoMrKWnVeAtVuRNvQBEd2g1GqqBuyKWAbpxYGJpLg5KpI3Rql4ftp6zCjON4sl0tlAB8M4ywFz2TT-YaU2AJTren7Fotg0L0ShqwoCNVafF63ZtAtK-F-GngjwNJWkPioJxKBhm9lu1Le9IAGIUaRQJSD1tjwtKB7xcdGlIAQgJvRMFc71pDgnqwUllEocuHlFpG6UtO3e56B+4R8W+5M6M8MAg1ykJt-W3EkyQpalxygExOCgLJpkBOZQIjcCP0ff1EzvNcoO4GC4NOBDaVpKEYVROl8NmFIkMjSkYycQQqJQjtFlFBIknaRdtF0AxfF4Sjw2oo9x1aZJmmE9oSlfIkTyFQSsOg2DWLaKIoHvUZV2qJjpIUQdNK7bgez7Oxj0WQdJRHVdO0nMhp0oQI4E8AA1UkRwHIdzPHCBSh6CkFwAEX8RhjKXNzRw8ry2VmcJ-L8OzHOc69TNvCzK08ihPAAGQqZQguyRL3LXc9L2vHKTJC5L7nKtDP0k7hB1-f9Bm4dT-Q

  
## eventListenerListener.js
const {addEventListener} = EventTarget.prototype

export default function EventListenerListener({
    blocking = false,
    removing = true,
    visitor  = Function.prototype,
  } = {}){
  if(this instanceof EventListenerListener){}
  else return new EventListenerListener(...arguments)


## Muty.2.js
const muties = new Set

class Muty extends MutationObserver {
  observe(){
    muties.add(this)

    super.observe(...arguments)
  }

  disconnect(){

## .js
import css from './css.js'

let color      = 'red'
let fontFamily = 'sans-serif'

m.mount(document.body, {
  view: () => [
    m('p',
      css`
        color: ${ color };

## mithril.steps.js
// Async generators don't actually work this way: all yields implictly mandate asynchronous (non-synchronously-blocking) resolution under the hood; so in practice it's probably better to be honest and make this unambiguously wasteful & imprecise and have all steps as explicit awaits. 🙄
const KitchenSink = steps(async function * ($){
  $.view(v =>
    m('p.counter', $.attrs.value, '!')
  )

  yield $.create

  style({
    transition : 'none',

## life-cycle.js
customElements.define('life-cycle', class LifeCycle extends HTMLElement {
  constructor(){
    super()
  }

  connected(){}
  connectedCallback(){
    this.style.display = 'contents'

    this.connected(...arguments)
	// Serialise command-line parameters of form:
	// `--boolean`, `--key=value`, `--multiple:value1 --multiple:value2`
	export default args => args.reduce((input, arg) => {
	const [param, key, verb, value] = (/--(\w+)(=\|:)?(.+)?/).exec(arg) \|\| []

	if (param)
	input[key] = (
	// No verb means boolean; '=' means direct assignment; ':' means accumulate array
	!verb ? true : verb == "=" ? value : !input[key] ? [value] : [...input[key], value]
	)
	export default function changeTag(original, tagName){
	// Create a replacement tag of the desired type
	const replacement = document.createElement(tagName)

	// Grab all of the original's attributes, and pass them to the replacement
	Array.prototype.forEach.call(original.attributes, ({name, value}) => {
	replacement.setAttribute(name, value)
	})

	// Persist contents
	import muty from 'muty'

	export default function ui_io(callback = Function.prototype){
	const {addEventListener} = EventTarget.prototype

	const promises = []
	const listeners = []
	const logs = []

	function register(entry){
	const {addEventListener} = EventTarget.prototype

	export default function EventListenerListener({
	blocking = false,
	removing = true,
	visitor = Function.prototype,
	} = {}){
	if(this instanceof EventListenerListener){}
	else return new EventListenerListener(...arguments)
	const muties = new Set

	class Muty extends MutationObserver {
	observe(){
	muties.add(this)

	super.observe(...arguments)
	}

	disconnect(){
	import css from './css.js'

	let color = 'red'
	let fontFamily = 'sans-serif'

	m.mount(document.body, {
	view: () => [
	m('p',
	css`
	color: ${ color };
	// Async generators don't actually work this way: all yields implictly mandate asynchronous (non-synchronously-blocking) resolution under the hood; so in practice it's probably better to be honest and make this unambiguously wasteful & imprecise and have all steps as explicit awaits. 🙄
	const KitchenSink = steps(async function * ($){
	$.view(v =>
	m('p.counter', $.attrs.value, '!')
	)

	yield $.create

	style({
	transition : 'none',
	customElements.define('life-cycle', class LifeCycle extends HTMLElement {
	constructor(){
	super()
	}

	connected(){}
	connectedCallback(){
	this.style.display = 'contents'

	this.connected(...arguments)