npm - smart-code-editor - Versions diffs - 1.0.0 - Mend

smart-code-editor 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/README.md +155 -0
package/lib/adapters/vanilla/index.d.ts +3 -0
package/lib/adapters/vanilla/index.d.ts.map +1 -0
package/lib/config/languages.d.ts +21 -0
package/lib/config/languages.d.ts.map +1 -0
package/lib/config/runnerStrategies.d.ts +12 -0
package/lib/config/runnerStrategies.d.ts.map +1 -0
package/lib/config/runnerStrategies_v2.d.ts +31 -0
package/lib/config/runnerStrategies_v2.d.ts.map +1 -0
package/lib/config/themes.d.ts +54 -0
package/lib/config/themes.d.ts.map +1 -0
package/lib/core/BackendRunner.d.ts +78 -0
package/lib/core/BackendRunner.d.ts.map +1 -0
package/lib/core/CodeRunner.d.ts +32 -0
package/lib/core/CodeRunner.d.ts.map +1 -0
package/lib/core/LanguageManager.d.ts +41 -0
package/lib/core/LanguageManager.d.ts.map +1 -0
package/lib/core/LayoutManager.d.ts +59 -0
package/lib/core/LayoutManager.d.ts.map +1 -0
package/lib/core/MonacoWrapper.d.ts +63 -0
package/lib/core/MonacoWrapper.d.ts.map +1 -0
package/lib/core/SmartCodeEditor.d.ts +140 -0
package/lib/core/SmartCodeEditor.d.ts.map +1 -0
package/lib/dev-main.d.ts +2 -0
package/lib/dev-main.d.ts.map +1 -0
package/lib/index.cjs +242 -0
package/lib/index.d.ts +5 -0
package/lib/index.d.ts.map +1 -0
package/lib/index.js +1369 -0
package/lib/index.umd.cjs +242 -0
package/lib/shims-vue.d.ts +4 -0
package/lib/types/index.d.ts +101 -0
package/lib/types/index.d.ts.map +1 -0
package/lib/types/language.d.ts +37 -0
package/lib/types/language.d.ts.map +1 -0
package/lib/types/question.d.ts +75 -0
package/lib/types/question.d.ts.map +1 -0
package/lib/utils/loader.d.ts +9 -0
package/lib/utils/loader.d.ts.map +1 -0
package/lib/utils/markdown.d.ts +2 -0
package/lib/utils/markdown.d.ts.map +1 -0
package/package.json +72 -0
package/src/adapters/vanilla/index.ts +7 -0
package/src/adapters/vue/SmartCodeEditor.vue +1190 -0
package/src/config/languages.ts +273 -0
package/src/config/runnerStrategies.ts +261 -0
package/src/config/runnerStrategies_v2.ts +182 -0
package/src/config/themes.ts +37 -0
package/src/core/BackendRunner.ts +329 -0
package/src/core/CodeRunner.ts +107 -0
package/src/core/LanguageManager.ts +108 -0
package/src/core/LayoutManager.ts +268 -0
package/src/core/MonacoWrapper.ts +173 -0
package/src/core/SmartCodeEditor.ts +1015 -0
package/src/dev-app.vue +488 -0
package/src/dev-main.ts +7 -0
package/src/index.ts +19 -0
package/src/shims-vue.d.ts +4 -0
package/src/types/index.ts +129 -0
package/src/types/language.ts +44 -0
package/src/types/question.ts +98 -0
package/src/utils/loader.ts +69 -0
package/src/utils/markdown.ts +89 -0

package/src/config/languages.ts ADDED Viewed

@@ -0,0 +1,273 @@
+import type { LanguageMetadata } from "../types/language";
+/**
+ *语言元数据配置列表
+ * 只包含语言的静态元数据，不包含题目相关的代码模板
+ * ⭐ 新增语言只需在这里添加基础配置
+ */
+export const LANGUAGE_CONFIGS: LanguageMetadata[] = [
+  {
+    id: "javascript",
+    name: "JavaScript",
+    monacoId: "javascript",
+    extensions: [".js"],
+    fallbackTemplate: `// JavaScript 示例
+console.log("Hello, World!");
+// 定义一个函数
+function fibonacci(n) {
+  if (n <= 1) return n;
+  return fibonacci(n - 1) + fibonacci(n - 2);
+}
+console.log("斐波那契数列前10项:");
+for (let i = 0; i < 10; i++) {
+  console.log(\`F(\${i}) = \${fibonacci(i)}\`);
+}`,
+    canRun: true,
+  },
+  {
+    id: "typescript",
+    name: "TypeScript",
+    monacoId: "typescript",
+    extensions: [".ts"],
+    fallbackTemplate: `// TypeScript 示例
+interface User {
+  name: string;
+  age: number;
+}
+const user: User = {
+  name: "张三",
+  age: 25
+};
+console.log(\`用户: \${user.name}, 年龄: \${user.age}\`);`,
+    canRun: true,
+  },
+  {
+    id: "python",
+    name: "Python",
+    monacoId: "python",
+    extensions: [".py"],
+    fallbackTemplate: `# Python 示例
+print("Hello, World!")
+# 列表推导式
+squares = [x**2 for x in range(10)]
+print("前10个平方数:", squares)
+# 定义一个类
+class Person:
+    def __init__(self, name, age):
+        self.name = name
+        self.age = age
+    def greet(self):
+        return f"你好，我是{self.name}，今年{self.age}岁"
+person = Person("李四", 30)
+print(person.greet())`,
+    canRun: true,
+  },
+  {
+    id: "html",
+    name: "HTML",
+    monacoId: "html",
+    fallbackTemplate: `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hello HTML</title>
+</head>
+<body>
+    <h1>欢迎使用智能代码编辑器</h1>
+    <p>这是一个 HTML 示例</p>
+</body>
+</html>`,
+    canRun: false,
+    extensions: [".html"],
+  },
+  {
+    id: "css",
+    name: "CSS",
+    monacoId: "css",
+    fallbackTemplate: `/* CSS 示例 */
+body {
+  font-family: 'Arial', sans-serif;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 20px;
+}
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 10px;
+  padding: 30px;
+}
+h1 {
+  font-size: 2.5rem;
+  margin-bottom: 20px;
+}`,
+    canRun: false,
+    extensions: [".css"],
+  },
+  {
+    id: "java",
+    name: "Java",
+    monacoId: "java",
+    fallbackTemplate: `public class HelloWorld {
+    public static void main(String[] args) {
+        System.out.println("Hello, World!");
+        // 数组示例
+        int[] numbers = {1, 2, 3, 4, 5};
+        int sum = 0;
+        for (int num : numbers) {
+            sum += num;
+        }
+        System.out.println("数组总和: " + sum);
+    }
+}`,
+    canRun: true,
+    // 需要远程编译服务
+    extensions: [".java"],
+  },
+  {
+    id: "cpp",
+    name: "C++",
+    monacoId: "cpp",
+    fallbackTemplate: `#include <iostream>
+#include <vector>
+using namespace std;
+int main() {
+    cout << "Hello, World!" << endl;
+    // 向量示例
+    vector<int> vec = {1, 2, 3, 4, 5};
+    int sum = 0;
+    for(int num : vec) {
+        sum += num;
+    }
+    cout << "向量总和: " << sum << endl;
+    return 0;
+}`,
+    canRun: true,
+    extensions: [".cpp", ".cc", ".cxx"],
+  },
+  {
+    id: "go",
+    name: "Go",
+    monacoId: "go",
+    fallbackTemplate: `package main
+import "fmt"
+func main() {
+    fmt.Println("Hello, World!")
+    // 切片示例
+    numbers := []int{1, 2, 3, 4, 5}
+    sum := 0
+    for _, num := range numbers {
+        sum += num
+    }
+    fmt.Printf("切片总和: %d\\n", sum)
+}`,
+    canRun: true,
+    extensions: [".go"],
+  },
+  {
+    id: "rust",
+    name: "Rust",
+    monacoId: "rust",
+    fallbackTemplate: `fn main() {
+    println!("Hello, World!");
+    // 向量示例
+    let numbers = vec![1, 2, 3, 4, 5];
+    let sum: i32 = numbers.iter().sum();
+    println!("总和: {}", sum);
+}`,
+    canRun: true,
+    extensions: [".rs"],
+  },
+  {
+    id: "c",
+    name: "C",
+    monacoId: "c",
+    fallbackTemplate: `#include <stdio.h>
+int main() {
+    printf("Hello, World!\\n");
+    // 数组示例
+    int numbers[] = {1, 2, 3, 4, 5};
+    int sum = 0;
+    int size = sizeof(numbers) / sizeof(numbers[0]);
+    for(int i = 0; i < size; i++) {
+        sum += numbers[i];
+    }
+    printf("数组总和: %d\\n", sum);
+    return 0;
+}`,
+    canRun: true,
+    extensions: [".c"],
+  },
+  {
+    id: "sql",
+    name: "SQL",
+    monacoId: "sql",
+    fallbackTemplate: `-- SQL 示例
+SELECT
+    users.name,
+    users.email,
+    COUNT(orders.id) as order_count,
+    SUM(orders.amount) as total_amount
+FROM users
+LEFT JOIN orders ON users.id = orders.user_id
+WHERE users.created_at >= '2024-01-01'
+GROUP BY users.id, users.name, users.email
+HAVING COUNT(orders.id) > 0
+ORDER BY total_amount DESC
+LIMIT 10;`,
+    canRun: false,
+    extensions: [".sql"],
+  },
+];
+/**
+ * 根据 ID 获取语言配置
+ */
+export function getLanguageConfig(id: string): LanguageMetadata | undefined {
+  return LANGUAGE_CONFIGS.find((lang) => lang.id === id);
+}
+/**
+ * 获取所有支持的语言
+ */
+export function getAllLanguages(): LanguageMetadata[] {
+  return LANGUAGE_CONFIGS;
+}
+/**
+ * 获取可运行的语言列表
+ */
+export function getRunnableLanguages(): LanguageMetadata[] {
+  return LANGUAGE_CONFIGS.filter((lang) => lang.canRun);
+}

package/src/config/runnerStrategies.ts ADDED Viewed

@@ -0,0 +1,261 @@
+import type { RunResult, RunnerStrategy } from "../types";
+/**
+ * JavaScript/TypeScript 运行策略
+ */
+async function runJavaScript(
+  code: string,
+  testCases?: import("../types").TestCase[],
+): Promise<RunResult> {
+  const startTime = performance.now();
+  try {
+    // 1. 如果没有测试用例，保持原有逻辑 (Console 模式)
+    if (!testCases || testCases.length === 0) {
+      // 创建一个安全的执行环境
+      const logs: string[] = [];
+      // 重写 console.log
+      const customConsole = {
+        log: (...args: any[]) => {
+          logs.push(
+            args
+              .map((arg) =>
+                typeof arg === "object"
+                  ? JSON.stringify(arg, null, 2)
+                  : String(arg),
+              )
+              .join(" "),
+          );
+        },
+        error: (...args: any[]) => {
+          logs.push("ERROR: " + args.join(" "));
+        },
+        warn: (...args: any[]) => {
+          logs.push("WARN: " + args.join(" "));
+        },
+      };
+      // 使用 Function 构造器创建沙箱
+      const fn = new Function("console", code);
+      fn(customConsole);
+      const executionTime = performance.now() - startTime;
+      return {
+        output: logs.join("\n") || "(无输出)",
+        executionTime,
+        status: "success",
+      };
+    }
+    // 2. 如果有测试用例 (Test Mode)
+    const logs: string[] = [];
+    const testResults: import("../types").TestCaseResult[] = [];
+    // 构造 wrapper 代码来获取用户函数
+    const wrapperCode = `
+      ${code}
+      // 尝试找到入口函数
+      let mainFn = null;
+      // 优先级 1: solution 函数
+      if (typeof solution === 'function') mainFn = solution;
+      // 优先级 2: twoSum (针对示例)
+      else if (typeof twoSum === 'function') mainFn = twoSum;
+      // 优先级 3: 寻找最后一个定义的函数 (简单启发式，可能不准确)
+      if (!mainFn) {
+         // 如果没找到具名函数，尝试返回一个错误
+         throw new Error("未找到入口函数 (请定义 solution 或 twoSum 函数)");
+      }
+      return mainFn;
+    `;
+    // 定义日志处理代理
+    let logHandler = (type: "log" | "error" | "warn", args: any[]) => {
+      const msg = args
+        .map((arg) =>
+          typeof arg === "object" ? JSON.stringify(arg, null, 2) : String(arg),
+        )
+        .join(" ");
+      logs.push(msg); // 默认写入全局日志
+    };
+    // 重写 console，使用代理
+    const customConsole = {
+      log: (...args: any[]) => logHandler("log", args),
+      error: (...args: any[]) => logHandler("error", args),
+      warn: (...args: any[]) => logHandler("warn", args),
+    };
+    // 获取用户函数
+    const getUserFn = new Function("console", wrapperCode);
+    const userFn = getUserFn(customConsole);
+    // 执行测试用例
+    for (const testCase of testCases) {
+      const caseLog: string[] = [];
+      const startTimeCase = performance.now();
+      let status: "passed" | "failed" | "error" = "error";
+      let output: any = undefined;
+      let errorMsg: string | undefined = undefined;
+      // 切换日志处理器到当前 case
+      logHandler = (type, args) => {
+        const msg = args
+          .map((arg) =>
+            typeof arg === "object"
+              ? JSON.stringify(arg, null, 2)
+              : String(arg),
+          )
+          .join(" ");
+        caseLog.push(msg);
+        // 也保留到全局日志，带上前缀方便调试
+        // logs.push(`[Case ${testCase.id}] ${msg}`);
+      };
+      try {
+        // 尝试安全调用
+        let result: any;
+        if (Array.isArray(testCase.input)) {
+          result = userFn(...testCase.input);
+        } else {
+          result = userFn(testCase.input);
+        }
+        output = result;
+        // 验证结果
+        let passed = false;
+        if (testCase.expected !== undefined) {
+          // 简单比较
+          try {
+            passed =
+              JSON.stringify(result) === JSON.stringify(testCase.expected);
+          } catch (e) {
+            passed = result === testCase.expected;
+          }
+        } else {
+          // 如果没有预期结果，只要不报错就算过？或者无法判断
+          passed = true;
+        }
+        status = passed ? "passed" : "failed";
+      } catch (e: any) {
+        status = "error";
+        errorMsg = e.message;
+        output = undefined;
+      }
+      const endTimeCase = performance.now();
+      testResults.push({
+        id: testCase.id,
+        status,
+        input: testCase.input,
+        output,
+        expected: testCase.expected,
+        log: caseLog.join("\n"),
+        error: errorMsg,
+        executionTime: endTimeCase - startTimeCase,
+      });
+    }
+    const executionTime = performance.now() - startTime;
+    // 统计状态
+    const hasError = testResults.some((r) => r.status === "error");
+    const hasFailure = testResults.some((r) => r.status === "failed");
+    return {
+      output: logs.join("\n"),
+      executionTime,
+      status: hasError || hasFailure ? "error" : "success", // 这里只代表是否全部通过
+      testResults,
+    };
+  } catch (error: any) {
+    const executionTime = performance.now() - startTime;
+    return {
+      output: "",
+      error: error.message || String(error),
+      executionTime,
+      status: "error",
+    };
+  }
+}
+/**
+ * Python 运行策略（使用 Pyodide）
+ */
+async function runPython(code: string): Promise<RunResult> {
+  const startTime = performance.now();
+  try {
+    // 提示：实际使用需要加载 Pyodide
+    // const pyodide = await loadPyodide();
+    // 临时返回，实际实现需要集成 Pyodide
+    return {
+      output: "Python 运行功能需要加载 Pyodide (暂未实现)",
+      executionTime: performance.now() - startTime,
+      status: "error",
+      error: "Pyodide 未加载",
+    };
+  } catch (error: any) {
+    return {
+      output: "",
+      error: error.message,
+      executionTime: performance.now() - startTime,
+      status: "error",
+    };
+  }
+}
+/**
+ * 远程运行策略（Java/C++/Go 等）
+ */
+async function runRemote(code: string, language: string): Promise<RunResult> {
+  const startTime = performance.now();
+  try {
+    // 提示：需要配置远程编译服务 API
+    // 例如：Judge0 API, Piston API 等
+    return {
+      output: `${language} 远程运行功能需要配置编译服务 (暂未实现)`,
+      executionTime: performance.now() - startTime,
+      status: "error",
+      error: "远程编译服务未配置",
+    };
+  } catch (error: any) {
+    return {
+      output: "",
+      error: error.message,
+      executionTime: performance.now() - startTime,
+      status: "error",
+    };
+  }
+}
+/**
+ * 运行策略映射
+ * ⭐ 新增自定义运行逻辑只需在这里添加
+ */
+export const RUNNER_STRATEGIES: Record<string, RunnerStrategy> = {
+  javascript: runJavaScript,
+  typescript: runJavaScript, // TypeScript 可以直接当 JS 运行（简化版）
+  python: runPython,
+  java: (code) => runRemote(code, "Java"),
+  cpp: (code) => runRemote(code, "C++"),
+  go: (code) => runRemote(code, "Go"),
+};
+/**
+ * 获取运行策略
+ */
+export function getRunnerStrategy(
+  language: string,
+): RunnerStrategy | undefined {
+  return RUNNER_STRATEGIES[language];
+}

package/src/config/runnerStrategies_v2.ts ADDED Viewed

@@ -0,0 +1,182 @@
+/**
+ * 运行策略 V2 - 整合后端支持
+ * 支持本地运行（JS/Python）和远程运行（其他语言）
+ */
+import type { RunResult, RunnerStrategy, TestCase } from "../types";
+import { BackendRunner } from "../core/BackendRunner";
+// 创建后端运行器实例（可配置）
+let backendRunner: BackendRunner | null = null;
+/**
+ * 配置后端运行器
+ */
+export function configureBackendRunner(config: {
+  apiUrl?: string;
+  timeout?: number;
+  debug?: boolean;
+}) {
+  backendRunner = new BackendRunner(config);
+}
+/**
+ * 获取或创建后端运行器
+ */
+function getBackendRunner(): BackendRunner {
+  if (!backendRunner) {
+    backendRunner = new BackendRunner({
+      apiUrl: process.env.VITE_API_URL || "http://192.168.60.98:8080",
+      debug: process.env.NODE_ENV === "development",
+    });
+  }
+  return backendRunner;
+}
+/**
+ * JavaScript/TypeScript 本地运行策略（改进版）
+ */
+async function runJavaScriptLocal(
+  code: string,
+  testCases?: TestCase[],
+): Promise<RunResult> {
+  const startTime = performance.now();
+  try {
+    // 1. 无测试用例：Console 模式
+    if (!testCases || testCases.length === 0) {
+      const logs: string[] = [];
+      const customConsole = {
+        log: (...args: any[]) => {
+          logs.push(
+            args
+              .map((arg) => {
+                if (arg === undefined) return "undefined";
+                if (arg === null) return "null";
+                return typeof arg === "object"
+                  ? JSON.stringify(arg, null, 2)
+                  : String(arg);
+              })
+              .join(" "),
+          );
+        },
+        error: (...args: any[]) => logs.push("ERROR: " + args.join(" ")),
+        warn: (...args: any[]) => logs.push("WARN: " + args.join(" ")),
+      };
+      const fn = new Function("console", code);
+      fn(customConsole);
+      return {
+        output: logs.join("\n") || "(无输出)",
+        executionTime: performance.now() - startTime,
+        status: "success",
+      };
+    }
+    // 2. 有测试用例：通过后端运行（获得更好的隔离和错误处理）
+    const backend = getBackendRunner();
+    return await backend.run("javascript", code, testCases);
+  } catch (error: any) {
+    return {
+      output: "",
+      error: error.message || String(error),
+      executionTime: performance.now() - startTime,
+      status: "error",
+    };
+  }
+}
+/**
+ * Python 运行策略（使用后端）
+ */
+async function runPython(
+  code: string,
+  testCases?: TestCase[],
+): Promise<RunResult> {
+  try {
+    const backend = getBackendRunner();
+    return await backend.run("python", code, testCases);
+  } catch (error: any) {
+    return {
+      output: "",
+      error: `Python 运行失败: ${error.message}`,
+      executionTime: 0,
+      status: "error",
+    };
+  }
+}
+/**
+ * 远程运行策略（通过后端）
+ */
+async function runRemote(
+  code: string,
+  language: string,
+  testCases?: TestCase[],
+): Promise<RunResult> {
+  try {
+    const backend = getBackendRunner();
+    return await backend.run(language, code, testCases);
+  } catch (error: any) {
+    return {
+      output: "",
+      error: `${language} 运行失败: ${error.message}`,
+      executionTime: 0,
+      status: "error",
+    };
+  }
+}
+/**
+ * 运行策略映射 V2
+ */
+export const RUNNER_STRATEGIES_V2: Record<string, RunnerStrategy> = {
+  // 本地运行
+  javascript: runJavaScriptLocal,
+  typescript: runJavaScriptLocal,
+  // 后端运行
+  python: runPython,
+  java: (code, testCases) => runRemote(code, "java", testCases),
+  cpp: (code, testCases) => runRemote(code, "cpp", testCases),
+  c: (code, testCases) => runRemote(code, "c", testCases),
+  go: (code, testCases) => runRemote(code, "go", testCases),
+  rust: (code, testCases) => runRemote(code, "rust", testCases),
+};
+/**
+ * 获取运行策略 V2
+ */
+export function getRunnerStrategyV2(
+  language: string,
+): RunnerStrategy | undefined {
+  return RUNNER_STRATEGIES_V2[language];
+}
+/**
+ * 检查语言是否支持
+ */
+export function isLanguageSupported(language: string): boolean {
+  return language in RUNNER_STRATEGIES_V2;
+}
+/**
+ * 获取支持的语言列表
+ */
+export function getSupportedLanguages(): string[] {
+  return Object.keys(RUNNER_STRATEGIES_V2);
+}
+/**
+ * 检查后端健康状态
+ */
+export async function checkBackendHealth(): Promise<boolean> {
+  try {
+    const backend = getBackendRunner();
+    return await backend.healthCheck();
+  } catch {
+    return false;
+  }
+}