chrislloyd

Deploybot
  running
    pause -> paused
    continue -> running
    stop -> stopped
    
  paused
    pause -> paused
    continue -> running
    stop -> stopped

chrislloyd

// 1. Second dynamic argument — first is "guarenteed" to not interpolate

const Button = styled.button(`
  /* Adapt the colors based on primary prop */
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`, (props) => `

chrislloyd

const Button = styled.button`
  /* Adapt the colors based on primary prop */
  background: ${props => window.innerWidth < 1000 ? 'palevioletred' : 'white'};
  color: ${props => window.innerWidth < 1000 ? 'white' : 'palevioletred'};

  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;

chrislloyd

Arithmetic {
Exp
	= ComposeExp ("," ComposeExp ) * end

ComposeExp
	= exportIdent + Source ?

Source
	= "from" url

chrislloyd

#!/bin/bash

i="0"

while [ $i -gt -1  ]
do
  i=$[$i+1]
  echo $i
  (
    node bot.js ws://localhost:5000

chrislloyd

var WebSocket = require('ws')

var ws = new WebSocket('ws://localhost:5000')

function rand(lim) {
  return Math.floor(Math.random(lim) * lim)
}

function sample(col) {
  return col[rand(col.length)]

chrislloyd

function cssmodularize(strings) {
   /* TODO: Un-stub */
  return {
    '.foo': 'Button-foo-abcd'
  }
}

class Button {
  
  static styles = cssmodularize`

chrislloyd

/*
  This file was autogenerated from Meta's CSS. I tried getting
  postcss-for working but it turns out it's a massive PITA. /shrug
  ~ @chrislloyd
*/

@media (--breakpoint-sm) {
  .sm-m0   { margin: 0 }
  .sm-mt0  { margin-top: 0 }
  .sm-mr0  { margin-right: 0 }

chrislloyd

# ruby whitespace.rb | pbcopy

%w(sm md lg).each do |breakpoint|
  puts "@media (--breakpoint-#{breakpoint}) {"

  {
    0 => ['0', '0'],
    1 => ['var(--space-1)', 'calc(0 - var(--space-1))'],
    2 => ['var(--space-2)', 'calc(0 - var(--space-2))'],
    3 => ['var(--space-3)', 'calc(0 - var(--space-3))'],

chrislloyd

// in this version, the user clicks the button, the request is sent to the server and the number of upvotes
// is only updated when the response comes back

  handleClick: function(e) {
    e.preventDefault();
    this.upvote();
  },
  
  upvote: function() {
    // Not sure what the state name is here, just need this to toggle the button immediately