import { __ } from '@wordpress/i18n' import { useSnippetsAPI } from '../../../hooks/useSnippetsAPI' import { useSnippetsList } from '../../../hooks/useSnippetsList' import { handleUnknownError } from '../../../utils/errors' import { downloadBulkSnippetExportFile } from '../../../utils/files' import { cloneSnippetObject } from '../../../utils/snippets/snippets' import type { ListTableAction } from '../../common/ListTable' import type { Snippet } from '../../../types/Snippet' export type SnippetsTableAction = 'activate' | 'deactivate' | 'clone' | 'export' | 'download' | 'trash' | 'restore' | 'delete' export const BULK_ACTIONS: ListTableAction[] = [ { key: 'activate', label: __('Activate', 'code-snippets') }, { key: 'deactivate', label: __('Deactivate', 'code-snippets') }, { key: 'clone', label: __('Clone', 'code-snippets') }, { key: 'export', label: __('Export', 'code-snippets') }, { key: 'download', label: __('Download', 'code-snippets') }, { key: 'trash', label: __('Trash', 'code-snippets') } ] export const TRASHED_BULK_ACTIONS: ListTableAction[] = [ { key: 'restore', label: __('Restore', 'code-snippets') }, { key: 'delete', label: __('Delete Permanently', 'code-snippets') } ] const BULK_DOWNLOAD_ACTION = 'bulk-download' const INDIVIDUAL_DOWNLOAD_DELAY_MS = 200 const submitBulkSnippetDownload = (snippets: readonly Snippet[]): Promise => { if (0 === snippets.length) { return Promise.resolve() } const form = document.createElement('form') const appendHiddenField = (name: string, value: string) => { const input = document.createElement('input') input.type = 'hidden' input.name = name input.value = value form.appendChild(input) } form.method = 'post' form.action = window.location.href form.hidden = true appendHiddenField('code_snippets_action', BULK_DOWNLOAD_ACTION) appendHiddenField('code_snippets_bulk_download_nonce', window.CODE_SNIPPETS_MANAGE?.bulkDownloadNonce ?? '') appendHiddenField( 'snippets', JSON.stringify(snippets.map(({ id, network }) => ({ id, network }))) ) document.body.appendChild(form) form.submit() window.setTimeout(() => { form.remove() }, 0) return Promise.resolve() } const submitBulkSnippetDownloadsIndividually = (snippets: readonly Snippet[]): Promise => snippets.reduce( (promise, snippet) => promise.then( () => new Promise(resolve => { void submitBulkSnippetDownload([snippet]) window.setTimeout(resolve, INDIVIDUAL_DOWNLOAD_DELAY_MS) }) ), Promise.resolve() ) const applyAndRefresh = async ( targets: Snippet[], action: (snippet: Snippet) => Promise | Promise, refresh: () => Promise ): Promise => { if (0 < targets.length) { for (const snippet of targets) { await action(snippet).catch(handleUnknownError) } await refresh() } } export const useApplyBulkAction = ( allSnippets: Snippet[] ): (action: SnippetsTableAction | undefined, selected: Set) => Promise => { const api = useSnippetsAPI() const { refreshSnippetsList } = useSnippetsList() return async (action, selected) => { switch (action) { case 'activate': await applyAndRefresh( allSnippets.filter(snippet => selected.has(snippet.id) && !snippet.active), snippet => api.activate({ id: snippet.id, network: snippet.network }), refreshSnippetsList) break case 'deactivate': await applyAndRefresh( allSnippets.filter(snippet => selected.has(snippet.id) && snippet.active), snippet => api.deactivate({ id: snippet.id, network: snippet.network }), refreshSnippetsList) break case 'clone': await applyAndRefresh( allSnippets.filter(snippet => selected.has(snippet.id) && !snippet.trashed), snippet => api.create(cloneSnippetObject(snippet)), refreshSnippetsList) break case 'export': downloadBulkSnippetExportFile(allSnippets.filter(snippet => selected.has(snippet.id))) break case 'download': { const selectedSnippets = allSnippets.filter(snippet => selected.has(snippet.id)) return 1 < selectedSnippets.length && !window.CODE_SNIPPETS_MANAGE?.supportsZipDownloads ? submitBulkSnippetDownloadsIndividually(selectedSnippets) : submitBulkSnippetDownload(selectedSnippets) } case 'trash': case 'delete': await applyAndRefresh( allSnippets.filter(snippet => selected.has(snippet.id)), snippet => api.delete({ id: snippet.id, network: snippet.network }), refreshSnippetsList) break case undefined: break } } }