Initial commit: WordPress wp-content (themes, plugins, languages)

- Theme: momentry (custom theme with REST API routes)
- Plugins: code-snippets (contains all API proxies)
- Languages: zh_TW translations
- Excludes: cache, backups, uploads, logs

plugins/code-snippets/js/services/settings/editor-preview.ts

@@ -0,0 +1,55 @@
+import '../../editor'
+
+const parseSelect = (select: HTMLSelectElement) => select.options[select.selectedIndex].value
+const parseCheckbox = (checkbox: HTMLInputElement) => checkbox.checked
+const parseNumber = (input: HTMLInputElement) => parseInt(input.value, 10)
+
+const initialiseCodeMirror = () => {
+	const { codeEditor } = window.wp
+	const textarea = document.getElementById('code_snippets_editor_preview')
+
+	if (textarea) {
+		window.code_snippets_editor_preview = codeEditor.initialize(textarea)
+		return window.code_snippets_editor_preview.codemirror
+	}
+
+	console.error('Could not initialise CodeMirror on textarea.', textarea)
+	return undefined
+}
+
+export const handleEditorPreviewUpdates = () => {
+	const editor = initialiseCodeMirror()
+	const editorSettings = window.code_snippets_editor_settings
+
+	for (const setting of editorSettings) {
+		const element = document.querySelector(`[name="code_snippets_settings[editor][${setting.name}]"]`)
+
+		element?.addEventListener('change', () => {
+			const opt = setting.codemirror
+
+			const value = (() => {
+				switch (setting.type) {
+					case 'select':
+						return parseSelect(<HTMLSelectElement> element)
+					case 'checkbox':
+						return parseCheckbox(<HTMLInputElement> element)
+					case 'number':
+						return parseNumber(<HTMLInputElement> element)
+					default:
+						return null
+				}
+			})()
+
+			if (null !== value) {
+				if ('font_size' === setting.name) {
+					const codeElement = document.querySelector('.CodeMirror-code')
+					if (codeElement && codeElement instanceof HTMLElement) {
+						codeElement.style.fontSize = `${value}px`
+					}
+				} else {
+					editor?.setOption(opt, value)
+				}
+			}
+		})
+	}
+}