From eb20d48a8d9ee7c743f6a8024179b4d61c84d916 Mon Sep 17 00:00:00 2001
From: zjp <jiping_zhou@foxmail.com>
Date: Mon, 24 Feb 2025 22:37:21 +0800
Subject: [PATCH 1/3] feat(user/repo): redirect to /file-tree?user...repo... to

close https://github.com/os-checker/os-checker.github.io/issues/149
---
 os-checks/pages/[user]/[repo].vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/os-checks/pages/[user]/[repo].vue b/os-checks/pages/[user]/[repo].vue
index 9ccf8fd..b37928d 100644
--- a/os-checks/pages/[user]/[repo].vue
+++ b/os-checks/pages/[user]/[repo].vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-const route = useRoute();
-const user = route.params.user;
-const repo = route.params.repo;
+definePageMeta({
+  middleware: [
+    function (to, _from) {
+      const user = to.params.user;
+      const repo = to.params.repo;
+      const query = { user, repo, lock: "true" };
+      return navigateTo({ path: "/file-tree", query });
+    }
+  ]
+})
 </script>
-
-<template>
-  <div>
-    <FileTree :fetch_path="(target: string) => `ui/repos/${user}/${repo}/${target}.json`" />
-  </div>
-</template>

From e1680d92608d2fc2d11ebe285c191172ea3ee5bc Mon Sep 17 00:00:00 2001
From: zjp <jiping_zhou@foxmail.com>
Date: Mon, 24 Feb 2025 22:47:06 +0800
Subject: [PATCH 2/3] chore: purge FileTree component which is not used
 anywhere

---
 os-checks/components/FileTree.vue | 265 ------------------------------
 1 file changed, 265 deletions(-)
 delete mode 100644 os-checks/components/FileTree.vue

diff --git a/os-checks/components/FileTree.vue b/os-checks/components/FileTree.vue
deleted file mode 100644
index 24a4340..0000000
--- a/os-checks/components/FileTree.vue
+++ /dev/null
@@ -1,265 +0,0 @@
-<script setup lang="ts">
-import type { FetchError } from 'ofetch';
-import type { TreeNode } from 'primevue/treenode';
-import type { FileTree, Kinds } from '~/shared/file-tree';
-import { getEmpty } from '../shared/file-tree/utils';
-
-type Props = { fetch_path: (target: string) => string };
-const props = defineProps<Props>();
-
-highlightRust();
-
-const tabs = ref<CheckerResult[]>([]);
-const selectedTab = ref("");
-const fileTree = ref<FileTree>(getEmpty().fileTree);
-
-const basic = useBasicStore();
-
-basic.init_with_and_subscribe_to_current((target: string) => {
-  const path = props.fetch_path(target);
-  githubFetch<FileTree>({ path })
-    .then((file_tree) => {
-      // const file_tree: FileTree = JSON.parse(data as string);
-
-      // 首次打开页面加载数据后，从所有 packags 的原始输出填充到所有选项卡
-      let kinds = {};
-      for (const datum of file_tree.data) {
-        for (const report of datum.raw_reports) {
-          // for (const kind of Object.keys(report.kinds)) {
-          // 对原始输出中的所有特殊符号转义，以后就不需要转义了
-          //   report.kinds[kind] = report.kinds[kind].map(domSanitize);
-          // }
-          mergeObjectsWithArrayConcat(kinds, report.kinds);
-        }
-      }
-      tabs.value = checkerResult(kinds, file_tree.kinds_order);
-      selectedTab.value = tabs.value[0]?.kind ?? "";
-      fileTree.value = file_tree;
-    }).catch((_: FetchError) => {
-      // 不存在该文件：意味着该目标架构下的所有仓库没有检查出错误
-      // 注意，由于使用 parseResponse，这个错误码并不为 404，而是 undefined，
-      // 且错误原因为 SyntaxError: Unexpected non-whitespace character after JSON at position 3。
-      // 这里 ofetch 没有正确处理错误（貌似也没人报告？），所以暂且认为出现任何网络或解析错误都视为无错误。
-      // console.log(err, err.data, err.statusCode);
-
-      tabs.value = [{
-        kind: "All good! 🥳", raw: ["该目标架构下的所有仓库没有检查出错误 🥳🥳🥳"],
-        lang: "rust", severity: Severity.Info, disabled: false
-      }];
-      selectedTab.value = "All good! 🥳";
-      fileTree.value = getEmpty().fileTree;
-
-      // tabs.value = [{
-      //   kind: "Not Exists!", raw: ["该目标架构下，无原始报告数据。"],
-      //   lang: "rust", severity: Severity.Danger, disabled: false
-      // }];
-      // selectedTab.value = "Not Exists!";
-      // fileTree.value = { kinds_order: [], data: [] };
-    });
-});
-
-const nodes = ref<TreeNode[]>([]);
-watch(fileTree, (data) => {
-  nodes.value = [];
-
-  let key = 0;
-  for (const datum of data.data) {
-    let node: TreeNode = {
-      key: (key++).toString(), label: `[${datum.count}] ${datum.repo} #${datum.pkg}`, children: [],
-    };
-    let count_fmt = 0;
-    let count_clippy_warn = 0;
-    let count_clippy_error = 0;
-    for (const report of datum.raw_reports) {
-      node.children?.push({
-        key: (key++).toString(),
-        label: `[${report.count}] ${report.file}`,
-        data: report.file
-      });
-
-    }
-    node.data = {
-      user: datum.user, repo: datum.repo, pkg: datum.pkg,
-      total: datum.count, fmt: count_fmt, clippy_warn: count_clippy_warn, clippy_error: count_clippy_error
-    };
-    nodes.value.push(node);
-  }
-});
-
-function mergeObjectsWithArrayConcat(result: Kinds, obj: Kinds) {
-  for (const [key, value] of Object.entries(obj)) {
-    if (result.hasOwnProperty(key)) {
-      // 如果键已经存在，则合并数组
-      result[key] = result[key].concat(value);
-    } else {
-      // 否则，添加新的键值对
-      result[key] = value;
-    }
-  }
-}
-
-const selectedKey = ref({});
-watch(selectedKey, (val) => {
-  const key = Object.keys(val)[0];
-  if (!key) { return; }
-  const idx = parseInt(key);
-  for (const node of nodes.value.slice().reverse()) {
-    const nd = node.data;
-    if (!(nd && nd.user && nd.repo && nd.pkg)) { return; }
-
-    // 查找是否点击了 package
-    if (node.key === key) {
-      // 更新 tabs 展示的数据
-      const found_pkg = fileTree.value.data.find(datum => {
-        return datum.user === nd.user && datum.repo === nd.repo && datum.pkg === nd.pkg;
-      });
-      let kinds = {};
-      for (const report of found_pkg?.raw_reports ?? []) {
-        mergeObjectsWithArrayConcat(kinds, report.kinds);
-      }
-      tabs.value = checkerResult(kinds, fileTree.value.kinds_order);
-      return;
-    } else {
-      // 由于 key 是升序的，现在只要找第一个小于目标 key 的 package，那么这个文件就在那里
-      if (idx > parseInt(node.key)) {
-        for (const file of node.children ?? []) {
-          if (file.key === key) {
-            const filename = file.data;
-            if (!filename) { return []; }
-            const package_ = fileTree.value.data.find(datum => {
-              return datum.user === nd.user && datum.repo === nd.repo && datum.pkg === nd.pkg;
-            });
-            const found_file = package_?.raw_reports.find(item => item.file === filename);
-            if (found_file) {
-              tabs.value = checkerResult(found_file.kinds, fileTree.value.kinds_order);
-              return;
-            }
-          }
-        }
-      }
-    }
-  }
-});
-
-type CheckerResult = {
-  kind: string,
-  raw: string[],
-  lang: string,
-  severity: Severity,
-  disabled: boolean, // 对于空数组，禁用选项卡
-};
-
-enum Severity {
-  Danger = "danger",
-  Warn = "warn",
-  Info = "info",
-  Disabled = "secondary",
-}
-
-// Kinds 可能不包含全部诊断类别，因此这里填充空数组，并按照顺序排列
-function checkerResult(kinds: Kinds, kinds_order: string[]): CheckerResult[] {
-  let results = kinds_order.map<CheckerResult>(kind => {
-    return { kind, raw: [], lang: "rust", severity: Severity.Disabled, disabled: true };
-  });
-  for (const [kind, raw] of Object.entries(kinds)) {
-    let lang = "rust";
-    let severity = Severity.Info;
-    switch (kind) {
-      case "Cargo": severity = Severity.Danger; break;
-      case "Clippy(Error)": severity = Severity.Danger; break;
-      case "Lockbud(Probably)": severity = Severity.Danger; break;
-      case "Clippy(Warn)": severity = Severity.Warn; break;
-      case "Unformatted": lang = "diff"; break;
-      default: ;
-    }
-    const pos = results.findIndex(r => r.kind === kind);
-    if (pos !== -1) {
-      // JSON 提供的诊断信息一定不是空数组
-      results[pos] = { kind, raw, lang, severity, disabled: false };
-    }
-  }
-  selectedTab.value = results.find(r => !r.disabled)?.kind ?? "";
-  return results;
-}
-</script>
-
-<template>
-  <div class="fileViewPanel">
-
-    <div class="fileViewNavi">
-      <ScrollPanel class="fileViewMenu">
-        <PackageFileMenu style="padding-right: 0.8rem;" :nodes="nodes" :selectedKey="selectedKey"
-          @update:selectedKey="selectedKey = $event" />
-      </ScrollPanel>
-    </div>
-
-    <div class="fileViewResult">
-      <Tabs :value="selectedTab" scrollable>
-        <TabList>
-          <Tab v-for="tab in tabs" :value="tab.kind" :disabled="tab.disabled">
-            {{ tab.kind }}
-            <span class="tabBadge">
-              <Badge :value="tab.raw.length" :severity="tab.severity" />
-            </span>
-          </Tab>
-        </TabList>
-        <TabPanels>
-          <TabPanel v-for="tab in tabs" :value="tab.kind">
-            <ScrollPanel class="fileViewScroll" :dt="{
-              bar: { background: '{primary.color}' },
-            }">
-              <CodeBlock :snippets="tab.raw" :lang="tab.lang" />
-            </ScrollPanel>
-          </TabPanel>
-        </TabPanels>
-      </Tabs>
-    </div>
-
-  </div>
-</template>
-
-<style scoped>
-.tabBadge {
-  vertical-align: super;
-  --p-badge-padding: 0.2rem;
-  --p-badge-font-size: normal;
-  --p-badge-height: 1rem;
-  --p-badge-min-width: 1.5rem;
-  --p-badge-secondary-color: grey;
-}
-
-.fileViewPanel {
-  display: flex;
-}
-
-.fileViewNavi {
-  flex: 0 0 25%;
-  padding-left: 0.25rem;
-  padding-right: 0.5rem;
-  /* flex-grow, flex-shrink, flex-basis */
-  /* 左边div不扩展也不收缩，基础宽度为10% */
-}
-
-.fileViewMenu {
-  flex: 1;
-  height: 92vh;
-  /* 允许不含空格的单词在任何地方换行 */
-  word-break: break-all;
-  font-size: smaller;
-}
-
-.fileViewResult {
-  flex: 1;
-  overflow-x: auto;
-  overflow-y: hidden;
-  /* 控制代码块容器的 padding: 上、左、下、右 */
-  --p-tabs-tabpanel-padding: 0.35rem 0.3rem 0 0;
-  /* 右边div占据剩余空间 */
-  /* 可以省略flex-grow为1，因为默认值就是1 */
-}
-
-.fileViewScroll {
-  width: 100%;
-  height: 86vh;
-}
-</style>

From 8060a522a72b70459cbb6060f89555ce80b8628d Mon Sep 17 00:00:00 2001
From: zjp <jiping_zhou@foxmail.com>
Date: Mon, 24 Feb 2025 22:49:36 +0800
Subject: [PATCH 3/3] chore: rename FileTree2 => FileTree

---
 os-checks/components/{FileTree2.vue => FileTree.vue} | 0
 os-checks/pages/file-tree.vue                        | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename os-checks/components/{FileTree2.vue => FileTree.vue} (100%)

diff --git a/os-checks/components/FileTree2.vue b/os-checks/components/FileTree.vue
similarity index 100%
rename from os-checks/components/FileTree2.vue
rename to os-checks/components/FileTree.vue
diff --git a/os-checks/pages/file-tree.vue b/os-checks/pages/file-tree.vue
index 0a5078b..7c9cc62 100644
--- a/os-checks/pages/file-tree.vue
+++ b/os-checks/pages/file-tree.vue
@@ -19,7 +19,7 @@
       </div>
     </div>
 
-    <FileTree2 :get="got2" :count="count" v-model:filters="displayFilters" v-model:lockURL="lockURL" />
+    <FileTree :get="got2" :count="count" v-model:filters="displayFilters" v-model:lockURL="lockURL" />
   </div>
 </template>