@lobehub/ui 1.108.2 → 1.110.0

package/es/useTTS/services/postMicrosoftSpeech.js

@@ -0,0 +1,64 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { v4 as uuidv4 } from 'uuid';
+import { genSSML } from "../utils/genSSML";
+export var postMicrosoftSpeech = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(text, options) {
+    var data, DEFAULT_HEADERS, response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          data = JSON.stringify({
+            offsetInPlainText: 0,
+            properties: {
+              SpeakTriggerSource: 'AccTuningPagePlayButton'
+            },
+            ssml: genSSML(text, options),
+            ttsAudioFormat: 'audio-24khz-160kbitrate-mono-mp3'
+          });
+          DEFAULT_HEADERS = {
+            'accept': '*/*',
+            'accept-language': 'zh-CN,zh;q=0.9',
+            'authority': 'southeastasia.api.speech.microsoft.com',
+            'content-type': 'application/json',
+            'customvoiceconnectionid': uuidv4(),
+            'origin': 'https://speech.microsoft.com',
+            'sec-ch-ua': '"Google Chrome";v="111", "Not(A:Brand";v="8", "Chromium";v="111"',
+            'sec-ch-ua-mobile': '?0',
+            'sec-ch-ua-platform': '"Windows"',
+            'sec-fetch-dest': 'empty',
+            'sec-fetch-mode': 'no-cors',
+            'sec-fetch-site': 'same-site',
+            'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36'
+          };
+          _context.prev = 2;
+          _context.next = 5;
+          return fetch('https://southeastasia.api.speech.microsoft.com/accfreetrial/texttospeech/acc/v3.0-beta1/vcg/speak', {
+            body: data,
+            headers: DEFAULT_HEADERS,
+            method: 'POST',
+            mode: 'no-cors',
+            // @ts-ignore
+            responseType: 'arraybuffer'
+          });
+        case 5:
+          response = _context.sent;
+          _context.next = 8;
+          return response.arrayBuffer();
+        case 8:
+          return _context.abrupt("return", _context.sent);
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](2);
+          console.error(_context.t0);
+          throw _context.t0;
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 11]]);
+  }));
+  return function postMicrosoftSpeech(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/es/useTTS/utils/genSSML.d.ts

@@ -0,0 +1,9 @@
+type StyleName = 'affectionate' | 'angry' | 'calm' | 'cheerful' | 'disgruntled' | 'embarrassed' | 'fearful' | 'general' | 'gentle' | 'sad' | 'serious';
+export interface SsmlOptions {
+    name: string;
+    pitch?: number;
+    rate?: number;
+    style?: StyleName;
+}
+export declare const genSSML: (text: string, options: SsmlOptions) => string;
+export {};

package/es/useTTS/utils/genSSML.js

@@ -0,0 +1,15 @@
+import { Document, ServiceProvider } from 'ssml-document';
+export var genSSML = function genSSML(text, options) {
+  var ssml = new Document().voice(options.name);
+  if (options.style) ssml = ssml.expressAs({
+    style: options.style
+  });
+  if (options.pitch || options.rate) ssml = ssml.prosody({
+    pitch: options.pitch,
+    rate: options.rate
+  });
+  var result = ssml.say(text).render({
+    provider: ServiceProvider.Microsoft
+  });
+  return "<speak version=\"1.0\" xmlns=\"http://www.w3.org/2001/10/synthesis\" xmlns:mstts=\"https://www.w3.org/2001/mstts\">".concat(result, "</speak>");
+};

package/es/useTTS/utils/getVoiceList.d.ts

@@ -0,0 +1,11 @@
+interface Voice {
+    localName?: string;
+    name: string;
+}
+export interface VoiceList {
+    [locale: string]: Voice[];
+}
+export declare const genSpeechSynthesVoiceList: () => VoiceList;
+export declare const getSpeechSynthesVoiceList: (locale?: string) => Voice[];
+export declare const getAzureVoiceList: (locale?: string) => Voice[];
+export {};

package/es/useTTS/utils/getVoiceList.js

@@ -0,0 +1,35 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { flatten } from 'lodash-es';
+import azureVoiceList from "../data/azureVoiceListLite.json";
+export var genSpeechSynthesVoiceList = function genSpeechSynthesVoiceList() {
+  var data = speechSynthesis.getVoices();
+  var list = {};
+  var _iterator = _createForOfIteratorHelper(data),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var voice = _step.value;
+      if (!list[voice.lang]) list[voice.lang] = [];
+      list[voice.lang].push({
+        localName: voice.name,
+        name: voice.voiceURI
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return list;
+};
+export var getSpeechSynthesVoiceList = function getSpeechSynthesVoiceList(locale) {
+  var speechSynthesVoiceList = genSpeechSynthesVoiceList();
+  if (locale) return (speechSynthesVoiceList === null || speechSynthesVoiceList === void 0 ? void 0 : speechSynthesVoiceList[locale]) || [];
+  return flatten(Object.values(speechSynthesVoiceList));
+};
+export var getAzureVoiceList = function getAzureVoiceList(locale) {
+  if (locale) return azureVoiceList[locale] || [];
+  return flatten(Object.values(azureVoiceList));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.108.2",
+  "version": "1.110.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -81,6 +81,7 @@
     "@react-spring/web": "^9",
     "@react-three/drei": "^9",
     "@react-three/fiber": "^8",
+    "@types/uuid": "^9",
     "ahooks": "^3",
     "chroma-js": "^2",
     "copy-to-clipboard": "^3",
@@ -91,6 +92,7 @@
     "leva": "^0",
     "lodash-es": "^4",
     "lucide-react": "latest",
+    "microsoft-cognitiveservices-speech-sdk": "^1",
     "polished": "^4",
     "prism-react-renderer": "^2",
     "rc-footer": "^0",
@@ -104,11 +106,13 @@
     "remark-gfm": "^3",
     "remark-math": "^5",
     "shikiji": "^0",
+    "ssml-document": "^1",
     "swr": "^2",
     "three": "^0.157",
     "ts-md5": "^1",
     "url-join": "^5",
     "use-merge-value": "^1",
+    "uuid": "^9",
     "zustand": "^4.4.1",
     "zustand-utils": "^1.3.1"
   },