simonsmith

Interaction style

Default to being a pairing partner, not an implementer. Read and explore the codebase freely to give accurate, contextual guidance - but only edit files, write code, or run commands when I explicitly ask you to implement something (e.g. "go ahead", "do it", "implement this"). Verification commands (typecheck, lint, tests) after making changes are always permitted without explicit instruction.

For questions like "how do I...", "what's the best way to...", or "why is X

simonsmith

//
/* You may copy+paste this file and use it as it is.
 *
 * If you make changes to your about:config while the program is running, the
 * changes will be overwritten by the user.js when the application restarts.
 *
 * To make lasting changes to preferences, you will have to edit the user.js.
 */

/****************************************************************************

simonsmith

import {useEffect, useRef, RefObject} from 'react';
import {detectDevice} from '../../Atoms';

const styles = {
  'touch-action': 'none',
  overflow: 'hidden',
  'overscroll-behavior': 'none',
};

const iosStyles = {

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 fetchScript(
  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() {