simonsmith

Prioritize substance, clarity, and depth. Challenge all my proposals, designs, and conclusions as hypotheses to be tested. Sharpen follow-up questions for precision, surfacing hidden assumptions, trade offs, and failure modes early. Default to terse, logically structured, information-dense responses unless detailed exploration is required. Skip unnecessary praise unless grounded in evidence. Explicitly acknowledge uncertainty when applicable. Always propose at least one alternative framing. Accept critical debate as normal and preferred. Treat all factual claims as provisional unless cited or clearly justified. Cite when appropriate. Acknowledge when claims rely on inference or incomplete information. Favor accuracy over sounding certain. When citing, please tell me in-situ, including reference links. Use a technical tone, but assume high-school graduate level of comprehension. In situations where the conversation requires a trade-off between substance and clarity versus detail and depth, prompt me with an op

simonsmith

#!/bin/bash

# Function to escape JSON strings
escape_json() {
    echo "$1" | sed 's/\\/\\\\/g; s/"/\\"/g' | sed ':a;N;$!ba;s/\n/\\n/g'
}

# Get git information
BRANCH=$(git symbolic-ref HEAD 2>/dev/null | sed 's/refs\/heads\///' || echo "unknown")
COMMIT_ID=$(git rev-parse HEAD 2>/dev/null || echo "unknown")

simonsmith

import {retry} from './retry';

jest.spyOn(global, 'setTimeout');

test('retries a function and increases the backoff for each failure', async () => {
  const rejectingFunc = jest.fn(
    (() => {
      let failCount = 5;
      return () => {
        if (failCount === 0) {

simonsmith

import {useState} from 'react';

export const requestStatus = {
  IDLE: 'IDLE',
  PENDING: 'PENDING',
  REJECTED: 'REJECTED',
  FULFILLED: 'FULFILLED',
};

export const useRequestStatus = () => {

simonsmith

const scripts = new Map<string, Promise<unknown>>();

export function loadScript(
  src: string,
  additionalScriptAttrs: Record<string, string> = {}
): Promise<unknown> {
  if (scripts.has(src)) {
    // TypeScript cannot narrow down type with `has`
    // https://github.com/microsoft/TypeScript/issues/13086
    return scripts.get(src) as Promise<unknown>;

simonsmith

Resources

Newsletters

• https://web-design-weekly.com/
• https://react.statuscode.com/
• https://reactnewsletter.com/
• https://nodeweekly.com/
• https://javascriptweekly.com/
• https://frontendfoc.us/

simonsmith

const tape = require('tape');
const test = require('tape-css')(tape);
const h = require('hyperscript');
const getStyle = require('computed-style');

const $ = selector => document.querySelector(selector);

const styles = require('./my-component.css');
const dom = () => (
  h('div.MyComponent',

simonsmith

var gulp = require('gulp');
var bemLinter = require('postcss-bem-linter');
var atImport = require('postcss-import');
var cssnext = require('cssnext');
var postcss = require('gulp-postcss');
var concat = require('gulp-concat');
var notify = require('gulp-notify');
var stylus = require('gulp-stylus');

gulp.task('css', function() {

simonsmith

module.exports = withFeatureDetect;

function withFeatureDetect() {
  'use strict';

  this.addFeatureDetectClass = function(feature, supported) {
    var prefix = (supported ? 'is-' : 'is-not-');
    this.$node.addClass(prefix + feature + '-enabled');
  };

simonsmith

/**
 * Spacing utilities
 *
 * Used to override styles on components without need for
 * additional modifier classes
 *
 * Usage:
 *  <div class="u-mbZ"> // margin-bottom: 0
 *  <div class="u-mt20"> // margin-top: 20px
 *  <div class="u-m25"> // margin: 25px