fix

Author: kerwin612

routers/web/repo/tree.go

@@ -4,6 +4,7 @@
 package repo
 
 import (
+	"errors"
 	"net/http"
 
 	"code.gitea.io/gitea/modules/base"
@@ -58,7 +59,7 @@ func Tree(ctx *context.Context) {
 	recursive := ctx.FormBool("recursive")
 
 	if ctx.Repo.RefFullName == "" {
-		ctx.Error(http.StatusBadRequest, "RefFullName", "ref_name is invalid")
+		ctx.ServerError("RefFullName", errors.New("ref_name is invalid"))
 		return
 	}
 

web_src/js/components/ViewFileTreeItem.vue

@@ -25,19 +25,19 @@ const doLoadChildren = async () => {
   collapsed.value = !collapsed.value;
   if (!collapsed.value && props.loadChildren) {
     isLoading.value = true;
-    const _children = await props.loadChildren(props.item);
+    const _children = await props.loadChildren(props.item.path);
     children.value = _children;
     isLoading.value = false;
   }
 };
 
 const doLoadDirContent = () => {
   doLoadChildren();
-  props.loadContent(props.item);
+  props.loadContent(props.item.path);
 };
 
 const doLoadFileContent = () => {
-  props.loadContent(props.item);
+  props.loadContent(props.item.path);
 };
 
 const doGotoSubModule = () => {

web_src/js/features/repo-view-file-tree-sidebar.ts

@@ -10,7 +10,7 @@ import {initTargetPdfViewer} from '../render/pdf.ts';
 import {initTargetButtons} from './common-button.ts';
 import {initTargetCopyContent} from './copycontent.ts';
 
-async function toggleSidebar(visibility, isSigned) {
+async function toggleSidebar(visibility: boolean, isSigned: boolean) {
   const sidebarEl = document.querySelector('.repo-view-file-tree-sidebar');
   const showBtnEl = document.querySelector('.show-tree-sidebar-button');
   const containerClassList = sidebarEl.parentElement.classList;
@@ -29,11 +29,11 @@ async function toggleSidebar(visibility, isSigned) {
   });
 }
 
-async function loadChildren(item, recursive?: boolean) {
+async function loadChildren(path: string, recursive?: boolean) {
   const fileTree = document.querySelector('#view-file-tree');
   const apiBaseUrl = fileTree.getAttribute('data-api-base-url');
   const refTypeNameSubURL = fileTree.getAttribute('data-current-ref-type-name-sub-url');
-  const response = await GET(`${apiBaseUrl}/tree/${refTypeNameSubURL}/${item ? item.path : ''}?recursive=${recursive ?? false}`);
+  const response = await GET(`${apiBaseUrl}/tree/${refTypeNameSubURL}/${path ?? ''}?recursive=${recursive ?? false}`);
   const json = await response.json();
   if (json instanceof Array) {
     return json.map((i) => ({
@@ -90,12 +90,12 @@ export async function initViewFileTreeSidebar() {
 
   const selectedItem = ref(treePath);
 
-  const files = await loadChildren({path: treePath}, true);
+  const files = await loadChildren(treePath, true);
 
   fileTree.classList.remove('is-loading');
-  const fileTreeView = createApp(ViewFileTree, {files, selectedItem, loadChildren, loadContent: (item) => {
-    window.history.pushState(null, null, `${baseUrl}/src${refString}/${item.path}`);
-    selectedItem.value = item.path;
+  const fileTreeView = createApp(ViewFileTree, {files, selectedItem, loadChildren, loadContent: (path: string) => {
+    window.history.pushState(null, null, `${baseUrl}/src${refString}/${path}`);
+    selectedItem.value = path;
     loadContent();
   }});
   fileTreeView.mount(fileTree);
@@ -106,7 +106,7 @@ export async function initViewFileTreeSidebar() {
   });
 }
 
-function extractPath(url) {
+function extractPath(url: string) {
   // Create a URL object
   const urlObj = new URL(url);