@cnc_cbz/usefultools-plugin-official 1.0.1

package/README.md

@@ -0,0 +1,56 @@
+# UsefulTools 官方工具插件包
+
+UsefulTools 桌面应用的官方工具合集，包含 27 个常用开发/设计工具。
+
+## 包含的工具
+
+| 工具 | 分类 | 说明 |
+|------|------|------|
+| JSON 格式化 | 编码开发 | 格式化、压缩、校验 |
+| JS 代码运行器 | 编码开发 | 编写、运行、调试 JS 代码 |
+| Google 翻译 | 文本处理 | 多语言翻译，支持自动检测 |
+| 时间戳转换 | 转换解析 | 时间戳与日期互转，实时时钟 |
+| 文本对比 | 文本处理 | 逐行对比两段文本，高亮差异 |
+| JSON 对比 | 编码开发 | 深度比较两个 JSON 的 key 与 value 差异 |
+| Cron 表达式 | 转换解析 | 解析 Cron 表达式，预览执行时间 |
+| 正则测试 | 编码开发 | 测试正则表达式，可视化匹配结果 |
+| JWT 解析器 | 转换解析 | 解析 JWT Token，查看 Header/Payload |
+| 进制转换 | 转换解析 | 二/八/十/十六进制互转 |
+| 加解密工坊 | 编码开发 | 流程化加解密、编码转换 |
+| UUID 生成器 | 生成工具 | 批量生成 UUID v4/v7 |
+| Hash 生成器 | 编码开发 | MD5、SHA-1、SHA-256、SHA-512 |
+| URL 编解码 | 编码开发 | URL 编码与解码 |
+| 颜色转换器 | 设计工具 | HEX、RGB、HSL 互转 |
+| Markdown 预览 | 文本处理 | 实时渲染，左右分栏 |
+| 密码生成器 | 生成工具 | 自定义长度与字符集 |
+| JSON/YAML 互转 | 转换解析 | JSON 与 YAML 格式互转 |
+| Lorem Ipsum | 生成工具 | 生成占位文本 |
+| QR 码生成器 | 生成工具 | 输入 URL 或文本生成二维码 |
+| HTML 实体 | 编码开发 | HTML 实体编码与解码 |
+| SQL 格式化 | 编码开发 | 格式化 SQL 语句 |
+| 图片压缩 | 设计工具 | 压缩图片、转换格式 |
+| 大小写转换 | 文本处理 | camelCase、snake_case 等互转 |
+| IP/子网计算器 | 转换解析 | 子网掩码计算、IP 范围查询 |
+| 文本统计 | 文本处理 | 字数、字符数、行数、词频 |
+| Chmod 计算器 | 转换解析 | Unix 文件权限计算 |
+
+## 开发
+
+```bash
+pnpm install
+pnpm build        # 构建全部 27 个插件 bundle
+pnpm tauri:dev    # Tauri 桌面窗口调试
+```
+
+## 发布
+
+```bash
+pnpm build
+npm publish
+```
+
+发布后主应用会通过 npm registry 自动发现此包（关键词 `usefultools-plugin`）。
+
+## 想开发自己的工具？
+
+请使用 [UsefulTools 插件开发模板](https://github.com/your-org/usefultools-plugin-template)。

package/dist/base-converter.mjs

@@ -0,0 +1,333 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, vModelText, createTextVNode } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = { class: "flex flex-col sm:flex-row gap-3" };
+const _hoisted_4 = { class: "flex gap-2 shrink-0" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["placeholder"];
+const _hoisted_7 = { class: "flex items-center gap-2 mt-3 flex-wrap" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "text-[10px] ml-0.5" };
+const _hoisted_10 = {
+  key: 0,
+  class: "px-4 py-2 bg-coral-red/20 border-2 border-coral-red rounded flex items-center gap-2 text-coral-red font-bold text-sm"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0"
+};
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "flex items-center justify-between" };
+const _hoisted_14 = { class: "text-xs font-bold text-gray-500 uppercase tracking-wider" };
+const _hoisted_15 = { class: "font-mono text-lg text-gray-100 break-all select-all" };
+const _hoisted_16 = {
+  key: 2,
+  class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard"
+};
+const _hoisted_17 = { class: "flex items-center gap-3 mb-3" };
+const _hoisted_18 = { class: "flex items-center justify-between" };
+const _hoisted_19 = { class: "select-all" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("");
+    const inputBase = ref(10);
+    const copyField = ref("");
+    const errorMsg = ref("");
+    const bases = [
+      { label: "二进制", base: 2, prefix: "0b", key: "bin" },
+      { label: "八进制", base: 8, prefix: "0o", key: "oct" },
+      { label: "十进制", base: 10, prefix: "", key: "dec" },
+      { label: "十六进制", base: 16, prefix: "0x", key: "hex" }
+    ];
+    const baseOptions = [
+      { label: "二进制", value: 2 },
+      { label: "八进制", value: 8 },
+      { label: "十进制", value: 10 },
+      { label: "十六进制", value: 16 }
+    ];
+    function sanitize(raw) {
+      let s = raw.trim().toLowerCase();
+      if (s.startsWith("0x")) s = s.slice(2);
+      else if (s.startsWith("0b")) s = s.slice(2);
+      else if (s.startsWith("0o")) s = s.slice(2);
+      return s;
+    }
+    const parsed = computed(() => {
+      const raw = input.value.trim();
+      if (!raw) {
+        errorMsg.value = "";
+        return null;
+      }
+      try {
+        const s = sanitize(raw);
+        if (!s) {
+          errorMsg.value = "输入为空";
+          return null;
+        }
+        const val = BigInt(`${inputBase.value === 10 ? "" : "0" + { 2: "b", 8: "o", 16: "x" }[inputBase.value]}${s}`);
+        errorMsg.value = "";
+        return val;
+      } catch {
+        errorMsg.value = `无效的 ${inputBase.value} 进制数`;
+        return null;
+      }
+    });
+    const results = computed(() => {
+      if (parsed.value === null) return [];
+      const v = parsed.value;
+      const isNeg = v < 0n;
+      const abs = isNeg ? -v : v;
+      const sign = isNeg ? "-" : "";
+      return bases.map((b) => ({
+        ...b,
+        value: sign + b.prefix + abs.toString(b.base).toUpperCase(),
+        raw: sign + abs.toString(b.base).toUpperCase()
+      }));
+    });
+    const customBase = ref(3);
+    const customResult = computed(() => {
+      if (parsed.value === null) return "";
+      const v = parsed.value;
+      const isNeg = v < 0n;
+      const abs = isNeg ? -v : v;
+      const sign = isNeg ? "-" : "";
+      return sign + toBaseString(abs, customBase.value);
+    });
+    function toBaseString(value, base) {
+      if (value === 0n) return "0";
+      const digits = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+      const b = BigInt(base);
+      let result = "";
+      let v = value;
+      while (v > 0n) {
+        result = digits[Number(v % b)] + result;
+        v = v / b;
+      }
+      return result;
+    }
+    function setExample(val, base) {
+      input.value = val;
+      inputBase.value = base;
+    }
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" 输入区 "),
+        createElementVNode("div", _hoisted_2, [
+          _cache[4] || (_cache[4] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "swap_horiz"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "输入")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(), createElementBlock(
+                Fragment,
+                null,
+                renderList(baseOptions, (opt) => {
+                  return createElementVNode("button", {
+                    key: opt.value,
+                    onClick: ($event) => inputBase.value = opt.value,
+                    class: normalizeClass(["h-10 px-3 font-bold border-2 border-black rounded text-sm transition-all", inputBase.value === opt.value ? "bg-primary text-black shadow-none translate-x-0.5 translate-y-0.5" : "bg-bg-dark text-gray-400 shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5"])
+                  }, toDisplayString(opt.label), 11, _hoisted_5);
+                }),
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ]),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              placeholder: `输入${(_a = baseOptions.find((o) => o.value === inputBase.value)) == null ? void 0 : _a.label}数值...`,
+              class: "flex-1 h-10 bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600"
+            }, null, 8, _hoisted_6), [
+              [vModelText, input.value]
+            ])
+          ]),
+          createCommentVNode(" 快捷示例 "),
+          createElementVNode("div", _hoisted_7, [
+            _cache[3] || (_cache[3] = createElementVNode(
+              "span",
+              { class: "text-xs text-gray-600" },
+              "示例:",
+              -1
+              /* CACHED */
+            )),
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList([
+                { val: "255", base: 10 },
+                { val: "11111111", base: 2 },
+                { val: "FF", base: 16 },
+                { val: "377", base: 8 }
+              ], (ex) => {
+                return createElementVNode("button", {
+                  key: ex.val + ex.base,
+                  onClick: ($event) => setExample(ex.val, ex.base),
+                  class: "px-2 py-0.5 text-xs font-mono bg-bg-dark border border-gray-700 rounded hover:border-primary hover:text-primary transition-all cursor-pointer text-gray-500"
+                }, [
+                  createTextVNode(
+                    toDisplayString(ex.val),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "sub",
+                    _hoisted_9,
+                    "(" + toDisplayString(ex.base) + ")",
+                    1
+                    /* TEXT */
+                  )
+                ], 8, _hoisted_8);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ]),
+        createCommentVNode(" 错误提示 "),
+        errorMsg.value && input.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          _cache[5] || (_cache[5] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 转换结果 "),
+        results.value.length ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(results.value, (r) => {
+              return openBlock(), createElementBlock("div", {
+                key: r.key,
+                class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard flex flex-col gap-2 cursor-pointer hover:border-primary transition-all group",
+                onClick: ($event) => copy(r.raw, r.key)
+              }, [
+                createElementVNode("div", _hoisted_13, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_14,
+                    toDisplayString(r.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    {
+                      class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === r.key ? "text-neon-green" : "text-gray-500"])
+                    },
+                    toDisplayString(copyField.value === r.key ? "check" : "content_copy"),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ]),
+                createElementVNode(
+                  "div",
+                  _hoisted_15,
+                  toDisplayString(r.value),
+                  1
+                  /* TEXT */
+                )
+              ], 8, _hoisted_12);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 自定义进制 "),
+        parsed.value !== null ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          createElementVNode("div", _hoisted_17, [
+            _cache[6] || (_cache[6] = createElementVNode(
+              "span",
+              { class: "material-icons text-neon-green text-lg" },
+              "tune",
+              -1
+              /* CACHED */
+            )),
+            _cache[7] || (_cache[7] = createElementVNode(
+              "span",
+              { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+              "自定义进制",
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => customBase.value = $event),
+                type: "number",
+                min: "2",
+                max: "36",
+                class: "w-16 h-8 bg-bg-dark text-gray-100 border-2 border-black rounded px-2 font-mono text-sm text-center outline-none focus:border-primary"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [
+                vModelText,
+                customBase.value,
+                void 0,
+                { number: true }
+              ]
+            ]),
+            _cache[8] || (_cache[8] = createElementVNode(
+              "span",
+              { class: "text-xs text-gray-600" },
+              "（2 ~ 36）",
+              -1
+              /* CACHED */
+            ))
+          ]),
+          createElementVNode("div", {
+            class: "font-mono text-sm text-gray-100 break-all bg-bg-dark rounded-lg p-3 border-2 border-black cursor-pointer hover:border-primary transition-all group",
+            onClick: _cache[2] || (_cache[2] = ($event) => copy(customResult.value, "custom"))
+          }, [
+            createElementVNode("span", _hoisted_18, [
+              createElementVNode(
+                "span",
+                _hoisted_19,
+                toDisplayString(customResult.value),
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === "custom" ? "text-neon-green" : "text-gray-500"])
+                },
+                toDisplayString(copyField.value === "custom" ? "check" : "content_copy"),
+                3
+                /* TEXT, CLASS */
+              )
+            ])
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/case-converter.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, Fragment, renderList, toDisplayString, normalizeClass, createCommentVNode } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = { class: "flex flex-wrap gap-2 mt-3" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-3 overflow-auto min-h-0"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "flex items-center justify-between mb-1" };
+const _hoisted_8 = { class: "text-xs font-bold text-gray-500 uppercase tracking-wider" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("");
+    const copyField = ref("");
+    function splitWords(str) {
+      return str.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[-_./\\]+/g, " ").trim().split(/\s+/).filter(Boolean);
+    }
+    const conversions = computed(() => {
+      const words = splitWords(input.value);
+      if (!words.length) return [];
+      return [
+        { label: "camelCase", value: words.map((w, i) => i === 0 ? w.toLowerCase() : w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(""), color: "text-electric-blue" },
+        { label: "PascalCase", value: words.map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(""), color: "text-vibrant-purple" },
+        { label: "snake_case", value: words.map((w) => w.toLowerCase()).join("_"), color: "text-neon-green" },
+        { label: "SCREAMING_SNAKE", value: words.map((w) => w.toUpperCase()).join("_"), color: "text-coral-red" },
+        { label: "kebab-case", value: words.map((w) => w.toLowerCase()).join("-"), color: "text-primary" },
+        { label: "UPPER CASE", value: input.value.toUpperCase(), color: "text-hot-pink" },
+        { label: "lower case", value: input.value.toLowerCase(), color: "text-gray-300" },
+        { label: "Title Case", value: words.map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(" "), color: "text-electric-blue" },
+        { label: "dot.case", value: words.map((w) => w.toLowerCase()).join("."), color: "text-vibrant-purple" },
+        { label: "path/case", value: words.map((w) => w.toLowerCase()).join("/"), color: "text-neon-green" }
+      ];
+    });
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "text_fields"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "大小写转换")
+            ],
+            -1
+            /* CACHED */
+          )),
+          withDirectives(createElementVNode(
+            "input",
+            {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              placeholder: "输入文本，如 hello world、helloWorld、hello_world...",
+              class: "w-full h-12 bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelText, input.value]
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode(
+              "span",
+              { class: "text-xs text-gray-600" },
+              "示例:",
+              -1
+              /* CACHED */
+            )),
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(["hello world", "helloWorld", "my_variable_name", "MyClassName"], (ex) => {
+                return createElementVNode("button", {
+                  key: ex,
+                  onClick: ($event) => input.value = ex,
+                  class: "px-2 py-0.5 text-xs font-mono bg-bg-dark border border-gray-700 rounded hover:border-primary hover:text-primary transition-all cursor-pointer text-gray-500"
+                }, toDisplayString(ex), 9, _hoisted_4);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ]),
+        conversions.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(conversions.value, (c) => {
+              return openBlock(), createElementBlock("div", {
+                key: c.label,
+                class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard cursor-pointer hover:border-primary transition-all group",
+                onClick: ($event) => copy(c.value, c.label)
+              }, [
+                createElementVNode("div", _hoisted_7, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_8,
+                    toDisplayString(c.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "span",
+                    {
+                      class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === c.label ? "text-neon-green" : "text-gray-500"])
+                    },
+                    toDisplayString(copyField.value === c.label ? "check" : "content_copy"),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ]),
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(["font-mono text-sm select-all break-all", c.color])
+                  },
+                  toDisplayString(c.value),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ], 8, _hoisted_6);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};