TypeScript versions of the homepage starters

package.json

@@ -50,6 +50,7 @@
     "remark-parse": "^10.0.1",
     "remark-stringify": "^10.0.2",
     "simple-git": "^3.1.0",
+    "typescript": "^4.6.2",
     "unified": "^10.1.1",
     "unist-util-visit": "^4.1.0"
   },

scripts/publish.js

@@ -3,6 +3,7 @@ const fs = require("fs-extra")
 const path = require("path")
 const debug = require("debug")
 const SimpleGit = require("simple-git")
+const ts = require("typescript")
 const data = require("./data")
 
 /*
@@ -73,7 +74,7 @@ const createStarterDist = async (basename) => {
   ]
 
   // copy root files
-  const rootFiles = [".gitignore", "src", "gatsby-browser.js", "LICENSE"]
+  const rootFiles = [".gitignore", "gatsby-browser.js", "LICENSE"]
   rootFiles.forEach((file) => {
     const dest = path.join(dir.dist, name, file)
     console.log(`Copying '${file}' to '${dest}'`)
@@ -82,6 +83,62 @@ const createStarterDist = async (basename) => {
     })
   })
 
+  // array to contain all directories found inside src, seeded with src to begin with
+  const srcDirectories = ["src"]
+  // function to traverse src directory and collect array of all filenames within
+  const getAllSrcFiles = (dirPath = "src", filesArray = []) => {
+    fs.readdirSync(dirPath).forEach((file) => {
+      if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+        srcDirectories.push(dirPath + "/" + file)
+        filesArray = getAllSrcFiles(dirPath + "/" + file, filesArray)
+      } else {
+        filesArray.push(path.join(dirPath, "/", file))
+      }
+    })
+    return filesArray
+  }
+
+  const srcFiles = getAllSrcFiles()
+  // create any directories needed
+  srcDirectories.forEach((directory) => {
+    const destDirectory = path.join(dir.dist, name, directory)
+    console.log(`Copying '${directory}' to '${destDirectory}'`)
+    fs.mkdirSync(destDirectory)
+  })
+  // transpile typescript src files
+  srcFiles.forEach((srcFilename) => {
+    const extension = path.extname(srcFilename)
+    // we want to skip over the .css.ts files and only transpile .ts/.tsx
+    if (
+      (extension === ".ts" || extension === ".tsx") &&
+      !srcFilename.includes(".css.ts")
+    ) {
+      console.log(`Transpiling '${srcFilename}'`)
+      const { outputText } = ts.transpileModule(
+        fs.readFileSync(srcFilename).toString(),
+        {
+          compilerOptions: { jsx: "preserve", target: "es2016" },
+        }
+      )
+      // update the filename extension
+      const newExtension = extension === ".ts" ? ".js" : ".jsx"
+      const dest = path.join(
+        dir.dist,
+        name,
+        srcFilename.replace(extension, newExtension)
+      )
+      console.log(`Copying transpiled version of '${srcFilename}' to '${dest}`)
+      fs.writeFileSync(dest, outputText)
+    } else {
+      // copy over src files that don't require transpilation
+      const dest = path.join(dir.dist, name, srcFilename)
+      console.log(`Copying '${srcFilename}' to '${dest}'`)
+      fs.copySync(srcFilename, dest, {
+        filter: (n) => !ignore.includes(n),
+      })
+    }
+  })
+
   // copy cms-specific files
   const files = [
     ".env.EXAMPLE",

src/components/caret.js → src/components/caret.tsx

@@ -1,6 +1,13 @@
 import * as React from "react"
 import { caret } from "./caret.css.ts"
-export default function CaretDown({ direction = "down", size = 9 }) {
+
+export default function CaretDown({
+  direction = "down",
+  size = 9,
+}: {
+  direction: string
+  size: number
+}) {
   const width = size
   const height = (8 / 9) * size
   return (

yarn.lock

@@ -14356,6 +14356,11 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typescript@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.2.tgz#fe12d2727b708f4eef40f51598b3398baa9611d4"
+  integrity sha512-HM/hFigTBHZhLXshn9sN37H085+hQGeJHJ/X7LpBWLID/fbc2acUMfU+lGD98X81sKP+pFa9f0DZmCwB9GnbAg==
+
 uc-first-array@^1.1.10:
   version "1.1.10"
   resolved "https://registry.yarnpkg.com/uc-first-array/-/uc-first-array-1.1.10.tgz#f9e8017bd8a409ffc98a0d72ef49a8feaa6729b4"