Alex Rattray rattrayalex

## README.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                rattrayalex
                / README.md
            
            
              Last active
              July 6, 2021 18:18
            
              
                Using Fastify with TypeScript and OpenAPI for typed requests and responses on the server and client
              
          
    Now at https://github.com/rattrayalex/fastify-openapi-typescript-demo

  
## .circleci slash config.yml
version: 2.1

setup: true

orbs:
  continuation: circleci/continuation@0.1.2

jobs:
  determine-workflow:
    machine: true

## b2-archive-files.bash
# usage:
#
#   export BUCKET='my-bucket-name'
#   b2-archive-files myfile mydirectory myotherfile
#
# You can find large files in a directory with "du -ahx . | sort -h".

archive() (
  set -eo pipefail

## jsx-ternary-why-jsxexpressioncontainer.jsx
const WhyShouldTheseBeDifferent = () => {
  return (
    <div>
      If you start with this code:

      {showTheThing || pleaseShowTheThing ? (
        <Foo attribute="such and such stuff here" />
      ) : showTheOtherThing ? (
        <Bar />
      ) : null}

## webhook.js
// For posterity, I'm saving/sharing some code I wrote for a shopify app I ran
// in which I had two physical warehouses: one in Maryland, and one in California.
// Each of these was its own "Location" in Shopify, and I wanted every order
// to be automatically assigned to one or the other based on the shipping address.
// I ran this webhook on Autocode: https://autocode.com/
// which makes it really easy to stand up a webhook without futzing with servers.

const Shopify = require('shopify-api-node');

const shopify = new Shopify({

## query.gql
query MyQuery {
  films(
    filter: {and: [
      {title: {startsWith: "A"}},
      {releaseYear: {equalTo: 2006}}
    ]},
    first: 3
  ) {
    nodes {
      title

## query.gql
query MyQuery {
  actor(actorId: 10) {
    firstName
    lastName
    filmActors {
      nodes {
        film {
          title
          description
        }

## ideas.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                rattrayalex
                / ideas.md
            
            
              Last active
              April 14, 2021 14:19
            
              
                PostGraphile Framework Sketches
              
          
    I want something that I can share with a development team that's just focused on features
and doesn't want to think about the tools at hand very much (but can deeply fine-tune where needed).
Postgraphile seems like an amazing place to start for this.
Here's what I might want to build on top of it (though ideally it'd be baked-in):
Each "table" (think pg_class) should have a single file where ~all logic
around that table is contained in as declarative a format as possible.

  
## play-html5-video-on-scroll-into-view-or-click.js
function debounce(callback) {
  let timeout = null;
  return function() {
    const next = () => callback.apply(this, arguments);
    cancelAnimationFrame(timeout);
    timeout = requestAnimationFrame(next);
  }
}

const observerOptions = {

## index.html
<html>
  <body>
    <div class="has-emoji">Hello world! I'm a unicorn: 🦄</div>

    <script>
      // Stolen from Modernizr: https://github.com/Modernizr/Modernizr/blob/v3.5.0/feature-detects/emoji.js
      const hasEmojiSupport = () => {
        var pixelRatio = window.devicePixelRatio || 1;
        var offset = 12 * pixelRatio;
        var node = document.createElement('canvas');
	version: 2.1

	setup: true

	orbs:
	continuation: circleci/continuation@0.1.2

	jobs:
	determine-workflow:
	machine: true
	# usage:
	#
	# export BUCKET='my-bucket-name'
	# b2-archive-files myfile mydirectory myotherfile
	#
	# You can find large files in a directory with "du -ahx . \| sort -h".

	archive() (
	set -eo pipefail
	const WhyShouldTheseBeDifferent = () => {
	return (
	<div>
	If you start with this code:

	{showTheThing \|\| pleaseShowTheThing ? (
	<Foo attribute="such and such stuff here" />
	) : showTheOtherThing ? (
	<Bar />
	) : null}
	// For posterity, I'm saving/sharing some code I wrote for a shopify app I ran
	// in which I had two physical warehouses: one in Maryland, and one in California.
	// Each of these was its own "Location" in Shopify, and I wanted every order
	// to be automatically assigned to one or the other based on the shipping address.
	// I ran this webhook on Autocode: https://autocode.com/
	// which makes it really easy to stand up a webhook without futzing with servers.

	const Shopify = require('shopify-api-node');

	const shopify = new Shopify({
	query MyQuery {
	films(
	filter: {and: [
	{title: {startsWith: "A"}},
	{releaseYear: {equalTo: 2006}}
	]},
	first: 3
	) {
	nodes {
	title
	query MyQuery {
	actor(actorId: 10) {
	firstName
	lastName
	filmActors {
	nodes {
	film {
	title
	description
	}
	function debounce(callback) {
	let timeout = null;
	return function() {
	const next = () => callback.apply(this, arguments);
	cancelAnimationFrame(timeout);
	timeout = requestAnimationFrame(next);
	}
	}

	const observerOptions = {
	<html>
	<body>
	<div class="has-emoji">Hello world! I'm a unicorn: 🦄</div>

	<script>
	// Stolen from Modernizr: https://github.com/Modernizr/Modernizr/blob/v3.5.0/feature-detects/emoji.js
	const hasEmojiSupport = () => {
	var pixelRatio = window.devicePixelRatio \|\| 1;
	var offset = 12 * pixelRatio;
	var node = document.createElement('canvas');