style: format code

Author: ASafaeirad

codegen.yml

@@ -4,7 +4,7 @@ schema:
   - ${SCHEMA_URL}:
       method: POST
       headers:
-        authorization: "Bearer 631313a24e9ce35b074d4b72a3473c"
+        authorization: "Bearer ${NEXT_DATOCMS_API_TOKEN}"
 
 documents: "graphql/**/*.graphql"
 generates:

components/Divider.tsx

@@ -1,4 +1,5 @@
-import { Heading, HeadingProps } from 'theme-ui';
+import type { HeadingProps } from 'theme-ui';
+import { Heading } from 'theme-ui';
 
 export const Divider: React.FC<HeadingProps> = ({ sx, ...props }) => {
   return (

components/GithubButton.tsx

@@ -1,4 +1,5 @@
-import { Box, Button, ButtonProps } from 'theme-ui';
+import type { ButtonProps } from 'theme-ui';
+import { Box, Button } from 'theme-ui';
 
 import GithubIcon from './Icons/GithubIcon.svg';
 

components/Hero.tsx

@@ -1,4 +1,5 @@
-import { Box, Heading, HeadingProps } from 'theme-ui';
+import type { HeadingProps } from 'theme-ui';
+import { Box, Heading } from 'theme-ui';
 
 interface HeroProps extends HeadingProps {}
 

components/Planet.tsx

@@ -1,6 +1,7 @@
 import { useRive, useStateMachineInput } from 'rive-react';
-import { RiveProps } from 'rive-react/dist/types/components/Rive';
-import { Box, BoxProps } from 'theme-ui';
+import type { RiveProps } from 'rive-react/dist/types/components/Rive';
+import type { BoxProps } from 'theme-ui';
+import { Box } from 'theme-ui';
 
 interface Planet extends BoxProps, RiveProps {}
 

components/PuffLoader.tsx

@@ -1,5 +1,6 @@
 import { keyframes } from '@emotion/react';
-import { Box, ThemeUIStyleObject } from 'theme-ui';
+import type { ThemeUIStyleObject } from 'theme-ui';
+import { Box } from 'theme-ui';
 
 const puff = [
   keyframes`

components/ThisWeekSection.tsx

@@ -1,8 +1,8 @@
 import { isNull } from '@fullstacksjs/toolbox';
 import { Container, Heading } from 'theme-ui';
-import { TopicsQuery } from '../graphql/generated';
+import type { TopicsQuery } from '../graphql/generated';
 import Planet from './Planet';
-import TopicsCart from './TopicsCard';
+import { TopicsCart } from './TopicsCard';
 
 type Topic = TopicsQuery['allTopics'][number];
 

components/TopicsCard.tsx

@@ -3,7 +3,7 @@ import { Composition } from '@atomic-layout/emotion';
 import { isNull, not } from '@fullstacksjs/toolbox';
 import { useState } from 'react';
 import { Box, Button, Card, Heading, Image, Text, useThemeUI } from 'theme-ui';
-import { TopicsQuery } from '../graphql/generated';
+import type { TopicsQuery } from '../graphql/generated';
 import { useTopic, useVoteDown, useVoteUp } from '../operations';
 import ChevronDownIcon from './Icons/ChevronDownIcon.svg';
 import ChevronUpIcon from './Icons/ChevronUpIcon.svg';

graphql/generated.ts

@@ -1,5 +1,5 @@
-import { GraphQLClient } from 'graphql-request';
-import * as Dom from 'graphql-request/dist/types.dom';
+import type { GraphQLClient } from 'graphql-request';
+import type * as Dom from 'graphql-request/dist/types.dom';
 import gql from 'graphql-tag';
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
@@ -185,6 +185,8 @@ export interface ImgixParams {
    * Specifies an aspect ratio to maintain when resizing and cropping the image
    *
    * Depends on: `fit=crop`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/size/ar)
    */
   ar?: InputMaybe<Scalars['String']>;
   /**
@@ -351,6 +353,8 @@ export interface ImgixParams {
    * Sets bottom border of an image.
    *
    * Depends on: `border`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-bottom)
    */
   borderBottom?: InputMaybe<Scalars['IntType']>;
   /**
@@ -359,6 +363,8 @@ export interface ImgixParams {
    * Sets left border of an image.
    *
    * Depends on: `border`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-left)
    */
   borderLeft?: InputMaybe<Scalars['IntType']>;
   /**
@@ -387,6 +393,8 @@ export interface ImgixParams {
    * Sets right border of an image.
    *
    * Depends on: `border`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-right)
    */
   borderRight?: InputMaybe<Scalars['IntType']>;
   /**
@@ -395,6 +403,8 @@ export interface ImgixParams {
    * Sets top border of an image.
    *
    * Depends on: `border`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/border-top)
    */
   borderTop?: InputMaybe<Scalars['IntType']>;
   /**
@@ -646,7 +656,7 @@ export interface ImgixParams {
    *
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/focalpoint-crop/fp-z)
    */
-  fpZ?: InputMaybe<Scalars['IntType']>;
+  fpZ?: InputMaybe<Scalars['FloatType']>;
   /**
    * Gamma
    *
@@ -711,6 +721,12 @@ export interface ImgixParams {
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/adjustment/invert)
    */
   invert?: InputMaybe<Scalars['BooleanType']>;
+  /**
+   * Iptc Passthrough
+   *
+   * Determine if IPTC data should be passed for JPEG images.
+   */
+  iptc?: InputMaybe<ImgixParamsIptc>;
   /**
    * Lossless Compression
    *
@@ -789,6 +805,14 @@ export interface ImgixParams {
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-pad)
    */
   markPad?: InputMaybe<Scalars['IntType']>;
+  /**
+   * Watermark Rotation
+   *
+   * Rotates a watermark or tiled watermarks by a specified number of degrees.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-rot)
+   */
+  markRot?: InputMaybe<Scalars['FloatType']>;
   /**
    * Watermark Scale
    *
@@ -799,6 +823,16 @@ export interface ImgixParams {
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-scale)
    */
   markScale?: InputMaybe<Scalars['IntType']>;
+  /**
+   * Watermark Tile
+   *
+   * Adds tiled watermark.
+   *
+   * Depends on: `mark`
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/watermark/mark-tile)
+   */
+  markTile?: InputMaybe<ImgixParamsMarkTile>;
   /**
    * Watermark Width
    *
@@ -931,32 +965,40 @@ export interface ImgixParams {
    * Padding Bottom
    *
    * Sets bottom padding of an image.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-bottom)
    */
   padBottom?: InputMaybe<Scalars['IntType']>;
   /**
    * Padding Left
    *
    * Sets left padding of an image.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-left)
    */
   padLeft?: InputMaybe<Scalars['IntType']>;
   /**
    * Padding Right
    *
    * Sets right padding of an image.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-right)
    */
   padRight?: InputMaybe<Scalars['IntType']>;
   /**
    * Padding Top
    *
    * Sets top padding of an image.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/border-and-padding/pad-top)
    */
   padTop?: InputMaybe<Scalars['IntType']>;
   /**
    * Pdf Page Number
    *
    * Selects a page from a PDF for display.
    *
-   * [Open Imgix reference »](https://docs.imgix.com/apis/url/pdf-page-number)
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/pdf/page)
    */
   page?: InputMaybe<Scalars['IntType']>;
   /**
@@ -967,6 +1009,14 @@ export interface ImgixParams {
    * [Open Imgix reference »](https://docs.imgix.com/apis/url/color-palette/palette)
    */
   palette?: InputMaybe<ImgixParamsPalette>;
+  /**
+   * Pdf Annotation
+   *
+   * Enables or disables PDF annotation.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/pdf/pdf-annotation)
+   */
+  pdfAnnotation?: InputMaybe<Scalars['BooleanType']>;
   /**
    * Css Prefix
    *
@@ -1047,6 +1097,8 @@ export interface ImgixParams {
    * Transparency
    *
    * Adds checkerboard behind images which support transparency.
+   *
+   * [Open Imgix reference »](https://docs.imgix.com/apis/url/fill/transparency)
    */
   transparency?: InputMaybe<ImgixParamsTransparency>;
   /**
@@ -1394,6 +1446,8 @@ export enum ImgixParamsFlip {
 }
 
 export enum ImgixParamsFm {
+  Avif = 'avif',
+  Blurhash = 'blurhash',
   Gif = 'gif',
   Jp2 = 'jp2',
   Jpg = 'jpg',
@@ -1408,6 +1462,11 @@ export enum ImgixParamsFm {
   Webp = 'webp',
 }
 
+export enum ImgixParamsIptc {
+  Allow = 'allow',
+  Block = 'block',
+}
+
 export enum ImgixParamsMarkAlign {
   Bottom = 'bottom',
   Center = 'center',
@@ -1425,6 +1484,10 @@ export enum ImgixParamsMarkFit {
   Scale = 'scale',
 }
 
+export enum ImgixParamsMarkTile {
+  Grid = 'grid',
+}
+
 export enum ImgixParamsPalette {
   Css = 'css',
   Json = 'json',

lib/apiHandler.ts

@@ -1,4 +1,4 @@
-import { NextApiHandler, NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiHandler, NextApiRequest, NextApiResponse } from 'next';
 
 type HttpMethod = 'delete' | 'get' | 'post' | 'put';
 

lib/theme.ts

@@ -1,5 +1,5 @@
 import { range } from '@fullstacksjs/toolbox';
-import { Theme } from 'theme-ui';
+import type { Theme } from 'theme-ui';
 
 const theme: Theme = {
   colors: {