@next-vibe/checker 1.0.11 → 1.0.12

package/src/app/api/[locale]/system/unified-interface/cli/widgets/implementations/link-card.ts

@@ -0,0 +1,87 @@
+/**
+ * Link Card Widget Renderer
+ * Handles LINK_CARD widget type for CLI display
+ */
+
+import { WidgetType } from "@/app/api/[locale]/system/unified-interface/shared/types/enums";
+import {
+  extractLinkCardData,
+  getDisplayUrl,
+  type ProcessedLinkCard,
+} from "@/app/api/[locale]/system/unified-interface/shared/widgets/logic/link-card";
+
+import { BaseWidgetRenderer } from "../core/base-renderer";
+import type { CLIWidgetProps, WidgetRenderContext } from "../core/types";
+
+export class LinkCardWidgetRenderer extends BaseWidgetRenderer<
+  typeof WidgetType.LINK_CARD
+> {
+  readonly widgetType = WidgetType.LINK_CARD;
+
+  render(props: CLIWidgetProps<typeof WidgetType.LINK_CARD, string>): string {
+    const { value, context } = props;
+    const t = context.t;
+
+    // Extract data using shared logic
+    const data = extractLinkCardData(value);
+
+    // Handle null case
+    if (!data) {
+      return context.renderEmptyState(
+        t(
+          "app.api.system.unifiedInterface.cli.vibe.endpoints.renderers.cliUi.widgets.common.noDataAvailable",
+        ),
+      );
+    }
+
+    // Render using extracted data
+    return this.renderLinkCard(data, context);
+  }
+
+  private renderLinkCard(
+    data: ProcessedLinkCard,
+    context: WidgetRenderContext,
+  ): string {
+    const { title, url, description, icon, metadata } = data;
+    const indent = this.createIndent(context.depth, context);
+    const result: string[] = [];
+
+    // Render icon if available
+    const iconPrefix = context.options.useEmojis && icon ? `${icon} ` : "";
+
+    // Render title
+    const styledTitle = this.styleText(
+      `${iconPrefix}${title}`,
+      "bold",
+      context,
+    );
+    result.push(`${indent}${styledTitle}`);
+
+    // Render URL
+    const displayUrl = getDisplayUrl(url);
+    const styledUrl = this.styleText(displayUrl, "blue", context);
+    // eslint-disable-next-line i18next/no-literal-string
+    result.push(`${indent}  ${styledUrl}`);
+
+    // Render description if available
+    if (description) {
+      const wrappedDescription = this.wrapText(
+        description,
+        context.options.maxWidth - indent.length - 2,
+        `${indent}  `,
+      );
+      result.push(`${indent}  ${wrappedDescription}`);
+    }
+
+    // Render metadata if available
+    if (metadata && Object.keys(metadata).length > 0) {
+      for (const [key, value] of Object.entries(metadata)) {
+        const styledKey = this.styleText(`${key}:`, "dim", context);
+        // eslint-disable-next-line i18next/no-literal-string
+        result.push(`${indent}  ${styledKey} ${value}`);
+      }
+    }
+
+    return result.join("\n");
+  }
+}

package/src/app/api/[locale]/system/unified-interface/cli/widgets/implementations/link-list.ts

@@ -0,0 +1,112 @@
+/**
+ * Link List Widget Renderer
+ * Handles LINK_LIST widget type for CLI display
+ */
+
+import { WidgetType } from "@/app/api/[locale]/system/unified-interface/shared/types/enums";
+import {
+  extractLinkListData,
+  type LinkItem,
+  type ProcessedLinkList,
+} from "@/app/api/[locale]/system/unified-interface/shared/widgets/logic/link-list";
+
+import { BaseWidgetRenderer } from "../core/base-renderer";
+import type { CLIWidgetProps, WidgetRenderContext } from "../core/types";
+
+export class LinkListWidgetRenderer extends BaseWidgetRenderer<
+  typeof WidgetType.LINK_LIST
+> {
+  readonly widgetType = WidgetType.LINK_LIST;
+
+  render(props: CLIWidgetProps<typeof WidgetType.LINK_LIST, string>): string {
+    const { value, context } = props;
+    const t = context.t;
+
+    // Extract data using shared logic
+    const data = extractLinkListData(value);
+
+    // Handle null case
+    if (!data) {
+      return context.renderEmptyState(
+        t(
+          "app.api.system.unifiedInterface.cli.vibe.endpoints.renderers.cliUi.widgets.common.noDataAvailable",
+        ),
+      );
+    }
+
+    // Render using extracted data
+    return this.renderLinkList(data, context);
+  }
+
+  private renderLinkList(
+    data: ProcessedLinkList,
+    context: WidgetRenderContext,
+  ): string {
+    const { items, title, description } = data;
+    const indent = this.createIndent(context.depth, context);
+    const result: string[] = [];
+
+    // Render title if available
+    if (title) {
+      const styledTitle = this.styleText(title, "bold", context);
+      result.push(`${indent}${styledTitle}`);
+      result.push(""); // Empty line for spacing
+    }
+
+    // Render description if available
+    if (description) {
+      const wrappedDescription = this.wrapText(
+        description,
+        context.options.maxWidth - indent.length,
+        indent,
+      );
+      result.push(`${indent}${wrappedDescription}`);
+      result.push(""); // Empty line for spacing
+    }
+
+    // Render each link item
+    for (const item of items) {
+      const linkLine = this.renderLinkItem(item, indent, context);
+      result.push(linkLine);
+    }
+
+    return result.join("\n");
+  }
+
+  private renderLinkItem(
+    item: LinkItem,
+    indent: string,
+    context: WidgetRenderContext,
+  ): string {
+    const { url, title, description, icon } = item;
+
+    // Build the link display text
+    const iconPrefix = context.options.useEmojis && icon ? `${icon} ` : "• ";
+    const displayText = title || url;
+
+    const parts: string[] = [];
+
+    // Add icon and title/url
+    const styledText = this.styleText(
+      `${iconPrefix}${displayText}`,
+      "blue",
+      context,
+    );
+    parts.push(styledText);
+
+    // Add URL in parentheses if different from title
+    if (title && title !== url) {
+      const styledUrl = this.styleText(`(${url})`, "dim", context);
+      parts.push(styledUrl);
+    }
+
+    // Add description if available
+    if (description) {
+      // eslint-disable-next-line i18next/no-literal-string
+      parts.push(`- ${description}`);
+    }
+
+    // eslint-disable-next-line i18next/no-literal-string
+    return `${indent}${parts.join(" ")}`;
+  }
+}

package/src/app/api/[locale]/system/unified-interface/cli/widgets/implementations/link.ts

@@ -0,0 +1,59 @@
+/**
+ * Link Widget Renderer
+ * Handles LINK widget type for CLI display
+ */
+
+import { WidgetType } from "@/app/api/[locale]/system/unified-interface/shared/types/enums";
+import {
+  extractLinkData,
+  type ProcessedLink,
+} from "@/app/api/[locale]/system/unified-interface/shared/widgets/logic/link";
+
+import { BaseWidgetRenderer } from "../core/base-renderer";
+import type { CLIWidgetProps, WidgetRenderContext } from "../core/types";
+
+export class LinkWidgetRenderer extends BaseWidgetRenderer<
+  typeof WidgetType.LINK
+> {
+  readonly widgetType = WidgetType.LINK;
+
+  render(props: CLIWidgetProps<typeof WidgetType.LINK, string>): string {
+    const { value, context } = props;
+    const t = context.t;
+
+    // Extract data using shared logic
+    const data = extractLinkData(value);
+
+    // Handle null case
+    if (!data) {
+      return context.renderEmptyState(
+        t(
+          "app.api.system.unifiedInterface.cli.vibe.endpoints.renderers.cliUi.widgets.common.noDataAvailable",
+        ),
+      );
+    }
+
+    // Render using extracted data
+    return this.renderLink(data, context);
+  }
+
+  private renderLink(
+    data: ProcessedLink,
+    context: WidgetRenderContext,
+  ): string {
+    const { url, text } = data;
+
+    // For CLI, we render links in a readable format
+    // Format: text (url) or just url if text equals url
+    if (text === url) {
+      return this.styleText(url, "blue", context);
+    }
+
+    // Format: text (url)
+    const styledText = this.styleText(text, "blue", context);
+    const styledUrl = this.styleText(`(${url})`, "dim", context);
+
+    // eslint-disable-next-line i18next/no-literal-string
+    return `${styledText} ${styledUrl}`;
+  }
+}

package/src/app/api/[locale]/system/unified-interface/cli/widgets/implementations/loading.ts

@@ -0,0 +1,50 @@
+/**
+ * Loading Widget Renderer
+ * Handles LOADING widget type for CLI display
+ */
+
+import { WidgetType } from "@/app/api/[locale]/system/unified-interface/shared/types/enums";
+import {
+  extractLoadingData,
+  formatProgressBar,
+} from "@/app/api/[locale]/system/unified-interface/shared/widgets/logic/loading";
+
+import { BaseWidgetRenderer } from "../core/base-renderer";
+import type { CLIWidgetProps } from "../core/types";
+
+export class LoadingWidgetRenderer extends BaseWidgetRenderer<
+  typeof WidgetType.LOADING
+> {
+  readonly widgetType = WidgetType.LOADING;
+
+  render(props: CLIWidgetProps<typeof WidgetType.LOADING, string>): string {
+    const { value, context } = props;
+    const indent = this.createIndent(context.depth, context);
+
+    // Extract data using shared logic
+    const data = extractLoadingData(value);
+
+    const lines: string[] = [];
+
+    // Loading message
+    const message = data.message || "Loading...";
+
+    if (data.indeterminate) {
+      // Indeterminate loading (spinner)
+      const spinner = context.options.useEmojis ? "⏳ " : "... ";
+      lines.push(
+        `${indent}${spinner}${this.styleText(message, "blue", context)}`,
+      );
+    } else if (data.progress !== undefined) {
+      // Progress bar
+      const progressBar = formatProgressBar(data.progress, 30);
+      lines.push(`${indent}${this.styleText(message, "blue", context)}`);
+      lines.push(`${indent}${progressBar}`);
+    } else {
+      // Default loading
+      lines.push(`${indent}${this.styleText(message, "blue", context)}`);
+    }
+
+    return lines.join("\n");
+  }
+}

package/src/app/api/[locale]/system/unified-interface/cli/widgets/implementations/markdown.ts

@@ -0,0 +1,131 @@
+/**
+ * Markdown Widget Renderer
+ * Handles MARKDOWN widget type for CLI display
+ * Converts markdown to plain text with basic ANSI formatting
+ */
+
+import { WidgetType } from "@/app/api/[locale]/system/unified-interface/shared/types/enums";
+import {
+  extractMarkdownData,
+  type ProcessedMarkdown,
+} from "@/app/api/[locale]/system/unified-interface/shared/widgets/logic/markdown";
+
+import { BaseWidgetRenderer } from "../core/base-renderer";
+import type { CLIWidgetProps, WidgetRenderContext } from "../core/types";
+
+export class MarkdownWidgetRenderer extends BaseWidgetRenderer<
+  typeof WidgetType.MARKDOWN
+> {
+  readonly widgetType = WidgetType.MARKDOWN;
+
+  render(props: CLIWidgetProps<typeof WidgetType.MARKDOWN, string>): string {
+    const { value, context } = props;
+    const t = context.t;
+
+    // Extract data using shared logic
+    const data = extractMarkdownData(value);
+
+    // Handle null case
+    if (!data) {
+      return context.renderEmptyState(
+        t(
+          "app.api.system.unifiedInterface.cli.vibe.endpoints.renderers.cliUi.widgets.common.noDataAvailable",
+        ),
+      );
+    }
+
+    // Render using extracted data
+    return this.renderMarkdown(data, context);
+  }
+
+  private renderMarkdown(
+    data: ProcessedMarkdown,
+    context: WidgetRenderContext,
+  ): string {
+    const { content } = data;
+    const indent = this.createIndent(context.depth, context);
+
+    // Convert markdown to plain text with basic formatting
+    const formatted = this.convertMarkdownToPlainText(content, context);
+
+    // Apply indentation to each line
+    const lines = formatted.split("\n");
+    return lines.map((line) => `${indent}${line}`).join("\n");
+  }
+
+  /**
+   * Convert markdown to plain text with basic ANSI formatting
+   * Supports: headings, bold, italic, code blocks, inline code, lists
+   */
+  private convertMarkdownToPlainText(
+    content: string,
+    context: WidgetRenderContext,
+  ): string {
+    let result = content;
+
+    // Convert headings (# Heading)
+    // oxlint-disable-next-line no-unused-vars
+    result = result.replaceAll(/^#{1,6}\s+(.+)$/gm, (match, heading) => {
+      return this.styleText(heading, "bold", context);
+    });
+
+    // Convert bold (**text** or __text__)
+    // oxlint-disable-next-line no-unused-vars
+    result = result.replaceAll(/(\*\*|__)(.+?)\1/g, (match, marker, text) => {
+      return this.styleText(text, "bold", context);
+    });
+
+    // Convert italic (*text* or _text_)
+    // oxlint-disable-next-line no-unused-vars
+    result = result.replaceAll(/(\*|_)(.+?)\1/g, (match, marker, text) => {
+      return this.styleText(text, "dim", context);
+    });
+
+    // oxlint-disable-next-line no-unused-vars
+    // Convert inline code (`code`)
+    // oxlint-disable-next-line no-unused-vars
+    result = result.replaceAll(/`([^`]+)`/g, (match, code) => {
+      return this.styleText(code, "blue", context);
+    });
+
+    // Convert code blocks (```code```)
+    result = result.replaceAll(/```[\s\S]*?```/g, (match) => {
+      // Remove the backticks
+      const code = match.replaceAll("```", "");
+      return this.styleText(code, "blue", context);
+    });
+
+    // Convert unordered lists (- item or * item)
+    // oxlint-disable-next-line no-unused-vars
+    result = result.replaceAll(/^[*-]\s+(.+)$/gm, (match, item) => {
+      const bullet = context.options.useEmojis ? "•" : "-";
+      // eslint-disable-next-line i18next/no-literal-string
+      return `${bullet} ${item}`;
+    });
+
+    // Convert ordered lists (1. item)
+    result = result.replaceAll(/^\d+\.\s+(.+)$/gm, (match) => {
+      return match; // Keep numbered lists as-is
+    });
+
+    // Convert links [text](url)
+    result = result.replaceAll(
+      /\[([^\]]+)\]\(([^)]+)\)/g,
+      // oxlint-disable-next-line no-unused-vars
+      (match, text, url) => {
+        // For CLI, just show the text with URL in dim
+        const styledText = this.styleText(text, "blue", context);
+        const styledUrl = this.styleText(`(${url})`, "dim", context);
+        // eslint-disable-next-line i18next/no-literal-string
+        return `${styledText} ${styledUrl}`;
+      },
+    );
+
+    // Convert horizontal rules (--- or ***)
+    result = result.replaceAll(/^(\*{3,}|-{3,})$/gm, () => {
+      return this.createSeparator(40, "─");
+    });
+
+    return result;
+  }
+}