garmjs

export type Expect<T extends true> = T;
export type ExpectTrue<T extends true> = T;
export type ExpectFalse<T extends false> = T;
export type IsTrue<T extends true> = T;
export type IsFalse<T extends false> = T;

export type Equal<X, Y> = (<T>() => T extends X ? 1 : 2) extends <
  T,
>() => T extends Y ? 1 : 2
  ? true

garmjs

useEffect(() => {
    if (isActive) {
      document.querySelector("body").classList.add("prevent-scroll")
      // When the modal is shown, we want a fixed body
      const scrollY = document.documentElement.style.getPropertyValue(
        "--scroll-y"
      )
      const body = document.body
      body.style.position = "fixed"
      body.style.top = `-${scrollY}`

garmjs

import React from "react"

function ClientOnly({ children, ...delegated }) {
  const [hasMounted, setHasMounted] = React.useState(false)
  React.useEffect(() => {
    setHasMounted(true)
  }, [])
  if (!hasMounted) {
    return null
  }

garmjs

import React from "react"

function ClientOnly({ children, ...delegated }) {
  const [hasMounted, setHasMounted] = React.useState(false)
  React.useEffect(() => {
    setHasMounted(true)
  }, [])
  if (!hasMounted) {
    return null
  }

garmjs

const loginMachine = Machine({
  id: "loginMachine",
  initial: "idle",
  context: {
    loading: false,
    data: null
  },
  states: {
    idle: {
      on: {

garmjs

import { ApolloServer, gql } from 'apollo-server-micro';

const typeDefs = gql`
  type Query {
    sayHello: String
  }
`;

const resolvers = {
  Query: {

garmjs

1. Clone your fork:

git clone git@github.com:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream

git branch --set-upstream-to=upstream/master master

garmjs

import { useRef, useState, useEffect } from 'react'
import ResizeObserver from 'resize-observer-polyfill'

export default function useMeasure() {
  const ref = useRef()
  const [bounds, set] = useState({ left: 0, top: 0, width: 0, height: 0 })
  const [ro] = useState(() => new ResizeObserver(([entry]) => set(entry.contentRect)))
  useEffect(() => (ro.observe(ref.current), ro.disconnect), [])
  return [{ ref }, bounds]
}

garmjs

// put this on gatsby-node.js file
exports.onCreateWebpackConfig = ({
  stage,
  rules,
  loaders,
  plugins,
  actions,
}) => {
  actions.setWebpackConfig({
    resolve: {

garmjs

function sql(strings, ...others) {
  let out = [strings[0]];
  for (let i = 0; i < others.length; i++) {
    out.push(others[i], strings[i + 1]);
  }
  return out.join("");
}


// Example URL: https://marketplace.visualstudio.com/items?itemName=forbeslindesay.vscode-sql-template-literal