mdk-skills 2.4.0 → 2.4.2

package/scripts/web-ui/src/components/SkillCard.vue

@@ -1,99 +0,0 @@
-<template>
-  <n-card class="skill-card" :title="skill.name" size="small" @click="emit('click')">
-    <template #header-extra>
-      <span @click.stop>
-        <n-switch
-          :value="skill.enabled"
-          :loading="loading"
-          @update:value="onToggle"
-        />
-      </span>
-    </template>
-    <div class="skill-meta">
-      <span class="skill-version">{{ skill._updateCount > 0 ? 'r' + skill._updateCount : 'v' + skill.version }}</span>
-      <n-tag v-for="tag in skill.tags" :key="tag" size="tiny" :bordered="false">
-        {{ tag }}
-      </n-tag>
-      <n-tag v-if="usages > 0" size="tiny" type="warning" :bordered="false">
-        使用 {{ usages }} 次
-      </n-tag>
-    </div>
-    <p class="skill-desc">{{ skill.description || "暂无描述" }}</p>
-  </n-card>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import { useMessage } from "naive-ui";
-import { toggleSkill } from "../api/skills";
-import { recordUsage } from "../utils/usage";
-
-const props = defineProps({
-  skill: { type: Object, required: true },
-  usages: { type: Number, default: 0 },
-});
-
-const emit = defineEmits(["refresh", "click"]);
-const message = useMessage();
-const loading = ref(false);
-
-async function onToggle(value) {
-  loading.value = true;
-  try {
-    const res = await toggleSkill(props.skill.name, value);
-    if (res.ok) {
-      if (value) recordUsage(props.skill.name);
-      message.success(`技能 "${props.skill.name}" 已${value ? "启用" : "停用"}`);
-      emit("refresh");
-    } else if (res.locked) {
-      message.warning(`技能 "${props.skill.name}" 被其他程序占用，无法${value ? "启用" : "停用"}`);
-    }
-  } catch {
-    message.error("操作失败");
-  } finally {
-    loading.value = false;
-  }
-}
-</script>
-
-<style scoped>
-.skill-card {
-  cursor: pointer;
-  transition: box-shadow 0.2s;
-}
-
-.skill-card:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-.skill-meta {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-
-.skill-version {
-  font-size: 12px;
-  color: #888;
-  font-family: monospace;
-}
-
-.skill-desc {
-  font-size: 13px;
-  color: #666;
-  margin: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-</style>
-
-<style>
-[data-theme="dark"] .skill-version {
-  color: #9399b2;
-}
-[data-theme="dark"] .skill-desc {
-  color: #a6adc8;
-}
-</style>

package/scripts/web-ui/src/components/StatusBar.vue

@@ -1,87 +0,0 @@
-<template>
-  <div class="status-bar">
-    <div class="status-item">
-      <n-icon size="18" color="#18a058">
-        <CheckmarkCircleOutline />
-      </n-icon>
-      <span>已启用 <strong>{{ data.enabledCount }}</strong> / {{ data.totalCount }} 个技能</span>
-    </div>
-    <div class="status-divider" />
-    <div class="status-item">
-      <n-icon size="18" color="#2080f0">
-        <SwapHorizontalOutline />
-      </n-icon>
-      <span>
-        当前场景：
-        <n-tag size="small" type="info">
-          {{ data.activeProfile?.name || "自定义" }}
-        </n-tag>
-      </span>
-    </div>
-    <div class="status-divider" />
-    <div class="status-item clickable" @click="$router.push({ name: 'ClaudeMd' })">
-      <n-icon size="18" :color="data.hasClaudeMd ? '#18a058' : '#d03050'">
-        <DocumentTextOutline />
-      </n-icon>
-      <span>CLAUDE.md {{ data.hasClaudeMd ? "已就绪" : "未创建" }}</span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { CheckmarkCircleOutline, SwapHorizontalOutline, DocumentTextOutline } from "@vicons/ionicons5";
-
-defineProps({
-  data: {
-    type: Object,
-    required: true,
-  },
-});
-</script>
-
-<style scoped>
-.status-bar {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 10px 24px;
-  background: #fff;
-  border-bottom: 1px solid #e5e7eb;
-  flex-wrap: wrap;
-}
-
-.status-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: #555;
-}
-
-.status-item.clickable {
-  cursor: pointer;
-}
-
-.status-item.clickable:hover {
-  color: #2080f0;
-}
-
-.status-divider {
-  width: 1px;
-  height: 20px;
-  background: #e0e0e0;
-}
-</style>
-
-<style>
-[data-theme="dark"] .status-bar {
-  background: #1e1e2e;
-  border-bottom-color: #363650;
-}
-[data-theme="dark"] .status-item {
-  color: #a6adc8;
-}
-[data-theme="dark"] .status-divider {
-  background: #363650;
-}
-</style>

package/scripts/web-ui/src/main.js

@@ -1,10 +0,0 @@
-import { createApp } from "vue";
-import naive from "naive-ui";
-import App from "./App.vue";
-import router from "./router";
-import "highlight.js/styles/github.css";
-
-const app = createApp(App);
-app.use(naive);
-app.use(router);
-app.mount("#app");

package/scripts/web-ui/src/router/index.js

@@ -1,17 +0,0 @@
-import { createRouter, createWebHistory } from "vue-router";
-import Dashboard from "../views/Dashboard.vue";
-import SceneSwitch from "../views/SceneSwitch.vue";
-import Settings from "../views/Settings.vue";
-import ReadmeView from "../views/ReadmeView.vue";
-
-const routes = [
-  { path: "/", name: "Dashboard", component: Dashboard, meta: { title: "仪表盘" } },
-  { path: "/scenes", name: "Scenes", component: SceneSwitch, meta: { title: "场景切换" } },
-  { path: "/settings", name: "Settings", component: Settings, meta: { title: "设置" } },
-  { path: "/readme", name: "ClaudeMd", component: ReadmeView, meta: { title: "CLAUDE.md" } },
-];
-
-export default createRouter({
-  history: createWebHistory(),
-  routes,
-});

package/scripts/web-ui/src/styles/main.css

@@ -1,352 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html, body, #app {
-  height: 100%;
-  background: #f5f7fa;
-}
-
-body {
-  overflow-y: auto;
-}
-
-/* 全局隐藏所有滚动条，能滚但不显示 */
-* {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-*::-webkit-scrollbar {
-  display: none;
-}
-
-.app-layout {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  padding-top: 56px;
-}
-
-.app-header {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 56px;
-  display: flex;
-  align-items: center;
-  background: #fff;
-  padding: 0 24px;
-  z-index: 100;
-  border-bottom: 1px solid #e5e7eb;
-}
-
-.header-inner {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: 32px;
-}
-
-.logo {
-  font-size: 18px;
-  font-weight: 700;
-  color: #1a1a1a;
-  white-space: nowrap;
-}
-
-.app-content {
-  flex: 1;
-  padding: 24px;
-  max-width: 1000px;
-  width: 100%;
-  margin: 0 auto;
-}
-
-/* ---------- markdown 渲染样式 ---------- */
-
-.markdown-content {
-  line-height: 1.7;
-  font-size: 14px;
-  color: #333;
-  word-wrap: break-word;
-  overflow: auto;
-}
-
-.markdown-content h1 { font-size: 22px; font-weight: 700; margin: 20px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #eee; }
-.markdown-content h2 { font-size: 18px; font-weight: 700; margin: 18px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #eee; }
-.markdown-content h3 { font-size: 16px; font-weight: 600; margin: 16px 0 8px; }
-.markdown-content h4 { font-size: 14px; font-weight: 600; margin: 14px 0 6px; }
-.markdown-content h5, .markdown-content h6 { font-size: 13px; font-weight: 600; margin: 12px 0 6px; }
-
-.markdown-content p { margin: 8px 0; }
-.markdown-content ul, .markdown-content ol { margin: 8px 0; padding-left: 24px; }
-.markdown-content li { margin: 4px 0; }
-.markdown-content blockquote {
-  margin: 10px 0;
-  padding: 8px 16px;
-  border-left: 4px solid #2080f0;
-  background: #f0f7ff;
-  color: #555;
-}
-.markdown-content blockquote p { margin: 4px 0; }
-
-.markdown-content a { color: #2080f0; text-decoration: none; }
-.markdown-content a:hover { text-decoration: underline; }
-
-.markdown-content hr { margin: 16px 0; border: none; border-top: 1px solid #e0e0e0; }
-
-.markdown-content table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 13px; }
-.markdown-content th, .markdown-content td {
-  padding: 8px 12px;
-  border: 1px solid #e0e0e0;
-  text-align: left;
-}
-.markdown-content th { background: #f5f7fa; font-weight: 600; }
-.markdown-content tr:nth-child(even) td { background: #fafafa; }
-
-.markdown-content img { max-width: 100%; border-radius: 4px; margin: 8px 0; }
-
-.markdown-content code {
-  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
-  font-size: 13px;
-  padding: 2px 6px;
-  background: #f0f0f0;
-  border-radius: 3px;
-  color: #d63384;
-}
-
-.markdown-content pre {
-  margin: 12px 0;
-  padding: 0;
-  border-radius: 6px;
-  overflow: hidden;
-  border: 1px solid #e8e8e8;
-  position: relative;
-}
-
-.markdown-content pre code {
-  display: block;
-  padding: 14px 16px;
-  background: #f8f9fa;
-  color: #333;
-  font-size: 13px;
-  line-height: 1.5;
-  overflow-x: auto;
-  tab-size: 2;
-}
-
-.markdown-content pre .copy-btn {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  padding: 3px 8px;
-  font-size: 11px;
-  color: #999;
-  background: #fff;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  cursor: pointer;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-
-/* ---------- 手搓折叠 ---------- */
-.readme-fold {
-  margin-bottom: 20px;
-  border: 1px solid #e5e7eb;
-  border-radius: 6px;
-  overflow: hidden;
-}
-.fold-header {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 10px 16px;
-  font-size: 14px;
-  font-weight: 600;
-  background: #fafafa;
-  cursor: pointer;
-  user-select: none;
-}
-.fold-header:hover {
-  background: #f0f0f0;
-}
-.fold-arrow {
-  font-size: 11px;
-  transition: transform 0.2s;
-  color: #999;
-}
-.fold-arrow.open {
-  transform: rotate(90deg);
-}
-.fold-body {
-  padding: 0 16px 16px;
-}
-
-.markdown-content pre:hover .copy-btn {
-  opacity: 1;
-}
-
-.markdown-content pre .copy-btn:hover {
-  color: #2080f0;
-  border-color: #2080f0;
-}
-
-/* ---------- 导航栏右侧 ---------- */
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-/* 暗黑模式过渡 */
-html, body, #app, .app-header, .app-content,
-.logo, .readme-fold, .fold-header, .fold-body,
-.markdown-content,
-[class*="n-"] {
-  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
-}
-
-/* ---------- 暗黑主题（One Dark Pro 风格） ---------- */
-[data-theme="dark"] html,
-[data-theme="dark"] body,
-[data-theme="dark"] #app {
-  background: #1e1e2e;
-}
-
-[data-theme="dark"] .app-header {
-  background: #1e1e2e;
-  border-bottom-color: #363650;
-}
-
-[data-theme="dark"] .app-content {
-  background: transparent;
-}
-
-[data-theme="dark"] .logo {
-  color: #e4e4ef;
-}
-
-[data-theme="dark"] .header-status-item {
-  color: #a6adc8;
-}
-[data-theme="dark"] .header-status-item.clickable:hover {
-  color: #6a8cff;
-}
-[data-theme="dark"] .header-status-divider {
-  background: #363650;
-}
-
-[data-theme="dark"] .readme-fold {
-  border-color: #363650;
-}
-[data-theme="dark"] .fold-header {
-  background: #282840;
-  color: #e4e4ef;
-}
-[data-theme="dark"] .fold-header:hover {
-  background: #323250;
-}
-[data-theme="dark"] .fold-body {
-  background: #282840;
-}
-[data-theme="dark"] .fold-arrow {
-  color: #6c7086;
-}
-
-[data-theme="dark"] .markdown-content {
-  color: #cdd6f4;
-}
-[data-theme="dark"] .markdown-content h1,
-[data-theme="dark"] .markdown-content h2 {
-  border-bottom-color: #363650;
-  color: #e4e4ef;
-}
-[data-theme="dark"] .markdown-content h3,
-[data-theme="dark"] .markdown-content h4 {
-  color: #e4e4ef;
-}
-[data-theme="dark"] .markdown-content code {
-  background: #2a2a42;
-  color: #e06c75;
-}
-[data-theme="dark"] .markdown-content pre {
-  border-color: #363650;
-}
-[data-theme="dark"] .markdown-content pre code {
-  background: #1a1a2a;
-  color: #cdd6f4;
-}
-[data-theme="dark"] .markdown-content blockquote {
-  background: #282840;
-  border-left-color: #6a8cff;
-  color: #a6adc8;
-}
-[data-theme="dark"] .markdown-content a {
-  color: #6a8cff;
-}
-[data-theme="dark"] .markdown-content th {
-  background: #282840;
-}
-[data-theme="dark"] .markdown-content td {
-  border-color: #363650;
-}
-[data-theme="dark"] .markdown-content tr:nth-child(even) td {
-  background: #24243a;
-}
-[data-theme="dark"] .markdown-content hr {
-  border-top-color: #363650;
-}
-[data-theme="dark"] .markdown-content img {
-  filter: brightness(0.8);
-}
-[data-theme="dark"] .markdown-content pre .copy-btn {
-  color: #6c7086;
-  background: #2a2a42;
-  border-color: #363650;
-}
-[data-theme="dark"] .markdown-content pre .copy-btn:hover {
-  color: #6a8cff;
-  border-color: #6a8cff;
-}
-
-/* 暗色模式下的 hljs 代码高亮 token（One Dark Pro 配色） */
-[data-theme="dark"] .hljs-keyword,
-[data-theme="dark"] .hljs-selector-tag,
-[data-theme="dark"] .hljs-built_in { color: #c678dd; }
-[data-theme="dark"] .hljs-string,
-[data-theme="dark"] .hljs-addition { color: #98c379; }
-[data-theme="dark"] .hljs-number,
-[data-theme="dark"] .hljs-literal { color: #d19a66; }
-[data-theme="dark"] .hljs-comment { color: #5c6370; }
-[data-theme="dark"] .hljs-title,
-[data-theme="dark"] .hljs-section { color: #61afef; }
-[data-theme="dark"] .hljs-attr,
-[data-theme="dark"] .hljs-attribute,
-[data-theme="dark"] .hljs-selector-class,
-[data-theme="dark"] .hljs-variable { color: #e06c75; }
-[data-theme="dark"] .hljs-type,
-[data-theme="dark"] .hljs-meta { color: #e5c07b; }
-[data-theme="dark"] .hljs-deletion { color: #e06c75; }
-[data-theme="dark"] .hljs-bullet,
-[data-theme="dark"] .hljs-link { color: #6a8cff; }
-[data-theme="dark"] .hljs-emphasis { font-style: italic; }
-[data-theme="dark"] .hljs-strong { font-weight: bold; }
-
-/* 全局页面标题 */
-[data-theme="dark"] .page-header h2 {
-  color: #e4e4ef;
-}
-
-[data-theme="dark"] .scene-desc {
-  color: #a6adc8;
-}

package/scripts/web-ui/src/utils/usage.js

@@ -1,46 +0,0 @@
-const STORAGE_KEY = "mdk-usage";
-
-function getRaw() {
-  try {
-    return JSON.parse(localStorage.getItem(STORAGE_KEY) || "{}");
-  } catch {
-    return {};
-  }
-}
-
-function saveRaw(data) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
-}
-
-/** 记录某个技能被使用一次 */
-export function recordUsage(name) {
-  const data = getRaw();
-  const entry = data[name] || { count: 0 };
-  entry.count += 1;
-  entry.lastUsed = Date.now();
-  data[name] = entry;
-  saveRaw(data);
-}
-
-/** 获取完整使用统计数据 */
-export function getUsageMap() {
-  return getRaw();
-}
-
-/**
- * 对技能列表排序
- * @param {Array} skills - 技能数组
- * @param {'name'|'frequency'|'recent'} by - 排序方式
- */
-export function sortSkills(skills, by) {
-  const usage = getRaw();
-  const list = [...skills];
-  if (by === "frequency") {
-    list.sort((a, b) => (usage[b.name]?.count || 0) - (usage[a.name]?.count || 0));
-  } else if (by === "recent") {
-    list.sort((a, b) => (usage[b.name]?.lastUsed || 0) - (usage[a.name]?.lastUsed || 0));
-  } else {
-    list.sort((a, b) => a.name.localeCompare(b.name));
-  }
-  return list;
-}