feat: add typescript via tsx #1275

DerekNonGeneric · web-flow · commit 0a81ce02785e · 2024-06-15T23:19:02.000-04:00
PR URL: #1275 Reviewed-by: OpenINF-bot <openinfbot@open.inf.is> Thanks: @isaacs --------- Signed-off-by: Derek Lewis <dereknongeneric@open.inf.is>
diff --git a/.github/workflows/lint-and-test.yml b/.github/workflows/lint-and-test.yml
@@ -42,9 +42,9 @@ jobs:
               - '**/Dockerfile'
             html:
               - '**/*.html'
-            js:
-              - '**/*.js'
-              - '**/*.mjs'
+            ts:
+              - '**/*.ts'
+              - '**/*.mts'
             json:
               - '**/*.json'
               - '**/*.json5'
@@ -77,9 +77,9 @@ jobs:
         if: ${{ steps.filter.outputs.html == 'true' }}
         run: nps verify.html
 
-      - name: Verify JavaScript
-        if: ${{ steps.filter.outputs.js == 'true' || steps.filter.outputs.json == 'true' }}
-        run: nps verify.js
+      - name: Verify TypeScript
+        if: ${{ steps.filter.outputs.ts == 'true' || steps.filter.outputs.json == 'true' }}
+        run: nps verify.ts
 
       - name: Verify JSON
         if: ${{ steps.filter.outputs.json == 'true' }}
@@ -107,5 +107,5 @@ jobs:
 
       # Only run tests if the PR touches behavior-related files.
       - name: Test
-        if: ${{ steps.filter.outputs.js == 'true' || steps.filter.outputs.json == 'true' }}
+        if: ${{ steps.filter.outputs.ts == 'true' || steps.filter.outputs.json == 'true' }}
         run: nps test
diff --git a/biome.jsonc b/biome.jsonc
@@ -23,7 +23,7 @@
     "formatter": {
       "jsxQuoteStyle": "double",
       "quoteProperties": "asNeeded",
-      "trailingComma": "es5",
+      "trailingCommas": "es5",
       "semicolons": "always",
       "arrowParentheses": "always",
       "bracketSpacing": true,
diff --git a/build/shared/constants.mts b/build/shared/constants.mts
diff --git a/build/tasks/compile/build-portal.mts b/build/tasks/compile/build-portal.mts
diff --git a/build/tasks/compile/scssify.mts b/build/tasks/compile/scssify.mts
diff --git a/build/tasks/compile/siteify-health-files.mts b/build/tasks/compile/siteify-health-files.mts
diff --git a/build/tasks/format/format-css.mts b/build/tasks/format/format-css.mts
@@ -23,11 +23,7 @@ const scripts = [
 ];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-dockerfile.mts b/build/tasks/format/format-dockerfile.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`dprint fmt ${DockerfileFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-html.mts b/build/tasks/format/format-html.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`prettier --write ${HTMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-json.mts b/build/tasks/format/format-json.mts
@@ -20,11 +20,7 @@ let exitCode = 0;
 const scripts = [`biome check --apply ${JSONFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-md.mts b/build/tasks/format/format-md.mts
@@ -22,11 +22,7 @@ const scripts = [
 ];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-ruby.mts b/build/tasks/format/format-ruby.mts
@@ -19,11 +19,7 @@ let exitCode = 0;
 const scripts = [`bundle exec rubocop -a ${RubyFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-svg.mts b/build/tasks/format/format-svg.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`prettier --write ${SVGFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-toml.mts b/build/tasks/format/format-toml.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`dprint fmt ${TOMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-ts.mts b/build/tasks/format/format-ts.mts
@@ -1,29 +1,25 @@
 /**
- * @file Format JavaScript files to adhere to autofixable style guidelines.
+ * @file Format TypeScript files to adhere to autofixable style guidelines.
  * @author The OpenINF Authors & Friends
  * @license MIT OR Apache-2.0 OR BlueOak-1.0.0
- * @module {type ES6Module} build/tasks/format/format-js
+ * @module {type ES6Module} build/tasks/format/format-ts
  */
 
 import { exec, glob } from '@openinf/portal/build/utils';
 
-const JSFiles = await glob([
-  '**.js',
-  '**.mjs',
+const TSFiles = await glob([
+  '**.ts',
+  '**.mts',
   '!_site/',
   '!node_modules/',
   '!vendor/',
 ]);
 
 let exitCode = 0;
-const scripts = [`biome check --apply ${JSFiles.join(' ')}`];
+const scripts = [`biome check --apply ${TSFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/format/format-yaml.mts b/build/tasks/format/format-yaml.mts
@@ -20,11 +20,7 @@ let exitCode = 0;
 const scripts = [`prettier --write ${YAMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-css.mts b/build/tasks/verify/verify-css.mts
@@ -23,11 +23,7 @@ const scripts = [
 ];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-dockerfile.mts b/build/tasks/verify/verify-dockerfile.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`dprint check ${DockerfileFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-html-valid-for-vnu.mts b/build/tasks/verify/verify-html-valid-for-vnu.mts
@@ -14,11 +14,7 @@ let exitCode = 0;
 const scripts = [`java -jar ${vnu} ${HTMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-html.mts b/build/tasks/verify/verify-html.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`prettier --check ${HTMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-json.mts b/build/tasks/verify/verify-json.mts
@@ -20,11 +20,7 @@ let exitCode = 0;
 const scripts = [`biome check ${JSONFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-md.mts b/build/tasks/verify/verify-md.mts
@@ -24,11 +24,7 @@ const scripts = [
 ];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-ruby.mts b/build/tasks/verify/verify-ruby.mts
@@ -19,11 +19,7 @@ let exitCode = 0;
 const scripts = [`bundle exec rubocop ${RubyFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-svg.mts b/build/tasks/verify/verify-svg.mts
@@ -22,11 +22,7 @@ const scripts = [
 ];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-toml.mts b/build/tasks/verify/verify-toml.mts
@@ -18,11 +18,7 @@ let exitCode = 0;
 const scripts = [`dprint check ${TOMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-ts.mts b/build/tasks/verify/verify-ts.mts
@@ -1,29 +1,25 @@
 /**
- * @file Verify JavaScript files are valid & adhere to checkable style guidelines.
+ * @file Verify TypeScript files are valid & adhere to checkable style guidelines.
  * @author The OpenINF Authors & Friends
  * @license MIT OR Apache-2.0 OR BlueOak-1.0.0
- * @module {type ES6Module} build/tasks/verify/verify-js
+ * @module {type ES6Module} build/tasks/verify/verify-ts
  */
 
 import { exec, glob } from '@openinf/portal/build/utils';
 
-const JSFiles = await glob([
-  '**.js',
-  '**.mjs',
+const TSFiles = await glob([
+  '**.ts',
+  '**.mts',
   '!_site/',
   '!node_modules/',
   '!vendor/',
 ]);
 
 let exitCode = 0;
-const scripts = [`biome check ${JSFiles.join(' ')}`];
+const scripts = [`biome check ${TSFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-valid-for-ec.mts b/build/tasks/verify/verify-valid-for-ec.mts
@@ -11,11 +11,7 @@ let exitCode = 0;
 const scripts = ["editorconfig-checker -config '.ecrc.json'"];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/tasks/verify/verify-valid-for-sc.mts b/build/tasks/verify/verify-valid-for-sc.mts
diff --git a/build/tasks/verify/verify-yaml.mts b/build/tasks/verify/verify-yaml.mts
@@ -20,11 +20,7 @@ let exitCode = 0;
 const scripts = [`prettier --check ${YAMLFiles.join(' ')}`];
 
 for (const element of scripts) {
-  try {
-    exitCode = await exec(element);
-  } catch (p) {
-    exitCode = p.exitCode;
-  }
+  exitCode = await exec(element);
 
   if (exitCode !== 0) process.exitCode = exitCode;
 }
diff --git a/build/utils.mts b/build/utils.mts
@@ -9,14 +9,15 @@
 // Requirements
 // -----------------------------------------------------------------------------
 
-export { execute as exec } from '@yarnpkg/shell';
+import { execute } from '@yarnpkg/shell';
 export { globby as glob } from 'globby';
+import { catchWrap } from '@isaacs/catcher';
 
 // -----------------------------------------------------------------------------
 // Helpers
 // -----------------------------------------------------------------------------
 
-// TODO
+export const exec = catchWrap(execute, 99);
 
 // -----------------------------------------------------------------------------
 // Main
diff --git a/package-scripts.yml b/package-scripts.yml
diff --git a/package.json b/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/project-terms.txt b/project-terms.txt
diff --git a/tsconfig.json b/tsconfig.json
