From e54c2546b16ed7c090e82d312ca8b27c903e73d4 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Thu, 8 Feb 2024 16:37:58 +0530
Subject: [PATCH] fix acss config with unquoted keys

---
 src/computes.js | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/computes.js b/src/computes.js
index 40ee889..144bb64 100644
--- a/src/computes.js
+++ b/src/computes.js
@@ -54,7 +54,7 @@ export function computeCss(userCode, mode, settings) {
 				{
 					indentedSyntax: mode === CssModes.SASS
 				},
-				function(result) {
+				function (result) {
 					// Something was wrong
 					if (result.line && result.message) {
 						errors = {
@@ -80,12 +80,12 @@ export function computeCss(userCode, mode, settings) {
 		}
 	} else if (mode === CssModes.LESS) {
 		less.render(code).then(
-			function(result) {
+			function (result) {
 				d.resolve({
 					code: result.css
 				});
 			},
-			function(error) {
+			function (error) {
 				errors = {
 					lang: 'css',
 					data: [
@@ -102,7 +102,7 @@ export function computeCss(userCode, mode, settings) {
 			}
 		);
 	} else if (mode === CssModes.STYLUS) {
-		stylus(code).render(function(error, result) {
+		stylus(code).render(function (error, result) {
 			if (error) {
 				window.err = error;
 				// Last line of message is the actual message
@@ -132,10 +132,18 @@ export function computeCss(userCode, mode, settings) {
 			const html = code;
 			const foundClasses = atomizer.findClassNames(html);
 			var finalConfig;
+
+			// Regular expression to find unquoted keys: looks for word characters (including _) followed by a colon
+			// and put them in quotes
+			const fixedConfigJson = (settings.acssConfig || '{}').replace(
+				/([{,]\s*)([^\s"{:]+)(\s*:\s*)/g,
+				'$1"$2"$3'
+			);
+
 			try {
 				finalConfig = atomizer.getConfig(
 					foundClasses,
-					JSON.parse(settings.acssConfig)
+					JSON.parse(fixedConfigJson)
 				);
 			} catch (e) {
 				finalConfig = atomizer.getConfig(foundClasses, {});