tslint

gatsby-node.ts

@@ -1,7 +1,9 @@
 import path from 'path'
 import { createFilePath } from 'gatsby-source-filesystem'
 
-const createBlog = async (createPage: Function, reporter: any, graphql: Function) => {
+const createBlog = async (
+  createPage: Function, reporter: any, graphql: Function
+) => {
 
   // Define the template for blog post.
   const blogPost = path.resolve('./src/templates/BlogPostTemplate.tsx')
@@ -30,9 +32,11 @@ const createBlog = async (createPage: Function, reporter: any, graphql: Function
 
   const posts = result.data.allMarkdownRemark.nodes
 
-  // Create blog posts pages
-  // But only if there's at least one markdown file found at "content/blog" (defined in gatsby-config.js)
-  // `context` is available in the template as a prop and as a variable in GraphQL
+  // Create blog posts pages.
+  // But only if there's at least one markdown file found at
+  // "content/blog" (defined in gatsby-config.js).
+  // `context` is available in the template as a prop and as
+  // a variable in GraphQL.
   if (posts.length <= 0) {
     return
   }
@@ -52,7 +56,9 @@ const createBlog = async (createPage: Function, reporter: any, graphql: Function
   })
 }
 
-const createProjects = async (createPage: Function, reporter: any, graphql: Function) => {
+const createProjects = async (
+  createPage: Function, reporter: any, graphql: Function
+) => {
 
   // Define the template for blog post.
   const projectTemplate = path.resolve('./src/templates/ProjectTemplate.tsx')

src/components/Animation/Renderer.tsx

@@ -102,8 +102,13 @@ function generateIndexedWithOffsetPointcloud
 }
 
 export default function(props: { speed: number, scale: number }) {
-    let camera: any, renderer: any, scene: any,
-clock: any, raycaster: any, pointer: any, rotateY : any
+  let camera: any
+  let renderer: any
+  let scene: any
+  let clock: any
+  let raycaster: any
+  let pointer: any
+  let rotateY : any
 
   let pointclouds : any = []
 
@@ -184,7 +189,7 @@ clock: any, raycaster: any, pointer: any, rotateY : any
 
     const dims = dimensions()
     const container = document.getElementById('animation__root')
-    if (container == null || typeof container == 'undefined') {
+    if (container === null || typeof container === 'undefined') {
       return
     }
 

src/components/ArticleCard/ArticleCard.tsx

@@ -19,7 +19,7 @@ export default function ArticleCard(props: { data: any }) {
       <h2 style={{ fontWeight: "bold" }}>
         {
           props.data.author.map((author: string, i: number) => {
-            if (i == props.data.author.length - 1) {
+            if (i === props.data.author.length - 1) {
               return author
             }
             return author + ", "

src/components/CursorText.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react"
 import Typewriter from "typewriter-effect"
 
-export default function CursorText(props: { batch: Array<string> }) {
+export default function CursorText(props: { batch: string[] }) {
   return (
     <div style={{ width: "var(--width-max)", height: 80 }}>
       <Typewriter

src/components/Index/ContactSection.tsx

@@ -23,7 +23,7 @@ export default function ContactSection() {
     setForm({ ...form, [field]: event.target.value})
   }
 
-  const onSubmit = (event: { preventDefault: Function }) => {
+  const onSubmit = (event: { preventDefault: () => any }) => {
     event.preventDefault()
     alert("Contact form is temporarily unavailable")
   }

src/components/Index/ProjectSection.tsx

@@ -13,7 +13,7 @@ export default function ProjectSection(props: { nodes: any }) {
     nodes = nodes.slice(0, 6)
   }
 
-  let cards : Array<any> = []
+  const cards : any[] = []
   for (let i = 0; i < nodes.length; ++i) {
     cards.push((<ProjectCard index={i} data={nodes[i].frontmatter} />))
   }

src/components/Marquee/Marquee.tsx

@@ -122,19 +122,23 @@ type MarqueeProps = {
    */
   gradientWidth?: number | string;
   /**
-   * @description A callback for when the marquee finishes scrolling and stops. Only calls if loop is non-zero.
+   * @description A callback for when the marquee finishes scrolling
+   * and stops. Only calls if loop is non-zero.
    * @type {() => void}
    * @default null
    */
   onFinish?: () => void;
   /**
-   * @description A callback for when the marquee finishes a loop. Does not call if maximum loops are reached (use onFinish instead).
+   * @description A callback for when the marquee finishes a loop. Does
+   * not call if maximum loops are reached (use onFinish instead).
    * @type {() => void}
    * @default null
    */
   onCycleComplete?: () => void;
   /**
-   * @description: A callback function that is invoked once the marquee has finished mounting. It can be utilized to recalculate the page size, if necessary.
+   * @description: A callback function that is invoked once the marquee
+   * has finished mounting. It can be utilized to recalculate the page
+   * size, if necessary.
    * @type {() => void}
    * @default null
    */

src/components/Overlay/Overlay.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import "./Overlay.css"
 
 interface OverlayProps {
-  children: Array<any>;
+  children: any[];
   className?: string;
   style?: any;
 }

src/components/Slideshow/Slideshow.tsx

@@ -38,7 +38,7 @@ export const Slideshow = (props: { children: any, period?: number }) => {
   }
 
   const SlideIndices = () => {
-    let rows : any = []
+    const rows : any = []
     for (let i = 0; i < props.children.length; i++) {
       if (i !== select) {
         rows.push((
@@ -75,7 +75,7 @@ export const Slideshow = (props: { children: any, period?: number }) => {
           // Rendering the child directly (e.g. props.children[select])
           // means we re-download images every time they are rendered.
           props.children.map((child: any, i: number) => {
-            if (i == select) {
+            if (i === select) {
               return (<div style={{ width: "100%" }}>{ child }</div>)
             }
             return (

src/pages/projects.tsx

@@ -9,8 +9,8 @@ import { graphql } from "gatsby"
 import type { HeadFC, PageProps } from "gatsby"
 
 const ProjectsPage: React.FC<PageProps> = (props: { data: any }) => {
-  let nodes = props.data.allMdx.nodes
-  let cards : Array<any> = []
+  const nodes = props.data.allMdx.nodes
+  const cards : any[] = []
   for (let i = 0; i < nodes.length; ++i) {
     cards.push((<ProjectCard index={i} data={nodes[i].frontmatter} />))
   }

src/templates/BlogPostTemplate.tsx

@@ -15,7 +15,9 @@ interface ArticleBodyPrompts {
 
 const ArticleBody: React.FC<ArticleBodyPrompts> = ({ data, children }) => {
   const { frontmatter } = data.markdownRemark
-  let img = getImage(frontmatter.featuredImage?.childImageSharp?.gatsbyImageData)
+  const img = getImage(
+    frontmatter.featuredImage?.childImageSharp?.gatsbyImageData
+  )
   return (
     <div className="article-layout">
       <div className="article-layout__matter">
@@ -26,7 +28,7 @@ const ArticleBody: React.FC<ArticleBodyPrompts> = ({ data, children }) => {
           <h2 className="author">
             {
               frontmatter.author.map((author: string, i: number) => {
-                if (i == frontmatter.author.length - 1) {
+                if (i === frontmatter.author.length - 1) {
                   return author
                 }
                 return author + ", "

src/templates/ProjectTemplate.tsx

@@ -12,7 +12,8 @@ interface ProjectTemplateProps {
   children: any;
 }
 
-const ProjectTemplate : React.FC<ProjectTemplateProps> = ({ data, children }) => (
+const ProjectTemplate :
+React.FC<ProjectTemplateProps> = ({ data, children }) => (
   <Layout>
     <MDXProvider>
       { children }