cardbuddy 0.6.0

package/dist/vendored/styles/standalone.css

@@ -0,0 +1,27 @@
+/* 自包含卡片截图页：只保留卡片渲染所需的外壳，避免 editor 布局影响截图。 */
+html,
+body,
+#app {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.card-preview {
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  background: #ffffff;
+}
+
+/* 独立截图页没有 phone-viewport，屏幕高度应跟随真实卡片内容，便于截取整卡。 */
+.card-preview .phone__screen {
+  height: auto;
+  min-height: 100%;
+  padding: 0;
+  margin: 0 auto;
+  overflow: hidden;
+}

package/dist/vendored/styles/structure-tree.css

@@ -0,0 +1,320 @@
+/**
+ * 组件结构树样式（StructureTree.vue）
+ * 参考编辑器「结构」面板的视觉风格。
+ */
+
+/* 与数据绑定 tab 的 .debug__scope-wrap 同款：min-height 擑满，
+   滚动交给外层 .debug__body，顶部工具条 sticky 在其中 */
+.st {
+  position: relative;
+  min-height: 100%;
+}
+
+/* 顶部工具条：与 JsonTree 的 .jt__toolbar 同款（sticky 顶部），
+   按钮直接复用 .jt__tool */
+.st__toolbar {
+  display: flex;
+  justify-content: flex-start;
+  gap: 12px;
+  padding: 4px 0 8px;
+  position: sticky;
+  top: 0;
+  z-index: var(--z-sticky);
+}
+/* 操作工具条（复制/粘贴/副本）：置于搜索+展开/折叠/添加条之下，不吸顶 */
+.st__toolbar--top {
+  flex-wrap: nowrap;
+  align-items: center;
+}
+/* 工具条按钮不压缩：搜索框 flex:1 撑开时，展开/折叠/+添加 保持原宽并分别贴左/贴右 */
+.st__toolbar--top .jt__tool {
+  flex: 0 0 auto;
+}
+/* 定位开关图标按钮：无文字，仅靶心图标；激活态高亮 accent */
+.st__locate {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px;
+  color: var(--text-dim);
+}
+.st__locate:hover {
+  color: var(--text);
+}
+.st__locate--active {
+  color: var(--accent);
+  border-color: var(--accent-border);
+  background: var(--accent-soft);
+  backdrop-filter: blur(10px);
+}
+.st__locate svg {
+  display: block;
+  pointer-events: none;
+}
+.st__toolbar--act {
+  position: static;
+  padding-top: 0;
+  flex-wrap: wrap;
+}
+/* 结构树搜索框：置于展开/折叠与+添加之间，flex:1 在中间撑开占满剩余宽度（单行） */
+.st__search {
+  flex: 1 1 auto;
+  min-width: 0;
+  box-sizing: border-box;
+  height: 28px;
+  padding: 0 8px;
+  font-size: 12px;
+  color: var(--text);
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  outline: none;
+}
+.st__search:focus {
+  border-color: var(--accent);
+}
+/* 搜索命中节点：高亮标签 */
+.st__label--hl {
+  background: var(--st-hl-bg);
+  border-radius: 3px;
+  padding: 0 2px;
+}
+
+.st__list {
+  margin: 0;
+  padding: 4px 0;
+  list-style: none;
+}
+
+/* 操作提示：淡色弱文案，提示 Ctrl/⌘ 点击画布可定位节点 */
+.st__tip {
+  margin: 0;
+  padding: 6px 8px 8px;
+  color: var(--text-faint);
+  font-size: 11px;
+  line-height: 1.5;
+  border-bottom: 1px solid var(--border);
+}
+
+.st__node {
+  list-style: none;
+}
+
+.st__row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 8px;
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  transition: background 0.1s;
+  height: var(--row-h);
+}
+
+.st__row:hover {
+  background: var(--bg-hover);
+}
+
+.st__row--selected {
+  background: var(--accent-soft) !important;
+}
+
+.st__row--selected .st__label {
+  color: var(--accent);
+  font-weight: 500;
+}
+
+/* 拖拽手柄（六点）：行最左侧，hover 行时显现，提示可拖拽 */
+.st__handle {
+  flex: 0 0 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 14px;
+  color: var(--text-faint);
+  cursor: grab;
+  opacity: 0;
+  transition: opacity 0.15s, color 0.15s;
+  margin-right: -2px;
+}
+.st__row:hover .st__handle {
+  opacity: 0.75;
+}
+.st__handle:hover {
+  color: var(--text);
+  opacity: 1;
+}
+.st__handle:active {
+  cursor: grabbing;
+}
+.st__handle svg {
+  display: block;
+  pointer-events: none;
+}
+
+/* 拖拽进行中：源行弱化显示 */
+.st__row--dragging {
+  opacity: 0.4;
+}
+
+/* 放置指示 · 同级重排（行上/下边缘插入线） */
+.st__row--drop-before {
+  box-shadow: inset 0 2px 0 0 var(--accent);
+}
+.st__row--drop-after {
+  box-shadow: inset 0 -2px 0 0 var(--accent);
+}
+/* 放置指示 · 嵌套（拖入容器：整行高亮轮廓） */
+.st__row--drop-inside {
+  background: var(--accent-soft);
+  outline: 1px dashed var(--accent);
+  outline-offset: -1px;
+}
+/* 非法放置目标（自身 / 后代 / 非容器被当作嵌套目标） */
+.st__row--drop-blocked {
+  cursor: no-drop;
+}
+
+/* 统一折叠箭头：与 ni-caret / ptree__caret 同形态（12px、右尖三角、展开旋转 90°） */
+.st__caret {
+  flex: 0 0 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  font-size: 10px;
+  line-height: 1;
+  color: var(--text-dim);
+  transition: transform 0.15s ease;
+  user-select: none;
+}
+
+.st__caret--open {
+  transform: rotate(90deg);
+}
+
+.st__caret--leaf {
+  visibility: hidden;
+}
+
+.st__label {
+  font-size: 12px;
+  color: var(--st-label);
+}
+
+.st__id {
+  font-size: 11px;
+  color: var(--st-id);
+  font-family: 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
+}
+
+.st__badge {
+  flex: 0 0 auto;
+  margin-left: auto;
+  padding: 0 6px;
+  font-size: 11px;
+  line-height: 18px;
+  color: var(--st-badge-fg);
+  background: var(--st-badge-bg);
+  border-radius: var(--radius-xs);
+}
+
+.st__badge--clickable {
+  cursor: pointer;
+  transition: opacity 0.15s, transform 0.1s;
+}
+.st__badge--clickable:hover {
+  opacity: 0.85;
+  transform: scale(1.05);
+}
+.st__badge--muted {
+  cursor: pointer;
+  background: var(--border-strong);
+  color: var(--text-faint);
+  opacity: 0.7;
+  transition: opacity 0.15s, color 0.15s;
+}
+.st__badge--muted:hover {
+  opacity: 1;
+  color: var(--text-dim);
+}
+
+/* 行最右侧「齿轮」：打开节点属性面板（替代原双击行为）。
+   事件徽章已 margin-left:auto 推到最右，齿轮紧随其后（gap 4px），始终钉在最右侧。 */
+.st__gear {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  margin-left: 2px;
+  border: none;
+  background: transparent;
+  color: var(--text-faint);
+  cursor: pointer;
+  border-radius: var(--radius-xs);
+  transition: background 0.15s, color 0.15s;
+}
+.st__gear:hover {
+  background: var(--bg-hover);
+  color: var(--text);
+}
+.st__gear svg {
+  display: block;
+}
+
+.st__children {
+  margin: 0;
+  padding: 0 0 0 16px;
+  list-style: none;
+  border-left: 1px solid var(--border);
+  margin-left: 14px;
+}
+
+/* 右键上下文菜单 */
+.st__ctx {
+  position: fixed;
+  z-index: var(--z-overlay);
+  min-width: 132px;
+  padding: 4px;
+  background: var(--bg-pop);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-3);
+  user-select: none;
+}
+.st__ctx-item {
+  display: block;
+  width: 100%;
+  text-align: left;
+  padding: 6px 10px;
+  font-size: 12px;
+  color: var(--text);
+  background: transparent;
+  border: none;
+  border-radius: var(--radius-xs);
+  cursor: pointer;
+}
+.st__ctx-item:hover:not(:disabled) {
+  background: var(--accent-soft);
+  color: var(--accent);
+}
+.st__ctx-item:disabled {
+  color: var(--text-faint);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.st__ctx-item--danger:hover:not(:disabled) {
+  background: var(--danger-soft);
+  color: var(--danger);
+}
+.st__ctx-sep {
+  height: 1px;
+  margin: 4px 2px;
+  background: var(--border);
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "cardbuddy",
+  "version": "0.6.0",
+  "description": "Local dev service for the CardBuddy card editor — decouples card CRUD (sync/save/validate/render-status/screenshot) from the static public editor, so the editor can be deployed to any static host while each developer runs a local service against their own card source.",
+  "type": "module",
+  "bin": {
+    "cardbuddy": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "start": "node src/cli.js",
+    "build": "node build.mjs",
+    "prepublishOnly": "node build.mjs"
+  },
+  "dependencies": {
+    "@ckpack/vue-color": "^1.6.0",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/server-renderer": "^3.5.40",
+    "chalk": "^6.0.0",
+    "chokidar": "^3.6.0",
+    "codejar": "^4.3.0",
+    "connect": "^3.7.0",
+    "dotenv": "^16.6.1",
+    "prismjs": "^1.30.0",
+    "qrcode": "^1.5.4",
+    "selfsigned": "^2.4.1",
+    "vite": "^8.2.0",
+    "vue": "^3.5.40"
+  },
+  "optionalDependencies": {
+    "playwright": "^1.62.1"
+  }
+}