chore: convert various files from JS to TS (#1959)

5 files changed, 11 insertions, 114 deletions

diff --git a/scripts/add-crowdin-contributors.js b/scripts/add-crowdin-contributors.ts
index 05e377a94..00d12eca1 100644
--- a/scripts/add-crowdin-contributors.js
+++ b/scripts/add-crowdin-contributors.ts
@@ -1,3 +1,7 @@
+import fs from 'fs-extra';
+import path from 'path';
+import allContributors from 'all-contributors-cli';
+
 /**
  * Add CrowdIn Contributors to AllContributors list
  *
@@ -48,17 +52,13 @@ console.clear();
 console.log(JSON.stringify(members));
 
  * 3. Paste the output of the script (JSON Array) below to set 'list' to that value
- * 4. Execute this script using 'node scripts/add-crowdin-contributors.js'
+ * 4. Execute this script using 'npm run add-crowdin-contributors'
  * 5. Regenerate the README table using the CLI ('all-contributors generate')
  * Please check if the generated data is ok and no data is lost.
 */
-const list = [];
-
-const fs = require('fs-extra');
-const path = require('path');
-const allContributors = require('all-contributors-cli');
+const list: any[] = [];
 
-const infoPath = path.join(__dirname, '..', '..', '.all-contributorsrc');
+const infoPath = path.join(__dirname, '..', '.all-contributorsrc');
 
 (async () => {
   const info = await fs.readJSON(infoPath);
diff --git a/scripts/build-theme-info.js b/scripts/build-theme-info.js
deleted file mode 100644
index 8aee96ab7..000000000
--- a/scripts/build-theme-info.js
+++ /dev/null
@@ -1,103 +0,0 @@
-/**
- * Script to get information on which selectors use the brand color.
- * This is needed to provide the accent color feature - the feature will create CSS rules
- * to overwrite the color of these selectors.
- */
-const css = require('css');
-const fs = require('fs-extra');
-const path = require('path');
-const theme = require('@meetfranz/theme');
-
-// Colors that should be replaced with the accent color
-const accentColors = [
-  theme.DEFAULT_ACCENT_COLOR.toLowerCase(),
-  '#7367f0',
-  '#5e50ee',
-];
-
-const cssFile = path.join(__dirname, '..', '..', 'build', 'styles', 'main.css');
-const outputFile = path.join(__dirname, '..', 'assets', 'themeInfo.json');
-
-// Parse and extract the rules from a CSS stylesheet file
-async function getRulesFromCssFile(file) {
-  const cssSrc = (await fs.readFile(file)).toString();
-  const cssTree = css.parse(cssSrc);
-
-  return cssTree.stylesheet?.rules;
-}
-
-/**
- * Get all selectors from a list of parsed CSS rules that set any property to one of the specified
- * values.
- *
- * This function will output an object in this format:
- * {
- *  'property-name': [ array of selectors ]
- * }
- *
- * e.g.
- * {
- *  'background-color': [
- *   '.background',
- *   '.input-dark'
- *  ]
- * }
- *
- * @param {Array} rules Rules as outputted by the `css` module
- * @param {Array} values Array of values that should be searched for
- */
-function getSelectorsDeclaringValues(rules, values) {
-  const output = {};
-
-  for (const rule of rules) {
-    if (rule.declarations) {
-      for (const declaration of rule.declarations) {
-        if (
-          declaration.type === 'declaration' &&
-          values.includes(declaration.value.toLowerCase())
-        ) {
-          if (!output[declaration.property]) {
-            output[declaration.property] = [];
-          }
-          // eslint-disable-next-line unicorn/prefer-spread
-          output[declaration.property] = output[declaration.property].concat(
-            rule.selectors,
-          );
-        }
-      }
-    }
-  }
-
-  return output;
-}
-
-async function generateThemeInfo() {
-  if (!(await fs.pathExists(cssFile))) {
-    console.log('Please make sure to build the project first.');
-    return;
-  }
-
-  // Read and parse css bundle
-  const rules = await getRulesFromCssFile(cssFile);
-
-  console.log(`Found ${rules?.length} rules`);
-
-  // Get rules specifying the brand colors
-  const brandRules = getSelectorsDeclaringValues(rules, accentColors);
-
-  console.log(
-    `Found ${Object.keys(brandRules).join(
-      ', ',
-    )} properties that set color to brand color`,
-  );
-
-  // Join array of declarations into a single string
-  for (const rule of Object.keys(brandRules)) {
-    brandRules[rule] = brandRules[rule].join(', ');
-  }
-
-  // Write object with theme info to file
-  fs.writeFile(outputFile, JSON.stringify(brandRules));
-}
-
-generateThemeInfo();
diff --git a/scripts/link-readme.js b/scripts/link-readme.ts
index 2ab38912c..77b384ff4 100644
--- a/scripts/link-readme.js
+++ b/scripts/link-readme.ts
@@ -6,12 +6,12 @@
  * and "@abc" => "[@abc](https://github.com/abc)"
  */
 
-const fs = require('fs-extra');
-const path = require('path');
+import fs from 'fs-extra';
+import path from 'path';
 
 console.log('Linking issues and PRs in README.md');
 
-const readmepath = path.join(__dirname, '..', '..', 'README.md');
+const readmepath = path.join(__dirname, '..', 'README.md');
 
 // Read README.md
 let readme = fs.readFileSync(readmepath, 'utf-8');
diff --git a/scripts/postinstall.js b/scripts/postinstall.ts
index 84e7492ef..4fa71c35f 100644
--- a/scripts/postinstall.js
+++ b/scripts/postinstall.ts
@@ -1,4 +1,4 @@
-const { exec } = require('child_process');
+import { exec } from 'child_process';
 
 // eslint-disable-next-line no-console
 const log = (err, stdout, stderr) => console.log(err || stdout || stderr);
diff --git a/scripts/prepare.js b/scripts/prepare.ts
index 0b4daa82b..0b4daa82b 100644
--- a/scripts/prepare.js
+++ b/scripts/prepare.ts