julian/chrom-tool
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

i18n

Browse Source
This commit is contained in:
Julian Freeman
2026-04-17 17:26:55 -04:00
parent 1c43a318c6
commit 6062a38b99
14 changed files with 137 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@@ -145,9 +145,9 @@ const {
<div class="scan-dot dot-three"></div>
</div>
</div>
<p class="eyebrow">Scanning</p>
<h2>Reading local browser data</h2>
<p>Profiles, extensions, bookmarks, and saved login sites are being collected.</p>
<p class="eyebrow">扫描中</p>
<h2>正在读取本地浏览器数据</h2>
<p>正在收集用户资料、插件、书签和已保存登录站点。</p>
<div class="loading-steps" aria-hidden="true">
<span></span>
<span></span>
@@ -158,8 +158,8 @@ const {
<template v-else-if="error">
<section class="state-panel error">
<p class="eyebrow">Error</p>
<h2>Scan failed</h2>
<p class="eyebrow">错误</p>
<h2>扫描失败</h2>
<p>{{ error }}</p>
</section>
</template>
@@ -246,9 +246,9 @@ const {
<template v-else>
<section class="state-panel">
<p class="eyebrow">No Data</p>
<h2>No supported browser was detected</h2>
<p>Install or sign in to Chrome, Edge, or Brave and refresh the scan.</p>
<p class="eyebrow">无数据</p>
<h2>没有检测到受支持的浏览器</h2>
<p>请安装或登录 Chrome、Edge、Brave 等浏览器后再刷新扫描。</p>
</section>
</template>
</main>

36
src/components/browser-data/AssociatedProfilesModal.vue
View File

@@ -64,7 +64,7 @@ function isSelected(profileId: string) {
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button modal-close-button" type="button" @click="emit('close')">
Close
关闭
</button>
</div>
@@ -83,7 +83,7 @@ function isSelected(profileId: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -91,14 +91,14 @@ function isSelected(profileId: string) {
:disabled="!selectedProfileIds.length || deleteBusy"
@click="emit('deleteSelectedProfiles')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedProfileIds.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedProfileIds.length}）` }}
</button>
</div>
<div class="modal-table-header modal-grid" :class="{ bookmark: isBookmark, extension: isExtension }">
<div v-if="isSelectableMode" class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Avatar</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">Name</button>
<div v-if="isSelectableMode" class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">头像</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="sortKey = 'name'">名称</button>
<button
v-if="!isExtension && !isBookmark"
class="header-cell sortable"
@@ -106,11 +106,11 @@ function isSelected(profileId: string) {
type="button"
@click="sortKey = 'id'"
>
Profile ID
资料 ID
</button>
<div v-if="isExtension" class="header-cell">Source</div>
<div v-if="isBookmark" class="header-cell">Bookmark Path</div>
<div class="header-cell actions-cell">Action</div>
<div v-if="isExtension" class="header-cell">来源</div>
<div v-if="isBookmark" class="header-cell">书签路径</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="modal-table-body styled-scrollbar">
<article
@@ -151,7 +151,7 @@ function isSelected(profileId: string) {
<span class="badge neutral">{{ profile.id }}</span>
</div>
<div v-if="isExtension && hasInstallSource(profile)" class="row-cell muted-cell">
{{ profile.installSource === "store" ? "Store" : "External" }}
{{ profile.installSource === "store" ? "商店安装" : "外部安装" }}
</div>
<div
v-if="isBookmark && hasBookmarkPath(profile)"
@@ -167,7 +167,7 @@ function isSelected(profileId: string) {
:disabled="isOpeningProfile(browserId, profile.id)"
@click="emit('openProfile', browserId, profile.id)"
>
{{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
{{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
</button>
<button
v-if="isSelectableMode"
@@ -176,7 +176,7 @@ function isSelected(profileId: string) {
:disabled="deleteBusy"
@click="emit('deleteProfile', profile.id)"
>
Delete
删除
</button>
</div>
</article>
@@ -217,12 +217,22 @@ function isSelected(profileId: string) {
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.modal-header h3 {
margin: 0;
font-weight: 600;
letter-spacing: -0.03em;
min-width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.modal-close-button {
flex-shrink: 0;
}
.modal-table {

17
src/components/browser-data/BookmarkRemovalModal.vue
View File

@@ -52,19 +52,18 @@ const resultSummary = computed(() => {
<section class="modal-card">
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button" type="button" @click="emit('close')">Close</button>
<button class="secondary-button" type="button" @click="emit('close')">关闭</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
This will remove {{ bookmarkCount }} bookmark{{ bookmarkCount === 1 ? "" : "s" }} from
{{ profileCount }} profile{{ profileCount === 1 ? "" : "s" }}.
将从 {{ profileCount }} 个资料中删除 {{ bookmarkCount }} 个书签。
</p>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Deleting..." : "Confirm Delete" }}
{{ busy ? "删除中..." : "确认删除" }}
</button>
</div>
</template>
@@ -72,15 +71,11 @@ const resultSummary = computed(() => {
<template v-else>
<p v-if="generalError" class="result-banner error">{{ generalError }}</p>
<p class="modal-copy">
Successfully removed {{ resultSummary.successCount }} bookmark{{
resultSummary.successCount === 1 ? "" : "s"
}}. Failed to remove {{ resultSummary.failedCount }} bookmark{{
resultSummary.failedCount === 1 ? "" : "s"
}}.
成功删除 {{ resultSummary.successCount }} 个书签，失败 {{ resultSummary.failedCount }} 个。
</p>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

16
src/components/browser-data/BookmarksList.vue
View File

@@ -47,7 +47,7 @@ function isSelected(url: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -55,15 +55,15 @@ function isSelected(url: string) {
:disabled="!selectedBookmarkUrls.length || deleteBusy"
@click="emit('deleteSelected')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedBookmarkUrls.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedBookmarkUrls.length}）` }}
</button>
</div>
<div class="data-table-header bookmarks-grid">
<div class="header-cell checkbox-cell">Pick</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">Name</button>
<div class="header-cell checkbox-cell">选择</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'title' }" type="button" @click="emit('update:sortKey', 'title')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
<div class="header-cell actions-cell">Actions</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="bookmark in bookmarks" :key="bookmark.url" class="data-table-row bookmarks-grid">
@@ -89,7 +89,7 @@ function isSelected(url: string) {
<div class="row-cell muted-cell" :title="bookmark.url">{{ bookmark.url }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', bookmark.url)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ bookmark.profileIds.length }}</span>
</button>
<button
@@ -98,14 +98,14 @@ function isSelected(url: string) {
:disabled="deleteBusy"
@click="emit('deleteBookmark', bookmark.url)"
>
Delete
删除
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No bookmarks were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何书签。</p>
</div>
</section>
</template>

22
src/components/browser-data/BrowserDataView.vue
View File

@@ -126,7 +126,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'profiles')"
>
<span>Profiles</span>
<span>资料</span>
<span class="count-pill">{{ sectionCount("profiles") }}</span>
</button>
<button
@@ -135,7 +135,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'extensions')"
>
<span>Extensions</span>
<span>插件</span>
<span class="count-pill">{{ sectionCount("extensions") }}</span>
</button>
<button
@@ -144,7 +144,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'bookmarks')"
>
<span>Bookmarks</span>
<span>书签</span>
<span class="count-pill">{{ sectionCount("bookmarks") }}</span>
</button>
<button
@@ -153,7 +153,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'passwords')"
>
<span>Saved Logins</span>
<span>已保存登录</span>
<span class="count-pill">{{ sectionCount("passwords") }}</span>
</button>
<button
@@ -162,7 +162,7 @@ const emit = defineEmits<{
type="button"
@click="emit('update:activeSection', 'history')"
>
<span>History</span>
<span>历史</span>
<span class="count-pill">{{ sectionCount("history") }}</span>
</button>
</section>
@@ -233,7 +233,7 @@ const emit = defineEmits<{
<HistoryCleanupModal
v-if="historyCleanupConfirmProfiles.length"
mode="confirm"
title="Confirm History Cleanup"
title="确认清理历史"
:profiles="historyCleanupConfirmProfiles"
:results="[]"
:busy="cleanupHistoryBusy"
@@ -244,7 +244,7 @@ const emit = defineEmits<{
<HistoryCleanupModal
v-if="historyCleanupResultOpen"
mode="result"
title="Cleanup Result"
title="清理结果"
:profiles="[]"
:results="cleanupHistoryResults"
:general-error="cleanupHistoryError"
@@ -254,7 +254,7 @@ const emit = defineEmits<{
<BookmarkRemovalModal
v-if="bookmarkRemovalConfirmBookmarkCount > 0"
mode="confirm"
title="Confirm Bookmark Removal"
title="确认删除书签"
:bookmark-count="bookmarkRemovalConfirmBookmarkCount"
:profile-count="bookmarkRemovalConfirmProfileCount"
:results="[]"
@@ -266,7 +266,7 @@ const emit = defineEmits<{
<BookmarkRemovalModal
v-if="bookmarkRemovalResultOpen"
mode="result"
title="Bookmark Removal Result"
title="书签删除结果"
:bookmark-count="0"
:profile-count="0"
:results="bookmarkRemovalResults"
@@ -277,7 +277,7 @@ const emit = defineEmits<{
<ExtensionRemovalModal
v-if="extensionRemovalConfirmExtensions.length || extensionRemovalConfirmProfiles.length"
mode="confirm"
title="Confirm Extension Removal"
title="确认删除插件"
:extensions="extensionRemovalConfirmExtensions"
:profiles="extensionRemovalConfirmProfiles"
:results="[]"
@@ -289,7 +289,7 @@ const emit = defineEmits<{
<ExtensionRemovalModal
v-if="extensionRemovalResultOpen"
mode="result"
title="Extension Removal Result"
title="插件删除结果"
:extensions="[]"
:profiles="[]"
:results="extensionRemovalResults"

20
src/components/browser-data/ExtensionRemovalModal.vue
View File

@@ -58,22 +58,18 @@ const resultSummary = computed(() => {
<section class="modal-card">
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button" type="button" @click="emit('close')">Close</button>
<button class="secondary-button" type="button" @click="emit('close')">关闭</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
This will remove {{ confirmSummary.extensionCount }} extension{{
confirmSummary.extensionCount === 1 ? "" : "s"
}} from {{ confirmSummary.profileCount }} profile{{
confirmSummary.profileCount === 1 ? "" : "s"
}}.
将从 {{ confirmSummary.profileCount }} 个资料中删除 {{ confirmSummary.extensionCount }} 个插件。
</p>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Deleting..." : "Confirm Delete" }}
{{ busy ? "删除中..." : "确认删除" }}
</button>
</div>
</template>
@@ -81,15 +77,11 @@ const resultSummary = computed(() => {
<template v-else>
<p v-if="generalError" class="result-banner error">{{ generalError }}</p>
<p class="modal-copy">
Successfully removed {{ resultSummary.successCount }} extension{{
resultSummary.successCount === 1 ? "" : "s"
}}. Failed to remove {{ resultSummary.failedCount }} extension{{
resultSummary.failedCount === 1 ? "" : "s"
}}.
成功删除 {{ resultSummary.successCount }} 个插件，失败 {{ resultSummary.failedCount }} 个。
</p>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

20
src/components/browser-data/ExtensionsList.vue
View File

@@ -47,7 +47,7 @@ function isSelected(extensionId: string) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -55,16 +55,16 @@ function isSelected(extensionId: string) {
:disabled="!selectedExtensionIds.length || deleteBusy"
@click="emit('deleteSelected')"
>
{{ deleteBusy ? "Deleting..." : `Delete Selected (${selectedExtensionIds.length})` }}
{{ deleteBusy ? "删除中..." : `删除所选（${selectedExtensionIds.length}）` }}
</button>
</div>
<div class="data-table-header extensions-grid">
<div class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Icon</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Extension ID</button>
<div class="header-cell actions-cell">Actions</div>
<div class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">图标</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">插件 ID</button>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="extension in extensions" :key="extension.id" class="data-table-row extensions-grid">
@@ -94,7 +94,7 @@ function isSelected(extensionId: string) {
<div class="row-cell muted-cell" :title="extension.id">{{ extension.id }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', extension.id)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ extension.profileIds.length }}</span>
</button>
<button
@@ -103,14 +103,14 @@ function isSelected(extensionId: string) {
:disabled="deleteBusy"
@click="emit('deleteExtension', extension.id)"
>
Delete
删除
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No extensions were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何插件。</p>
</div>
</section>
</template>

26
src/components/browser-data/HistoryCleanupList.vue
View File

@@ -37,7 +37,7 @@ const allSelected = computed(
);
function statusLabel(status: CleanupFileStatus) {
return status === "found" ? "Found" : "Missing";
return status === "found" ? "存在" : "缺失";
}
function statusClass(status: CleanupFileStatus) {
@@ -79,7 +79,7 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
<path d="M3.5 8.2L6.4 11.1L12.5 4.9" />
</svg>
</span>
<span>Select All</span>
<span>全选</span>
</label>
<button
class="danger-button"
@@ -87,19 +87,19 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
:disabled="!selectedProfileIds.length || cleanupBusy"
@click="emit('cleanupSelected')"
>
{{ cleanupBusy ? "Cleaning..." : `Clean Selected (${selectedProfileIds.length})` }}
{{ cleanupBusy ? "清理中..." : `清理所选（${selectedProfileIds.length}）` }}
</button>
</div>
<div class="data-table-header history-grid">
<div class="header-cell checkbox-cell">Pick</div>
<div class="header-cell icon-cell">Avatar</div>
<div class="header-cell">Profile</div>
<div class="header-cell">History</div>
<div class="header-cell">Top Sites</div>
<div class="header-cell">Visited Links</div>
<div class="header-cell">Sessions</div>
<div class="header-cell actions-cell">Action</div>
<div class="header-cell checkbox-cell">选择</div>
<div class="header-cell icon-cell">头像</div>
<div class="header-cell">资料</div>
<div class="header-cell">历史记录</div>
<div class="header-cell">热门站点</div>
<div class="header-cell">访问链接</div>
<div class="header-cell">会话</div>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="profile in profiles" :key="profile.id" class="data-table-row history-grid">
@@ -158,14 +158,14 @@ function hasAnyHistoryFile(statuses: CleanupFileStatus[]) {
:disabled="!isSelectable(profile) || cleanupBusy"
@click="emit('cleanupProfile', profile.id)"
>
Clean
清理
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No profile directories were found for this browser.</p>
<p>这个浏览器没有找到任何用户资料目录。</p>
</div>
</section>
</template>

18
src/components/browser-data/HistoryCleanupModal.vue
View File

@@ -22,14 +22,14 @@ const emit = defineEmits<{
<div class="modal-header">
<h3>{{ title }}</h3>
<button class="secondary-button modal-close-button" type="button" @click="emit('close')">
Close
关闭
</button>
</div>
<template v-if="mode === 'confirm'">
<p class="modal-copy">
The selected profiles will have <code>History</code>, <code>Top Sites</code>, and
<code>Visited Links</code> removed, and all files inside <code>Sessions</code> cleared.
将删除所选资料中的 <code>History</code>、<code>Top Sites</code>、<code>Visited Links</code>，
并清空 <code>Sessions</code> 目录中的所有文件。
</p>
<div class="profile-list styled-scrollbar">
@@ -40,9 +40,9 @@ const emit = defineEmits<{
</div>
<div class="modal-actions">
<button class="secondary-button" type="button" @click="emit('close')">Cancel</button>
<button class="secondary-button" type="button" @click="emit('close')">取消</button>
<button class="danger-button" type="button" :disabled="busy" @click="emit('confirm')">
{{ busy ? "Cleaning..." : "Confirm Cleanup" }}
{{ busy ? "清理中..." : "确认清理" }}
</button>
</div>
</template>
@@ -60,19 +60,19 @@ const emit = defineEmits<{
<strong>{{ result.profileId }}</strong>
<p v-if="result.error">{{ result.error }}</p>
<p v-else-if="result.deletedFiles.length">
Deleted {{ result.deletedFiles.join(", ") }}
已删除：{{ result.deletedFiles.join("、") }}
</p>
<p v-else>
Nothing was deleted.
没有删除任何文件。
</p>
<p v-if="result.skippedFiles.length" class="muted-line">
Missing {{ result.skippedFiles.join(", ") }}
已跳过（不存在）：{{ result.skippedFiles.join("、") }}
</p>
</article>
</div>
<div class="modal-actions">
<button class="primary-button" type="button" @click="emit('close')">Close</button>
<button class="primary-button" type="button" @click="emit('close')">关闭</button>
</div>
</template>
</section>

8
src/components/browser-data/PasswordSitesList.vue
View File

@@ -16,9 +16,9 @@ const emit = defineEmits<{
<section class="table-section">
<div v-if="passwordSites.length" class="data-table">
<div class="data-table-header passwords-grid">
<button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">Domain</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'domain' }" type="button" @click="emit('update:sortKey', 'domain')">域名</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'url' }" type="button" @click="emit('update:sortKey', 'url')">URL</button>
<div class="header-cell actions-cell">Profiles</div>
<div class="header-cell actions-cell">关联资料</div>
</div>
<div class="data-table-body styled-scrollbar">
<article
@@ -32,7 +32,7 @@ const emit = defineEmits<{
<div class="row-cell muted-cell" :title="passwordSite.url">{{ passwordSite.url }}</div>
<div class="row-cell actions-cell">
<button class="disclosure-button" type="button" @click="emit('showProfiles', passwordSite.url)">
<span>View</span>
<span>查看</span>
<span class="badge neutral">{{ passwordSite.profileIds.length }}</span>
</button>
</div>
@@ -40,7 +40,7 @@ const emit = defineEmits<{
</div>
</div>
<div v-else class="empty-card">
<p>No saved login sites were discovered for this browser.</p>
<p>这个浏览器没有扫描到任何已保存登录站点。</p>
</div>
</section>
</template>

14
src/components/browser-data/ProfilesList.vue
View File

@@ -25,11 +25,11 @@ const emit = defineEmits<{
<div v-if="profiles.length" class="data-table">
<div class="data-table-header profiles-grid">
<div class="header-cell icon-cell">Avatar</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">Email</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">Profile ID</button>
<div class="header-cell actions-cell">Action</div>
<div class="header-cell icon-cell">头像</div>
<button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">名称</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'email' }" type="button" @click="emit('update:sortKey', 'email')">邮箱</button>
<button class="header-cell sortable" :class="{ active: sortKey === 'id' }" type="button" @click="emit('update:sortKey', 'id')">资料 ID</button>
<div class="header-cell actions-cell">操作</div>
</div>
<div class="data-table-body styled-scrollbar">
<article v-for="profile in profiles" :key="profile.id" class="data-table-row profiles-grid">
@@ -57,14 +57,14 @@ const emit = defineEmits<{
type="button"
@click="emit('openProfile', browserId, profile.id)"
>
{{ isOpeningProfile(browserId, profile.id) ? "Opening..." : "Open" }}
{{ isOpeningProfile(browserId, profile.id) ? "打开中..." : "打开" }}
</button>
</div>
</article>
</div>
</div>
<div v-else class="empty-card">
<p>No profile directories were found for this browser.</p>
<p>这个浏览器没有找到任何用户资料目录。</p>
</div>
</section>
</template>

30
src/components/config/ConfigurationView.vue
View File

@@ -45,28 +45,28 @@ const iconOptions = computed(() =>
<div class="config-form-card">
<div class="config-form-header collapsible">
<div>
<h3>Add Custom Browser</h3>
<h3>添加自定义浏览器</h3>
</div>
<button
class="secondary-button config-toggle-button"
type="button"
@click="formExpanded = !formExpanded"
>
{{ formExpanded ? "Collapse" : "Expand" }}
{{ formExpanded ? "收起" : "展开" }}
</button>
</div>
<div v-if="formExpanded" class="config-form-fields compact">
<div class="config-inline-row">
<label class="field-group">
<span>Name</span>
<span>名称</span>
<input
:value="createConfigForm.name"
placeholder="Work Chrome"
placeholder="例如：工作 Chrome"
@input="emit('updateName', ($event.target as HTMLInputElement).value)"
/>
</label>
<label class="field-group">
<span>Icon</span>
<span>图标</span>
<SortDropdown
:model-value="createConfigForm.iconKey ?? 'chrome'"
:options="iconOptions"
@@ -75,7 +75,7 @@ const iconOptions = computed(() =>
</label>
</div>
<label class="field-group">
<span>Executable Path</span>
<span>可执行文件路径</span>
<div class="path-input-row">
<input
:value="createConfigForm.executablePath"
@@ -83,12 +83,12 @@ const iconOptions = computed(() =>
@input="emit('updateExecutablePath', ($event.target as HTMLInputElement).value)"
/>
<button class="secondary-button" type="button" @click="emit('pickExecutablePath')">
Browse File
选择文件
</button>
</div>
</label>
<label class="field-group">
<span>User Data Path</span>
<span>用户资料路径</span>
<div class="path-input-row">
<input
:value="createConfigForm.userDataPath"
@@ -96,7 +96,7 @@ const iconOptions = computed(() =>
@input="emit('updateUserDataPath', ($event.target as HTMLInputElement).value)"
/>
<button class="secondary-button" type="button" @click="emit('pickUserDataPath')">
Browse Folder
选择文件夹
</button>
</div>
</label>
@@ -107,14 +107,14 @@ const iconOptions = computed(() =>
:disabled="savingConfig"
@click="emit('createConfig')"
>
{{ savingConfig ? "Saving..." : "Add Config" }}
{{ savingConfig ? "保存中..." : "添加配置" }}
</button>
</div>
</div>
</div>
<div v-if="configsLoading" class="empty-card">
<p>Loading browser configs...</p>
<p>正在加载浏览器配置...</p>
</div>
<div v-else class="stack-list">
<article
@@ -145,16 +145,16 @@ const iconOptions = computed(() =>
:disabled="isDeletingConfig(config.id)"
@click="emit('deleteConfig', config.id)"
>
{{ isDeletingConfig(config.id) ? "Deleting..." : "Delete" }}
{{ isDeletingConfig(config.id) ? "删除中..." : "删除" }}
</button>
</div>
<div class="config-meta">
<div class="config-meta-row">
<span class="config-label">Executable</span>
<p :title="config.executablePath">{{ config.executablePath || "Not resolved" }}</p>
<span class="config-label">可执行文件</span>
<p :title="config.executablePath">{{ config.executablePath || "未解析" }}</p>
</div>
<div class="config-meta-row">
<span class="config-label">User Data</span>
<span class="config-label">用户资料</span>
<p :title="config.userDataPath">{{ config.userDataPath }}</p>
</div>
</div>

10
src/components/sidebar/AppSidebar.vue
View File

@@ -22,7 +22,7 @@ const emit = defineEmits<{
<aside class="sidebar">
<div class="sidebar-toolbar">
<div class="sidebar-title-group">
<h1>Browser Assistant</h1>
<h1>浏览器助手</h1>
</div>
<button class="refresh-icon-button" type="button" @click="emit('refresh')">
<svg class="refresh-icon" viewBox="0 0 24 24" aria-hidden="true">
@@ -35,7 +35,7 @@ const emit = defineEmits<{
stroke-width="2"
/>
</svg>
<span class="sr-only">{{ loading || configsLoading ? "Refreshing..." : "Refresh" }}</span>
<span class="sr-only">{{ loading || configsLoading ? "刷新中..." : "刷新" }}</span>
</button>
</div>
@@ -63,7 +63,7 @@ const emit = defineEmits<{
</div>
<div v-else class="sidebar-empty">
<p>No supported Chromium browser data was found yet.</p>
<p>暂未找到受支持的 Chromium 浏览器数据。</p>
</div>
<button
@@ -73,10 +73,10 @@ const emit = defineEmits<{
@click="emit('selectConfiguration')"
>
<div class="browser-nav-icon config-nav-icon">
<img :src="configurationIconSrc" alt="Configuration icon" />
<img :src="configurationIconSrc" alt="配置图标" />
</div>
<div class="browser-nav-body">
<strong>Configuration</strong>
<strong>配置</strong>
</div>
</button>
</aside>

24
src/composables/useBrowserManager.ts
View File

@@ -165,7 +165,7 @@ export function useBrowserManager() {
browserConfigs.value = result.configs;
} catch (loadError) {
configError.value =
loadError instanceof Error ? loadError.message : "Failed to load browser configs.";
loadError instanceof Error ? loadError.message : "加载浏览器配置失败。";
} finally {
configsLoading.value = false;
}
@@ -181,7 +181,7 @@ export function useBrowserManager() {
error.value =
scanError instanceof Error
? scanError.message
: "Failed to scan browser data.";
: "扫描浏览器数据失败。";
} finally {
loading.value = false;
}
@@ -205,7 +205,7 @@ export function useBrowserManager() {
openProfileError.value =
openError instanceof Error
? openError.message
: "Failed to open the selected browser profile.";
: "打开所选浏览器资料失败。";
} finally {
openingProfileKey.value = "";
}
@@ -229,7 +229,7 @@ export function useBrowserManager() {
await scanBrowsers();
} catch (saveError) {
configError.value =
saveError instanceof Error ? saveError.message : "Failed to create browser config.";
saveError instanceof Error ? saveError.message : "创建浏览器配置失败。";
} finally {
savingConfig.value = false;
}
@@ -247,7 +247,7 @@ export function useBrowserManager() {
await scanBrowsers();
} catch (deleteError) {
configError.value =
deleteError instanceof Error ? deleteError.message : "Failed to delete browser config.";
deleteError instanceof Error ? deleteError.message : "删除浏览器配置失败。";
} finally {
deletingConfigId.value = "";
}
@@ -348,7 +348,7 @@ export function useBrowserManager() {
if (!extension || !currentBrowser.value) return;
extensionModalSelectedProfileIds.value = [];
associatedProfilesModal.value = {
title: `${extension.name} Profiles`,
title: extension.name,
browserId: currentBrowser.value.browserId,
profiles: extension.profiles,
isBookmark: false,
@@ -362,7 +362,7 @@ export function useBrowserManager() {
if (!bookmark || !currentBrowser.value) return;
bookmarkModalSelectedProfileIds.value = [];
associatedProfilesModal.value = {
title: `${bookmark.title} Profiles`,
title: bookmark.title,
browserId: currentBrowser.value.browserId,
profiles: bookmark.profiles,
isBookmark: true,
@@ -374,7 +374,7 @@ export function useBrowserManager() {
const passwordSite = currentBrowser.value?.passwordSites.find((item) => item.url === url);
if (!passwordSite || !currentBrowser.value) return;
associatedProfilesModal.value = {
title: `${passwordSite.domain} Profiles`,
title: passwordSite.domain,
browserId: currentBrowser.value.browserId,
profiles: passwordSite.profiles,
isBookmark: false,
@@ -523,7 +523,7 @@ export function useBrowserManager() {
cleanupHistoryError.value =
cleanupErrorValue instanceof Error
? cleanupErrorValue.message
: "Failed to clean history files.";
: "清理历史文件失败。";
historyCleanupResultOpen.value = true;
} finally {
historyCleanupBusy.value = false;
@@ -687,7 +687,7 @@ export function useBrowserManager() {
} else {
associatedProfilesModal.value = {
...associatedProfilesModal.value,
title: `${currentBookmark.title} Profiles`,
title: currentBookmark.title,
profiles: currentBookmark.profiles,
};
bookmarkModalSelectedProfileIds.value = bookmarkModalSelectedProfileIds.value.filter((id) =>
@@ -723,7 +723,7 @@ export function useBrowserManager() {
} catch (removeError) {
resetBookmarkRemovalConfirmState();
bookmarkRemovalError.value =
removeError instanceof Error ? removeError.message : "Failed to remove bookmarks.";
removeError instanceof Error ? removeError.message : "删除书签失败。";
bookmarkRemovalResultOpen.value = true;
} finally {
bookmarkDeleteBusy.value = false;
@@ -932,7 +932,7 @@ export function useBrowserManager() {
} catch (removeError) {
resetExtensionRemovalConfirmState();
extensionRemovalError.value =
removeError instanceof Error ? removeError.message : "Failed to remove extensions.";
removeError instanceof Error ? removeError.message : "删除插件失败。";
extensionRemovalResultOpen.value = true;
} finally {
extensionDeleteBusy.value = false;