Skip to content

Instantly share code, notes, and snippets.

Avatar
💘
urql

Phil Pluckthun kitten

💘
urql
View GitHub Profile
@kitten
kitten / README.md
Last active Oct 28, 2020
How we generated a Tailwind language transformer!
View README.md

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 Mar 31, 2020
Arch Files
View ac.target
# /etc/systemd/system/ac.target
[Unit]
Description=On AC power
DefaultDependencies=no
StopWhenUnneeded=yes
@kitten
kitten / urql-exchange-graphcache.md
Last active Sep 5, 2019
A short explainer on how Graphcache does what it does
View urql-exchange-graphcache.md

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 Apr 13, 2019
Add systemd targets and services to set SB2 perf_mode
View setup-surfacebook-powertarget.sh
#!/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
hyper-nightowl colours/theme
View hyper.js
module.exports = {
config: {
/* ... */
// font family with optional fallbacks
fontFamily: '"Dank Mono", "Fira Code", monospace',
fontWeight: 'normal',
fontWeightBold: 'normal',
fontSize: 14,
View gist:9668f0b5df29cf045a5fe844498fa81b
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 May 19, 2020
ReactiveConf 2017 Lightning Talk CFP: With styled-components into the future
View reactiveconf-sc-cfp.md

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 Apr 10, 2017
Spiking Static CSS Extraction for Styled Components (The Babel Plugin)
View before.js
const Nested = styled.div`
width: 100%;
&:hover {
color: papayawhip;
background: ${p => p.bg};
}
transform: rotate(180deg);
`;
@kitten
kitten / result.js
Created Mar 15, 2017
babel-plugin-styled-components test with styled-components.github.io's App.js
View result.js
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
View keybase.md

Keybase proof

I hereby claim:

  • I am kitten on github.
  • I am philpl (https://keybase.io/philpl) on keybase.
  • I have a public key whose fingerprint is F846 DACD 264C 2FC5 6588 813B B8BE F6B3 7786 2FDE

To claim this, I am signing this object:

You can’t perform that action at this time.