Prettier fixes (#1967)

A while back we adjustted our prettier config, but forgot to run it over
non-js/ts files

Author: BPScott

.github/ISSUE_TEMPLATE/BUG_REPORT.md

@@ -1,7 +1,7 @@
 ---
 name: '🐛 Bug Report'
 about: Something isn't working
-labels: "Type: Bug 🐛"
+labels: 'Type: Bug 🐛'
 ---
 
 ## Overview

.github/ISSUE_TEMPLATE/ENHANCEMENT.md

@@ -1,7 +1,7 @@
 ---
 name: '📈 Enhancement'
 about: Enhancement to our codebase that isn't a adding or changing a feature
-labels: "Type: Enhancement 📈" 
+labels: 'Type: Enhancement 📈'
 ---
 
 ## Overview

.github/ISSUE_TEMPLATE/FEATURE_REQUEST.md

@@ -1,7 +1,7 @@
 ---
 name: '🙌 Feature Request'
 about: Suggest a new feature, or changes to an existing one
-labels: "Type: Feature Request :raised_hands:" 
+labels: 'Type: Feature Request :raised_hands:'
 ---
 
 ## Overview

gems/quilt_rails/test/dummy/config/storage.yml

@@ -5,7 +5,6 @@ test:
 local:
   service: Disk
   root: <%= Rails.root.join("storage") %>
-
 # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
 # amazon:
 #   service: S3

packages/graphql-fixtures/migration-guide.md

@@ -9,7 +9,7 @@ However, if you were using `fillGraphQL` and expected to receive the data, this
 ```ts
 const fillGraphQL = createFiller(/* options */);
 const data = fillGraphQL(myQuery);
-const graphQL = createGraphQL({ MyQuery: data });
+const graphQL = createGraphQL({MyQuery: data});
 
 /* ... */
 
@@ -22,9 +22,9 @@ You have two options to update code like what is shown above:
 
 ```ts
 const fillGraphQL = createFiller(/* options */);
-const someDataOnTheQuery = "foo";
-const fillMyQuery = fillGraphQL(myQuery, { someDataOnTheQuery });
-const graphQL = createGraphQL({ MyQuery: fillMyQuery });
+const someDataOnTheQuery = 'foo';
+const fillMyQuery = fillGraphQL(myQuery, {someDataOnTheQuery});
+const graphQL = createGraphQL({MyQuery: fillMyQuery});
 
 /* ... */
 
@@ -36,8 +36,8 @@ expect(something).toBe(someDataOnTheQuery);
 ```ts
 const fillGraphQL = createFiller(/* options */);
 const fillMyQuery = fillGraphQL(myQuery);
-const data = fillMyQuery({ query: myQuery });
-const graphQL = createGraphQL({ MyQuery: data });
+const data = fillMyQuery({query: myQuery});
+const graphQL = createGraphQL({MyQuery: data});
 
 /* ... */
 

packages/graphql-testing/README.md

@@ -64,7 +64,7 @@ The `wrap()` method allows you to wrap all GraphQL resolutions in a function cal
 const myComponent = mount(<MyComponent />);
 const graphQL = createGraphQL(mocks);
 
-graphQL.wrap(resolve => myComponent.act(resolve));
+graphQL.wrap((resolve) => myComponent.act(resolve));
 
 // Before, calling this could cause warnings about state updates happening outside
 // of act(). Now, all GraphQL resolutions are safely wrapped in myComponent.act().
@@ -87,7 +87,7 @@ const graphQL = createGraphQL({
   },
 });
 
-graphQL.wrap(resolve => myComponent.act(resolve));
+graphQL.wrap((resolve) => myComponent.act(resolve));
 await graphQL.resolveAll();
 
 graphQL.update({

packages/graphql-typescript-definitions/README.md

@@ -266,12 +266,12 @@ const builder = new Builder({
   schemaTypesPath: 'app/graphql/types',
 });
 
-builder.on('build', build => {
+builder.on('build', (build) => {
   // See the source file for details on the shape of the object returned here
   console.log(build);
 });
 
-builder.on('error', error => {
+builder.on('error', (error) => {
   console.error(error);
 });
 

packages/graphql-validate-fixtures/README.md

@@ -49,9 +49,9 @@ yarn run graphql-validate-fixtures 'src/**/fixtures/**/*.graphql.json'
 const {evaluateFixtures} = require('graphql-validate-fixtures');
 evaluateFixtures({
   fixturePaths: ['test/fixtures/one.json', 'test/fixtures/two.json'],
-}).then(results => {
+}).then((results) => {
   // See the TypeScript definition file for more details on the
   // structure of the `results`
-  results.forEach(result => console.log(result));
+  results.forEach((result) => console.log(result));
 });
 ```

packages/koa-shopify-webhooks/README.md

@@ -78,7 +78,7 @@ app.use(
         topic: 'PRODUCTS_CREATE',
         accessToken,
         shop,
-        apiVersion: ApiVersion.Unstable
+        apiVersion: ApiVersion.Unstable,
       });
 
       if (registration.success) {
@@ -106,7 +106,7 @@ app.use(
 
 app.use(verifyRequest());
 
-app.use(ctx => {
+app.use((ctx) => {
   /* app code */
 });
 ```
@@ -144,15 +144,15 @@ app.use(
         topic: 'PRODUCTS_CREATE',
         accessToken,
         shop,
-        apiVersion: ApiVersion.Unstable
+        apiVersion: ApiVersion.Unstable,
       });
 
       await registerWebhook({
         address: 'www.mycool-app.com/webhooks/orders/create',
         topic: 'ORDERS_CREATE',
         accessToken,
         shop,
-        apiVersion: ApiVersion.Unstable
+        apiVersion: ApiVersion.Unstable,
       });
 
       ctx.redirect('/');

packages/performance/README.md

@@ -31,7 +31,7 @@ If you want to listen for events, you can use the `on` method. There are three e
 ```ts
 // Listen for completed navigations. If you call this after the initial load
 // "navigation", your handler will immediately be invoked with that object.
-performance.on('navigation', navigation => {});
+performance.on('navigation', (navigation) => {});
 
 // Listen for the start of new navigations.
 performance.on('inflightNavigation', () => {});
@@ -42,15 +42,15 @@ performance.on('inflightNavigation', () => {});
 // the full set of possible events. If you add your listener after some of these
 // events have been triggered, it will immediately be invoked once for each
 // previously-triggered event.
-performance.on('lifecycleEvent', event => {});
+performance.on('lifecycleEvent', (event) => {});
 ```
 
 The `on` method returns a clean-up function that you can invoke when you're done listening on the event:
 
 ```ts
 const cleanupNavigationListener = performance.on(
   'navigation',
-  navigation => {},
+  (navigation) => {},
 );
 
 cleanupNavigationListener();

packages/react-async/README.md

@@ -305,7 +305,7 @@ This component might be rendered when the URL matches `/products/:id`. If we wan
 ```tsx
 <PrefetchRoute
   path={/^\/products\/(\d+)$/}
-  render={url => {
+  render={(url) => {
     const id = url.pathname.split('/').pop();
     return <ProductDetails.Prefetch id={id} />;
   }}
@@ -379,7 +379,7 @@ const ExpensiveFileContext = createAsyncContext({
 // and use the consumer to access the value:
 
 <ExpensiveFileContext.Consumer>
-  {file => (file ? <CsvViewer file={file} /> : null)}
+  {(file) => (file ? <CsvViewer file={file} /> : null)}
 </ExpensiveFileContext.Consumer>;
 ```
 

packages/react-cookie/README.md

@@ -42,7 +42,7 @@ export default function renderApp(ctx: Context) {
   const app = <App />;
 
   await extract(app, {
-    decorate: element => (
+    decorate: (element) => (
       <NetworkContext.Provider value={networkManager}>
         {element}
       </NetworkContext.Provider>
@@ -95,7 +95,7 @@ import {useCookie} from '@shopify/react-cookie';
 
 function SomeComponent() {
   const [cookie, setCookie] = useCookie('fooCookie');
-  const handleChange = event => setCookie(event.target.value);
+  const handleChange = (event) => setCookie(event.target.value);
   const removeCookie = () => setCookie();
 
   return (

packages/react-effect/README.md

@@ -120,7 +120,7 @@ export default function App() {
   return (
     <Provider value={new StatefulManager()}>
       <Consumer>
-        {manager => <Effect perform={() => (manager.value = true)} />}
+        {(manager) => <Effect perform={() => (manager.value = true)} />}
       </Consumer>
     </Provider>
   );
@@ -137,7 +137,7 @@ export default function App({manager}) {
   return (
     <Provider value={manager}>
       <Consumer>
-        {manager => <Effect perform={() => (manager.value = true)} />}
+        {(manager) => <Effect perform={() => (manager.value = true)} />}
       </Consumer>
     </Provider>
   );

packages/react-effect/documentation/migrating-version-1-to-2.md

@@ -31,7 +31,7 @@ class Manager {
 
 <Context.Provider value={new Manager()}>
   <Context.Consumer>
-    {manager => (
+    {(manager) => (
       <Effect kind={manager.effect} perform={doSomethingWithManager(manager)} />
     )}
   </Context.Consumer>

packages/react-form-state/docs/building-forms.md

@@ -42,7 +42,7 @@ function MyComponent() {
         description: 'Cool product',
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {fields} = formDetails;
         const {title, description} = fields;
 
@@ -92,7 +92,7 @@ function MyComponent() {
         description: 'Cool product',
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {fields} = formDetails;
 
         return (
@@ -132,7 +132,7 @@ const fakeErrorResult = {error: [{message: 'api is not real'}]};
 
 // simple async function that fakes a failing api call
 export function fakeApiCall(data: any) {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     setTimeout(() => {
       resolve(fakeErrorResult);
     }, 2000);
@@ -165,7 +165,7 @@ export function MyPage() {
             {!valid && (
               <Banner status="critical">
                 <ul>
-                  {errors.map(error => (
+                  {errors.map((error) => (
                     <li key={`${error.message}${error.field}`}>
                       {error.message}
                     </li>
@@ -274,7 +274,7 @@ export function MyPage() {
 export type ValidatorDictionary<Fields> = {
   [FieldPath in keyof Fields]: MaybeArray<
     ValidationFunction<Fields[FieldPath], Fields>
-  >
+  >;
 };
 
 interface ValidationFunction<Value, Fields> {
@@ -359,7 +359,7 @@ function MyComponent() {
         },
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {fields} = formDetails;
 
         return (
@@ -401,7 +401,7 @@ function MyComponent() {
         console.log('I will not be run if title is too long');
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {errors, fields, submit} = formDetails;
 
         const errorBanner = Boolean(errors.length) && (
@@ -706,7 +706,7 @@ function CreateProductPage({initialValues}: Props) {
         return [{message: 'server error'}];
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {fields, dirty, reset, submit, submitting, errors} = formDetails;
         const {
           title,
@@ -733,7 +733,7 @@ function CreateProductPage({initialValues}: Props) {
         const errorBanner = errors.length > 0 && (
           <Banner status="critical">
             <ul>
-              {errors.map(error => (
+              {errors.map((error) => (
                 <li key={`${error.message}${error.field}`}>{error.message}</li>
               ))}
             </ul>

packages/react-form-state/docs/validators.md

@@ -46,7 +46,7 @@ function MyComponent() {
         ],
       }}
     >
-      {formDetails => {
+      {(formDetails) => {
         const {fields} = formDetails;
 
         return (
@@ -118,7 +118,7 @@ import {validate, ErrorContent} from '@shopify/react-form-state';
 
 export function validEmail(input: string, errorContent: ErrorContent) {
   // example only
-  return validate(input => /+\@.+\..+/.test(input), errorContent);
+  return validate((input) => /+\@.+\..+/.test(input), errorContent);
 }
 ```