Added nanoid and have questions generate a small unique id to fix issue with previewing question with the same name.

Author: AlexthePear

Diff for: package-lock.json

@@ -34,6 +34,7 @@
 		"@deno/kv": "^0.7.0",
 		"discord-api-types": "^0.37.67",
 		"export-to-csv": "^1.2.2",
+		"nanoid": "^5.1.0",
 		"sortablejs": "^1.15.2",
 		"ulid": "^2.3.0"
 	}

Diff for: package.json

@@ -1,26 +1,29 @@
 import { QuestionType } from '$lib/form';
 import type { Question } from '$lib/form/form';
+import { nanoid } from 'nanoid';
 
 export function makeBlankQuestion(type: QuestionType): Question {
+	const id = nanoid(5);
+
 	switch (type) {
 		case QuestionType.RADIO_GROUP:
 			return {
 				type,
-				name: '',
+				name: id,
 				content: 'No content.',
 				choices: []
 			};
 		case QuestionType.SELECT:
 			return {
 				type,
-				name: '',
+				name: id,
 				content: 'No content.',
 				options: []
 			};
 		default:
 			return {
 				type,
-				name: '',
+				name: id,
 				content: 'No content.'
 			};
 	}

Diff for: src/lib/components/form_editor/question_list_editor/add_item.ts

@@ -27,8 +27,8 @@
 		</fieldset>
 
 		<fieldset>
-			<legend>Internal Question</legend>
-			<input type="text" bind:value={data.name} placeholder="Internal Question Name" />
+			<legend>Question ID</legend>
+			<input type="text" bind:value={data.name} placeholder="Question ID" />
 		</fieldset>
 
 		<fieldset>