mirror of
https://github.com/go-gitea/gitea.git
synced 2026-06-22 22:25:13 +00:00
804b9bf120
- Bump `eslint`, `typescript-eslint` and `eslint-plugin-unicorn` (to v68), and configure the rules added in unicorn v66/v67/v68. - Remove `eslint-plugin-github` and its workarounds (rules, type stub, pnpm peer override, in-code `eslint-disable` comments); the rules worth keeping are covered by `unicorn` equivalents. - Apply the resulting fixes and autofixes across the JS codebase. _Prepared with Claude (Opus 4.8)._ --------- Signed-off-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
64 lines
2.7 KiB
TypeScript
64 lines
2.7 KiB
TypeScript
import {reactive} from 'vue';
|
|
import {GET} from '../modules/fetch.ts';
|
|
import {pathEscapeSegments} from '../utils/url.ts';
|
|
import {createElementFromHTML} from '../utils/dom.ts';
|
|
import {html} from '../utils/html.ts';
|
|
|
|
export type FileTreeItem = {
|
|
entryName: string;
|
|
entryMode: 'blob' | 'exec' | 'tree' | 'commit' | 'symlink' | 'unknown';
|
|
entryIcon: string;
|
|
entryIconOpen: string;
|
|
fullPath: string;
|
|
submoduleUrl?: string;
|
|
children?: Array<FileTreeItem>;
|
|
};
|
|
|
|
export function createViewFileTreeStore(props: {repoLink: string, treePath: string, currentRefNameSubURL: string}) {
|
|
const store = reactive({
|
|
rootFiles: [] as Array<FileTreeItem>,
|
|
selectedItem: props.treePath,
|
|
|
|
async loadChildren(treePath: string, subPath: string = '') {
|
|
// there is no git ref if no commits were made yet (an empty repo)
|
|
if (!props.currentRefNameSubURL) return null;
|
|
|
|
const response = await GET(`${props.repoLink}/tree-view/${props.currentRefNameSubURL}/${pathEscapeSegments(treePath)}?sub_path=${encodeURIComponent(subPath)}`);
|
|
const json = await response.json();
|
|
const poolSvgs = [];
|
|
for (const [svgId, svgContent] of Object.entries(json.renderedIconPool ?? {})) {
|
|
if (!document.querySelector(`.global-svg-icon-pool #${svgId}`)) poolSvgs.push(svgContent);
|
|
}
|
|
if (poolSvgs.length) {
|
|
const svgContainer = createElementFromHTML(html`<div class="global-svg-icon-pool svg-icon-container"></div>`);
|
|
svgContainer.innerHTML = poolSvgs.join('');
|
|
document.body.append(svgContainer);
|
|
}
|
|
return json.fileTreeNodes ?? null;
|
|
},
|
|
|
|
async loadViewContent(url: string) {
|
|
const u = new URL(url, window.origin);
|
|
u.searchParams.set('only_content', 'true');
|
|
const response = await GET(u.href);
|
|
const elViewContent = document.querySelector('.repo-view-content')!;
|
|
elViewContent.innerHTML = await response.text();
|
|
const elViewContentData = elViewContent.querySelector('.repo-view-content-data');
|
|
if (!elViewContentData) return; // if error occurs, there is no such element
|
|
const t1 = elViewContentData.getAttribute('data-document-title');
|
|
const t2 = elViewContentData.getAttribute('data-document-title-common');
|
|
document.title = `${t1} - ${t2}`; // follow the format in head.tmpl: <head><title>...</title></head>
|
|
},
|
|
|
|
async navigateTreeView(treePath: string) {
|
|
const url = store.buildTreePathWebUrl(treePath);
|
|
window.history.pushState({treePath, url}, '', url);
|
|
store.selectedItem = treePath;
|
|
await store.loadViewContent(url);
|
|
},
|
|
|
|
buildTreePathWebUrl: (treePath: string) => `${props.repoLink}/src/${props.currentRefNameSubURL}/${pathEscapeSegments(treePath)}`,
|
|
});
|
|
return store;
|
|
}
|