119 lines
3.4 KiB
TypeScript
119 lines
3.4 KiB
TypeScript
import { NEXT_PUBLIC_CDN_URL } from '@/config/constants';
|
|
import matter from 'gray-matter';
|
|
|
|
const BASE_URL = `${NEXT_PUBLIC_CDN_URL}/gh/perfect-panel/ppanel-tutorial`;
|
|
|
|
// async function getVersion() {
|
|
// // API rate limit: 60 requests per hour
|
|
// const response = await fetch(
|
|
// 'https://data.jsdelivr.com/v1/stats/packages/gh/perfect-panel/ppanel-tutorial/versions',
|
|
// );
|
|
// const json = await response.json();
|
|
// return json[0].version;
|
|
// }
|
|
|
|
async function getVersionPath() {
|
|
// return getVersion()
|
|
// .then((version) => `${BASE_URL}@${version}`)
|
|
// .catch((error) => {
|
|
// console.warn('Error fetching the version:', error);
|
|
// return `${BASE_URL}@latest`;
|
|
// });
|
|
return `${BASE_URL}@latest`;
|
|
}
|
|
|
|
export async function getTutorial(path: string): Promise<{
|
|
config?: Record<string, unknown>;
|
|
content: string;
|
|
}> {
|
|
const versionPath = await getVersionPath();
|
|
try {
|
|
const url = `${versionPath}/${path}`;
|
|
const response = await fetch(url);
|
|
if (!response.ok) {
|
|
throw new Error(`HTTP error! status: ${response.status}`);
|
|
}
|
|
const text = await response.text();
|
|
const { data, content } = matter(text);
|
|
const markdown = addPrefixToImageUrls(content, getUrlPrefix(url));
|
|
return {
|
|
config: data,
|
|
content: markdown,
|
|
};
|
|
} catch (error) {
|
|
console.error('Error fetching the markdown file:', error);
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
type TutorialItem = {
|
|
title: string;
|
|
path: string;
|
|
subItems?: TutorialItem[];
|
|
};
|
|
|
|
const processIcon = (item: TutorialItem) => {
|
|
if ('icon' in item && typeof item.icon === 'string' && !item.icon.startsWith('http')) {
|
|
item.icon = `${BASE_URL}/${item.icon}`;
|
|
}
|
|
};
|
|
|
|
export async function getTutorialList() {
|
|
const { config, content } = await getTutorial('SUMMARY.md');
|
|
const navigation = config as Record<string, TutorialItem[]> | undefined;
|
|
|
|
if (!navigation) {
|
|
return parseTutorialToMap(content);
|
|
}
|
|
|
|
Object.values(navigation)
|
|
.flat()
|
|
.forEach((item) => {
|
|
item.subItems?.forEach(processIcon);
|
|
});
|
|
|
|
return new Map(Object.entries(navigation));
|
|
}
|
|
|
|
function parseTutorialToMap(markdown: string): Map<string, TutorialItem[]> {
|
|
const map = new Map<string, TutorialItem[]>();
|
|
let currentSection = '';
|
|
const lines = markdown.split('\n');
|
|
|
|
for (const line of lines) {
|
|
if (line.startsWith('## ')) {
|
|
currentSection = line.replace('## ', '').trim();
|
|
map.set(currentSection, []);
|
|
} else if (line.startsWith('* ')) {
|
|
const [, text, link] = line.match(/\* \[(.*?)\]\((.*?)\)/) || [];
|
|
if (text && link) {
|
|
if (!map.has(currentSection)) {
|
|
map.set(currentSection, []);
|
|
}
|
|
map.get(currentSection)!.push({ title: text, path: link });
|
|
}
|
|
} else if (line.startsWith(' * ')) {
|
|
const [, text, link] = line.match(/\* \[(.*?)\]\((.*?)\)/) || [];
|
|
if (text && link) {
|
|
const lastItem = map.get(currentSection)?.slice(-1)[0];
|
|
if (lastItem) {
|
|
if (!lastItem.subItems) {
|
|
lastItem.subItems = [];
|
|
}
|
|
lastItem.subItems.push({ title: text, path: link });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return map;
|
|
}
|
|
function getUrlPrefix(url: string): string {
|
|
return url.replace(/\/[^/]+\.md$/, '/');
|
|
}
|
|
function addPrefixToImageUrls(markdown: string, prefix: string): string {
|
|
return markdown.replace(/!\[(.*?)\]\((.*?)\)/g, (match, imgAlt, imgUrl) => {
|
|
return ` ? imgUrl : `${prefix}${imgUrl}`})`;
|
|
});
|
|
}
|