Improvement: Speech key建议加一个显示/隐藏的选项

Speech key属于敏感信息, 可以加一个显示或隐藏的选项, 类似下面的图那样:

这个插件叫: Aloud, 为了节约作者的时间, 我把这个选项的代码给复制在下面. 希望作者能修改这个地方.

var APIKeyComponent = observer(({ store }) => {
  const [showPassword, setShowPassword] = React6.useState(false);
  let validIcon;
  switch (store.apiKeyValid) {
    case true:
      validIcon = "check";
      break;
    case false:
      validIcon = "alert-circle";
      break;
    default:
      validIcon = "loader";
      break;
  }
  const onChange = React6.useCallback((v) => {
    store.updateSettings({ OPENAI_API_KEY: v.target.value });
  }, []);
  return /* @__PURE__ */ React6.createElement("div", { className: "setting-item" }, /* @__PURE__ */ React6.createElement("div", { className: "setting-item-info" }, /* @__PURE__ */ React6.createElement("div", { className: "setting-item-name" }, "OpenAI API key"), /* @__PURE__ */ React6.createElement("div", { className: "setting-item-description" }, "Your OpenAI API key. You can create one", " ", /* @__PURE__ */ React6.createElement("a", { href: "https://platform.openai.com/api-keys", target: "_blank" }, "here"), ".")), /* @__PURE__ */ React6.createElement("div", { className: "setting-item-control" }, validIcon === "loader" ? /* @__PURE__ */ React6.createElement(Spinner, null) : /* @__PURE__ */ React6.createElement(IconSpan, { icon: validIcon }), /* @__PURE__ */ React6.createElement(
    "input",
    {
      type: showPassword ? "text" : "password",
      placeholder: "API Key",
      value: store.settings.OPENAI_API_KEY,
      onChange
    }
  ), /* @__PURE__ */ React6.createElement(
    IconButton,
    {
      icon: showPassword ? "eye-off" : "eye",
      onClick: () => setShowPassword(!showPassword)
    }
  )));
});

luhaifeng666 / obsidian-text2audio

Improvement: Speech key建议加一个显示/隐藏的选项 #57