trevorblades

import {GraphQLClient, gql} from 'graphql-request';

const client = new GraphQLClient('https://api.shopify.com/graphql', {
  headers: {
    authorization: 'Bearer MY_TOKEN' // environment variables here
  }
});

const GET_PRODUCTS = gql`
  query GetProducts($query: String!) {

trevorblades

import axios from 'axios';
import bcrypt from 'bcryptjs';
import {
  AuthenticationError,
  ForbiddenError,
  UserInputError,
  gql
} from 'apollo-server-express';
import {Op} from 'sequelize';
import {User} from '../db';

trevorblades

import React from 'react';
import theme from './src/gatsby-plugin-chakra-ui/theme';
import {getColor} from '@chakra-ui/theme-tools';

// a helper function to create color variables given a variable name and theme keys
function createVar(name, light, dark) {
  return `
    root.style.setProperty(
      '${name}',
      mql.matches

trevorblades

import PackGrid, {CardSkeleton, PacksLoading} from '../PackGrid';
import PackLoader from './PackLoader';
import PropTypes from 'prop-types';
import React, {useEffect, useState} from 'react';
import {NetworkStatus, gql, useQuery} from '@apollo/client';
import {PACK_LISTING_FRAGMENT} from '../../utils';
import {Text} from '@chakra-ui/core';

const LIST_PACKS = gql`
  query ListPacks(

trevorblades

import PageLayout from './PageLayout';
import PropTypes from 'prop-types';
import React from 'react';
import getShareImage from '@jlengstorf/get-share-image';
import {Helmet} from 'react-helmet';

export default function PostLayout({children, pageContext}) {
  const {title, description, tags} = pageContext.frontmatter;
  const shareImage = getShareImage({
    title,

trevorblades

update packs set old_id = id;
create extension "uuid-ossp";
alter table packs alter column id set data type uuid using (uuid_generate_v4());
update "packWords" P set "packId2" = (select id from packs where old_id = P."packId");
update "games" P set "packId2" = (select id from packs where old_id = P."packId");
drop sequence packs_id_seq;

trevorblades

import PropTypes from 'prop-types';
import React, {useState} from 'react';
import {BLOCK_FRAGMENT, CREATE_SIGNED_URL, uploadFile} from '../utils';
import {Box, Button, Flex, Input, Stack, Text, Textarea} from '@chakra-ui/core';
import {gql, useMutation} from '@apollo/client';

const CREATE_BLOCK = gql`
  mutation CreateBlock($input: CreateBlockInput!) {
    createBlock(input: $input) {
      ...BlockFragment

trevorblades

test

const foo = 123;

trevorblades

async function uploadFile(file, url, handleProgress) {
  return new Promise((resolve, reject) => {
    const req = new XMLHttpRequest();
    req.upload.addEventListener('progress', handleProgress);
    req.addEventListener('load', () => resolve(true));
    req.addEventListener('error', () => {
      const error = new Error('Upload failed');
      reject(error);
    });

trevorblades

import {Trick} from '../db';
import {gql} from 'apollo-server';

export const typeDef = gql`
  type Attempt {
    id: ID
    successful: Boolean
    offense: Boolean
    redos: Int
    skaterId: String