Derk-Jan Karrenbeld SleeplessByte

EAS Build Cheat Sheet

The most commonly used commands for building apps with the EAS CLI

New Project

eas init - create a new project on expo.dev
eas build:configure - create eas.json with default configuration

Builds

eas build --profile development - development client, JS is loaded from your local machine

Orange You Wondering About Contrast?

What is contrast anyway? In this context, we are talking about the contrast of text on a background, and more directly, how well you can read that text. While this may seem simple in concept, the reality is not only challenging but increasingly important. The internet destroyed the printing industry nearly overnight. Where there were once magaine and newsstands, there are now empty spaces. And reading in general had dropped 40% in the last two decades.

And the internet is hard to read. Too hard, and it shouldn't be. There are some old existing standards on contrast and readability, some dating back to the last century, that are part of the problem. When WCAG 2 was being worked on nearly two decades ago, computers used bulky CRT monitors, and the iPhone was still on the drawing board.

Back then, cell phones were nothing but a phone, websites were only on your desktop/laptop, and those sites invariably used the same core websafe fonts & basic HTML colors. Served over

How to fix the multiple-instances of React error when using linked NPM modules that import React as a peer dependency

Back-link your linked module's React dependency back to your application's React

In your app that you are receiving the multiple-version error:

Go to node_modules/react
Run yarn link

In your linked module that also uses React:

Run yarn link react

	"use client";

	/* eslint-disable @next/next/no-img-element */
	import Link from "next/link";
	import { useState, useEffect } from 'react';
	import {
	AppBskyFeedDefs,
	AppBskyFeedPost,
	type AppBskyFeedGetPostThread,
	} from "@atproto/api";

	import { type ComponentType, createElement, forwardRef } from 'react'
	import type { TextProps } from 'react-native'

	// uncomment for NativeWind support
	//import { cssInterop } from 'nativewind'


	const LeanText = forwardRef((props, ref) => {
	return createElement('RCTText', { ...props, ref })
	}) as ComponentType<TextProps>

	// Turn all HTML <a> elements into client side router links, no special framework-specific <Link> component necessary!
	// Example using the Next.js App Router.
	import { useRouter } from 'next/navigation';
	import { useEffect } from 'react';

	function useLinkHandler() {
	let router = useRouter();

	useEffect(() => {
	let onClick = e => {

	/**
	* General-purpose NodeJS CLI/API wrapping the Stable-Diffusion python scripts.
	*
	* Note that this uses an older fork of stable-diffusion
	* with the 'txt2img.py' script, and that script was modified to
	* support the --outfile command.
	*/

	var { spawn, exec } = require("child_process");
	var path = require("path");

	import { createHash } from "crypto";
	import fs from "fs";
	import fsp from "fs/promises";
	import path from "path";
	import https from "https";
	import { PassThrough } from "stream";
	import type { Readable } from "stream";
	import type { LoaderFunction } from "remix";
	import sharp from "sharp";
	import type { Request as NodeRequest } from "@remix-run/node";

	import type { LoaderFunction, ActionFunction } from "remix";
	import { useLoaderData, useFetcher } from "remix";
	import invariant from "tiny-invariant";
	import cuid from "cuid";
	import React from "react";
	import type { Task, User } from "@prisma/client";
	import { requireAuthSession } from "~/util/magic-auth";
	import { ensureUserAccount } from "~/util/account";
	import { placeCaretAtEnd } from "~/components/range";
	import { getBacklog } from "~/models/backlog";

	// ==UserScript==
	// @name dev.to spam filter
	// @version 1
	// @include http*
	// @match ://dev.to/
	// @grant none
	// @run-at document-end
	// ==/UserScript==

	const dev_posts = document.body;