refactor: use styleText instead of chalk

Signed-off-by: Hunar Roop Kahlon <[email protected]>

Author: kinggoesgaming

app/entry.server.tsx

@@ -1,8 +1,7 @@
 import { PassThrough } from 'node:stream'
+import { styleText } from 'node:util'
 import { createReadableStreamFromReadable } from '@react-router/node'
-
 import * as Sentry from '@sentry/node'
-import chalk from 'chalk'
 import { isbot } from 'isbot'
 import { renderToPipeableStream } from 'react-dom/server'
 import {
@@ -107,7 +106,7 @@ export function handleError(
 		return
 	}
 	if (error instanceof Error) {
-		console.error(chalk.red(error.stack))
+		console.error(styleText('red', String(error.stack)))
 		void Sentry.captureException(error)
 	} else {
 		console.error(error)

app/utils/db.server.ts

@@ -1,7 +1,7 @@
+import { styleText } from 'node:util'
 import { remember } from '@epic-web/remember'
 // Changed import due to issue: https://github.com/remix-run/react-router/pull/12644
 import { PrismaClient } from '@prisma/client/index.js'
-import chalk from 'chalk'
 
 export const prisma = remember('prisma', () => {
 	// NOTE: if you change anything in this function you'll need to restart
@@ -29,7 +29,7 @@ export const prisma = remember('prisma', () => {
 						: e.duration < logThreshold * 1.4
 							? 'redBright'
 							: 'red'
-		const dur = chalk[color](`${e.duration}ms`)
+		const dur = styleText(color, `${e.duration}ms`)
 		console.info(`prisma:query - ${dur} - ${e.query}`)
 	})
 	void client.$connect()

server/index.ts

@@ -1,8 +1,8 @@
 import crypto from 'node:crypto'
+import { styleText } from 'node:util'
 import { createRequestHandler } from '@react-router/express'
 import * as Sentry from '@sentry/node'
 import { ip as ipAddress } from 'address'
-import chalk from 'chalk'
 import closeWithGrace from 'close-with-grace'
 import compression from 'compression'
 import express from 'express'
@@ -258,9 +258,7 @@ if (!portAvailable && !IS_DEV) {
 const server = app.listen(portToUse, () => {
 	if (!portAvailable) {
 		console.warn(
-			chalk.yellow(
-				`⚠️  Port ${desiredPort} is not available, using ${portToUse} instead.`,
-			),
+			styleText('yellow', `⚠️  Port ${desiredPort} is not available, using ${portToUse} instead.`),
 		)
 	}
 	console.log(`🚀  We have liftoff!`)
@@ -276,9 +274,9 @@ const server = app.listen(portToUse, () => {
 
 	console.log(
 		`
-${chalk.bold('Local:')}            ${chalk.cyan(localUrl)}
-${lanUrl ? `${chalk.bold('On Your Network:')}  ${chalk.cyan(lanUrl)}` : ''}
-${chalk.bold('Press Ctrl+C to stop')}
+${styleText('bold', 'Local:')}            ${styleText('cyan', localUrl)}
+${lanUrl ? `${styleText('bold', 'On Your Network:')}  ${styleText('cyan', lanUrl)}` : ''}
+${styleText('bold', 'Press Ctrl+C to stop')}
 		`.trim(),
 	)
 })
@@ -288,8 +286,8 @@ closeWithGrace(async ({ err }) => {
 		server.close((e) => (e ? reject(e) : resolve('ok')))
 	})
 	if (err) {
-		console.error(chalk.red(err))
-		console.error(chalk.red(err.stack))
+		console.error(styleText('red', String(err)))
+		console.error(styleText('red', String(err.stack)))
 		if (SENTRY_ENABLED) {
 			Sentry.captureException(err)
 			await Sentry.flush(500)