@reftrixmcp/mcp-server 0.1.7

package/dist/services/page/motion-detector.service.js

@@ -0,0 +1,255 @@
+"use strict";
+// SPDX-FileCopyrightText: 2026 TKMD and Reftrix Contributors
+// SPDX-License-Identifier: AGPL-3.0-only
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MotionDetectorService = exports.MOTION_WARNING_CODES = void 0;
+exports.getMotionDetectorService = getMotionDetectorService;
+exports.resetMotionDetectorService = resetMotionDetectorService;
+/**
+ * Motion Detector Service
+ *
+ * CSS animation/transition detection service for page.analyze
+ * Refactored: Delegates to CssAnimationParser, MotionPerformanceAnalyzer, MotionCategoryClassifier
+ *
+ * @module services/page/motion-detector.service
+ */
+const uuid_1 = require("uuid");
+const logger_1 = require("../../utils/logger");
+const css_animation_parser_service_1 = require("./css-animation-parser.service");
+const motion_performance_analyzer_service_1 = require("./motion-performance-analyzer.service");
+const motion_category_classifier_service_1 = require("./motion-category-classifier.service");
+exports.MOTION_WARNING_CODES = {
+    A11Y_NO_REDUCED_MOTION: "A11Y_NO_REDUCED_MOTION",
+    A11Y_INFINITE_ANIMATION: "A11Y_INFINITE_ANIMATION",
+    PERF_LAYOUT_TRIGGER: "PERF_LAYOUT_TRIGGER",
+    PERF_TOO_MANY_ANIMATIONS: "PERF_TOO_MANY_ANIMATIONS",
+};
+class MotionDetectorService {
+    cssParser = (0, css_animation_parser_service_1.getCssAnimationParser)();
+    perfAnalyzer = (0, motion_performance_analyzer_service_1.getMotionPerformanceAnalyzer)();
+    classifier = (0, motion_category_classifier_service_1.getMotionCategoryClassifier)();
+    detect(html, options = {}, externalCss) {
+        const startTime = Date.now();
+        const { includeInlineStyles = true, includeStyleSheets = true, minDuration = 0, maxPatterns = 100, verbose = false, } = options;
+        if ((0, logger_1.isDevelopment)()) {
+            logger_1.logger.info("[MotionDetector] Starting detection", {
+                htmlLength: html.length,
+                hasExternalCss: !!externalCss,
+                options,
+            });
+        }
+        const patterns = [];
+        const warnings = [];
+        if (!html) {
+            return { patterns: [], warnings: [], processingTimeMs: Date.now() - startTime };
+        }
+        const combinedCss = this.collectCss(html, externalCss, includeStyleSheets, includeInlineStyles);
+        const keyframesMap = this.cssParser.parseKeyframes(combinedCss);
+        const styleRules = this.cssParser.extractStyleRules(combinedCss);
+        const hasReducedMotion = /prefers-reduced-motion/i.test(combinedCss);
+        this.processStyleRules(styleRules, keyframesMap, patterns, hasReducedMotion, minDuration, verbose);
+        this.updateHoverTriggers(styleRules, patterns);
+        this.addStandaloneKeyframes(keyframesMap, patterns, hasReducedMotion, verbose);
+        this.generateWarnings(patterns, hasReducedMotion, warnings);
+        const limitedPatterns = patterns.slice(0, maxPatterns);
+        const processingTimeMs = Date.now() - startTime;
+        if ((0, logger_1.isDevelopment)()) {
+            logger_1.logger.info("[MotionDetector] Detection completed", {
+                patternCount: limitedPatterns.length,
+                warningCount: warnings.length,
+                processingTimeMs,
+            });
+        }
+        return { patterns: limitedPatterns, warnings, processingTimeMs };
+    }
+    collectCss(html, externalCss, includeStyleSheets, includeInlineStyles) {
+        let css = "";
+        if (includeStyleSheets) {
+            const styleRegex = /<style[^>]*>([\s\S]*?)<\/style>/gi;
+            let match;
+            while ((match = styleRegex.exec(html)) !== null) {
+                if (match[1])
+                    css += match[1] + "\n";
+            }
+        }
+        if (externalCss)
+            css += externalCss + "\n";
+        if (includeInlineStyles) {
+            const inlineRegex = /style="([^"]*)"/gi;
+            let match, count = 0;
+            while ((match = inlineRegex.exec(html)) !== null) {
+                const style = match[1];
+                if (style && (style.includes("animation") || style.includes("transition"))) {
+                    css += `.inline-style-${count++} { ${style} }\n`;
+                }
+            }
+        }
+        return css;
+    }
+    processStyleRules(styleRules, keyframesMap, patterns, hasReducedMotion, minDuration, verbose) {
+        for (const [selector, styles] of styleRules) {
+            if (styles.animation || styles["animation-name"]) {
+                this.processAnimation(selector, styles, keyframesMap, patterns, hasReducedMotion, minDuration, verbose);
+            }
+            if (styles.transition) {
+                this.processTransition(selector, styles, styleRules, patterns, hasReducedMotion, minDuration, verbose);
+            }
+        }
+    }
+    processAnimation(selector, styles, keyframesMap, patterns, hasReducedMotion, minDuration, verbose) {
+        const parsed = this.cssParser.parseAnimationProperty(styles.animation || styles["animation-name"] || "");
+        if (parsed.duration < minDuration)
+            return;
+        const keyframes = keyframesMap.get(parsed.name);
+        const properties = keyframes ? this.perfAnalyzer.extractPropertiesFromKeyframes(keyframes) : [];
+        const propertiesDetailed = keyframes
+            ? this.perfAnalyzer.extractDetailedPropertiesFromKeyframes(keyframes)
+            : undefined;
+        const trigger = this.classifier.inferTriggerType(selector, properties);
+        const category = this.classifier.inferCategory(parsed.name, selector, properties, parsed.iterations);
+        const performance = this.perfAnalyzer.analyzePerformance(properties);
+        const pattern = {
+            id: (0, uuid_1.v7)(),
+            name: parsed.name || `animation-${patterns.length}`,
+            type: "css_animation",
+            category,
+            selector,
+            trigger,
+            duration: parsed.duration,
+            delay: parsed.delay,
+            easing: this.cssParser.formatEasing(parsed.easing),
+            iterations: parsed.iterations,
+            direction: parsed.direction,
+            fillMode: parsed.fillMode,
+            properties,
+            propertiesDetailed,
+            performance,
+            accessibility: { respectsReducedMotion: hasReducedMotion },
+        };
+        if (verbose && keyframes) {
+            pattern.keyframes = keyframes;
+            pattern.rawCss = this.cssParser.generateKeyframesCss(parsed.name, keyframes);
+        }
+        patterns.push(pattern);
+    }
+    processTransition(selector, styles, styleRules, patterns, hasReducedMotion, minDuration, verbose) {
+        const transitions = this.cssParser.parseTransitionProperty(styles.transition ?? "");
+        const validTransitions = transitions.filter((t) => t.duration >= minDuration);
+        if (validTransitions.length === 0)
+            return;
+        const transitionProperties = validTransitions.map((t) => t.property);
+        const hasHoverRule = styleRules.has(selector + ":hover") || selector.includes(":hover");
+        const trigger = hasHoverRule
+            ? "hover"
+            : this.classifier.inferTriggerType(selector, transitionProperties);
+        const category = hasHoverRule
+            ? "hover_effect"
+            : this.classifier.inferCategory("", selector, transitionProperties, 1);
+        const performance = this.perfAnalyzer.analyzePerformance(transitionProperties);
+        const maxDuration = Math.max(...validTransitions.map((t) => t.duration));
+        const first = validTransitions[0];
+        const pattern = {
+            id: (0, uuid_1.v7)(),
+            name: `transition-${patterns.length}`,
+            type: "css_transition",
+            category,
+            selector,
+            trigger,
+            duration: maxDuration,
+            delay: first?.delay || 0,
+            easing: this.cssParser.formatEasing(first?.easing || { type: "ease" }),
+            properties: transitionProperties,
+            performance,
+            accessibility: { respectsReducedMotion: hasReducedMotion },
+        };
+        if (verbose)
+            pattern.rawCss = `${selector} { transition: ${styles.transition}; }`;
+        patterns.push(pattern);
+    }
+    updateHoverTriggers(styleRules, patterns) {
+        for (const [selector] of styleRules) {
+            if (selector.includes(":hover")) {
+                const base = selector.replace(/:hover$/, "").trim();
+                for (const p of patterns) {
+                    if (p.type === "css_transition" && p.selector === base) {
+                        p.trigger = "hover";
+                        p.category = "hover_effect";
+                    }
+                }
+            }
+        }
+    }
+    addStandaloneKeyframes(keyframesMap, patterns, hasReducedMotion, verbose) {
+        for (const [name, steps] of keyframesMap) {
+            if (patterns.some((p) => p.name === name))
+                continue;
+            const properties = this.perfAnalyzer.extractPropertiesFromKeyframes(steps);
+            const propertiesDetailed = this.perfAnalyzer.extractDetailedPropertiesFromKeyframes(steps);
+            const pattern = {
+                id: (0, uuid_1.v7)(),
+                name,
+                type: "keyframes",
+                category: this.classifier.inferCategory(name, "", properties, 1),
+                trigger: "unknown",
+                duration: 0,
+                easing: "ease",
+                properties,
+                propertiesDetailed,
+                performance: this.perfAnalyzer.analyzePerformance(properties),
+                accessibility: { respectsReducedMotion: hasReducedMotion },
+            };
+            if (verbose) {
+                pattern.keyframes = steps;
+                pattern.rawCss = this.cssParser.generateKeyframesCss(name, steps);
+            }
+            patterns.push(pattern);
+        }
+    }
+    generateWarnings(patterns, hasReducedMotion, warnings) {
+        if (!hasReducedMotion && patterns.length > 0) {
+            warnings.push({
+                code: exports.MOTION_WARNING_CODES.A11Y_NO_REDUCED_MOTION,
+                severity: "warning",
+                message: "prefers-reduced-motion is not configured",
+                suggestion: "Add @media (prefers-reduced-motion: reduce) to disable animations for users who prefer reduced motion",
+            });
+        }
+        const infinite = patterns.filter((p) => p.iterations === "infinite");
+        if (infinite.length > 0) {
+            warnings.push({
+                code: exports.MOTION_WARNING_CODES.A11Y_INFINITE_ANIMATION,
+                severity: "info",
+                message: `${infinite.length} infinite animation(s) detected`,
+                suggestion: "Consider providing a way for users to pause or stop infinite animations",
+            });
+        }
+        const layout = patterns.filter((p) => p.performance.triggersLayout);
+        if (layout.length > 0) {
+            warnings.push({
+                code: exports.MOTION_WARNING_CODES.PERF_LAYOUT_TRIGGER,
+                severity: "warning",
+                message: `${layout.length} animation(s) trigger layout recalculation`,
+                suggestion: "Use transform and opacity for GPU-accelerated animations",
+            });
+        }
+        if (patterns.length > 20) {
+            warnings.push({
+                code: exports.MOTION_WARNING_CODES.PERF_TOO_MANY_ANIMATIONS,
+                severity: "warning",
+                message: `${patterns.length} animations detected`,
+                suggestion: "Consider reducing the number of animations for better performance",
+            });
+        }
+    }
+}
+exports.MotionDetectorService = MotionDetectorService;
+let motionDetectorInstance = null;
+function getMotionDetectorService() {
+    if (!motionDetectorInstance)
+        motionDetectorInstance = new MotionDetectorService();
+    return motionDetectorInstance;
+}
+function resetMotionDetectorService() {
+    motionDetectorInstance = null;
+}
+//# sourceMappingURL=motion-detector.service.js.map

package/dist/services/page/motion-detector.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-detector.service.js","sourceRoot":"","sources":["../../../src/services/page/motion-detector.service.ts"],"names":[],"mappings":"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"}

package/dist/services/page/motion-performance-analyzer.service.d.ts

@@ -0,0 +1,114 @@
+/** パフォーマンスレベル */
+export type PerformanceLevel = "good" | "acceptable" | "poor";
+/** パフォーマンス情報 */
+export interface PerformanceInfo {
+    level: PerformanceLevel;
+    usesTransform: boolean;
+    usesOpacity: boolean;
+    triggersLayout: boolean;
+    triggersPaint: boolean;
+}
+/** アクセシビリティ情報 */
+export interface AccessibilityInfo {
+    respectsReducedMotion: boolean;
+}
+/** キーフレームステップ（extractPropertiesFromKeyframes用） */
+export interface KeyframeStep {
+    offset: number;
+    styles: Record<string, string>;
+}
+/** キーフレームプロパティ詳細（from/to値を含む） */
+export interface DetailedProperty {
+    property: string;
+    from?: string;
+    to?: string;
+}
+/**
+ * レイアウト再計算をトリガーするプロパティ
+ * これらのプロパティはリフロー（reflow）を引き起こすため、パフォーマンスが悪い
+ */
+export declare const LAYOUT_TRIGGER_PROPERTIES: Set<string>;
+/**
+ * ペイントをトリガーするプロパティ
+ * レイアウトには影響しないが、再描画が必要
+ */
+export declare const PAINT_TRIGGER_PROPERTIES: Set<string>;
+/**
+ * モーションパターンのパフォーマンス分析器
+ *
+ * CSSアニメーション/トランジションのパフォーマンス特性を分析し、
+ * GPU accelerated properties（transform, opacity）の使用状況、
+ * レイアウト/ペイントトリガーの検出、アクセシビリティ対応状況を評価する
+ */
+export declare class MotionPerformanceAnalyzer {
+    /**
+     * CSSプロパティ配列からパフォーマンス情報を分析
+     *
+     * @param properties - 分析するCSSプロパティ名の配列
+     * @returns パフォーマンス情報（レベル、GPU加速使用、トリガー情報）
+     *
+     * パフォーマンスレベルの判定ロジック:
+     * - poor: レイアウトトリガープロパティを含む
+     * - acceptable: ペイントトリガーのみ（GPU加速なし）または不明プロパティ
+     * - good: transform/opacityを使用（GPU加速）
+     */
+    analyzePerformance(properties: string[]): PerformanceInfo;
+    /**
+     * CSSコンテンツからアクセシビリティ情報を分析
+     *
+     * @param css - 分析するCSSコンテンツ
+     * @returns アクセシビリティ情報
+     *
+     * 検出対象:
+     * - @media (prefers-reduced-motion: reduce)
+     * - @media (prefers-reduced-motion: no-preference)
+     */
+    analyzeAccessibility(css: string): AccessibilityInfo;
+    /**
+     * キーフレームステップからプロパティ名を抽出
+     *
+     * @param steps - キーフレームステップの配列
+     * @returns 重複を除いたプロパティ名の配列
+     */
+    extractPropertiesFromKeyframes(steps: KeyframeStep[]): string[];
+    /**
+     * キーフレームステップからプロパティ名とfrom/to値を抽出
+     *
+     * 最初のステップ（最小offset）の値をfrom、最後のステップ（最大offset）の値をtoとして抽出する。
+     * プロパティが最初/最後のステップに存在しない場合、そのフィールドはundefinedになる。
+     *
+     * @param steps - キーフレームステップの配列
+     * @returns プロパティ名とfrom/to値の配列
+     */
+    extractDetailedPropertiesFromKeyframes(steps: KeyframeStep[]): DetailedProperty[];
+    /**
+     * パフォーマンスレベルからスコアを取得
+     *
+     * @param level - パフォーマンスレベル
+     * @returns スコア（0-100）
+     *
+     * スコアマッピング:
+     * - good: 100
+     * - acceptable: 60
+     * - poor: 20
+     */
+    getPerformanceScore(level: PerformanceLevel): number;
+    /**
+     * パフォーマンス情報から推奨事項を生成
+     *
+     * @param info - パフォーマンス情報
+     * @returns 推奨事項の配列
+     */
+    getPerformanceRecommendations(info: PerformanceInfo): string[];
+}
+/**
+ * MotionPerformanceAnalyzer のシングルトンインスタンスを取得
+ *
+ * @returns MotionPerformanceAnalyzer インスタンス
+ */
+export declare function getMotionPerformanceAnalyzer(): MotionPerformanceAnalyzer;
+/**
+ * シングルトンインスタンスをリセット（テスト用）
+ */
+export declare function resetMotionPerformanceAnalyzer(): void;
+//# sourceMappingURL=motion-performance-analyzer.service.d.ts.map

package/dist/services/page/motion-performance-analyzer.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-performance-analyzer.service.d.ts","sourceRoot":"","sources":["../../../src/services/page/motion-performance-analyzer.service.ts"],"names":[],"mappings":"AAwBA,iBAAiB;AACjB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;AAE9D,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,iBAAiB;AACjB,MAAM,WAAW,iBAAiB;IAChC,qBAAqB,EAAE,OAAO,CAAC;CAChC;AAED,kDAAkD;AAClD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,iCAAiC;AACjC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAMD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,aAqBpC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wBAAwB,aAUnC,CAAC;AAiBH;;;;;;GAMG;AACH,qBAAa,yBAAyB;IACpC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,eAAe;IAqDzD;;;;;;;;;OASG;IACH,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB;IAgBpD;;;;;OAKG;IACH,8BAA8B,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE;IAsB/D;;;;;;;;OAQG;IACH,sCAAsC,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE;IAqDjF;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM;IAIpD;;;;;OAKG;IACH,6BAA6B,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,EAAE;CAiC/D;AAQD;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,yBAAyB,CAQxE;AAED;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,IAAI,CAKrD"}