fix(xo): linting problems (#156)

Author: mfranzke

.env.template

@@ -2,6 +2,6 @@
 COMMIT_MAIL=my.commit@mail.com
 
 # (https://app.zeplin.io/profile/developer)
-# (https://github.com/db-ui/base/blob/feat-zeplin-token-generation/scripts/zeplin-styleguide.js#L7)
+# (https://github.com/db-ui/base/blob/feat-zeplin-token-generation/scripts/zeplin-styleguide.mjs#L7)
 # This access token is necessary to fetch the json from zeplin
 DEVELOPER_ZEPLIN_ACCESS_TOKEN=TODO

.xo-config.json

@@ -5,7 +5,6 @@
 		"import/extensions": 0,
 		"max-depth": 0,
 		"n/prefer-global/process": 0,
-		"max-params": 0,
-		"unicorn/prefer-top-level-await": 0
+		"max-params": 0
 	}
 }

package.json

@@ -33,7 +33,7 @@
     "pl:install": "patternlab install --config ./patternlab-config.json",
     "pl:serve": "patternlab serve --config ./patternlab-config.json",
     "pl:version": "patternlab --version",
-    "zeplin:tokens": "node scripts/zeplin-styleguide.js"
+    "zeplin:tokens": "node scripts/zeplin-styleguide.mjs"
   },
   "license": "Apache-2.0",
   "dependencies": {

scripts/tailwind-config-generator.mjs

@@ -5,12 +5,11 @@
 import * as process from 'node:process';
 import * as fs from 'node:fs';
 
-const run = async () => {
-	const defaultConfig = process.argv[2];
+const defaultConfig = process.argv[2];
 
-	const internal = process.argv[3];
+const internal = process.argv[3];
 
-	let configFile = `
+let configFile = `
 	const tokens = require('${
 		internal ? './' : '@db-ui/base/build/tailwind/'
 	}tailwind-tokens.json')
@@ -31,14 +30,11 @@ const run = async () => {
   };
   `;
 
-	if (defaultConfig === 'default') {
-		configFile = `module.exports = require('@db-ui/base/build/tailwind/tailwind.config')`;
-	}
+if (defaultConfig === 'default') {
+	configFile = `module.exports = require('@db-ui/base/build/tailwind/tailwind.config')`;
+}
 
-	fs.writeFileSync(
-		`${internal ? './build/tailwind' : '.'}/tailwind.config.js`,
-		configFile
-	);
-};
-
-run();
+await fs.writeFileSync(
+	`${internal ? './build/tailwind' : '.'}/tailwind.config.js`,
+	configFile
+);

scripts/zeplin-styleguide.js renamed to scripts/zeplin-styleguide.mjs

@@ -1,6 +1,8 @@
-require('dotenv').config();
-const FS = require('node:fs');
-const { ZeplinApi, Configuration } = require('@zeplin/sdk');
+import * as fs from 'node:fs';
+import * as dotenv from 'dotenv'; // See https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import
+import { ZeplinApi, Configuration } from '@zeplin/sdk';
+
+dotenv.config();
 
 const zeplin = new ZeplinApi(
 	new Configuration({
@@ -191,26 +193,24 @@ const convertSpacings = (data) => {
 	data.spacing = mergeData(spacings);
 };
 
-(async () => {
-	try {
-		const { data } = await zeplin.designTokens.getStyleguideDesignTokens(
-			'63037ab49bdcb913c9228718'
-		);
+try {
+	const { data } = await zeplin.designTokens.getStyleguideDesignTokens(
+		'63037ab49bdcb913c9228718'
+	);
 
-		convertColors(data);
-		convertTextStyles(data);
-		convertSpacings(data);
-
-		FS.writeFileSync(
-			'./tokens/zeplin.json',
-			JSON.stringify({
-				spacing: data.spacing,
-				sizing: data.sizing,
-				typography: data.textStyles,
-				colors: data.colors
-			})
-		);
-	} catch (error) {
-		console.error(error);
-	}
-})();
+	convertColors(data);
+	convertTextStyles(data);
+	convertSpacings(data);
+
+	fs.writeFileSync(
+		'./tokens/zeplin.json',
+		JSON.stringify({
+			spacing: data.spacing,
+			sizing: data.sizing,
+			typography: data.textStyles,
+			colors: data.colors
+		})
+	);
+} catch (error) {
+	console.error(error);
+}