Skip to content

Instantly share code, notes, and snippets.

View KyleAMathews's full-sized avatar

Kyle Mathews KyleAMathews

3.7k followers · 114 following
View GitHub Profile
@KyleAMathews
KyleAMathews / ACTUAL_CODE_EXCERPTS.md
Created November 6, 2025 18:03
Electric E2E Test Infrastructure Documentation - Complete Reference for TanStack DB Implementation

Actual Code Excerpts from Electric TypeScript Client Tests

All examples are taken directly from: ~/programs/electric/packages/typescript-client/test

1. Vitest Configuration (vitest.config.ts)

import { defineConfig } from 'vitest/config'

export default defineConfig({
@KyleAMathews
KyleAMathews / install-turso.sh
Created September 26, 2023 23:54
#!/bin/sh
# This script is for installing the latest version of Turso CLI on your machine.
set -e
# Terminal ANSI escape codes.
reset="\033[0m"
bright_blue="${reset}\033[34;1m"
@KyleAMathews
KyleAMathews / init.vim
Created June 14, 2021 19:56
let mapleader = ','
if empty(glob('~/.vim/autoload/plug.vim'))
silent !curl -fLo ~/.vim/autoload/plug.vim --create-dirs
\ https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
autocmd VimEnter * PlugInstall --sync | source $MYVIMRC
endif
call plug#begin('~/.config/nvim/plugged')
@KyleAMathews
KyleAMathews / machine.js
Created April 12, 2021 21:33
Generated by XState Viz: https://xstate.js.org/viz
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@KyleAMathews
KyleAMathews / gist:0f1eb3d683ffe28743bb1f9748a2cdd5
Created June 20, 2020 17:31
diff --git a/packages/gatsby-recipes/src/gui.js b/packages/gatsby-recipes/src/gui.js
index a7baf92b1..378477678 100644
--- a/packages/gatsby-recipes/src/gui.js
+++ b/packages/gatsby-recipes/src/gui.js
@@ -26,6 +26,7 @@ const {
defaultExchanges,
subscriptionExchange,
} = require(`urql`)
+const UrqlProvider = Provider
const { SubscriptionClient } = require(`subscriptions-transport-ws`)
@KyleAMathews
KyleAMathews / error
Created May 30, 2020 23:45
mdx-js/mdx failing
/Users/kylemathews/programs/recipes-test/node_modules/trough/wrap.js:33
throw error
^
SyntaxError: unknown: Unexpected token (31:2)
29 | />
30 | export const FileTest = () => {
> 31 | const data = useInputByUuid("blog-title")
| ^
@KyleAMathews
KyleAMathews / test-page.mdx
Created April 24, 2020 23:55

Hi from MDX-landia

Click the diagram to regenerate the colors.

export const RandomColors = ({ count = 1000 }) => { const [els, setEls] = React.useState([]) const randomHexColor = () => { return '#' + ('000000' + Math.floor(Math.random()*16777215).toString(16)).slice(-6) }

@KyleAMathews
KyleAMathews / index.js
Created April 21, 2020 20:20
ThemeUI index.js for recipe
// See other presets to try at https://theme-ui.com/packages/presets
import { funk } from '@theme-ui/presets'
export default {
...funk,
styles: {
...funk.styles,
},
}
@KyleAMathews
KyleAMathews / .estlintrc.js
Created April 15, 2020 04:30
module.exports = {
globals: {
__PATH_PREFIX__: true,
},
extends: `react-app`,
}
@KyleAMathews
KyleAMathews / home-page-home-page.js
Created April 14, 2020 22:30
describe('My home page', () => {
beforeEach(() => {
cy.visit('/')
})
/*
* TODO: make this test work
*/
it('contains the text hello gatsby', () => {
expect(cy.getByText('sup')).should('eq', 'Hello Gatsby')