momo-ai 1.0.69 → 1.0.70

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "momo-ai",
-    "version": "1.0.69",
+    "version": "1.0.70",
     "description": "Rachel Momo ( OpenSpec )",
     "main": "src/momo.js",
     "bin": {

package/skills/mo-dev-vue2css/SKILL.md

@@ -0,0 +1,297 @@
+---
+name: mo-dev-vue2css
+description: Use when Vue SFC has large style block (>100 lines), styles unstyled after split, or "Cannot find module" errors on CSS imports
+---
+
+# Vue CSS Extraction
+
+Extract CSS from Vue SFC `<style>` blocks to separate files. Core principle: **file extension must match template class usage**.
+
+## When to Use
+
+- Large `<style>` block (>100 lines)
+- Styles appear unstyled after extraction
+- Build error: "Cannot find module"
+- Need to share styles across components
+
+## Quick Workflow (Automated)
+
+```bash
+# Run from skill directory or provide full path
+cd .claude/skills/mo-dev-vue2css
+
+# Extract CSS automatically
+./scripts/extract-css.sh /path/to/Component.vue
+
+# Verify
+cd /path/to/web && npm run build
+```
+
+**Script handles:**
+- Detects `class` vs `:class="$style"` usage
+- Chooses correct extension (`.css` or `.module.css`)
+- Extracts CSS content
+- Updates Vue file with import
+- Preserves `scoped`/`module` attributes
+
+## Manual Workflow (Fallback)
+
+Use when script fails (multiple `<style>` blocks, mixed usage):
+
+1. **Detect usage**: `./scripts/detect-class-usage.sh Component.vue`
+   - Output: `plain-class`, `style-module`, `mixed`, or `no-class`
+2. **Extract manually**: Copy CSS, create file with correct extension
+3. **Update import**: `<style scoped src="./Component.css"></style>`
+4. **Verify**: `npm run build` + browser test
+
+## Quick Reference
+
+| Template Uses | File Extension | Import |
+|---------------|----------------|--------|
+| `class="..."` | `.css` | `<style scoped src="./X.css">` |
+| `:class="$style.x"` | `.module.css` | `<style module src="./X.module.css">` |
+| Multiple blocks | `.scoped.css` + `.global.css` | Two imports (manual) |
+
+## Common Mistakes
+
+### Mistake 1: Wrong File Extension
+
+**Problem**: Used `.module.css` when template uses plain classes
+
+```vue
+<!-- Template uses plain class -->
+<div class="overview-page">...</div>
+
+<!-- WRONG: .module.css triggers CSS Modules -->
+<style scoped src="./Overview.module.css"></style>
+
+<!-- CORRECT: Use .css -->
+<style scoped src="./Overview.css"></style>
+```
+
+**Symptom**: Build passes but page looks unstyled
+
+### Mistake 2: Missing Scoping Attribute
+
+**Problem**: Forgot to preserve `scoped` or `module` attribute
+
+```vue
+<!-- WRONG: Lost scoped attribute -->
+<style src="./Component.css"></style>
+
+<!-- CORRECT: Preserve scoped -->
+<style scoped src="./Component.css"></style>
+```
+
+**Symptom**: Styles leak to other components
+
+### Mistake 3: Incorrect Import Path
+
+**Problem**: Wrong relative path to CSS file
+
+```vue
+<!-- WRONG: Missing ./ prefix -->
+<style scoped src="Component.css"></style>
+
+<!-- CORRECT: Relative path -->
+<style scoped src="./Component.css"></style>
+```
+
+**Symptom**: Build fails with "Cannot find module"
+
+### Mistake 4: Skipping Verification
+
+**Problem**: Assumed extraction worked without testing
+
+**Fix**: ALWAYS run build and browser test after extraction
+
+## Debugging Checklist
+
+If page looks unstyled after extraction:
+
+1. ✅ Check file extension: `.css` or `.module.css`?
+2. ✅ Check template: plain `class` or `:class="$style"`?
+3. ✅ Check import: `<style scoped src="./xxx.css"></style>`?
+4. ✅ Check scoping: `scoped` or `module` attribute present?
+5. ✅ Check build: `npm run build` passes?
+6. ✅ Check browser: styles visible in DevTools?
+
+## Examples
+
+### Example 1: Simple Scoped Extraction
+
+**Before**:
+```vue
+<template>
+  <div class="card">
+    <h2 class="title">Title</h2>
+  </div>
+</template>
+
+<style scoped>
+.card {
+  border: 1px solid #ddd;
+  padding: 16px;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+}
+</style>
+```
+
+**After**:
+
+`Component.vue`:
+```vue
+<template>
+  <div class="card">
+    <h2 class="title">Title</h2>
+  </div>
+</template>
+
+<style scoped src="./Component.css"></style>
+```
+
+`Component.css`:
+```css
+.card {
+  border: 1px solid #ddd;
+  padding: 16px;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+}
+```
+
+### Example 2: CSS Modules Extraction
+
+**Before**:
+```vue
+<template>
+  <div :class="$style.container">
+    <span :class="$style.label">Label</span>
+  </div>
+</template>
+
+<style module>
+.container {
+  display: flex;
+}
+
+.label {
+  color: blue;
+}
+</style>
+```
+
+**After**:
+
+`Component.vue`:
+```vue
+<template>
+  <div :class="$style.container">
+    <span :class="$style.label">Label</span>
+  </div>
+</template>
+
+<style module src="./Component.module.css"></style>
+```
+
+`Component.module.css`:
+```css
+.container {
+  display: flex;
+}
+
+.label {
+  color: blue;
+}
+```
+
+### Example 3: Multiple Style Blocks
+
+**Before**:
+```vue
+<template>
+  <div class="local">
+    <div class="global">...</div>
+  </div>
+</template>
+
+<style scoped>
+.local {
+  padding: 10px;
+}
+</style>
+
+<style>
+.global {
+  margin: 0;
+}
+</style>
+```
+
+**After**:
+
+`Component.vue`:
+```vue
+<template>
+  <div class="local">
+    <div class="global">...</div>
+  </div>
+</template>
+
+<style scoped src="./Component.scoped.css"></style>
+<style src="./Component.global.css"></style>
+```
+
+`Component.scoped.css`:
+```css
+.local {
+  padding: 10px;
+}
+```
+
+`Component.global.css`:
+```css
+.global {
+  margin: 0;
+}
+```
+
+## Integration with ft-webos
+
+When working in ft-webos project:
+
+1. **Check CLAUDE.md first**: Review project-specific CSS conventions
+2. **Follow existing patterns**: Check how other components handle CSS
+3. **Verify theme compatibility**: Ensure extracted CSS works with all themes
+4. **Test in all themes**: macOS, Windows, Linux themes
+5. **Update memory**: Document any project-specific patterns learned
+
+## Workflow Summary
+
+```
+1. Read Vue SFC
+2. Analyze template class usage (plain vs $style)
+3. Determine file extension (.css vs .module.css)
+4. Extract CSS content to new file
+5. Update SFC with external import
+6. Preserve scoping attributes (scoped/module)
+7. Run npm run build
+8. Test in browser
+9. Verify styles render correctly
+```
+
+## Success Criteria
+
+- ✅ Build passes with no errors
+- ✅ Styles render correctly in browser
+- ✅ No visual regressions
+- ✅ File extension matches template usage
+- ✅ Scoping preserved (no style leaks)
+- ✅ Import path correct

package/skills/mo-dev-vue2css/scripts/detect-class-usage.sh

@@ -0,0 +1,33 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+if [ $# -ne 1 ]; then
+  echo "Usage: $0 <component.vue>" >&2
+  exit 1
+fi
+
+FILE="$1"
+if [ ! -f "$FILE" ]; then
+  echo "Error: file not found: $FILE" >&2
+  exit 1
+fi
+
+PLAIN_COUNT=$(grep -Eo '(^|[^:])class="[^"]*"' "$FILE" 2>/dev/null | wc -l | tr -d ' ' || true)
+STYLE_COUNT=$(grep -Eo ':class="\$style\.[^"]*"' "$FILE" 2>/dev/null | wc -l | tr -d ' ' || true)
+
+if [ "$PLAIN_COUNT" -gt 0 ] && [ "$STYLE_COUNT" -eq 0 ]; then
+  echo "plain-class"
+  exit 0
+fi
+
+if [ "$PLAIN_COUNT" -eq 0 ] && [ "$STYLE_COUNT" -gt 0 ]; then
+  echo "style-module"
+  exit 0
+fi
+
+if [ "$PLAIN_COUNT" -gt 0 ] && [ "$STYLE_COUNT" -gt 0 ]; then
+  echo "mixed"
+  exit 0
+fi
+
+echo "no-class"

package/skills/mo-dev-vue2css/scripts/extract-css.sh

@@ -0,0 +1,72 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+if [ $# -ne 1 ]; then
+  echo "Usage: $0 <component.vue>" >&2
+  exit 1
+fi
+
+FILE="$1"
+if [ ! -f "$FILE" ]; then
+  echo "Error: file not found: $FILE" >&2
+  exit 1
+fi
+
+DIR="$(dirname "$FILE")"
+BASE="$(basename "$FILE" .vue)"
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+DETECT_SCRIPT="$SCRIPT_DIR/detect-class-usage.sh"
+UPDATE_SCRIPT="$SCRIPT_DIR/update-import.sh"
+
+USAGE="$($DETECT_SCRIPT "$FILE")"
+case "$USAGE" in
+  plain-class) CSS_EXT=".css" ;;
+  style-module) CSS_EXT=".module.css" ;;
+  mixed)
+    echo "Error: mixed class and \$style usage. Handle manually." >&2
+    exit 1
+    ;;
+  no-class) CSS_EXT=".css" ;;
+  *)
+    echo "Error: unknown class usage result: $USAGE" >&2
+    exit 1
+    ;;
+esac
+
+STYLE_COUNT=$(grep -c '<style' "$FILE" || true)
+if [ "$STYLE_COUNT" -eq 0 ]; then
+  echo "No <style> block found in $FILE"
+  exit 0
+fi
+
+if [ "$STYLE_COUNT" -gt 1 ]; then
+  echo "Error: multiple <style> blocks detected. Handle manually." >&2
+  exit 1
+fi
+
+STYLE_OPEN_LINE=$(grep -n '<style[^>]*>' "$FILE" | head -n1 | cut -d: -f1)
+STYLE_CLOSE_LINE=$(grep -n '</style>' "$FILE" | head -n1 | cut -d: -f1)
+
+if [ -z "$STYLE_OPEN_LINE" ] || [ -z "$STYLE_CLOSE_LINE" ] || [ "$STYLE_CLOSE_LINE" -le "$STYLE_OPEN_LINE" ]; then
+  echo "Error: invalid <style> block in $FILE" >&2
+  exit 1
+fi
+
+STYLE_TAG=$(sed -n "${STYLE_OPEN_LINE}p" "$FILE")
+CSS_FILE="$DIR/$BASE$CSS_EXT"
+CSS_FILE_NAME="$BASE$CSS_EXT"
+
+sed -n "$((STYLE_OPEN_LINE + 1)),$((STYLE_CLOSE_LINE - 1))p" "$FILE" > "$CSS_FILE"
+
+if [[ "$STYLE_TAG" == *"scoped"* ]]; then
+  MODE="scoped"
+elif [[ "$STYLE_TAG" == *"module"* ]]; then
+  MODE="module"
+else
+  MODE="plain"
+fi
+
+"$UPDATE_SCRIPT" "$FILE" "$CSS_FILE_NAME" "$MODE"
+
+echo "Extracted: $CSS_FILE"
+echo "Updated:   $FILE"

package/skills/mo-dev-vue2css/scripts/update-import.sh

@@ -0,0 +1,55 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+if [ $# -lt 2 ] || [ $# -gt 3 ]; then
+  echo "Usage: $0 <component.vue> <css-file-name> [scoped|module|plain]" >&2
+  exit 1
+fi
+
+FILE="$1"
+CSS_FILE_NAME="$2"
+MODE="${3:-scoped}"
+
+if [ ! -f "$FILE" ]; then
+  echo "Error: file not found: $FILE" >&2
+  exit 1
+fi
+
+STYLE_COUNT=$(grep -c '<style' "$FILE" || true)
+if [ "$STYLE_COUNT" -eq 0 ]; then
+  echo "Error: no <style> block found in $FILE" >&2
+  exit 1
+fi
+
+if [ "$STYLE_COUNT" -gt 1 ]; then
+  echo "Error: multiple <style> blocks detected. Handle manually." >&2
+  exit 1
+fi
+
+STYLE_OPEN_LINE=$(grep -n '<style[^>]*>' "$FILE" | head -n1 | cut -d: -f1)
+STYLE_CLOSE_LINE=$(grep -n '</style>' "$FILE" | head -n1 | cut -d: -f1)
+
+if [ -z "$STYLE_OPEN_LINE" ] || [ -z "$STYLE_CLOSE_LINE" ] || [ "$STYLE_CLOSE_LINE" -le "$STYLE_OPEN_LINE" ]; then
+  echo "Error: invalid <style> block in $FILE" >&2
+  exit 1
+fi
+
+case "$MODE" in
+  scoped) NEW_STYLE="<style scoped src=\"./$CSS_FILE_NAME\"></style>" ;;
+  module) NEW_STYLE="<style module src=\"./$CSS_FILE_NAME\"></style>" ;;
+  plain) NEW_STYLE="<style src=\"./$CSS_FILE_NAME\"></style>" ;;
+  *)
+    echo "Error: invalid mode '$MODE' (use scoped|module|plain)" >&2
+    exit 1
+    ;;
+esac
+
+awk -v start="$STYLE_OPEN_LINE" -v end="$STYLE_CLOSE_LINE" -v repl="$NEW_STYLE" '
+NR < start { print; next }
+NR == start { print repl; next }
+NR > start && NR <= end { next }
+{ print }
+' "$FILE" > "$FILE.tmp"
+mv "$FILE.tmp" "$FILE"
+
+echo "Updated import in: $FILE"

package/src/executor/executeDocs.js

@@ -49,49 +49,85 @@ const _isObsidianInstalled = async () => {
 };
 
 /**
- * 检查 Obsidian 是否正在运行
+ * 检查指定 vault 是否正在运行
+ * @param {string} vaultPath vault 路径
  * @returns {Promise<boolean>}
  */
-const _isObsidianRunning = async () => {
+const _isVaultRunning = async (vaultPath) => {
     const platform = os.platform();
-    
+    let configPath;
+
+    if (platform === 'darwin') {
+        configPath = path.join(os.homedir(), 'Library/Application Support/obsidian/obsidian.json');
+    } else if (platform === 'win32') {
+        configPath = path.join(process.env.APPDATA || '', 'obsidian', 'obsidian.json');
+    } else {
+        const xdgConfig = process.env.XDG_CONFIG_HOME || path.join(os.homedir(), '.config');
+        configPath = path.join(xdgConfig, 'obsidian', 'obsidian.json');
+    }
+
     try {
-        if (platform === 'darwin') {
-            const result = execSync('pgrep -f "Obsidian.app"', { stdio: 'pipe' });
-            return result.toString().trim().length > 0;
-        } else if (platform === 'win32') {
-            const result = execSync('tasklist /FI "IMAGENAME eq Obsidian.exe"', { stdio: 'pipe' });
-            return result.toString().includes('Obsidian.exe');
-        } else {
-            const result = execSync('pgrep -f obsidian', { stdio: 'pipe' });
-            return result.toString().trim().length > 0;
+        if (!fs.existsSync(configPath)) {
+            return false;
         }
+
+        const content = await fsAsync.readFile(configPath, 'utf8');
+        const config = JSON.parse(content);
+
+        // 检查是否有 vault 的 open 状态为 true 且路径匹配
+        const openVault = Object.values(config.vaults || {}).find(
+            vault => vault.path === vaultPath && vault.open === true
+        );
+
+        return !!openVault;
     } catch {
         return false;
     }
 };
 
 /**
- * 关闭 Obsidian 应用
+ * 关闭指定 vault 的 Obsidian 窗口
+ * 通过更新配置文件将 vault 的 open 状态设为 false
+ * @param {string} vaultPath vault 路径
  * @returns {Promise<void>}
  */
-const _closeObsidian = async () => {
+const _closeVault = async (vaultPath) => {
     const platform = os.platform();
-    
+    let configPath;
+
+    if (platform === 'darwin') {
+        configPath = path.join(os.homedir(), 'Library/Application Support/obsidian/obsidian.json');
+    } else if (platform === 'win32') {
+        configPath = path.join(process.env.APPDATA || '', 'obsidian', 'obsidian.json');
+    } else {
+        const xdgConfig = process.env.XDG_CONFIG_HOME || path.join(os.homedir(), '.config');
+        configPath = path.join(xdgConfig, 'obsidian', 'obsidian.json');
+    }
+
     try {
-        if (platform === 'darwin') {
-            execSync('killall Obsidian', { stdio: 'ignore' });
-            // 等待进程完全关闭
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        } else if (platform === 'win32') {
-            execSync('taskkill /F /IM Obsidian.exe', { stdio: 'ignore' });
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        } else {
-            execSync('killall obsidian', { stdio: 'ignore' });
-            await new Promise(resolve => setTimeout(resolve, 1000));
+        if (!fs.existsSync(configPath)) {
+            return;
         }
-    } catch {
-        // 如果关闭失败也不报错
+
+        const content = await fsAsync.readFile(configPath, 'utf8');
+        const config = JSON.parse(content);
+
+        // 找到对应的 vault 并设置 open 为 false
+        let updated = false;
+        for (const [id, vault] of Object.entries(config.vaults || {})) {
+            if (vault.path === vaultPath && vault.open === true) {
+                config.vaults[id].open = false;
+                updated = true;
+            }
+        }
+
+        if (updated) {
+            await fsAsync.writeFile(configPath, JSON.stringify(config), 'utf8');
+            // 等待配置生效
+            await new Promise(resolve => setTimeout(resolve, 500));
+        }
+    } catch (error) {
+        Ec.warn(`⚠ 关闭 vault 失败: ${error.message}`);
     }
 };
 
@@ -451,11 +487,11 @@ module.exports = async (options) => {
 
         Ec.info('✓ Obsidian 已安装');
 
-        // 6. 检查 Obsidian 是否正在运行
-        const isRunning = await _isObsidianRunning();
-        if (isRunning) {
-            Ec.waiting('检测到 Obsidian 正在运行，正在重启以加载新 vault...');
-            await _closeObsidian();
+        // 6. 检查当前 vault 是否正在运行
+        const isVaultRunning = await _isVaultRunning(targetDir);
+        if (isVaultRunning) {
+            Ec.waiting('检测到该 vault 正在运行，正在关闭以重新加载...');
+            await _closeVault(targetDir);
         }
 
         // 7. 注册 vault 到 Obsidian 配置