itismyskillmarket 1.3.5 → 1.3.7

package/gui/style.css

@@ -0,0 +1,454 @@
+/* =============================================================================
+   SkillMarket GUI - Styles
+   ============================================================================= */
+
+:root {
+  --bg-primary: #1a1a2e;
+  --bg-secondary: #16213e;
+  --bg-card: #0f3460;
+  --bg-hover: #1a508b;
+  --text-primary: #e94560;
+  --text-secondary: #ffffff;
+  --text-muted: #a0a0a0;
+  --border-color: #0f3460;
+  --accent: #e94560;
+  --accent-hover: #ff6b81;
+  --success: #4caf50;
+  --warning: #ff9800;
+  --danger: #f44336;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--bg-primary);
+  color: var(--text-secondary);
+  display: flex;
+  height: 100vh;
+  overflow: hidden;
+}
+
+/* -----------------------------------------------------------------------------
+   侧边栏
+   ----------------------------------------------------------------------------- */
+
+.sidebar {
+  width: 240px;
+  background: var(--bg-secondary);
+  border-right: 1px solid var(--border-color);
+  display: flex;
+  flex-direction: column;
+  padding: 20px 0;
+}
+
+.logo {
+  padding: 0 20px 20px;
+  border-bottom: 1px solid var(--border-color);
+  margin-bottom: 20px;
+}
+
+.logo h1 {
+  font-size: 1.2rem;
+  color: var(--accent);
+}
+
+nav {
+  flex: 1;
+  padding: 0 10px;
+}
+
+.nav-btn {
+  width: 100%;
+  padding: 12px 16px;
+  margin-bottom: 8px;
+  background: transparent;
+  border: none;
+  color: var(--text-secondary);
+  text-align: left;
+  cursor: pointer;
+  border-radius: 8px;
+  font-size: 0.95rem;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.nav-btn:hover {
+  background: var(--bg-hover);
+}
+
+.nav-btn.active {
+  background: var(--accent);
+  color: white;
+}
+
+.nav-btn .icon {
+  font-size: 1.2rem;
+}
+
+.sidebar-footer {
+  padding: 20px;
+  border-top: 1px solid var(--border-color);
+}
+
+.version {
+  color: var(--text-muted);
+  font-size: 0.85rem;
+}
+
+/* -----------------------------------------------------------------------------
+   主内容区
+   ----------------------------------------------------------------------------- */
+
+.main-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 30px;
+}
+
+.view {
+  display: none;
+}
+
+.view.active {
+  display: block;
+}
+
+.view-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.view-header h2 {
+  font-size: 1.8rem;
+  color: var(--text-secondary);
+}
+
+.controls {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+
+.controls input,
+.controls select {
+  padding: 8px 12px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  border-radius: 6px;
+  font-size: 0.9rem;
+}
+
+.controls input {
+  width: 250px;
+}
+
+/* -----------------------------------------------------------------------------
+   按钮
+   ----------------------------------------------------------------------------- */
+
+.btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  transition: all 0.2s;
+}
+
+.btn-primary {
+  background: var(--accent);
+  color: white;
+}
+
+.btn-primary:hover {
+  background: var(--accent-hover);
+}
+
+.btn-secondary {
+  background: var(--bg-card);
+  color: var(--text-secondary);
+  border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover {
+  background: var(--bg-hover);
+}
+
+.btn-success {
+  background: var(--success);
+  color: white;
+}
+
+.btn-danger {
+  background: var(--danger);
+  color: white;
+}
+
+.btn-sm {
+  padding: 6px 12px;
+  font-size: 0.85rem;
+}
+
+/* -----------------------------------------------------------------------------
+   Skills 网格
+   ----------------------------------------------------------------------------- */
+
+.skills-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 16px;
+}
+
+.skill-card {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  padding: 20px;
+  transition: transform 0.2s, border-color 0.2s;
+}
+
+.skill-card:hover {
+  transform: translateY(-2px);
+  border-color: var(--accent);
+}
+
+.skill-card h3 {
+  font-size: 1.1rem;
+  margin-bottom: 8px;
+  color: var(--accent);
+}
+
+.skill-card .skill-id {
+  color: var(--text-muted);
+  font-size: 0.85rem;
+  margin-bottom: 8px;
+}
+
+.skill-card p {
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  line-height: 1.5;
+  margin-bottom: 12px;
+}
+
+.skill-card .platforms {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.platform-tag {
+  padding: 4px 8px;
+  background: var(--bg-card);
+  border-radius: 4px;
+  font-size: 0.8rem;
+  color: var(--text-muted);
+}
+
+.skill-card .actions {
+  display: flex;
+  gap: 8px;
+}
+
+/* -----------------------------------------------------------------------------
+   Platforms 列表
+   ----------------------------------------------------------------------------- */
+
+.platforms-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.platform-card {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.platform-card h3 {
+  font-size: 1.1rem;
+  color: var(--text-secondary);
+}
+
+.platform-card .status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.status-available {
+  color: var(--success);
+}
+
+.status-unavailable {
+  color: var(--danger);
+}
+
+/* -----------------------------------------------------------------------------
+   分页
+   ----------------------------------------------------------------------------- */
+
+.pagination {
+  margin-top: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+}
+
+.pagination button {
+  padding: 8px 12px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  color: var(--text-secondary);
+  border-radius: 6px;
+  cursor: pointer;
+}
+
+.pagination button:hover:not(:disabled) {
+  background: var(--bg-hover);
+}
+
+.pagination button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.pagination .page-info {
+  color: var(--text-muted);
+}
+
+/* -----------------------------------------------------------------------------
+   模态框
+   ----------------------------------------------------------------------------- */
+
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.modal.hidden {
+  display: none;
+}
+
+.modal-content {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 30px;
+  max-width: 600px;
+  width: 90%;
+  max-height: 80vh;
+  overflow-y: auto;
+  position: relative;
+}
+
+.modal-close {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  font-size: 1.5rem;
+  cursor: pointer;
+}
+
+.modal-content h2 {
+  color: var(--accent);
+  margin-bottom: 16px;
+}
+
+.modal-content .detail-row {
+  margin-bottom: 12px;
+}
+
+.modal-content .detail-row strong {
+  color: var(--text-muted);
+  margin-right: 8px;
+}
+
+/* -----------------------------------------------------------------------------
+   Toast 通知
+   ----------------------------------------------------------------------------- */
+
+.toast {
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  padding: 16px 24px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  color: var(--text-secondary);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  z-index: 2000;
+  transition: all 0.3s;
+}
+
+.toast.hidden {
+  display: none;
+}
+
+.toast.success {
+  border-color: var(--success);
+}
+
+.toast.error {
+  border-color: var(--danger);
+}
+
+/* -----------------------------------------------------------------------------
+   加载动画
+   ----------------------------------------------------------------------------- */
+
+.loading {
+  text-align: center;
+  padding: 40px;
+  color: var(--text-muted);
+}
+
+/* -----------------------------------------------------------------------------
+   滚动条
+   ----------------------------------------------------------------------------- */
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-primary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--bg-card);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--bg-hover);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itismyskillmarket",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "Cross-platform skill manager for AI coding tools",
   "type": "module",
   "bin": {
@@ -20,5 +20,9 @@
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^1.2.0"
-  }
+  },
+  "files": [
+    "dist",
+    "gui"
+  ]
 }

package/.github/workflows/publish-npm.yml

@@ -1,59 +0,0 @@
-name: Publish to npm
-
-on:
-  release:
-    types: [created]
-  workflow_dispatch:
-    inputs:
-      version:
-        description: 'Version to publish (e.g., 1.0.6)'
-        required: true
-        type: string
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Update version
-        if: github.event_name == 'workflow_dispatch'
-        run: |
-          CURRENT_VERSION=$(node -p "require('./package.json').version")
-          if [ "$CURRENT_VERSION" != "${{ github.event.inputs.version }}" ]; then
-            npm version ${{ github.event.inputs.version }} --no-git-tag-version
-          else
-            echo "Version already set to ${{ github.event.inputs.version }}, skipping version update"
-          fi
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Install dependencies
-        run: npm install
-
-      - name: Build
-        run: npm run build
-
-      - name: Publish to npm
-        run: npm publish --access=public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-  release:
-    needs: publish
-    if: github.event_name == 'workflow_dispatch'
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-    steps:
-      - name: Create GitHub Release
-        uses: softprops/action-gh-release@v2
-        with:
-          tag_name: v${{ github.event.inputs.version }}
-          name: Release v${{ github.event.inputs.version }}
-          generate_release_notes: true

package/.github/workflows/publish-skill.yml

@@ -1,72 +0,0 @@
-name: Publish Skill
-
-on:
-  workflow_dispatch:
-    inputs:
-      skill_name:
-        description: 'Skill name (from skills/ directory)'
-        required: true
-        type: string
-      version:
-        description: 'Version (optional, defaults to patch)'
-        required: false
-        type: string
-        default: ''
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Debug inputs
-        run: |
-          echo "skill_name input: '${{ github.event.inputs.skill_name }}'"
-          echo "version input: '${{ github.event.inputs.version }}'"
-          ls -la skills/
-
-      - name: Validate skill exists
-        run: |
-          SKILL_NAME="${{ github.event.inputs.skill_name }}"
-          echo "Skill name: $SKILL_NAME"
-          if [ -z "$SKILL_NAME" ]; then
-            echo "Error: skill_name is empty!"
-            exit 1
-          fi
-          if [ ! -d "skills/$SKILL_NAME" ]; then
-            echo "Error: Skill '$SKILL_NAME' not found in skills/ directory"
-            ls -la skills/
-            exit 1
-          fi
-          echo "Skill directory contents:"
-          ls -la "skills/$SKILL_NAME/"
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-
-      - name: Install dependencies
-        run: |
-          cd "skills/${{ github.event.inputs.skill_name }}"
-          npm install
-
-      - name: Update version
-        run: |
-          cd "skills/${{ github.event.inputs.skill_name }}"
-          if [ -n "${{ github.event.inputs.version }}" ]; then
-            npm version ${{ github.event.inputs.version }} --no-git-tag-version
-          else
-            npm version minor --no-git-tag-version
-          fi
-
-      - name: Publish to npm
-        run: |
-          cd "skills/${{ github.event.inputs.skill_name }}"
-          npm publish --access=public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}