to es and beyond

Author: pieh

packages/gatsby-recipes/src/__tests__/find-dependency-match.js

@@ -1,4 +1,4 @@
-const findDependencyMatch = require(`../find-dependency-match`)
+import findDependencyMatch from "../find-dependency-match"
 
 describe(`findDependencyMatch`, () => {
   test(`basic matching`, () => {

packages/gatsby-recipes/src/apply-plan.js

@@ -1,4 +1,5 @@
-const render = require(`./renderer`)
+import render from "./renderer"
 
-module.exports = (context, cb) =>
-  render(context.recipe, cb, context, true, true, true)
+export default function ApplyPlan(context, cb) {
+  return render(context.recipe, cb, context, true, true, true)
+}

packages/gatsby-recipes/src/cli/index.js

@@ -1,32 +1,31 @@
-const React = require(`react`)
-const { useState, useEffect } = require(`react`)
+import React, { useState, useEffect } from "react"
 import SelectInput from "ink-select-input"
 import { render, Box, Text, useInput, useApp, Transform } from "ink"
 import Spinner from "ink-spinner"
 import StepRenderer from "../components/step-renderer"
-const hicat = require(`hicat`)
-const { trackCli } = require(`gatsby-telemetry`)
+import hicat from "hicat"
+import { trackCli } from "gatsby-telemetry"
 import {
   useResource,
   useResourceByUUID,
   ResourceProvider,
 } from "../renderer/resource-provider"
 import terminalLink from "terminal-link"
 import PropTypes from "prop-types"
-const {
+import {
   createClient,
   useMutation,
   useSubscription,
   Provider,
   defaultExchanges,
   subscriptionExchange,
-} = require(`urql`)
-const { SubscriptionClient } = require(`subscriptions-transport-ws`)
-const fetch = require(`node-fetch`)
-const ws = require(`ws`)
-const semver = require(`semver`)
-const remove = require(`unist-util-remove`)
-const recipesList = require(`./recipes-list`).default
+} from "urql"
+import { SubscriptionClient } from "subscriptions-transport-ws"
+import fetch from "node-fetch"
+import ws from "ws"
+import semver from "semver"
+import remove from "unist-util-remove"
+import recipesList from "../recipes-list"
 
 const removeJsx = () => tree => {
   remove(tree, `export`, () => true)

packages/gatsby-recipes/src/components.js

@@ -0,0 +1,9 @@
+/**
+ * This is entry point for `gatsby-recipes/components`
+ */
+
+import StepRenderer from "./components/step-renderer"
+
+console.log(StepRenderer)
+
+export { StepRenderer }

packages/gatsby-recipes/src/create-plan.js

@@ -1,6 +1,6 @@
-const render = require(`./renderer`)
+import render from "./renderer"
 
-module.exports = async (context, cb) => {
+export default async function createPlan(context, cb) {
   try {
     const result = await render(context.recipe, cb, context)
     return result

packages/gatsby-recipes/src/create-types.js

@@ -1,10 +1,10 @@
-const Joi2GQL = require(`./joi-to-graphql`)
-const Joi = require(`@hapi/joi`)
-const { GraphQLString, GraphQLObjectType, GraphQLList } = require(`graphql`)
-const _ = require(`lodash`)
-const { ObjectTypeComposer, schemaComposer } = require(`graphql-compose`)
+import * as Joi2GQL from "./joi-to-graphql"
+import * as Joi from "@hapi/joi"
+import { GraphQLString, GraphQLObjectType, GraphQLList } from "graphql"
+import _ from "lodash"
+import { ObjectTypeComposer, schemaComposer } from "graphql-compose"
 
-const resources = require(`./resources`)
+import resources from "./resources"
 
 const typeNameToHumanName = name => {
   if (name.endsWith(`Connection`)) {
@@ -14,7 +14,7 @@ const typeNameToHumanName = name => {
   }
 }
 
-module.exports = () => {
+export default function createTypes() {
   const resourceTypes = Object.entries(resources).map(
     ([resourceName, resource]) => {
       if (!resource.schema) {

packages/gatsby-recipes/src/create-types.test.js

@@ -1,4 +1,4 @@
-const createTypes = require(`./create-types`)
+import createTypes from "./create-types"
 
 test(`create-types`, () => {
   const result = createTypes()

packages/gatsby-recipes/src/find-dependency-match.js

@@ -1,6 +1,9 @@
 // Match a resource's defined dependencies against all resources
 // defined in the recipe.
-module.exports = (resources, resourceWithDependencies) => {
+export default function findDependencyMatch(
+  resources,
+  resourceWithDependencies
+) {
   // Resource doesn't have a dependsOn key so we return
   if (!resourceWithDependencies.dependsOn) {
     return []

packages/gatsby-recipes/src/graphql-server/index.js

@@ -1,13 +1,13 @@
-const execa = require(`execa`)
-const path = require(`path`)
-const fs = require(`fs`)
-const detectPort = require(`detect-port`)
-const { getService, createServiceLock } = require(`gatsby-core-utils`)
+import execa from "execa"
+import path from "path"
+import fs from "fs"
+import detectPort from "detect-port"
+import { getService, createServiceLock } from "gatsby-core-utils"
 
 // NOTE(@mxstbr): The forceStart boolean enforces us to start the recipes graphql server
 // even if another instance might already be running. This is necessary to ensure the gatsby
 // develop command does not _not_ run the server if the user is running gatsby recipes at the same time.
-export default async (programPath, forceStart) => {
+export default async function startGraphQLServer(programPath, forceStart) {
   // If this env variable is set, we're in dev mode & assume the recipes API was already started
   // manually.
   if (process.env.RECIPES_DEV_MODE) {

packages/gatsby-recipes/src/graphql-server/server.js

@@ -1,32 +1,34 @@
-require(`dotenv`).config()
+import dotenv from "dotenv"
 
-const express = require(`express`)
-const chokidar = require(`chokidar`)
-const graphqlHTTP = require(`express-graphql`)
-const { v4: uuidv4 } = require(`uuid`)
-const {
+import express from "express"
+import chokidar from "chokidar"
+import graphqlHTTP from "express-graphql"
+
+import { v4 as uuidv4 } from "uuid"
+import {
   GraphQLSchema,
   GraphQLObjectType,
   GraphQLString,
   GraphQLBoolean,
   execute,
   subscribe,
-} = require(`graphql`)
-const { PubSub } = require(`graphql-subscriptions`)
-const { SubscriptionServer } = require(`subscriptions-transport-ws`)
-const { createServer } = require(`http`)
-const { interpret } = require(`xstate`)
-const pkgDir = require(`pkg-dir`)
-const cors = require(`cors`)
-const lodash = require(`lodash`)
-
+} from "graphql"
+import { PubSub } from "graphql-subscriptions"
+import { SubscriptionServer } from "subscriptions-transport-ws"
+import { createServer } from "http"
+import { interpret } from "xstate"
+import pkgDir from "pkg-dir"
+import cors from "cors"
+import lodash from "lodash"
+
+import recipeMachine from "../recipe-machine"
+import createTypes from "../create-types"
+
+dotenv.config()
 // Create a session id — mostly useful to tell the client when the server
 // has restarted
 const sessionId = uuidv4()
 
-const recipeMachine = require(`../recipe-machine`)
-const createTypes = require(`../create-types`)
-
 const SITE_ROOT = pkgDir.sync(process.cwd())
 
 const pubsub = new PubSub()