Project tree view and creation (#203)

* Implement creating and importing new projects

* Add downloading a zip of a project

* Project validation (WIP)

* Add project side panel, remove project pages

* Project file saving

* Add file tree actions to rename and delete

* Fix file creation auto focus

* Add button to save file from menu

* Add project creation

* Fix specificity on version switcher button

* Update default version to 1.19

* List project files by type, remember project and delete project

src/app/services/Source.ts

@@ -0,0 +1,56 @@
+import yaml from 'js-yaml'
+import { Store } from '../Store'
+
+const INDENTS: Record<string, number | string | undefined> = {
+	'2_spaces': 2,
+	'4_spaces': 4,
+	tabs: '\t',
+	minified: undefined,
+}
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+let commentJson: typeof import('comment-json') | null = null
+
+const FORMATS: Record<string, {
+	parse: (v: string) => Promise<unknown>,
+	stringify: (v: unknown, indentation: string | number | undefined) => string,
+}> = {
+	json: {
+		parse: async (v) => {
+			try {
+				return JSON.parse(v)
+			} catch (e) {
+				commentJson = await import('comment-json')
+				return commentJson.parse(v)
+			}
+		},
+		stringify: (v, i) => (commentJson ?? JSON).stringify(v, null, i) + '\n',
+	},
+	yaml: {
+		parse: async (v) => yaml.load(v),
+		stringify: (v, i) => yaml.dump(v, {
+			flowLevel: i === undefined ? 0 : -1,
+			indent: typeof i === 'string' ? 4 : i,
+		}),
+	},
+}
+
+export function stringifySource(data: unknown, format?: string, indent?: string) {
+	return FORMATS[format ?? Store.getFormat()].stringify(data, INDENTS[indent ?? Store.getIndent()])
+}
+
+export async function parseSource(data: string, format: string) {
+	return await FORMATS[format].parse(data)
+}
+
+export function getSourceIndent(indent: string) {
+	return INDENTS[indent]
+}
+
+export function getSourceIndents() {
+	return Object.keys(INDENTS)
+}
+
+export function getSourceFormats() {
+	return Object.keys(FORMATS)
+}