code-snippets / js / hooks / useSubmitSnippet.tsx

useSubmitSnippet.tsx in Code Snippets 3.10.0-beta.2, at js/hooks/useSubmitSnippet.tsx

153 lines 5.3 KB

Raw Download Zip

1	import { __ } from '@wordpress/i18n'
2	import { isAxiosError } from 'axios'
3	import React, { useCallback } from 'react'
4	import { useSnippetForm } from '../components/EditMenu/SnippetForm/WithSnippetFormContext'
5	import { createSnippetObject, isCondition } from '../utils/snippets/snippets'
6	import { buildUrl } from '../utils/urls'
7	import { useSnippetsAPI } from './useSnippetsAPI'
8	import type { Snippet } from '../types/Snippet'
9	import type { ScreenNotice } from '../types/ScreenNotice'
10
11	const snippetMessages = {
12	addNew: __('Create New Snippet', 'code-snippets'),
13	edit: __('Edit Snippet', 'code-snippets'),
14	created: __('Snippet <strong>created</strong>.', 'code-snippets'),
15	updated: __('Snippet <strong>updated</strong>.', 'code-snippets'),
16	createdActivated: __('Snippet <strong>created</strong> and <strong>activated</strong>.', 'code-snippets'),
17	updatedActivated: __('Snippet <strong>updated</strong> and <strong>activated</strong>.', 'code-snippets'),
18	updatedDeactivated: __('Snippet <strong>updated</strong> and <strong>deactivated</strong>'),
19	updatedExecuted: __('Snippet <strong>updated</strong> and <strong>executed</strong>.', 'code-snippets'),
20	failedCreate: __('Could not create snippet.', 'code-snippets'),
21	failedUpdate: __('Could not update snippet.', 'code-snippets'),
22	} as const
23
24	const conditionCreated = __('Condition <strong>created</strong>.', 'code-snippets')
25	const conditionUpdated = __('Condition <strong>updated</strong>.', 'code-snippets')
26
27	const conditionMessages: typeof snippetMessages = {
28	addNew: __('Create New Condition', 'code-snippets'),
29	edit: __('Edit Condition', 'code-snippets'),
30	created: conditionCreated,
31	updated: conditionUpdated,
32	createdActivated: conditionCreated,
33	updatedActivated: conditionUpdated,
34	updatedDeactivated: conditionUpdated,
35	updatedExecuted: conditionUpdated,
36	failedCreate: __('Could not create condition.', 'code-snippets'),
37	failedUpdate: __('Could not update condition.', 'code-snippets')
38	}
39
40	export enum SubmitSnippetAction {
41	SAVE = 'save_snippet',
42	SAVE_AND_ACTIVATE = 'save_snippet_activate',
43	SAVE_AND_EXECUTE = 'save_snippet_execute',
44	SAVE_AND_DEACTIVATE = 'save_snippet_deactivate'
45	}
46
47	const getSuccessNotice = (
48	request: Partial<Snippet>,
49	response: Snippet,
50	action: SubmitSnippetAction = SubmitSnippetAction.SAVE
51	): string => {
52	const messages = 'condition' === request.scope ? conditionMessages : snippetMessages
53	const wasCreated = 0 === request.id
54
55	switch (action) {
56	case SubmitSnippetAction.SAVE:
57	return wasCreated ? messages.created : messages.updated
58
59	case SubmitSnippetAction.SAVE_AND_EXECUTE:
60	return messages.updatedExecuted
61
62	case SubmitSnippetAction.SAVE_AND_ACTIVATE:
63	if ('single-use' === response.scope) {
64	return messages.updatedExecuted
65	} else {
66	return wasCreated
67	? messages.createdActivated
68	: messages.updatedActivated
69	}
70
71	case SubmitSnippetAction.SAVE_AND_DEACTIVATE:
72	return messages.updatedDeactivated
73	}
74	}
75
76	const getActivationErrorNotice = (snippet: Snippet): ScreenNotice => [
77	'error',
78	__('Snippet could not be activated.', 'code-snippets'),
79	<span key="code-snippets-activation-error">
80	{__('The snippet was saved, but remains inactive due to this error:', 'code-snippets')}
81	{' '}
82	<strong>{snippet.code_error?.[0] ?? ''}</strong>
83	</span>,
84	snippet.code_error_trace ?? undefined
85	]
86
87	export interface UseSubmitSnippet {
88	submitSnippet: (snippet: Partial<Snippet> & Pick<Snippet, 'network'>, action?: SubmitSnippetAction) => Promise<Snippet \| undefined>
89	}
90
91	export const useSubmitSnippet = (): UseSubmitSnippet => {
92	const api = useSnippetsAPI()
93	const { acceptSnippet, setIsWorking, setCurrentNotice } = useSnippetForm()
94
95	const submitSnippet: UseSubmitSnippet['submitSnippet'] = useCallback(async (snippet, action) => {
96	setCurrentNotice(undefined)
97	setIsWorking(true)
98
99	const request = { ...snippet }
100
101	if (SubmitSnippetAction.SAVE_AND_ACTIVATE === action) {
102	request.active = true
103	} else if (SubmitSnippetAction.SAVE_AND_DEACTIVATE === action) {
104	request.active = false
105	}
106
107	const result = await (async (): Promise<Snippet \| string \| undefined> => {
108	try {
109	const { id } = request
110
111	const response = await (undefined === id \|\| 0 === id
112	? api.create(request)
113	: api.update({ ...request, id }))
114
115	return response.id ? createSnippetObject(response) : undefined
116	} catch (error) {
117	return isAxiosError(error) ? error.message : undefined
118	} finally {
119	setIsWorking(false)
120	}
121	})()
122
123	const messages = isCondition(snippet) ? conditionMessages : snippetMessages
124
125	if (undefined === result \|\| 'string' === typeof result) {
126	const message = [
127	request.id ? messages.failedUpdate : messages.failedCreate,
128	result ?? __('The server did not send a valid response.', 'code-snippets')
129	]
130
131	setCurrentNotice(['error', message.filter(Boolean).join(' ')])
132	return undefined
133	}
134
135	acceptSnippet(result)
136
137	if (result.code_error && SubmitSnippetAction.SAVE_AND_ACTIVATE === action) {
138	setCurrentNotice(getActivationErrorNotice(result))
139	} else {
140	setCurrentNotice(['updated', getSuccessNotice(snippet, result, action)])
141	}
142
143	if (request.id && result.id) {
144	window.document.title = window.document.title.replace(snippetMessages.addNew, messages.edit)
145	window.history.replaceState({}, '', buildUrl(window.CODE_SNIPPETS?.urls.edit, { id: result.id }))
146	}
147
148	return result
149	}, [acceptSnippet, api, setIsWorking, setCurrentNotice])
150
151	return { submitSnippet }
152	}
153