npm - @cnc_cbz/usefultools-plugin-official - Versions diffs - 1.0.4 → 1.0.6 - Mend

@cnc_cbz/usefultools-plugin-official 1.0.4 → 1.0.6

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 (3) hide show

package/dist/js-runner.mjs CHANGED Viewed

@@ -39573,108 +39573,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    function serialize(v2, depth = 0) {
+      var _a3, _b2;
+      if (v2 === null) return { t: "null", p: "null" };
+      if (v2 === void 0) return { t: "undefined", p: "undefined" };
+      const tp2 = typeof v2;
+      if (tp2 === "string") return { t: "string", p: `"${v2}"` };
+      if (tp2 === "number" || tp2 === "boolean") return { t: tp2, p: String(v2) };
+      if (tp2 === "function") return { t: "function", p: `ƒ ${v2.name || "anonymous"}()` };
+      if (tp2 === "symbol") return { t: "symbol", p: v2.toString() };
+      if (v2 instanceof Error) return { t: "error", p: v2.stack || v2.message || String(v2) };
+      if (v2 instanceof Date) return { t: "date", p: v2.toISOString() };
+      if (v2 instanceof RegExp) return { t: "regexp", p: v2.toString() };
+      if (depth > 4) return { t: Array.isArray(v2) ? "array" : "object", p: Array.isArray(v2) ? "[...]" : "{...}" };
+      if (Array.isArray(v2)) {
+        const entries = [];
+        for (let i = 0; i < v2.length && i < 100; i++) entries.push({ k: String(i), v: serialize(v2[i], depth + 1) });
+        return { t: "array", p: `Array(${v2.length})`, e: entries };
+      }
+      if (tp2 === "object") {
+        const keys2 = Object.keys(v2);
+        const entries = [];
+        for (let i = 0; i < keys2.length && i < 50; i++) {
+          try {
+            entries.push({ k: keys2[i], v: serialize(v2[keys2[i]], depth + 1) });
+          } catch {
+            entries.push({ k: keys2[i], v: { t: "error", p: "<getter error>" } });
+          }
+        }
+        const name2 = ((_a3 = v2.constructor) == null ? void 0 : _a3.name) !== "Object" ? (_b2 = v2.constructor) == null ? void 0 : _b2.name : "";
+        let preview = name2 ? `${name2} {…}` : "{…}";
+        if (keys2.length <= 5) {
+          preview = (name2 ? `${name2} {` : "{") + keys2.slice(0, 5).map((k2) => `${k2}: …`).join(", ") + "}";
+        }
+        return { t: "object", p: preview, e: entries };
+      }
+      return { t: "string", p: String(v2) };
+    }
     async function runCode() {
       var _a3;
       if (running.value) return;
       running.value = true;
       logs.value = [];
       const userCode = ((_a3 = editorView.value) == null ? void 0 : _a3.state.doc.toString()) || "";
-      const urls = cdnUrls.value.filter((u) => u.trim());
-      const sandboxHtml = `
-<!DOCTYPE html><html><head>
-${urls.map((u) => `<script src="${u}"><\/script>`).join("\n")}
-</head><body><script>
-  // 递归序列化值为结构化树
-  function _ser(v, depth) {
-    if (depth === undefined) depth = 0;
-    if (v === null) return { t: 'null', p: 'null' };
-    if (v === undefined) return { t: 'undefined', p: 'undefined' };
-    var tp = typeof v;
-    if (tp === 'string') return { t: 'string', p: '"' + v + '"' };
-    if (tp === 'number' || tp === 'boolean') return { t: tp, p: String(v) };
-    if (tp === 'function') return { t: 'function', p: 'ƒ ' + (v.name || 'anonymous') + '()' };
-    if (tp === 'symbol') return { t: 'symbol', p: v.toString() };
-    if (v instanceof Error) return { t: 'error', p: v.stack || v.message || String(v) };
-    if (v instanceof Date) return { t: 'date', p: v.toISOString() };
-    if (v instanceof RegExp) return { t: 'regexp', p: v.toString() };
-    if (depth > 4) return { t: typeof v === 'object' ? (Array.isArray(v) ? 'array' : 'object') : tp, p: Array.isArray(v) ? '[...]' : '{...}' };
-    if (Array.isArray(v)) {
-      var entries = [];
-      for (var i = 0; i < v.length && i < 100; i++) entries.push({ k: String(i), v: _ser(v[i], depth + 1) });
-      return { t: 'array', p: 'Array(' + v.length + ')', e: entries };
-    }
-    if (tp === 'object') {
-      var keys = Object.keys(v), entries = [];
-      for (var i = 0; i < keys.length && i < 50; i++) {
-        try { entries.push({ k: keys[i], v: _ser(v[keys[i]], depth + 1) }); } catch(e) { entries.push({ k: keys[i], v: { t: 'error', p: '<getter error>' } }); }
-      }
-      var name = v.constructor && v.constructor.name !== 'Object' ? v.constructor.name : '';
-      var preview = name ? name + ' {…}' : '{…}';
-      if (keys.length <= 5) {
-        preview = name ? name + ' {' : '{';
-        preview += keys.slice(0, 5).map(function(k) { return k + ': …' }).join(', ');
-        preview += '}';
-      }
-      return { t: 'object', p: preview, e: entries };
-    }
-    return { t: 'string', p: String(v) };
-  }
-  const _post = (type, args) => {
-    window.parent.postMessage({ __jsRunner: true, type, args: args.map(a => _ser(a)) }, '*');
-  };
-  console.log = (...a) => _post('log', a);
-  console.warn = (...a) => _post('warn', a);
-  console.error = (...a) => _post('error', a);
-  console.info = (...a) => _post('info', a);
-  window.onerror = (msg, src, line, col, err) => {
-    _post('error', [err || msg]);
-  };
-  window.onunhandledrejection = (e) => {
-    _post('error', [e.reason || 'Unhandled Promise Rejection']);
-  };
-  try {
-    ${userCode}
-  } catch(e) {
-    _post('error', [e]);
-  }
-  window.parent.postMessage({ __jsRunner: true, type: '__done' }, '*');
-<\/script></body></html>`;
-      const handler = (e) => {
-        var _a4;
-        if ((_a4 = e.data) == null ? void 0 : _a4.__jsRunner) {
-          if (e.data.type === "__done") {
-            running.value = false;
-            window.removeEventListener("message", handler);
-            iframe == null ? void 0 : iframe.remove();
-            return;
-          }
-          logs.value.push({
-            type: e.data.type,
-            args: e.data.args || [],
-            timestamp: now()
-          });
-          scrollToBottom();
-        }
+      const pushLog = (type, ...args) => {
+        logs.value.push({ type, args: args.map((a3) => serialize(a3)), timestamp: now() });
+        scrollToBottom();
       };
-      window.addEventListener("message", handler);
-      const iframe = document.createElement("iframe");
-      iframe.style.display = "none";
-      iframe.setAttribute("sandbox", "allow-scripts");
-      document.body.appendChild(iframe);
-      iframe.srcdoc = sandboxHtml;
-      setTimeout(() => {
-        if (running.value) {
-          running.value = false;
-          window.removeEventListener("message", handler);
-          iframe == null ? void 0 : iframe.remove();
-          logs.value.push({ type: "error", args: [{ t: "error", p: "⏱ 执行超时（10秒）" }], timestamp: now() });
-          scrollToBottom();
+      const sandboxConsole = {
+        log: (...a3) => pushLog("log", ...a3),
+        warn: (...a3) => pushLog("warn", ...a3),
+        error: (...a3) => pushLog("error", ...a3),
+        info: (...a3) => pushLog("info", ...a3)
+      };
+      let timer = null;
+      let timedOut = false;
+      try {
+        const timeoutPromise = new Promise((_2, reject) => {
+          timer = setTimeout(() => {
+            timedOut = true;
+            reject(new Error("⏱ 执行超时（10秒）"));
+          }, 1e4);
+        });
+        const AsyncFunction = Object.getPrototypeOf(async function() {
+        }).constructor;
+        const fn2 = new AsyncFunction("console", userCode);
+        await Promise.race([fn2(sandboxConsole), timeoutPromise]);
+      } catch (e) {
+        if (timedOut) {
+          pushLog("error", "⏱ 执行超时（10秒）");
+        } else {
+          pushLog("error", e);
         }
-      }, 1e4);
+      } finally {
+        if (timer) clearTimeout(timer);
+        running.value = false;
+      }
     }
     const logStyles = {
       log: "text-gray-200",

package/dist/translator.mjs CHANGED Viewed

@@ -28,27 +28,32 @@ const _hoisted_14 = {
 };
 const _hoisted_15 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
 const _hoisted_16 = { class: "flex flex-col min-h-0" };
-const _hoisted_17 = { class: "flex flex-col min-h-0" };
-const _hoisted_18 = { class: "flex items-center gap-2 mb-2" };
-const _hoisted_19 = { class: "material-icons text-sm" };
-const _hoisted_20 = { class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px] text-sm leading-relaxed flex flex-col" };
-const _hoisted_21 = {
+const _hoisted_17 = ["placeholder"];
+const _hoisted_18 = { class: "flex flex-col min-h-0" };
+const _hoisted_19 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_20 = { class: "material-icons text-sm" };
+const _hoisted_21 = { class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px] text-sm leading-relaxed flex flex-col" };
+const _hoisted_22 = {
   key: 0,
-  class: "text-gray-600"
+  class: "text-gray-400 flex items-center gap-2"
 };
-const _hoisted_22 = {
+const _hoisted_23 = {
   key: 1,
+  class: "text-gray-600"
+};
+const _hoisted_24 = {
+  key: 2,
   class: "text-gray-100 whitespace-pre-wrap"
 };
-const _hoisted_23 = {
+const _hoisted_25 = {
   key: 0,
   class: "fixed inset-0 z-50 flex items-center justify-center"
 };
-const _hoisted_24 = { class: "relative w-full max-w-lg bg-deep-charcoal border-4 border-black rounded-xl shadow-hard-xl p-6 flex flex-col gap-4" };
-const _hoisted_25 = { class: "flex items-center gap-2" };
-const _hoisted_26 = { class: "flex flex-col gap-1.5" };
-const _hoisted_27 = { class: "flex flex-col gap-1.5" };
-const _hoisted_28 = { class: "flex justify-end gap-3 mt-1" };
+const _hoisted_26 = { class: "relative w-full max-w-lg bg-deep-charcoal border-4 border-black rounded-xl shadow-hard-xl p-6 flex flex-col gap-4" };
+const _hoisted_27 = { class: "flex items-center gap-2" };
+const _hoisted_28 = { class: "flex flex-col gap-1.5" };
+const _hoisted_29 = { class: "flex flex-col gap-1.5" };
+const _hoisted_30 = { class: "flex justify-end gap-3 mt-1" };
 const GOOGLE_KEY = "translator-google-api-key";
 const AI_KEY = "translator-ai-api-key";
 const AI_MODEL_KEY = "translator-ai-model";
@@ -250,6 +255,48 @@ ${sourceText.value}`;
         copySuccess.value = false;
       }, 1500);
     }
+    function detectAndSwitchTarget(text) {
+      if (sourceLang.value !== "auto") return;
+      const stripped = text.replace(/\s+/g, "");
+      if (!stripped) return;
+      const cjkCount = (stripped.match(/[\u4e00-\u9fff]/g) || []).length;
+      const ratio = cjkCount / stripped.length;
+      const newTarget = ratio > 0.3 ? "en" : "zh-CN";
+      if (targetLang.value !== newTarget) targetLang.value = newTarget;
+    }
+    let googleDebounceTimer = null;
+    function triggerGoogleAuto() {
+      if (engine.value !== "google") return;
+      if (googleDebounceTimer) clearTimeout(googleDebounceTimer);
+      if (!sourceText.value.trim()) {
+        translatedText.value = "";
+        loading.value = false;
+        return;
+      }
+      loading.value = true;
+      translatedText.value = "";
+      errorMsg.value = "";
+      googleDebounceTimer = setTimeout(async () => {
+        try {
+          await translateGoogle();
+        } catch (e) {
+          errorMsg.value = e.message || "翻译失败";
+        } finally {
+          loading.value = false;
+        }
+      }, 500);
+    }
+    watch(sourceText, (val) => {
+      detectAndSwitchTarget(val);
+      triggerGoogleAuto();
+    });
+    watch([sourceLang, targetLang], () => triggerGoogleAuto());
+    function onTextareaKeydown(e) {
+      if (engine.value === "ai" && e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        translate();
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(" Toolbar "),
@@ -486,24 +533,19 @@ ${sourceText.value}`;
               -1
               /* CACHED */
             )),
-            withDirectives(createElementVNode(
-              "textarea",
-              {
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
-                spellcheck: "false",
-                placeholder: "在此输入要翻译的文本...",
-                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]"
-              },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
+            withDirectives(createElementVNode("textarea", {
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
+              spellcheck: "false",
+              placeholder: engine.value === "google" ? "输入文本自动翻译..." : "在此输入要翻译的文本...\nEnter 翻译 / Shift+Enter 换行",
+              class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]",
+              onKeydown: onTextareaKeydown
+            }, null, 40, _hoisted_17), [
               [vModelText, sourceText.value]
             ])
           ]),
           createCommentVNode(" 翻译结果 "),
-          createElementVNode("div", _hoisted_17, [
-            createElementVNode("div", _hoisted_18, [
+          createElementVNode("div", _hoisted_18, [
+            createElementVNode("div", _hoisted_19, [
               _cache[18] || (_cache[18] = createElementVNode(
                 "span",
                 { class: "material-icons text-neon-green text-lg" },
@@ -528,7 +570,7 @@ ${sourceText.value}`;
                 [
                   createElementVNode(
                     "span",
-                    _hoisted_19,
+                    _hoisted_20,
                     toDisplayString(copySuccess.value ? "check_circle" : "content_copy"),
                     1
                     /* TEXT */
@@ -543,10 +585,23 @@ ${sourceText.value}`;
                 /* CLASS */
               )) : createCommentVNode("v-if", true)
             ]),
-            createElementVNode("div", _hoisted_20, [
-              !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_21, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
+            createElementVNode("div", _hoisted_21, [
+              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[20] || (_cache[20] = [
+                createElementVNode(
+                  "span",
+                  { class: "material-icons text-primary text-base animate-spin" },
+                  "hourglass_top",
+                  -1
+                  /* CACHED */
+                ),
+                createTextVNode(
+                  " 翻译中... ",
+                  -1
+                  /* CACHED */
+                )
+              ])])) : !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_23, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
                 "div",
-                _hoisted_22,
+                _hoisted_24,
                 toDisplayString(translatedText.value),
                 1
                 /* TEXT */
@@ -556,21 +611,21 @@ ${sourceText.value}`;
         ]),
         createCommentVNode(" API Key 设置弹窗 "),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
+          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_25, [
             createElementVNode("div", {
               class: "absolute inset-0 bg-black/60",
               onClick: _cache[6] || (_cache[6] = ($event) => showSettings.value = false)
             }),
-            createElementVNode("div", _hoisted_24, [
-              createElementVNode("div", _hoisted_25, [
-                _cache[21] || (_cache[21] = createElementVNode(
+            createElementVNode("div", _hoisted_26, [
+              createElementVNode("div", _hoisted_27, [
+                _cache[22] || (_cache[22] = createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-xl" },
                   "key",
                   -1
                   /* CACHED */
                 )),
-                _cache[22] || (_cache[22] = createElementVNode(
+                _cache[23] || (_cache[23] = createElementVNode(
                   "span",
                   { class: "text-lg font-bold text-white" },
                   "配置 API Key",
@@ -580,7 +635,7 @@ ${sourceText.value}`;
                 createElementVNode("button", {
                   class: "ml-auto w-8 h-8 flex items-center justify-center text-gray-400 hover:text-white transition-colors",
                   onClick: _cache[7] || (_cache[7] = ($event) => showSettings.value = false)
-                }, [..._cache[20] || (_cache[20] = [
+                }, [..._cache[21] || (_cache[21] = [
                   createElementVNode(
                     "span",
                     { class: "material-icons" },
@@ -591,8 +646,8 @@ ${sourceText.value}`;
                 ])])
               ]),
               createCommentVNode(" Google API Key "),
-              createElementVNode("div", _hoisted_26, [
-                _cache[23] || (_cache[23] = createElementVNode(
+              createElementVNode("div", _hoisted_28, [
+                _cache[24] || (_cache[24] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "Google Translation API Key",
@@ -615,8 +670,8 @@ ${sourceText.value}`;
                 ])
               ]),
               createCommentVNode(" SiliconFlow API Key "),
-              createElementVNode("div", _hoisted_27, [
-                _cache[24] || (_cache[24] = createElementVNode(
+              createElementVNode("div", _hoisted_29, [
+                _cache[25] || (_cache[25] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "SiliconFlow API Key（AI 翻译）",
@@ -637,7 +692,7 @@ ${sourceText.value}`;
                 ), [
                   [vModelText, aiKeyInput.value]
                 ]),
-                _cache[25] || (_cache[25] = createElementVNode(
+                _cache[26] || (_cache[26] = createElementVNode(
                   "p",
                   { class: "text-[11px] text-gray-600" },
                   "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
@@ -645,7 +700,7 @@ ${sourceText.value}`;
                   /* CACHED */
                 ))
               ]),
-              createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_30, [
                 createElementVNode("button", {
                   class: "px-4 py-2 bg-white/10 text-gray-300 font-bold border-2 border-white/20 rounded hover:border-white hover:text-white transition-all text-sm",
                   onClick: _cache[10] || (_cache[10] = ($event) => showSettings.value = false)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cnc_cbz/usefultools-plugin-official",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "description": "UsefulTools 官方工具插件包",
   "keywords": [