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/manage/activation.ts

@@ -0,0 +1,79 @@
+import { __ } from '@wordpress/i18n'
+import { updateSnippet } from './requests'
+import type { Snippet } from '../../types/Snippet'
+
+/**
+ * Update the snippet count of a specific view
+ * @param element
+ * @param increment
+ */
+const updateViewCount = (element: HTMLElement | null, increment: boolean) => {
+	if (element?.textContent) {
+		let count = parseInt(element.textContent.replace(/\((?<count>\d+)\)/, '$1'), 10)
+		count += increment ? 1 : -1
+		element.textContent = `(${count})`
+	} else {
+		console.error('Could not update view count.', element)
+	}
+}
+
+/**
+ * Activate an inactive snippet, or deactivate an active snippet
+ * @param link
+ * @param event
+ */
+export const toggleSnippetActive = (link: HTMLAnchorElement, event: Event) => {
+	const row = link.parentElement?.parentElement // Switch < cell < row
+	if (!row) {
+		console.error('Could not toggle snippet active status.', row)
+		return
+	}
+
+	const match = /\b(?:in)?active-snippet\b/.exec(row.className)
+	if (!match) {
+		return
+	}
+
+	event.preventDefault()
+
+	const activating = 'inactive-snippet' === match[0]
+	const snippet: Partial<Snippet> = { active: activating }
+
+	updateSnippet('active', row, snippet, response => {
+		const button: HTMLAnchorElement | null = row.querySelector('.snippet-activation-switch')
+
+		if (response.success) {
+			row.className = activating
+				? row.className.replace(/\binactive-snippet\b/, 'active-snippet')
+				: row.className.replace(/\bactive-snippet\b/, 'inactive-snippet')
+
+			const views = document.querySelector('.subsubsub')
+			const activeCount = views?.querySelector<HTMLElement>('.active .count')
+			const inactiveCount = views?.querySelector<HTMLElement>('.inactive .count')
+
+			if (activeCount) {
+				updateViewCount(activeCount, activating)
+			}
+
+			if (inactiveCount) {
+				updateViewCount(inactiveCount, activating)
+			}
+
+			if (button) {
+				button.title = activating ? __('Deactivate', 'code-snippets') : __('Activate', 'code-snippets')
+			}
+		} else {
+			row.className += ' erroneous-snippet'
+
+			if (button) {
+				button.title = __('An error occurred when attempting to activate', 'code-snippets')
+			}
+		}
+	})
+}
+
+export const handleSnippetActivationSwitches = () => {
+	for (const link of document.getElementsByClassName('snippet-activation-switch')) {
+		link.addEventListener('click', event => toggleSnippetActive(<HTMLAnchorElement> link, event))
+	}
+}

plugins/code-snippets/js/services/manage/cloud.ts

@@ -0,0 +1,45 @@
+import Prism from 'prismjs'
+import 'prismjs/components/prism-clike'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-css'
+import 'prismjs/components/prism-php'
+import 'prismjs/components/prism-markup'
+import 'prismjs/plugins/keep-markup/prism-keep-markup'
+
+/**
+ * Handle clicks on snippet preview button.
+ */
+export const handleShowCloudPreview = () => {
+	const previewButtons = document.querySelectorAll('.cloud-snippet-preview')
+
+	previewButtons.forEach(button => {
+		button.addEventListener('click', () => {
+			const snippetId = button.getAttribute('data-snippet')
+			const snippetLanguage = button.getAttribute('data-lang')
+
+			const snippetCodeInput = <HTMLInputElement | null> document.getElementById(`cloud-snippet-code-${snippetId}`)
+			const snippetCodeModalTag = document.getElementById('snippet-code-thickbox')
+
+			if (!snippetCodeModalTag || !snippetCodeInput) {
+				return
+			}
+
+			snippetCodeModalTag.classList.remove(...snippetCodeModalTag.classList)
+			snippetCodeModalTag.classList.add(`language-${snippetLanguage}`)
+			snippetCodeModalTag.textContent = snippetCodeInput.value
+
+			if ('markup' === snippetLanguage) {
+				snippetCodeModalTag.innerHTML = `<xmp>${snippetCodeInput.value}</xmp>`
+			}
+
+			if ('php' === snippetLanguage) {
+				// Check if there is an opening php tag if not add it.
+				if (!snippetCodeInput.value.startsWith('<?php')) {
+					snippetCodeModalTag.textContent = `<?php\n${snippetCodeInput.value}`
+				}
+			}
+
+			Prism.highlightElement(snippetCodeModalTag)
+		})
+	})
+}

plugins/code-snippets/js/services/manage/index.ts

@@ -0,0 +1,3 @@
+export { handleSnippetActivationSwitches } from './activation'
+export { handleSnippetPriorityChanges } from './priority'
+export { handleShowCloudPreview } from './cloud'

plugins/code-snippets/js/services/manage/priority.ts

@@ -0,0 +1,22 @@
+import { updateSnippet } from './requests'
+import type { Snippet } from '../../types/Snippet'
+
+/**
+ * Update the priority of a snippet
+ */
+export const updateSnippetPriority = (element: HTMLInputElement) => {
+	const row = element.parentElement?.parentElement
+	const snippet: Partial<Snippet> = { priority: parseFloat(element.value) }
+	if (row) {
+		updateSnippet('priority', row, snippet)
+	} else {
+		console.error('Could not update snippet information.', snippet, row)
+	}
+}
+
+export const handleSnippetPriorityChanges = () => {
+	for (const field of <HTMLCollectionOf<HTMLInputElement>> document.getElementsByClassName('snippet-priority')) {
+		field.addEventListener('input', () => updateSnippetPriority(field))
+		field.disabled = false
+	}
+}

plugins/code-snippets/js/services/manage/requests.ts

@@ -0,0 +1,56 @@
+import { isNetworkAdmin } from '../../utils/screen'
+import type { SnippetSchema } from '../../types/schema/SnippetSchema'
+import type { Snippet, SnippetScope } from '../../types/Snippet'
+
+export interface ResponseData<T = unknown> {
+	success: boolean
+	data?: T
+}
+
+export type SuccessCallback = (response: ResponseData) => void
+
+const sendSnippetRequest = (query: string, onSuccess?: SuccessCallback) => {
+	const request = new XMLHttpRequest()
+	request.open('POST', window.ajaxurl, true)
+	request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8')
+
+	request.onload = () => {
+		const success = 200
+		const errorStart = 400
+		if (success > request.status || errorStart <= request.status) {
+			return
+		}
+
+		console.info(request.responseText)
+		onSuccess?.(<ResponseData> JSON.parse(request.responseText))
+	}
+
+	request.send(query)
+}
+
+/**
+ * Update the data of a given snippet using AJAX
+ * @param field
+ * @param row
+ * @param snippet
+ * @param successCallback
+ */
+export const updateSnippet = (field: keyof Snippet, row: Element, snippet: Partial<Snippet>, successCallback?: SuccessCallback) => {
+	const nonce = <HTMLInputElement | null> document.getElementById('code_snippets_ajax_nonce')
+	const columnId = row.querySelector('.column-id')
+
+	if (!nonce || !columnId?.textContent || !parseInt(columnId.textContent, 10)) {
+		return
+	}
+
+	const updatedSnippet: Partial<SnippetSchema> = {
+		id: parseInt(columnId.textContent, 10),
+		shared_network: null !== /\bshared-network-snippet\b/.exec(row.className),
+		network: snippet.shared_network ?? isNetworkAdmin(),
+		scope: <SnippetScope | null> row.getAttribute('data-snippet-scope') ?? snippet.scope,
+		...snippet
+	}
+
+	const queryString = `action=update_code_snippet&_ajax_nonce=${nonce.value}&field=${field}&snippet=${JSON.stringify(updatedSnippet)}`
+	sendSnippetRequest(queryString, successCallback)
+}