[Add] add users github tokens

Author: junnei

Diff for: src/theme/CodeBlock/index.js

@@ -17,15 +17,17 @@ function maybeStringifyChildren(children) {
   return Array.isArray(children) ? children.join("") : children;
 }
 
+
 export default function CodeBlock({ children: rawChildren, ...props }) {
   const [codes, setCodes] = useState([]); // 코드를 담을 상태
   const [names, setNames] = useState([]);
   const [members, setMembers] = useState([]);
 
   const axios = require('axios');
 
-  const fetchMembers = async (org = "Code-Study", token = null) => {
+  const fetchMembers = async (org = "Code-Study") => {
     try {
+        const token = localStorage.getItem('githubToken');
         const options = token
             ? {
                 headers: { Authorization: `Bearer ${token}` },
@@ -40,63 +42,51 @@ export default function CodeBlock({ children: rawChildren, ...props }) {
         setMembers(members)
         return members;
     } catch (error) {
-        console.error('Error fetching organization members:', error);
-    }
-  };
-
-  const getRepositoryContents = async (owner, repo, path = '') => {
-    try {
-      const response = await axios.get(`https://api.github.com/repos/${owner}/${repo}/contents/${path}`);
-      return response.data;
-    } catch (error) {
-      console.error('Error fetching repository contents:', error);
-      return [];
-    }
-  };
-
-  const getFilesRecursively = async (owner, repo, path = '') => {
-      let files = [];
-      const contents = await getRepositoryContents(owner, repo, path);
-      
-      for (const content of contents) {
-        if (content.type === 'file') {
-          // 파일인 경우 목록에 추가
-          files.push(content.path);
-        } else if (content.type === 'dir') {
-          // 폴더인 경우 재귀적으로 해당 폴더의 파일을 가져옴
-          const subFiles = await getFilesRecursively(owner, repo, content.path);
-          files = files.concat(subFiles);
+        if (error.response && error.response.status === 403) {
+          console.error('Error: 403 Forbidden. A token is required.');
+          
+          const userToken = prompt('Access denied. Please provide a valid GitHub personal access token:');
+          
+          if (userToken) {
+            localStorage.setItem('githubToken', userToken);
+            return await fetchMembers(org);
+          } else {
+            console.error('No token provided. Unable to access the file.');
+            return null;
+          }
+        } else {
+          console.error('Error fetching file content:', error);
+          return null;
         }
-      }
-      return files;
+    }
   };
 
   const getRepositoryFileContent = async (owner, repo, path) => {
     try {
-      const response = await axios.get(`https://api.github.com/repos/${owner}/${repo}/contents/${path}`);
+      const token = localStorage.getItem('githubToken');
+      const options = token
+          ? {
+              headers: { Authorization: `Bearer ${token}` },
+              params: { filter: 'all' },
+              }
+          : {};
+      const response = await axios.get(`https://api.github.com/repos/${owner}/${repo}/contents/${path}`, options);
       const content = decodeURIComponent(escape(window.atob(response.data.content))); // 디코딩
       return content;
     } catch (error) {
-      console.error('Error fetching file content:', error);
-      return null;
+      if (error.response && error.response.status === 403) {
+        console.error('Error: 403 Forbidden. A token is required.');
+      } else {
+        console.error('Error fetching file content:', error);
+        return null;
+      }
     }
   };
 
   const fetchCodes = async () => {
     try {
-      // const pattern = /^[a-zA-Z]+-[a-zA-Z]+\/\d+\/\d+\/\d+$/;
-      // const pattern = /^[a-zA-Z]+-[a-zA-Z]+\/[a-zA-Z]+-\d+\/\d+-[a-zA-Z]+-[a-zA-Z]+\/\d+$/;
-      const pattern = /^(leet-code|novice-high)\/.+\/.+\/.+$/;
+      const pattern = /^\d{4}-/;
       if ((pattern.test(props.metastring) === true) && (props.className === "language-python")) {
-        const contents = await getFilesRecursively('Code-Study', 'Code', props.metastring);
-        const codePromises = contents.map(element =>
-          getRepositoryFileContent('Code-Study', 'Code', element)
-        );
-        const codeContents = await Promise.all(codePromises);
-        setCodes(codeContents);
-        //console.log(contents.map(elem => elem.split('/').pop().split('.')[0]));
-        setNames(contents.map(elem => elem.split('/').pop().split('.')[0]));
-      } else {
         const memberContents = await fetchMembers('Code-Study');
         const fileName = props.metastring+'/'+props.metastring+'.py'
         memberContents.map(async member =>  {