# code-snippets/4.0.0-beta.1/js/hooks/useFileUploadAPI.ts

Code Snippets, version 4.0.0-beta.1. 88 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/code/js/hooks/useFileUploadAPI.ts
- Raw: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/raw/js/hooks/useFileUploadAPI.ts
- Modified: 2026-01-16T19:28:10+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.1/code/js/hooks/useFileUploadAPI.ts#L10-L20`.

```typescript
import { useMemo } from 'react'
import { useAxios } from './useAxios'
import type { AxiosResponse, CreateAxiosDefaults } from 'axios'

export interface FileUploadRequest {
	files: FileList
}

export interface FileParseResponse {
	snippets: ImportableSnippet[]
	total_count: number
	message: string
	warnings?: string[]
}

export interface ImportableSnippet {
	id?: number
	name: string
	desc?: string
	description?: string
	code: string
	tags?: string[]
	scope?: string
	source_file?: string
	table_data: {
		id: number | string
		title: string
		scope: string
		tags: string
		description: string
		type: string
	}
}

export interface SnippetImportRequest {
	snippets: ImportableSnippet[]
	duplicate_action: 'ignore' | 'replace' | 'skip'
	network?: boolean
}

export interface SnippetImportResponse {
	imported: number
	imported_ids: number[]
	message: string
}

const ROUTE_BASE = `${window.CODE_SNIPPETS?.restAPI.base}code-snippets/v1/`

const AXIOS_CONFIG: CreateAxiosDefaults = {
	headers: { 'X-WP-Nonce': window.CODE_SNIPPETS?.restAPI.nonce }
}

export interface FileUploadAPI {
	parseFiles: (request: FileUploadRequest) => Promise<AxiosResponse<FileParseResponse>>
	importSnippets: (request: SnippetImportRequest) => Promise<AxiosResponse<SnippetImportResponse>>
}

export const useFileUploadAPI = (): FileUploadAPI => {
	const { axiosInstance } = useAxios(AXIOS_CONFIG)

	return useMemo((): FileUploadAPI => ({
		parseFiles: (request: FileUploadRequest) => {
			const formData = new FormData()
			
			for (let i = 0; i < request.files.length; i++) {
				formData.append('files[]', request.files[i])
			}

			return axiosInstance.post<FileParseResponse>(
				`${ROUTE_BASE}file-upload/parse`, 
				formData,
				{
					headers: {
						'Content-Type': 'multipart/form-data',
					}
				}
			)
		},
		
		importSnippets: (request: SnippetImportRequest) => {
			return axiosInstance.post<SnippetImportResponse>(
				`${ROUTE_BASE}file-upload/import`,
				request
			)
		}
	}), [axiosInstance])
}

```