overengineer

#!/usr/bin/env bash

# Caution: It can break

# Bash unofficial strict mode
set -euo pipefail
IFS=$'\n\t'
LANG=''

function define() { IFS='\n' read -r -d '' ${1} || true; }

rikschennink

export default (element: HTMLElement, options: any = {}) => {
    // if added as action on non focusable element you should add tabindex=0 attribute

    const {
        direction = undefined,
        shiftMultiplier = 10,
        bubbles = false,
        stopKeydownPropagation = true,
    } = options;

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

Merott

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

• You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
• You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

phryneas

import { resolve } from 'path';

export default {
    modifyBundlerConfig: config => {
        const orig = config.module.rules[2];
        const origUse = orig.use;

        orig.use = [
            origUse[0],
            {

bittner

Ctrl + Alt + Space

arlomba

/*

Tailwind - The Utility-First CSS Framework

A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink),
David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).

Welcome to the Tailwind config file. This is where you can customize
Tailwind specifically for your project. Don't be intimidated by the
length of this file. It's really just a big JavaScript object and

muhanov-apps

 public class DeltaContractResolver : DefaultContractResolver
    {
        public DeltaContractResolver( )
            : base( )
        {
        }

        protected override JsonContract CreateContract(Type objectType)
        {
            // This class special cases the JsonContract for just the Delta<T> class. All other types should function

oliviertassinari

import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';

function stylifier(higherOrderComponent) {
  return Component => styles => {
    function StyledComponent(props) {
      const { classes, className, ...other } = props;
      return <Component className={classNames(classes.root, className)} {...other} />;
    }

stubailo

require('isomorphic-fetch');

fetch('https://1jzxrj179.lp.gql.zone/graphql', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ query: '{ posts { title } }' }),
})
  .then(res => res.json())
  .then(res => console.log(res.data));