ggoodman

//@ts-check
'use strict';

const ChildProcess = require('child_process');
const Events = require('events');
const Path = require('path');

const { watch } = require('chokidar');
const { startService } = require('esbuild');
const Pino = require('pino');

millsp

import {
    A,
    F,
    B,
    O,
    I,
} from 'ts-toolbelt';

type OnlyUserKeys<O> =
    O extends L.List

steveruizok

function distributeEvenly<
	T extends { x: number; y: number; height: number; width: number }
>(axis: "x" | "y", boxes: T[]) {
	const mboxes = [...boxes]
	const extent = axis === "x" ? "width" : "height"
	mboxes.sort((a, b) => a[axis] - b[axis])

	// Overall boxes span
	const last = mboxes[mboxes.length - 1]
	const dist = last[axis] + last[extent] - mboxes[0][axis]

lelandrichardson

var text by mutableStateOf("")
val charCount: Int get() = text.length
val todoList = mutableStateListOf<Item>(emptyList())
val filteredTodoList get() = when (todoListFilter) {
  Filter.Completed -> todoList.filter { it.isComplete }
  Filter.Uncompleted -> todoList.filter { !it.isComplete }
  Filter.All -> todoList
}

@Composable fun Example() {

jordansinger

import SwiftUI
import PlaygroundSupport

struct AppleTV: View {
    var body: some View {
        ZStack {
//              Image(uiImage: #imageLiteral(resourceName: "IMG_6281.JPG"))
//                  .resizable()
//                  .aspectRatio(contentMode: .fill)
            Color.gray

jthoms1

import { ThemeType } from 'some/path/to/my/tokens';
import 'styled-components';

declare module 'styled-components' {
  export interface DefaultTheme extends ThemeType {}
}

kamranayub

//
// See: https://kentcdodds.com/blog/profile-a-react-app-for-performance#build-and-measure-the-production-app
// See: https://nextjs.org/docs/api-reference/next.config.js/custom-webpack-config
const TerserPlugin = require('next/dist/compiled/terser-webpack-plugin');

module.exports = {
  webpack: (config, options) => {
    
    //
    // Use profiler-enabled React builds

chaance

import React from 'react';

export type Breakpoints = {
  [key: string]: number;
};

export type MediaQueries<BP extends Breakpoints, T> = {
  [key in keyof BP]: T;
};

chaance

// this goes in you root types directory, filename is the [name-of-your-module].d.ts
import '@emotion/react';
import { MyCustomTheme } from './theme';

declare module '@emotion/react' {
  export interface Theme extends MyCustomTheme {}
}

giuseppeg

const focusableSelectors = [
    'a[href]:not([tabindex^="-"]):not([inert])',
    'area[href]:not([tabindex^="-"]):not([inert])',
    'input:not([disabled]):not([inert])',
    'select:not([disabled]):not([inert])',
    'textarea:not([disabled]):not([inert])',
    'button:not([disabled]):not([inert])',
    'iframe:not([tabindex^="-"]):not([inert])',
    'audio:not([tabindex^="-"]):not([inert])',
    'video:not([tabindex^="-"]):not([inert])',