From 44467e45d8d82d9da0ed90507bc168bebfa362e9 Mon Sep 17 00:00:00 2001
From: lifeparticle <mahbubzaman17@gmail.com>
Date: Mon, 9 Oct 2023 23:10:35 +1100
Subject: [PATCH] update about

---
 ui/src/data/featureData.ts | 38 +++++++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 9 deletions(-)

diff --git a/ui/src/data/featureData.ts b/ui/src/data/featureData.ts
index 6cc59485..36c1e9bb 100644
--- a/ui/src/data/featureData.ts
+++ b/ui/src/data/featureData.ts
@@ -21,6 +21,9 @@ const LIBRARY_URLS: LibraryList = {
 	diff: "https://www.npmjs.com/package/diff",
 	"@excalidraw/excalidraw":
 		"https://www.npmjs.com/package/@excalidraw/excalidraw",
+	"js-beautify": "https://www.npmjs.com/package/js-beautify",
+	"@monaco-editor/react":
+		"https://www.npmjs.com/package/@monaco-editor/react",
 };
 
 interface Feature {
@@ -67,16 +70,16 @@ export const FEATURE_DATA: Feature[] = [
 		fullDescription:
 			"Round or square? Dotted or dashed? Vivid or monochrome? Customize your border styles and add a splash of color to make your website's edges as unique as your imagination. Generate border codes that match your creative vision with ease. It's the ultimate playground for crafting stylish CSS borders that elevate your web creations from mundane to magnificent.",
 		link: routesById.borderradius.path,
-		library: [{ name: "faker.js", url: LIBRARY_URLS["faker-js"] }],
+		library: [{ name: "Vanilla JS", url: "" }],
+	},
+	{
+		key: routesById.boxshadow.id,
+		name: routesById.boxshadow.title,
+		shortDescription: routesById.boxshadow.description,
+		fullDescription: "",
+		link: routesById.boxshadow.path,
+		library: [{ name: "Vanilla JS", url: "" }],
 	},
-	// {
-	// 	key: routesById.boxshadow.id,
-	// 	name: routesById.boxshadow.title,
-	// 	shortDescription: routesById.boxshadow.description,
-	// fullDescription: "",
-	// 	link: routesById.boxshadow.path,
-	// 	library: [{ name: "faker.js", url: LIBRARY_URLS["faker-js"] }],
-	// },
 	{
 		key: routesById.base64.id,
 		name: routesById.base64.title,
@@ -291,4 +294,21 @@ export const FEATURE_DATA: Feature[] = [
 		link: routesById.blog.path,
 		library: [{ name: "Vanilla JS", url: "" }],
 	},
+	{
+		key: routesById.codeformatter.id,
+		name: routesById.codeformatter.title,
+		shortDescription: routesById.codeformatter.description,
+		fullDescription: "",
+		link: routesById.codeformatter.path,
+		library: [
+			{
+				name: "Monaco Editor",
+				url: LIBRARY_URLS["@monaco-editor/react"],
+			},
+			{
+				name: "js-beautify",
+				url: LIBRARY_URLS["js-beautify"],
+			},
+		],
+	},
 ];