Skip to content

Instantly share code, notes, and snippets.

View kitten's full-sized avatar

Phil Pluckthun kitten

View GitHub Profile
{
hex = {
# for sidebars / sidenavs / passive UI elements
gutter = "161622";
# for selection / cursors
cursor = "242738";
# for overlays / large popups / hint / codelens UIs
element = "0F0E17";
# for borders and thin lines, e.g. to separate panes
split = "2A2D46";
@kitten
kitten / README.md
Last active February 10, 2021 18:07
urql update: February 2021

urql update: February 2021

Note: This announcement is related to today's batch of released urql packages. You can see the release process and the changelogs here: urql-graphql/urql#1340

We have an entirely new release batch that we've just worked on. This batch includes some breaking changes and major releases, so we'd like to take a moment to talk about what has changed. It will luckily be surprisingly unsurprising and builds on the work that's already been ongoing for a while. Lastly we'll include a note on our upcoming roadmap, which we'll be kicking off soon.

@kitten
kitten / README.md
Last active December 10, 2020 17:06
How we generated a Tailwind language transformer!

Oceanwind

Tailwind, the switch statement

Check out Luke Jackson's full tweet & blog post to see what this is about: https://twitter.com/lukejacksonn/status/1303008696004468737?s=20

Recently, in Luke's blog post he wrote about how Tailwind styling can be generated from scratch and dynamically, by parsing "Tailwind class expressions" and transforming them into whole style objects.

This is possible because Tailwind is a sparse but expressive language essentially.

@kitten
kitten / ac.target
Last active October 6, 2022 01:54
Arch Files
# /etc/systemd/system/ac.target
[Unit]
Description=On AC power
DefaultDependencies=no
StopWhenUnneeded=yes
@kitten
kitten / urql-exchange-graphcache.md
Last active March 23, 2021 11:02
A short explainer on how Graphcache does what it does

How does it do the thing?!

There's two main caching modes that Graphcache does as part of the app's lifecycle:

  1. Querying results from the cache
  2. Writing results to the cache

We attempt query to query any query definition from the cache by default, unless it's been marked as network-only. In urql query operations are already marked as such and come from useQuery / client.executeQuery.

@kitten
kitten / setup-surfacebook-powertarget.sh
Last active June 30, 2022 01:42
Add systemd targets and services to set SB2 perf_mode
#!/bin/sh
echo "Creating systemd ac.target."
cat > /etc/systemd/system/ac.target << 'EOF'
[Unit]
Description=On AC power
DefaultDependencies=no
StopWhenUnneeded=yes
EOF
@kitten
kitten / hyper.js
Last active May 30, 2018 21:15
hyper-nightowl colours/theme
module.exports = {
config: {
/* ... */
// font family with optional fallbacks
fontFamily: '"Dank Mono", "Fira Code", monospace',
fontWeight: 'normal',
fontWeightBold: 'normal',
fontSize: 14,
const Header = styled.h1.attrs({
className: '...'
})`
box-shadow: ${p => p.shadow ? '0 2px 2px 0 #aaa' : 'none'};
`
@kitten
kitten / reactiveconf-sc-cfp.md
Last active November 17, 2020 15:06
ReactiveConf 2017 Lightning Talk CFP: With styled-components into the future

styled-components Logo

With styled-components into the future

Preprocessing is dead, long live preprocessing!


This is a CFP for ReactiveConf 2017's open call for Lightning talks. If you'd like to see this talk become a reality, please ⭐ star this gist. #ReactiveConf

@kitten
kitten / before.js
Last active April 10, 2017 19:57
Spiking Static CSS Extraction for Styled Components (The Babel Plugin)
const Nested = styled.div`
width: 100%;
&:hover {
color: papayawhip;
background: ${p => p.bg};
}
transform: rotate(180deg);
`;