github-folder-tree/dist/esm/hooks/useGitHubFolderTree.js

github-folder-tree is a React custom hook that allows you to fetch and process the contents of a GitHub folder. It retrieves information about the files and subfolders in the specified folder, including their names, file types, download URLs, SHA hashes,

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import { useState } from 'react';
import JSZip from 'jszip';
import FileSaver from 'file-saver';
import { fetchFolderData, processFolderContents } from '../utils/apiUtils';
import { generateZip } from '../utils/zipUtils';
export const useGitHubFolderTree = (folderUrl, apiKey) => {
    const [repoFiles, setRepoFiles] = useState([]);
    const [repoInfo, setRepoInfo] = useState({
        user: '',
        repo: '',
        branch: '',
        dir: '',
    });
    const { repo, branch, dir } = repoInfo;
    const [error, setError] = useState('');
    const [log, setLog] = useState('');
    const fetchRepositoryContents = () => __awaiter(void 0, void 0, void 0, function* () {
        var _a, _b;
        try {
            const urlRegex = /https:\/\/github.com\/([^\/]+)\/([^\/]+)\/tree\/([^\/]+)\/?(.*)/;
            if (!folderUrl) {
                setError('Please enter a GitHub folder URL');
                return;
            }
            const matches = folderUrl.match(urlRegex);
            if (!matches) {
                setError('Invalid GitHub folder URL');
                return;
            }
            const user = matches[1];
            const repo = matches[2];
            const branch = matches[3];
            const dir = matches[4] || '';
            setRepoInfo({ user, repo, branch, dir });
            setLog(`Extracted user: ${user}, repo: ${repo}, branch: ${branch}, dir: ${dir}`);
            const apiUrl = `https://api.github.com/repos/${user}/${repo}/contents/${dir}?ref=${branch}`;
            setLog(`Fetching repository contents from ${apiUrl}`);
            const folderData = yield fetchFolderData(apiUrl, setError, setLog, apiKey);
            setLog('Folder data fetched');
            const processedFiles = yield processFolderContents(folderData, setError, setLog, dir, apiKey);
            setRepoFiles(prevFiles => [...prevFiles, ...processedFiles].filter(Boolean));
        }
        catch (error) {
            setError((_b = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message);
        }
    });
    const useGitHubFolderDownload = () => __awaiter(void 0, void 0, void 0, function* () {
        if (repoFiles.length === 0) {
            setError('No repository files available');
            return;
        }
        try {
            const zip = new JSZip();
            yield generateZip(zip, repoFiles, setError, setLog);
            const zipBlob = yield zip.generateAsync({ type: 'blob' });
            const fileName = dir ? dir.split('/').pop() : `${repo}-${branch}`;
            console.log(fileName);
            FileSaver.saveAs(zipBlob, fileName);
        }
        catch (error) {
            setError('An error occurred while creating the ZIP file');
        }
    });
    return {
        repoFiles,
        fetchRepositoryContents,
        useGitHubFolderDownload,
        error,
        log,
        repoInfo,
    };
};
//# sourceMappingURL=useGitHubFolderTree.js.map