handle boolean and defaults

ThemePlate · Apr 10, 2024 · 7ea3f04 · 7ea3f04
1 parent 1c3b3ed
commit 7ea3f04
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/src/components/CodePreview.tsx b/src/components/CodePreview.tsx
@@ -11,9 +11,19 @@ interface Props {
 
 const item = (value: FieldItemType) => {
 	const items = Object.entries(value)
-		.filter(([key]) => key !== 'key')
+		.filter(([key, value]) => {
+			if (key === 'key') {
+				return false;
+			}
+
+			return undefined !== value;
+		})
 		.map(([key, val]) => {
-			return `'${key}' => '${val}'`;
+			if (typeof val === 'string') {
+				val = `'${val}'`;
+			}
+
+			return `'${key}' => ${val}`;
 		});
 
 	return `'${value.key}' => array(

diff --git a/src/components/FieldForm.tsx b/src/components/FieldForm.tsx
@@ -14,6 +14,22 @@ export const classes = {
 	field: 'col-span-3 rounded bg-neutral-600 px-3 py-1',
 };
 
+const DEFAULTS = {
+	multiple: false,
+	none: false,
+	style: '',
+	repeatable: false,
+	required: false,
+};
+
+const prepare = (name: string, value?: string | boolean) => {
+	if (name in DEFAULTS && value === DEFAULTS[name as keyof typeof DEFAULTS]) {
+		value = undefined;
+	}
+
+	return value;
+};
+
 export default function ({ values, save }: Props) {
 	const [showAdvanced, setShowAdvanced] = useState(false);
 
@@ -23,7 +39,7 @@ export default function ({ values, save }: Props) {
 
 		save({
 			...values,
-			[name]: saveValue,
+			[name]: prepare(name, saveValue),
 		});
 	};