zaydek

Details

Something small enough to escape casual notice.

zaydek

const defaultTheme = require("tailwindcss/defaultTheme")

function trimWhitespace(str) {
	return str.split(/\s+/).join(" ").trim()
}

module.exports = {
	purge: [
		"./public/**/*.html",
		"./src/**/*.js",

zaydek

import React from "react"
import uuid from "uuid/v4"
import { useImmerReducer } from "use-immer"

// Asserts on undefined, false, -1, null.
function assert(value) {
  if (value !== undefined && value !== false && value !== -1 && value !== null) {
    return
  }
  throw new Error(`assert: value assertion; value=${value}`)

zaydek

**Test** -> <strong>test</strong>

zaydek

yarn tailwind build -c tailwind.test.config.js -o test.output

zaydek

const switchMachine = Machine({
  id: 'switch',
  initial: 'disabled',
  states: {
    disabled: {
      on: {
        TOGGLE: "enabled",
      },
    },
    enabled: {

zaydek

const delayedSwitch = Machine({
	id: "delayedSwitch",
	initial: "disabled",
	states: {
		switchToDisabled: {
			after: {
				1e3: "disabled",
			},
		},
		disabled: {

zaydek

const userMachine = Machine({
	id: "user",
	initial: "loading",
	states: {
		loading: {
			invoke: {
				id: "loadingHandler",
				src: (ctx, _) => (callback, _) => {
					setTimeout(() => {
						callback("success")

zaydek

const fetchMachine = Machine({
	id: "fetch",
	initial: "fetching",
	states: {
		// idle: {
		// 	on: {
		// 		FETCH: "fetching",
		// 	},
		// },
		fetching: {

zaydek

const naiveRefetchForeverMachine = Machine({
	id: "naiveRefetchForever",
	initial: "fetching",
	states: {
		fetching: {
			invoke: {
				id: "fetchHandler",
				src: (ctx, e) => new Promise((resolve, reject) => {
					setTimeout(() => {
						// if (Math.random() < 0.5) {