loilo

<?php

$args = array_slice($argv, 1);

$unnamedArgs = [];
$namedArgs = [];
$currentArg = null;

foreach ($args as $arg) {
	// Long name

loilo

Access PHP Variables in Nested Closures

This post was inspired by having to pass around ReactPHP's event loop all day.

😑 Are you tired of managing loads of use (...) constructs because you need some local variable inside a deeply nested closure?

🤯 Use the following tiny function abusing Closure::bind() to bend variable scope to your will!

function run_scoped(Closure $callback, $init = [])

loilo

// Arbitrarily nested object containing Promises goes in
// Plain data structure comes out
async function deepAsync (object) {
  // Walk arrays
  if (Array.isArray(object)) {
    return Promise.all(object.map(async item => await deepAsync(item)))

  // Walk objects
  } else if (typeof object === 'object' && String(object) === '[object Object]') {
    return Object

loilo

PHP arg string generator

Generate a command line arg string from an associative array.

This is purely built for functionality, not for beauty: no grouping of shorthand flags, all args will be escaped and wrapped in single quotes, no matter if needed or not.

Usage

Associative key-value pairs will be treated as command line options while array entries with no/integer keys will be used as regular arguments.

loilo

Rangeslider

This is a small, production-ready Rangeslider library.

Try it out in this CodePen!

I created this because no existing library met all my criteria:

• no heavy-weight third-party dependencies (i.e. no jQuery)
• respect HTML5 `` restrictions (min, `max`, `step`)

loilo

Regular Expression Template Tag in TypeScript

I liked this gist enough that I made it a full-blown npm package. Check it out here.

After having used regular expression escape functions for years, it just crossed my mind that this might be way easier to achieve with a tagged template literal.

This is how to use this gist:

import rx from 'https://unpkg.com/@loilo/rx/dist/rx.mjs'

loilo

/**
 * Fixates JavaScript's Date
 * This is useful for snapshot testing data which refers to the current time
 *
 * Losely based on https://github.com/facebook/jest/issues/2234#issuecomment-324868057
 */

/**
 * Keep a reference to the original date
 */

loilo

/**
 * Mock an object with a proxy, overriding methods and properties
 *
 * @param {object} object An object to mock
 * @param {object} implementations The properties/methods to virtually "merge" into the mocked object
 */
function moxy(object, implementations) {
  return new Proxy(object, {
    get(target, key, receiver) {
      if (key in implementations) {

loilo

// Note: This code is obsolete. There's a cross-browser DOM method `compareDocumentPosition()` which does the same, but more detailed.
// See https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition

function compareNodePosition( nodeA, nodeB, container ) {
  if ( !( container instanceof HTMLElement ) ) {
    container = document.body;
  }
  
  function getNodePositionArray( el, container ) {
    var arr = [];

loilo

export default function on(target, event, listener) {
  let targetObject, boundListener

  return {
    mounted() {
      // Allow functions for client-only targets
      targetObject = typeof target === 'function' ? target() : target

      if (typeof listener === 'string') {
        // If a string is passed as a listener, use a method with that name