refactor: replace chalk with styleText

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

Author: kinggoesgaming

app/entry.server.tsx

@@ -1,4 +1,5 @@
 import { PassThrough } from 'stream'
+import { styleText } from 'node:util'
 import {
 	createReadableStreamFromReadable,
 	type LoaderFunctionArgs,
@@ -7,7 +8,6 @@ import {
 } from '@remix-run/node'
 import { RemixServer } from '@remix-run/react'
 import * as Sentry from '@sentry/remix'
-import chalk from 'chalk'
 import { isbot } from 'isbot'
 import { renderToPipeableStream } from 'react-dom/server'
 import { getEnv, init } from './utils/env.server.ts'
@@ -102,15 +102,15 @@ export function handleError(
 		return
 	}
 	if (error instanceof Error) {
-		console.error(chalk.red(error.stack))
+		console.error(styleText('red', String(error.stack)))
 		void Sentry.captureRemixServerException(
 			error,
 			'remix.server',
 			request,
 			true,
 		)
 	} else {
-		console.error(chalk.red(error))
+		console.error(styleText('red', String(error)))
 		Sentry.captureException(error)
 	}
 }

app/utils/db.server.ts

@@ -1,6 +1,6 @@
+import { styleText } from 'node:util'
 import { remember } from '@epic-web/remember'
 import { PrismaClient } from '@prisma/client'
-import chalk from 'chalk'
 
 export const prisma = remember('prisma', () => {
 	// NOTE: if you change anything in this function you'll need to restart
@@ -28,7 +28,8 @@ 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()

index.js

@@ -1,6 +1,8 @@
 import 'dotenv/config'
+// 👆 this needs to imported first
+
+import { styleText } from 'node:util'
 import * as fs from 'fs'
-import chalk from 'chalk'
 import closeWithGrace from 'close-with-grace'
 import sourceMapSupport from 'source-map-support'
 
@@ -20,8 +22,8 @@ sourceMapSupport.install({
 
 closeWithGrace(async ({ err }) => {
 	if (err) {
-		console.error(chalk.red(err))
-		console.error(chalk.red(err.stack))
+		console.error(styleText('red', err.message))
+		console.error(styleText('red', String(err.stack)))
 		process.exit(1)
 	}
 })

server/index.ts

@@ -1,8 +1,8 @@
 import crypto from 'crypto'
+import { styleText } from 'node:util'
 import { createRequestHandler } from '@remix-run/express'
 import { type ServerBuild } from '@remix-run/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'
@@ -237,7 +237,7 @@ if (!portAvailable && !IS_DEV) {
 const server = app.listen(portToUse, () => {
 	if (!portAvailable) {
 		console.warn(
-			chalk.yellow(
+			styleText('yellow',
 				`⚠️  Port ${desiredPort} is not available, using ${portToUse} instead.`,
 			),
 		)
@@ -255,9 +255,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(),
 	)
 })