@next-vibe/checker 1.0.52 → 3.0.0

package/src/app/api/[locale]/system/check/oxlint/plugins/jsx-capitalization/README.md

@@ -1,269 +0,0 @@
-# oxlint-plugin-jsx-capitalization
-
-Oxlint plugin that enforces the use of capitalized JSX components from `next-vibe-ui` instead of lowercase HTML elements.
-
-## Features
-
-- ✅ Detects lowercase JSX elements (div, p, a, button, etc.)
-- ✅ Provides helpful error messages with suggested imports
-- ✅ Automatically excludes files in `/src/packages/next-vibe-ui/web/` directory
-- ✅ Supports disable comments
-
-## Installation
-
-This plugin is part of the monorepo and is built automatically.
-
-```bash
-npm run build
-```
-
-## Usage
-
-The plugin is configured in the oxlint configuration file:
-
-```json
-{
-  "jsPlugins": ["oxlint-plugin-jsx-capitalization"],
-  "rules": {
-    "oxlint-plugin-jsx-capitalization/jsx-capitalization": "error"
-  }
-}
-```
-
-## Error Examples
-
-### Common UI Components
-
-#### ❌ Bad
-
-```tsx
-function MyComponent() {
-  return <div>Hello World</div>;
-}
-```
-
-**Error message:**
-
-```
-Use platform-independent <Div> component instead of <div>.
-import { Div } from "next-vibe-ui/ui/div";
-```
-
-#### ✅ Good
-
-```tsx
-import { Div } from "next-vibe-ui/ui/div";
-
-function MyComponent() {
-  return <Div>Hello World</Div>;
-}
-```
-
-### Typography Components
-
-#### ❌ Bad
-
-```tsx
-function Article() {
-  return (
-    <>
-      <h2>Title</h2>
-      <p>Paragraph text</p>
-    </>
-  );
-}
-```
-
-**Error messages:**
-
-```
-Use typography component <H2> instead of <h2>.
-import { H2 } from "next-vibe-ui/ui/typography";
-
-Use typography component <P> instead of <p>.
-import { P } from "next-vibe-ui/ui/typography";
-```
-
-#### ✅ Good
-
-```tsx
-import { H2, P } from "next-vibe-ui/ui/typography";
-
-function Article() {
-  return (
-    <>
-      <H2>Title</H2>
-      <P>Paragraph text</P>
-    </>
-  );
-}
-```
-
-### Image Components
-
-#### ❌ Bad
-
-```tsx
-function Avatar() {
-  return <img src="/avatar.png" alt="User" />;
-}
-```
-
-**Error message:**
-
-```
-Use platform-independent <Image> component instead of <img>.
-import { Image } from "next-vibe-ui/ui/image";
-```
-
-#### ✅ Good
-
-```tsx
-import { Image } from "next-vibe-ui/ui/image";
-
-function Avatar() {
-  return <Image src="/avatar.png" alt="User" />;
-}
-```
-
-### SVG Elements
-
-#### ❌ Bad
-
-```tsx
-function Icon() {
-  return (
-    <svg viewBox="0 0 24 24">
-      <path d="M12 2L2 7v10l10 5 10-5V7L12 2z" />
-    </svg>
-  );
-}
-```
-
-**Error message:**
-
-```
-SVG element <svg> detected. For icons, use components from
-next-vibe-ui/ui/icons instead. For custom SVG, create
-platform-independent components using react-native-svg that
-work on both web and native.
-```
-
-#### ✅ Good
-
-```tsx
-// Option 1: Use existing icon components
-import { CheckIcon } from "next-vibe-ui/ui/icons/Check";
-
-function Success() {
-  return <CheckIcon />;
-}
-
-// Option 2: Create custom SVG component with react-native-svg
-import Svg, { Path } from "react-native-svg";
-
-function CustomIcon() {
-  return (
-    <Svg viewBox="0 0 24 24">
-      <Path d="M12 2L2 7v10l10 5 10-5V7L12 2z" />
-    </Svg>
-  );
-}
-```
-
-## Excluded Paths
-
-Files in the following directory are automatically excluded:
-
-- `/src/packages/next-vibe-ui/web/`
-
-## Disable Comments
-
-You can disable the rule for specific lines using comments:
-
-```tsx
-// eslint-disable-next-line oxlint-plugin-jsx-capitalization/jsx-capitalization
-<div>This is allowed</div>
-
-// oxlint-disable-next-line jsx-capitalization
-<p>This is also allowed</p>
-```
-
-## Element Categories
-
-The plugin checks for **ALL lowercase JSX elements** and provides context-specific error messages:
-
-### 1. Typography Components
-
-Import from `next-vibe-ui/ui/typography`:
-
-- **Headings:** h1, h2, h3, h4 → H1, H2, H3, H4
-- **Text:** p → P
-- **Quotes:** blockquote → BlockQuote
-- **Code:** code → Code
-
-### 2. Standalone UI Components
-
-Import individually from `next-vibe-ui/ui/{component}`:
-
-- **Text:** span → Span (from `next-vibe-ui/ui/span`)
-- **Code blocks:** pre → Pre (from `next-vibe-ui/ui/pre`)
-
-### 3. Common UI Components
-
-Import from `next-vibe-ui/ui/{element}`:
-
-- **Containers:** div, section, article, aside, header, footer, main, nav
-- **Interactive:** button, input, textarea, select, label, form
-- **Lists:** ul, ol, li
-- **Tables:** table, thead, tbody, tr, th, td
-- **Links:** link
-- **And many more...**
-
-### 4. Image Components
-
-Import from `next-vibe-ui/ui/image`:
-
-- **Images:** img, picture → Image
-
-### 5. SVG Elements
-
-**Suggests using icon components or react-native-svg:**
-
-- svg, path, circle, rect, polygon, etc.
-- For icons: Use components from `next-vibe-ui/ui/icons`
-- For custom SVG: Use `react-native-svg` for platform independence
-
-### 6. Unknown Elements
-
-For any element without a known wrapper component, the plugin suggests:
-
-1. Creating `next-vibe-ui/web/ui/{element}.tsx` for web
-2. Creating `next-vibe-ui/native/ui/{element}.tsx` for React Native
-3. Or using an existing component if available
-
-**Note:** The plugin uses dynamic lowercase detection, so it catches **any** element starting with a lowercase letter.
-
-## Development
-
-### Build
-
-```bash
-npm run build
-```
-
-### Watch mode
-
-```bash
-npm run dev
-```
-
-### Clean
-
-```bash
-npm run clean
-```
-
-## License
-
-MIT

package/src/app/api/[locale]/system/check/oxlint/plugins/restricted-syntax/test.tsx

@@ -1,74 +0,0 @@
-/**
- * Test file for oxlint-plugin-restricted/restricted-syntax rule
- *
- * This file verifies that the restricted-syntax plugin catches all violations:
- * - unknown type usage
- * - object type usage
- * - throw statements
- * - JSX in object literals (except icon property)
- *
- * Each violation is marked with eslint-disable-next-line to assert that an
- * error SHOULD occur. If the rule stops working, these assertions will become
- * errors themselves.
- */
-
-import type React from "react";
-
-// ============================================================================
-// TEST 1: unknown type (SHOULD ERROR)
-// ============================================================================
-
-// eslint-disable-next-line oxlint-plugin-restricted/restricted-syntax
-const testUnknown: unknown = 5;
-
-// ============================================================================
-// TEST 2: object type (SHOULD ERROR)
-// ============================================================================
-
-// eslint-disable-next-line oxlint-plugin-restricted/restricted-syntax
-const testObject: object = {};
-
-// ============================================================================
-// TEST 3: throw statement (SHOULD ERROR)
-// ============================================================================
-
-function testThrow() {
-  // eslint-disable-next-line oxlint-plugin-restricted/restricted-syntax
-  throw new Error("error"); // Should error: Usage of 'throw' statements is not allowed
-}
-
-// ============================================================================
-// TEST 4: JSX in object literal (SHOULD ERROR)
-// ============================================================================
-
-const configWithJsx = {
-  // eslint-disable-next-line oxlint-plugin-restricted/restricted-syntax, oxlint-plugin-i18n/no-literal-string
-  content: <div>Test</div>, // Should error: JSX elements inside object literals are not allowed
-};
-
-// ============================================================================
-// TEST 5: JSX in object with icon exception (SHOULD PASS)
-// ============================================================================
-
-const configWithIcon: { icon: React.ReactNode } = {
-  // eslint-disable-next-line oxlint-plugin-i18n/no-literal-string
-  icon: <svg>Icon</svg>, // Should NOT error: icon property is allowed
-};
-
-// ============================================================================
-// TEST 6: Parenthesized JSX in object (SHOULD ERROR)
-// ============================================================================
-
-const configWithParenthesizedJsx = {
-  // eslint-disable-next-line oxlint-plugin-restricted/restricted-syntax, oxlint-plugin-i18n/no-literal-string
-  element: <span>Wrapped</span>, // Should error: JSX elements inside object literals are not allowed
-};
-
-export {
-  configWithIcon,
-  configWithJsx,
-  configWithParenthesizedJsx,
-  testObject,
-  testThrow,
-  testUnknown,
-};

package/src/app/api/[locale]/system/check/oxlint/plugins/shared/config-loader.ts

@@ -1,283 +0,0 @@
-/**
- * Shared Plugin Configuration Loader
- *
- * Provides typesafe configuration loading for Oxlint JS plugins.
- * Handles all runtime scenarios:
- * - Bun runtime (direct TypeScript support)
- * - Node.js runtime (requires compiled JS or ts-node)
- * - Source directory (development)
- * - NPM package (installed in node_modules)
- * - Compiled output (dist folder)
- */
-
-import { existsSync } from "node:fs";
-import { dirname, resolve } from "node:path";
-
-import type {
-  CheckConfig,
-  I18nPluginConfig,
-  JsxCapitalizationPluginConfig,
-  LintConfigValue,
-  RestrictedSyntaxPluginConfig,
-} from "../../../config/types";
-
-// ============================================================
-// Types
-// ============================================================
-
-/** Plugin names for type-safe config loading */
-export type PluginName =
-  | "oxlint-plugin-i18n/no-literal-string"
-  | "oxlint-plugin-jsx-capitalization/jsx-capitalization"
-  | "oxlint-plugin-restricted/restricted-syntax";
-
-/** Map plugin names to their config types */
-export interface PluginConfigMap {
-  "oxlint-plugin-i18n/no-literal-string": I18nPluginConfig;
-  "oxlint-plugin-jsx-capitalization/jsx-capitalization": JsxCapitalizationPluginConfig;
-  "oxlint-plugin-restricted/restricted-syntax": RestrictedSyntaxPluginConfig;
-}
-
-/** Result of loading config */
-export interface ConfigLoadResult<T> {
-  success: boolean;
-  config: T | null;
-  source: "rule-config" | "direct-export" | "default" | "error";
-  error?: string;
-}
-
-/** Error messages for plugin rules (can be customized) */
-export interface PluginMessages {
-  [key: string]: string;
-}
-
-// ============================================================
-// Singleton Cache
-// ============================================================
-
-/** Cached check config (singleton across all plugins) */
-let cachedCheckConfig: CheckConfig | null = null;
-let configLoadAttempted = false;
-
-/** Plugin-specific config caches */
-const pluginConfigCache = new Map<string, ConfigLoadResult<LintConfigValue>>();
-
-// ============================================================
-// Config File Discovery
-// ============================================================
-
-/**
- * Find the project root by looking for check.config.ts
- * Searches upward from current working directory
- */
-function findProjectRoot(): string {
-  const cwd = process.cwd();
-  let currentDir = cwd;
-  const root = resolve("/");
-
-  while (currentDir !== root) {
-    const configPath = resolve(currentDir, "check.config.ts");
-    if (existsSync(configPath)) {
-      return currentDir;
-    }
-
-    const jsConfigPath = resolve(currentDir, "check.config.js");
-    if (existsSync(jsConfigPath)) {
-      return currentDir;
-    }
-
-    currentDir = dirname(currentDir);
-  }
-
-  return cwd;
-}
-
-/**
- * Get all possible config file paths to try
- */
-function getConfigPaths(): string[] {
-  const projectRoot = findProjectRoot();
-
-  return [
-    // TypeScript source (Bun runtime, development)
-    resolve(projectRoot, "check.config.ts"),
-    // JavaScript compiled (Node.js runtime, production)
-    resolve(projectRoot, "check.config.js"),
-    // NPM package scenarios
-    resolve(projectRoot, "node_modules", "next-vibe", "check.config.js"),
-    resolve(projectRoot, "node_modules", "next-vibe", "dist", "check.config.js"),
-  ];
-}
-
-// ============================================================
-// Config Loading
-// ============================================================
-
-/**
- * Load check.config.ts/js using require (works in Bun and Node)
- * Handles both object and function exports
- */
-function loadCheckConfigSync(): CheckConfig | null {
-  if (configLoadAttempted) {
-    return cachedCheckConfig;
-  }
-
-  configLoadAttempted = true;
-
-  const configPaths = getConfigPaths();
-
-  for (const configPath of configPaths) {
-    if (!existsSync(configPath)) {
-      continue;
-    }
-
-    try {
-      // Use require for synchronous loading (needed for plugin create() functions)
-      // eslint-disable-next-line @typescript-eslint/no-require-imports -- Plugin context requires sync loading
-      const configModule = require(configPath) as {
-        default?: CheckConfig | (() => CheckConfig);
-        config?: CheckConfig | (() => CheckConfig);
-      };
-
-      const exportedValue = configModule.default ?? configModule.config;
-
-      if (!exportedValue) {
-        continue;
-      }
-
-      // Support both direct object exports and factory functions
-      const config = typeof exportedValue === "function" ? exportedValue() : exportedValue;
-
-      cachedCheckConfig = config;
-      return config;
-    } catch {
-      // Try next path
-      continue;
-    }
-  }
-
-  return null;
-}
-
-/**
- * Extract plugin options from check config rule definition
- * Rule format: ["error", { ...options }]
- */
-function extractPluginOptions<T>(checkConfig: CheckConfig, pluginName: PluginName): T | null {
-  if (!checkConfig.oxlint.enabled) {
-    return null;
-  }
-
-  const rules = checkConfig.oxlint.rules;
-  if (!rules) {
-    return null;
-  }
-
-  const ruleConfig = rules[pluginName];
-
-  // Rule config can be:
-  // - string: "error" | "warn" | "off"
-  // - array: ["error", { ...options }]
-  if (Array.isArray(ruleConfig) && ruleConfig.length >= 2) {
-    return ruleConfig[1] as T;
-  }
-
-  return null;
-}
-
-// ============================================================
-// Public API
-// ============================================================
-
-/**
- * Load plugin configuration with full type safety
- *
- * Priority:
- * 1. Cached config (if already loaded)
- * 2. check.config.ts oxlint.rules[pluginName][1] (rule options)
- * 3. Default config (if provided)
- *
- * @param pluginName - Full plugin rule name (e.g., "oxlint-plugin-i18n/no-literal-string")
- * @param defaultConfig - Optional default configuration
- * @returns Type-safe plugin configuration
- */
-export function loadPluginConfig<K extends PluginName>(
-  pluginName: K,
-  defaultConfig?: PluginConfigMap[K],
-): ConfigLoadResult<PluginConfigMap[K]> {
-  // Check cache first
-  const cached = pluginConfigCache.get(pluginName);
-  if (cached) {
-    return cached as ConfigLoadResult<PluginConfigMap[K]>;
-  }
-
-  // Try to load check config
-  const checkConfig = loadCheckConfigSync();
-
-  if (checkConfig) {
-    // Try to extract plugin options from rule config
-    const pluginOptions = extractPluginOptions<PluginConfigMap[K]>(checkConfig, pluginName);
-
-    if (pluginOptions) {
-      const result: ConfigLoadResult<PluginConfigMap[K]> = {
-        success: true,
-        config: pluginOptions,
-        source: "rule-config",
-      };
-      pluginConfigCache.set(pluginName, result as ConfigLoadResult<LintConfigValue>);
-      return result;
-    }
-  }
-
-  // Use default config if provided
-  if (defaultConfig) {
-    const result: ConfigLoadResult<PluginConfigMap[K]> = {
-      success: true,
-      config: defaultConfig,
-      source: "default",
-    };
-    pluginConfigCache.set(pluginName, result as ConfigLoadResult<LintConfigValue>);
-    return result;
-  }
-
-  // No config available
-  const result: ConfigLoadResult<PluginConfigMap[K]> = {
-    success: false,
-    config: null,
-    source: "error",
-    error: `No configuration found for ${pluginName}`,
-  };
-  pluginConfigCache.set(pluginName, result as ConfigLoadResult<LintConfigValue>);
-  return result;
-}
-
-/**
- * Get the full CheckConfig (for plugins that need access to all settings)
- */
-export function getCheckConfig(): CheckConfig | null {
-  return loadCheckConfigSync();
-}
-
-/**
- * Clear all cached configurations (useful for testing)
- */
-export function clearConfigCache(): void {
-  cachedCheckConfig = null;
-  configLoadAttempted = false;
-  pluginConfigCache.clear();
-}
-
-/**
- * Create customizable error messages for a plugin
- * Allows users to override default messages via config
- *
- * @param defaults - Default message templates
- * @param overrides - User-provided message overrides
- * @returns Merged messages object
- */
-export function createPluginMessages<T extends PluginMessages>(
-  defaults: T,
-  overrides?: Partial<T>,
-): T {
-  return { ...defaults, ...overrides };
-}