Replaced eslint and prettier with biome

Author: paulbjensen

.eslintrc.js

@@ -0,0 +1,19 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.4.6/schema.json",
+	"vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true },
+	"files": { "ignoreUnknown": false },
+	"formatter": { "enabled": true, "indentStyle": "tab" },
+	"linter": {
+		"enabled": true,
+		"rules": { "recommended": false },
+		"includes": ["**", "!dist/**"]
+	},
+	"javascript": {
+		"formatter": { "quoteStyle": "double" },
+		"globals": ["exports"]
+	},
+	"assist": {
+		"enabled": true,
+		"actions": { "source": { "organizeImports": "on" } }
+	}
+}

.prettierrc.js

@@ -1,8 +1,8 @@
 // NPM Dependencies
-const to = require('to-case');
+const to = require("to-case");
 
 // File Dependencies
-const { generateComponentFiles } = require('./lib');
+const { generateComponentFiles } = require("./lib");
 
 /*
 	Generates the React component's files
@@ -14,7 +14,7 @@ const generateComponent = async (
 	customCSS,
 	customJSExtension,
 	customCssExtension,
-	nextjsSassSupport
+	nextjsSassSupport,
 ) => {
 	const title = to.pascal(componentName);
 	const folderName = to.slug(componentName);

biome.json

@@ -1,5 +1,5 @@
 // Dependencies
-const createFile = require('../helpers/createFile');
+const createFile = require("../helpers/createFile");
 
 /**
  * Defines the DOM to put inside of the React component, depending on the
@@ -32,13 +32,11 @@ const getFileContentForComponent = (
 	folderName,
 	customDOM,
 	customCssExtension,
-	nextjsSassSupport
+	nextjsSassSupport,
 ) => {
 	const element = getDOM({ folderName, nextjsSassSupport, customDOM });
-	const nextJsStylesVariable = nextjsSassSupport ? 'styles from ' : '';
-	const fileExtension = nextjsSassSupport
-		? 'module.scss'
-		: customCssExtension;
+	const nextJsStylesVariable = nextjsSassSupport ? "styles from " : "";
+	const fileExtension = nextjsSassSupport ? "module.scss" : customCssExtension;
 	const importStatement = `import ${nextJsStylesVariable}'./${title}.${fileExtension}';`;
 	return fileContentTemplate({ importStatement, title, element });
 	// The text template for the file content
@@ -56,14 +54,14 @@ const generateComponentFile = async ({
 	customCssExtension,
 	nextjsSassSupport,
 }) => {
-	if (!customJSExtension) customJSExtension = 'js';
+	if (!customJSExtension) customJSExtension = "js";
 	const fileName = `${title}.${customJSExtension}`;
 	const fileContent = getFileContentForComponent(
 		title,
 		folderName,
 		customDOM,
 		customCssExtension,
-		nextjsSassSupport
+		nextjsSassSupport,
 	);
 	return await createFile(folderPath, fileName, fileContent);
 };

eslint.config.mjs

@@ -2,9 +2,9 @@
 const {
 	getFileContentForComponent,
 	generateComponentFile,
-} = require('./component');
-const { getFileContentForStyleFile, generateStyleFile } = require('./style');
-const { getFileContentForTestFile, generateTestFile } = require('./test');
+} = require("./component");
+const { getFileContentForStyleFile, generateStyleFile } = require("./style");
+const { getFileContentForTestFile, generateTestFile } = require("./test");
 
 module.exports = {
 	getFileContentForComponent,

index.js

@@ -1,11 +1,11 @@
 // Dependencies
-const createFile = require('../helpers/createFile');
+const createFile = require("../helpers/createFile");
 
 /*
 	Generates the file content for the Styling file
 */
 const getFileContentForStyleFile = (title, customCSS) => {
-	const css = customCSS || '// TODO - put styling information here';
+	const css = customCSS || "// TODO - put styling information here";
 	return `
 #${title} {
 	${css}
@@ -24,7 +24,7 @@ const generateStyleFile = async ({
 	nextjsSassSupport,
 }) => {
 	const fileName = `${title}.${
-		nextjsSassSupport ? 'module.scss' : customCssExtension || 'scss'
+		nextjsSassSupport ? "module.scss" : customCssExtension || "scss"
 	}`;
 	const fileContent = getFileContentForStyleFile(folderName, customCSS);
 	return await createFile(folderPath, fileName, fileContent);

lib/generators/component.js

@@ -1,5 +1,5 @@
 // Dependencies
-const createFile = require('../helpers/createFile');
+const createFile = require("../helpers/createFile");
 
 /*
 	Generates the file content for the test file
@@ -18,7 +18,7 @@ describe('${title}', () => {
 	Generates the test file
 */
 const generateTestFile = async ({ title, folderPath, customJSExtension }) => {
-	if (!customJSExtension) customJSExtension = 'js';
+	if (!customJSExtension) customJSExtension = "js";
 	const fileName = `${title}.test.${customJSExtension}`;
 	const fileContent = getFileContentForTestFile(title);
 	return await createFile(folderPath, fileName, fileContent);

lib/generators/index.js

@@ -1,7 +1,7 @@
 // NPM Dependencies
-const util = require('util');
-const path = require('path');
-const fs = require('fs');
+const util = require("util");
+const path = require("path");
+const fs = require("fs");
 
 // Promisified functions
 const writeFile = util.promisify(fs.writeFile);