mirror of
https://github.com/hanzoai/forge.git
synced 2026-10-30 15:00:39 +00:00
zeekayandHanzo Dev
412997543a
- svg icon set: gitea-* → hanzo-* (60 icons — the names render into the DOM as class attributes on every page); webhook-type icon content replaced: the white Gitea TEACUP → the Hanzo mark (currentColor). - Actions bot identity: gitea-actions / 'Gitea Actions' / [email protected] → hanzo-actions / 'Hanzo Actions' / [email protected] — this signs every Actions-generated commit. Virtual user (id -2, no DB row) so no migration; old git commits keep their historical author. Legacy name stays reserved so nobody can squat it. - emoji defaults: :gitea:/:gogs:/:codeberg: ripped (pngs deleted); kept git/github/gitlab (real interop marks). - external-render seam tokens (script#, query params, data-attr, CSS var), EasyMDE toolbar keys, theme meta-info marker gitea-theme-meta-info → hanzo-theme-meta-info (parser + all 9 theme files + tests). - meta keywords default → git,self-hosted,hanzo; update-checker cron now DISABLED by default + pointed at hanzoai/git releases (was phoning dl.gitea.com weekly and comparing against the wrong product's versions). - user-visible snippets/links: cargo registry name, debian keyring paths, LDAP filter placeholders, install placeholders, home/appearance/admin links, swagger profile-URL description, oauth2 modal DOM ids, web_src module gitea-actions.ts → actions-types.ts. - KEPT (functional, not brand): webhook TYPE key 'gitea' + /gitea/new route (existing hooks), ssh-keygen -n gitea signing namespace (verification compat), 'gitea doctor' CLI examples (actual binary name), migrate-from- Gitea interop naming, swagger enum values. Co-authored-by: Hanzo Dev <[email protected]>
121 lines
3.4 KiB
Vue
121 lines
3.4 KiB
Vue
<script lang="ts" setup>
|
|
import {SvgIcon} from '../svg.ts';
|
|
import {isPlainClick} from '../utils/dom.ts';
|
|
import {shouldTriggerAreYouSure} from '../vendor/jquery.are-you-sure.ts';
|
|
import {shallowRef} from 'vue';
|
|
import type {createViewFileTreeStore, FileTreeItem} from './ViewFileTreeStore.ts';
|
|
|
|
const props = defineProps<{
|
|
item: FileTreeItem,
|
|
store: ReturnType<typeof createViewFileTreeStore>
|
|
}>();
|
|
|
|
const store = props.store;
|
|
const isLoading = shallowRef(false);
|
|
const children = shallowRef(props.item.children);
|
|
const collapsed = shallowRef(!props.item.children);
|
|
|
|
const doLoadChildren = async () => {
|
|
collapsed.value = !collapsed.value;
|
|
if (!collapsed.value) {
|
|
isLoading.value = true;
|
|
try {
|
|
children.value = await store.loadChildren(props.item.fullPath);
|
|
} finally {
|
|
isLoading.value = false;
|
|
}
|
|
}
|
|
};
|
|
|
|
const onItemClick = (e: MouseEvent) => {
|
|
// only handle the click event with partial page reloading if both
|
|
// - the user didn't press any special key like "Ctrl+Click" (which may have custom browser behavior)
|
|
// - the editor/commit form isn't dirty (a full page reload shows a confirmation dialog if the form contains unsaved changes)
|
|
if (!isPlainClick(e) || shouldTriggerAreYouSure()) return;
|
|
e.preventDefault();
|
|
if (props.item.entryMode === 'tree') doLoadChildren();
|
|
store.navigateTreeView(props.item.fullPath);
|
|
};
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<a
|
|
class="tree-item silenced"
|
|
:class="{
|
|
'selected': store.selectedItem === item.fullPath,
|
|
'type-submodule': item.entryMode === 'commit',
|
|
'type-directory': item.entryMode === 'tree',
|
|
'type-symlink': item.entryMode === 'symlink',
|
|
'type-file': item.entryMode === 'blob' || item.entryMode === 'exec',
|
|
}"
|
|
:title="item.entryName"
|
|
:href="store.buildTreePathWebUrl(item.fullPath)"
|
|
@click.stop="onItemClick"
|
|
>
|
|
<div v-if="item.entryMode === 'tree'" class="item-toggle">
|
|
<SvgIcon v-if="isLoading" name="hanzo-running" class="rotate-clockwise"/>
|
|
<SvgIcon v-else :name="collapsed ? 'octicon-chevron-right' : 'octicon-chevron-down'" @click.stop.prevent="doLoadChildren"/>
|
|
</div>
|
|
<div class="item-content">
|
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
|
<span class="tw-contents" v-html="(!collapsed && item.entryIconOpen) ? item.entryIconOpen : item.entryIcon"/>
|
|
<span class="gt-ellipsis">{{ item.entryName }}</span>
|
|
</div>
|
|
</a>
|
|
|
|
<div v-if="children?.length" v-show="!collapsed" class="sub-items">
|
|
<ViewFileTreeItem v-for="childItem in children" :key="childItem.entryName" :item="childItem" :store="store"/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.sub-items {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1px;
|
|
margin-left: 14px;
|
|
border-left: 1px solid var(--color-secondary);
|
|
}
|
|
|
|
.tree-item.selected {
|
|
color: var(--color-text);
|
|
background: var(--color-active);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.tree-item.type-directory {
|
|
user-select: none;
|
|
}
|
|
|
|
.tree-item {
|
|
display: grid;
|
|
grid-template-columns: 16px 1fr;
|
|
grid-template-areas: "toggle content";
|
|
gap: 0.25em;
|
|
padding: 6px;
|
|
}
|
|
|
|
.tree-item:hover {
|
|
color: var(--color-text);
|
|
background: var(--color-hover);
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.item-toggle {
|
|
grid-area: toggle;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.item-content {
|
|
grid-area: content;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
text-overflow: ellipsis;
|
|
min-width: 0;
|
|
}
|
|
</style>
|