Joseph Thomas good-idea

Congratulations! You've set up some basic scripts that allow you to deploy your website's code to the Vercel hosting platform.

Haven't installed anything yet? See the SETUP.md file here for instructions.

You should see three new .command files in your folder. You can click on these to perform actions:

preview-local.command: View your local changes in the browser. You can visit http://localhost:3000 in your browser. This command will continue to run in the terminal that opens. To exit, press Control+C, or close the Terminal pane. (You will see some warnings about a process still running - it is OK to close)

Install Verdaccio - npm install --global verdaccio | yarn global add verdaccio
Register an account and organization at npmjs.com. The org can be your github handle, or anything else you'd like. The org will be the "scope" for your package, i.e. @my-org/my-package
Install [asdf](http://asdf-vm.com/guide/getting-started.html#_3-install-asdf) then run asdf install nodejs 14.17.6

A simple hook to create a "lazy request" hook using swr.

! This isn't perfect !

The problem with the example below is that you need to know your variables when you call useLazyRequest. This might not work in all situations, for instance, if your component is getting the variables from state that might change. This could be fixed by putting the call to useLazyRequest within a child component that receives those variables as props.

See the typescript example below.

Not fully tested, I just wrote this on the fly. If you have any suggestions, please add them in a comment!

	// copied & modified from:
	// https://github.com/nhi/sanity-block-content-to-react-types

	declare module '@sanity/block-content-to-react' {
	import * as React from 'react';

	export interface Serializers {
	/**
	* Serializers for block types
	* @example

	.
	└── Evaluate expr: ([0])
	│ legacyArraySemantics: true
	└── Map expr: ({
	│ ...,
	│ \"body\": body[].<LegacyScope expr={
	│ ...,
	│ \"asset\": asset._ref.<LegacySingleKeyJoin source=___refJoin_2 keyExpr=_id>.<LegacyScope expr={
	│ \"_id\": _id,
	│ \"extension\": extension,

	// all the existing imports..
	import { useRefetch } from '../src/hooks'


	const productQuery = gql`
	...
	`

	interface Response {
	allShopifyProduct: ShopifyProduct[]

	import * as React from 'react';
	import { RatioImageFill } from './styled';

	interface RatioPaddingProps {
	ratio: number;
	canvasFill?: boolean;
	backgroundColor?: string;
	}

	export const RatioPadding = ({

	import {
	Article,
	ArticleGroup,
	Homepage,
	Topic,
	Model,
	GlossaryTerm,
	ObjectScalarProperty,
	Steps,
	Step,

	import * as React from 'react';
	import { SanityDocument } from '@sanity/client';
	import { withDocument } from 'part:@sanity/form-builder';
	import { Stack, Select, Heading, Button, Text } from '@sanity/ui';
	import { useDocumentOperation } from '@sanity/react-hooks';
	import createImageUrlBuilder from '@sanity/image-url';

	import client from '../utils/client';
	import { definitely } from '../utils/definitely';

	/**

	WARNING: THIS DELETES DATA

	Run this within your Sanity project directory with:

	yarn sanity exec --with-user-token removeSaneShopifyDocuments.js

	**/