@hoanghong/speaking-angular 0.1.0 → 0.3.0

package/CHANGELOG.md

@@ -0,0 +1,22 @@
+# Changelog
+
+## 0.3.0
+
+- Per-application keys with server-managed quota; appKey setup without a service URL.
+
+- Hosted public service configuration with automatic short-lived sessions and quota errors.
+- Select realtime/upload using serviceType; no URL or token setup for hosted use.
+- Completed callback includes text and audio: recorded PCM as WAV, or original uploaded file.
+- Bounded five-minute recording buffer and preserved final residual audio.
+
+
+## 0.2.0
+
+- Add standalone FselSpeakingComponent and provideSpeakingGateway.
+- Include microphone, upload, five languages, cancellation and result/error outputs.
+- Document installation, worklet assets, application bootstrap, gateway contract and troubleshooting with full code.
+- Preserve existing low-level 0.1 APIs.
+
+## 0.1.0
+
+- Initial Angular service and core SDK integration.

package/README.md

@@ -1,20 +1,123 @@
 # @hoanghong/speaking-angular
 
-Angular 18 service wrapper cho `@hoanghong/speaking-core`, sử dụng RxJS và Ivy partial compilation.
-Provide `SPEAKING_CONFIG` trong app, `SpeakingService` ở screen/component. Theo dõi `events$` và dùng
-`start()`, `stop()`, `cancel()`; `batch` cung cấp SDK upload/poll/cancel job.
-`ngOnDestroy` dọn microphone và socket. Không chứa credential ASR, model hoặc logic chấm điểm.
+Component nhận dạng lời nói online dùng ngay. Chỉ cài package, chọn `serviceType`, ngôn ngữ và nhận callback **text + file audio**. Không khai báo URL, không tạo gateway, không nhập token, không copy worklet. Model chạy tại dịch vụ FSEL, không tải xuống máy người dùng. MIT. Angular 18.x, RxJS 7.8.
 
-Build core trước, sau đó:
+## 1. Cài đặt
 
 ```bash
-npm ci
-npm run build
-cd dist
-npm pack
+npm install @hoanghong/speaking-angular@^0.3.0
 ```
 
-Cài cả package core và Angular wrapper. Copy core AudioWorklet asset vào Angular assets pipeline.
-Xem `docs/realtime-and-sdk.md` ở repository root cho cấu hình ticketProvider và ví dụ tích hợp.
+Core được cài tự động. Với ứng dụng mới: `npx @angular/cli@18 new speaking-demo --standalone --routing=false --style=css`, rồi `cd speaking-demo` và chạy lệnh trên.
 
-Cài/test tarball và build trọn bộ: `docs/sdk-install-test.md` trong repository. Core là dependency tự cài khi publish cả hai lên registry; khi test offline cần cài cả hai tarball.
+## 2. Thêm component — ví dụ đầy đủ
+
+Thay `src/app/app.component.ts` bằng:
+
+```ts
+import { Component, OnDestroy } from '@angular/core';
+import { FselSpeakingComponent, SpeakingResult } from '@hoanghong/speaking-angular';
+
+@Component({
+  selector: 'app-root', standalone: true,
+  imports: [FselSpeakingComponent],
+  template: `
+    <main style="max-width:800px;margin:auto;padding:20px">
+      <h1>Luyện nói</h1>
+      <fsel-speaking serviceType="realtime" initialLanguage="vi"
+        (completed)="onCompleted($event)" (failed)="onFailed($event)" />
+      <p>{{ text }}</p>
+      @if (audioUrl) {
+        <audio controls [src]="audioUrl"></audio>
+        <p><a [href]="audioUrl" [download]="filename">Tải file bài nói</a></p>
+      }
+      <p role="alert">{{ error }}</p>
+    </main>
+  `,
+})
+export class AppComponent implements OnDestroy {
+  text = ''; error = ''; filename = ''; audioUrl = '';
+  onCompleted(result: SpeakingResult): void {
+    if (this.audioUrl) URL.revokeObjectURL(this.audioUrl);
+    this.text = result.text;
+    this.filename = result.audio.name;
+    this.audioUrl = URL.createObjectURL(result.audio);
+    // result.audio là File: có thể đưa vào FormData để lưu ở hệ thống của bạn.
+  }
+  onFailed(error: Error): void { this.error = error.message; }
+  ngOnDestroy(): void { if (this.audioUrl) URL.revokeObjectURL(this.audioUrl); }
+}
+```
+
+Giữ `src/main.ts` chuẩn Angular CLI; nếu cần tạo lại:
+
+```ts
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+bootstrapApplication(AppComponent).catch(console.error);
+```
+
+Không cần `provideSpeakingGateway` hoặc chỉnh assets trong `angular.json` khi dùng dịch vụ public. Nếu nâng cấp từ 0.2, bỏ provider gateway cũ để sử dụng dịch vụ public mặc định.
+
+## Key riêng của ứng dụng (cấu hình một lần)
+
+Nếu được FSEL cấp key riêng, thêm vào `src/app/app.config.ts`:
+
+```ts
+import { ApplicationConfig } from '@angular/core';
+import { provideSpeakingApp } from '@hoanghong/speaking-angular';
+export const appConfig: ApplicationConfig = {
+  providers: [provideSpeakingApp({ appKey: 'KEY_DUOC_FSEL_CAP' })],
+};
+```
+
+Khi có appConfig, `main.ts` cần truyền nó cho bootstrap:
+
+```ts
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
+bootstrapApplication(AppComponent, appConfig).catch(console.error);
+```
+
+Component và callback text/audio không đổi; không cần URL. Đây là key định danh có thể quan sát trong frontend, không phải khóa quản trị. Hạn mức của key được FSEL quản lý phía server, thay đổi không cần build lại ứng dụng. Key sai/bị khóa trả INVALID_APP_KEY; không tự chuyển sang dùng ẩn danh. Bỏ cấu hình key thì dùng hạn mức public cơ bản.
+
+## 3. Chạy
+
+```bash
+npx ng serve
+```
+
+Mở localhost do CLI in ra → chọn ngôn ngữ → Bắt đầu nói → cho phép microphone → chờ “Đang nghe…” → nói → Dừng và lấy kết quả. Callback nhận text và WAV, ví dụ trên cho nghe lại/tải file. Production phải dùng HTTPS. Không ghi âm tự động.
+
+## 4. Chọn dịch vụ
+
+- `serviceType="realtime"`: microphone, text tạm khi nói, kết quả cuối kèm WAV PCM16 mono 16 kHz.
+- `serviceType="upload"`: chọn file audio, trả transcript và chính File đầu vào, giữ tên/định dạng.
+- Không đặt `serviceType`: hiện cả hai cách. `uploadEnabled=false` ẩn upload.
+- `initialLanguage`: `en` (Anh), `ja` (Nhật), `ko` (Hàn), `zh` (Trung), `vi` (Việt, mặc định).
+
+Ví dụ upload: thay `serviceType="realtime"` bằng `serviceType="upload"`. Callback không đổi.
+
+## 5. Kết quả trả về
+
+`completed` nhận `SpeakingResult`:
+
+| Trường | Kiểu / ý nghĩa |
+| --- | --- |
+| `text` | String nhận dạng cuối; rỗng khi không có lời nói |
+| `audio` | File, dùng createObjectURL/FormData/arrayBuffer; realtime có tên speaking.wav |
+| `language` | en/ja/ko/zh/vi |
+| `serviceType` | realtime/upload |
+| `status` | succeeded/no_speech; các metadata gốc vẫn được giữ |
+| `result` | Transcript chi tiết từ server nếu có |
+
+File realtime chứa âm thanh người dùng vừa nói, đã chuẩn hóa cho nhận dạng; không phải giọng AI đọc text. File không tự được lưu vĩnh viễn lên S3 hoặc cấp URL tải công khai. Ứng dụng sở hữu File sau callback, tự lưu nếu cần. Revoke object URL khi thay file/rời trang như ví dụ để tránh giữ RAM. Hủy/lỗi không phát callback thành công.
+
+## 6. Giới hạn và lỗi
+
+Dịch vụ public tự cấp phiên ngắn hạn. Mặc định server giới hạn 5 lượt/IP/ngày và 100 lượt/ngày cho mỗi instance, tính theo UTC; hạn mức có thể được FSEL điều chỉnh. Một phiên cấp mới tính một lượt kể cả khi nhận dạng thất bại. Người dùng cùng mạng có thể chung IP. Realtime tối đa 5 phút; buffer PCM tối đa khoảng 9,6 MB trước khi tạo WAV. Upload UI tối đa 25 MiB, server có thể giới hạn thấp hơn; chờ job tối đa 10 phút. Không tự reconnect/replay audio sau mất mạng. Rời màn ngừng thu/polling; job đã upload có thể còn chạy trên server.
+
+`failed` nhận Error; lỗi dịch vụ có `code`/`status` qua SpeakingError. QUOTA_EXCEEDED/429: hết lượt, chờ ngày mới. 503: dịch vụ/model chưa sẵn sàng. 404: server chưa triển khai phiên bản dịch vụ public. Microphone denied: bật quyền site và dùng HTTPS/localhost. Mạng/CSP: cho phép kết nối, worklet tới dịch vụ FSEL theo chính sách ứng dụng. Server phải chạy bản hỗ trợ public SDK trước khi dùng 0.3.
+
+API thấp của 0.2 vẫn có sẵn cho tích hợp tùy chỉnh; không cần dùng trong luồng trên. Microphone thiết bị và khả năng truy cập mạng cần kiểm tra trong ứng dụng triển khai thực tế.

package/esm2022/public-api.mjs

@@ -1,45 +1,3 @@
-import { Inject, Injectable, InjectionToken } from '@angular/core';
-import { Subject } from 'rxjs';
-import { BatchSpeakingClient, RealtimeSpeakingClient, SpeakingMicrophone, } from '@hoanghong/speaking-core';
-import * as i0 from "@angular/core";
-export const SPEAKING_CONFIG = new InjectionToken('FSEL_SPEAKING_CONFIG');
-/** Provide at the screen/component level to give each speaking screen its own lifecycle. */
-export class SpeakingService {
-    zone;
-    batch;
-    realtime;
-    eventSubject = new Subject();
-    events$ = this.eventSubject.asObservable();
-    microphone;
-    unsubscribe;
-    constructor(config, zone) {
-        this.zone = zone;
-        this.batch = new BatchSpeakingClient(config.batch);
-        this.realtime = new RealtimeSpeakingClient(config.realtime);
-        this.microphone = new SpeakingMicrophone(this.realtime, config.microphone);
-        this.unsubscribe = this.realtime.onEvent(event => this.zone.run(() => this.eventSubject.next(event)));
-    }
-    start(options) {
-        return this.zone.runOutsideAngular(() => this.microphone.start(options));
-    }
-    stop() { return this.microphone.stop(); }
-    cancel() { return this.microphone.cancel(); }
-    ngOnDestroy() {
-        this.unsubscribe();
-        this.eventSubject.complete();
-        void this.microphone.dispose();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService, deps: [{ token: SPEAKING_CONFIG }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SPEAKING_CONFIG]
-                }] }, { type: i0.NgZone }] });
-export function provideSpeaking(config) {
-    return [{ provide: SPEAKING_CONFIG, useValue: config }, SpeakingService];
-}
-export * from '@hoanghong/speaking-core';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQ1MsbUJBQW1CLEVBQ2pDLHNCQUFzQixFQUFpQixrQkFBa0IsR0FDMUQsTUFBTSwwQkFBMEIsQ0FBQzs7QUFRbEMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLElBQUksY0FBYyxDQUFpQixzQkFBc0IsQ0FBQyxDQUFDO0FBRTFGLDRGQUE0RjtBQUU1RixNQUFNLE9BQU8sZUFBZTtJQVFvRDtJQVByRSxLQUFLLENBQXNCO0lBQzNCLFFBQVEsQ0FBeUI7SUFDekIsWUFBWSxHQUFHLElBQUksT0FBTyxFQUFpQixDQUFDO0lBQ3BELE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ25DLFVBQVUsQ0FBcUI7SUFDL0IsV0FBVyxDQUFhO0lBRXpDLFlBQXFDLE1BQXNCLEVBQW1CLElBQVk7UUFBWixTQUFJLEdBQUosSUFBSSxDQUFRO1FBQ3hGLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLHNCQUFzQixDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RyxDQUFDO0lBRUQsS0FBSyxDQUFDLE9BQXFCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFFRCxJQUFJLEtBQTZCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDakUsTUFBTSxLQUFvQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRTVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakMsQ0FBQzt3R0ExQlUsZUFBZSxrQkFRTixlQUFlOzRHQVJ4QixlQUFlOzs0RkFBZixlQUFlO2tCQUQzQixVQUFVOzswQkFTSSxNQUFNOzJCQUFDLGVBQWU7O0FBcUJyQyxNQUFNLFVBQVUsZUFBZSxDQUFDLE1BQXNCO0lBQ3BELE9BQU8sQ0FBQyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQzNFLENBQUM7QUFFRCxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlLCBJbmplY3Rpb25Ub2tlbiwgTmdab25lLCBPbkRlc3Ryb3ksIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHtcclxuICBCYXRjaE9wdGlvbnMsIEJhdGNoU3BlYWtpbmdDbGllbnQsIE1pY3JvcGhvbmVPcHRpb25zLCBSZWFsdGltZUZpbmFsLCBSZWFsdGltZU9wdGlvbnMsXHJcbiAgUmVhbHRpbWVTcGVha2luZ0NsaWVudCwgU3BlYWtpbmdFdmVudCwgU3BlYWtpbmdNaWNyb3Bob25lLCBTdGFydE9wdGlvbnMsXHJcbn0gZnJvbSAnQGhvYW5naG9uZy9zcGVha2luZy1jb3JlJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgU3BlYWtpbmdDb25maWcge1xyXG4gIGJhdGNoOiBCYXRjaE9wdGlvbnM7XHJcbiAgcmVhbHRpbWU6IFJlYWx0aW1lT3B0aW9ucztcclxuICBtaWNyb3Bob25lOiBNaWNyb3Bob25lT3B0aW9ucztcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IFNQRUFLSU5HX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTcGVha2luZ0NvbmZpZz4oJ0ZTRUxfU1BFQUtJTkdfQ09ORklHJyk7XHJcblxyXG4vKiogUHJvdmlkZSBhdCB0aGUgc2NyZWVuL2NvbXBvbmVudCBsZXZlbCB0byBnaXZlIGVhY2ggc3BlYWtpbmcgc2NyZWVuIGl0cyBvd24gbGlmZWN5Y2xlLiAqL1xyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBTcGVha2luZ1NlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIHJlYWRvbmx5IGJhdGNoOiBCYXRjaFNwZWFraW5nQ2xpZW50O1xyXG4gIHJlYWRvbmx5IHJlYWx0aW1lOiBSZWFsdGltZVNwZWFraW5nQ2xpZW50O1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgZXZlbnRTdWJqZWN0ID0gbmV3IFN1YmplY3Q8U3BlYWtpbmdFdmVudD4oKTtcclxuICByZWFkb25seSBldmVudHMkID0gdGhpcy5ldmVudFN1YmplY3QuYXNPYnNlcnZhYmxlKCk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBtaWNyb3Bob25lOiBTcGVha2luZ01pY3JvcGhvbmU7XHJcbiAgcHJpdmF0ZSByZWFkb25seSB1bnN1YnNjcmliZTogKCkgPT4gdm9pZDtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChTUEVBS0lOR19DT05GSUcpIGNvbmZpZzogU3BlYWtpbmdDb25maWcsIHByaXZhdGUgcmVhZG9ubHkgem9uZTogTmdab25lKSB7XHJcbiAgICB0aGlzLmJhdGNoID0gbmV3IEJhdGNoU3BlYWtpbmdDbGllbnQoY29uZmlnLmJhdGNoKTtcclxuICAgIHRoaXMucmVhbHRpbWUgPSBuZXcgUmVhbHRpbWVTcGVha2luZ0NsaWVudChjb25maWcucmVhbHRpbWUpO1xyXG4gICAgdGhpcy5taWNyb3Bob25lID0gbmV3IFNwZWFraW5nTWljcm9waG9uZSh0aGlzLnJlYWx0aW1lLCBjb25maWcubWljcm9waG9uZSk7XHJcbiAgICB0aGlzLnVuc3Vic2NyaWJlID0gdGhpcy5yZWFsdGltZS5vbkV2ZW50KGV2ZW50ID0+IHRoaXMuem9uZS5ydW4oKCkgPT4gdGhpcy5ldmVudFN1YmplY3QubmV4dChldmVudCkpKTtcclxuICB9XHJcblxyXG4gIHN0YXJ0KG9wdGlvbnM6IFN0YXJ0T3B0aW9ucyk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgcmV0dXJuIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB0aGlzLm1pY3JvcGhvbmUuc3RhcnQob3B0aW9ucykpO1xyXG4gIH1cclxuXHJcbiAgc3RvcCgpOiBQcm9taXNlPFJlYWx0aW1lRmluYWw+IHsgcmV0dXJuIHRoaXMubWljcm9waG9uZS5zdG9wKCk7IH1cclxuICBjYW5jZWwoKTogUHJvbWlzZTx2b2lkPiB7IHJldHVybiB0aGlzLm1pY3JvcGhvbmUuY2FuY2VsKCk7IH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnVuc3Vic2NyaWJlKCk7XHJcbiAgICB0aGlzLmV2ZW50U3ViamVjdC5jb21wbGV0ZSgpO1xyXG4gICAgdm9pZCB0aGlzLm1pY3JvcGhvbmUuZGlzcG9zZSgpO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVTcGVha2luZyhjb25maWc6IFNwZWFraW5nQ29uZmlnKTogUHJvdmlkZXJbXSB7XHJcbiAgcmV0dXJuIFt7IHByb3ZpZGU6IFNQRUFLSU5HX0NPTkZJRywgdXNlVmFsdWU6IGNvbmZpZyB9LCBTcGVha2luZ1NlcnZpY2VdO1xyXG59XHJcblxyXG5leHBvcnQgKiBmcm9tICdAaG9hbmdob25nL3NwZWFraW5nLWNvcmUnO1xyXG4iXX0=
+export * from './speaking.service';
+export * from './speaking.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3BlYWtpbmcuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3BlYWtpbmcuY29tcG9uZW50JztcclxuIl19

package/esm2022/speaking.component.mjs

@@ -0,0 +1,214 @@
+import { Component, DestroyRef, EventEmitter, Input, Output, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { SpeakingService } from './speaking.service';
+import * as i0 from "@angular/core";
+export class FselSpeakingComponent {
+    initialLanguage = 'vi';
+    uploadEnabled = true;
+    serviceType;
+    completed = new EventEmitter();
+    failed = new EventEmitter();
+    speaking = inject(SpeakingService);
+    destroy = inject(DestroyRef);
+    languages = [{ code: 'en', name: 'Tiếng Anh' }, { code: 'ja', name: 'Tiếng Nhật' }, { code: 'ko', name: 'Tiếng Hàn' }, { code: 'zh', name: 'Tiếng Trung' }, { code: 'vi', name: 'Tiếng Việt' }];
+    language = 'vi';
+    busy = false;
+    recording = false;
+    uploading = false;
+    text = '';
+    error = '';
+    status = 'Chọn ngôn ngữ, sau đó bấm nói hoặc chọn file.';
+    job;
+    generation = 0;
+    abort;
+    constructor() {
+        this.speaking.events$.pipe(takeUntilDestroyed(this.destroy)).subscribe((event) => {
+            if (event.type === 'partial')
+                this.text = event.text;
+            if (event.type === 'state')
+                this.recording = event.state === 'recording';
+            if (event.type === 'clientError') {
+                this.report(event.error);
+                this.busy = false;
+                this.recording = false;
+            }
+        });
+        this.destroy.onDestroy(() => { ++this.generation; this.abort?.abort(); });
+    }
+    ngOnInit() { this.language = this.initialLanguage; }
+    selectLanguage(event) { this.language = event.target.value; }
+    report(error) {
+        const value = error instanceof Error ? error : new Error('Speaking failed');
+        this.error = value.message;
+        this.failed.emit(value);
+    }
+    async start() {
+        if (this.busy)
+            return;
+        const generation = ++this.generation;
+        this.busy = true;
+        this.uploading = false;
+        this.error = '';
+        this.text = '';
+        this.status = 'Đang mở microphone và chuẩn bị model…';
+        try {
+            await this.speaking.start({ language: this.language });
+            if (generation === this.generation)
+                this.status = 'Đang nghe…';
+        }
+        catch (error) {
+            if (generation === this.generation) {
+                this.report(error);
+                this.busy = false;
+            }
+        }
+    }
+    async stop() {
+        if (!this.recording)
+            return;
+        const generation = this.generation;
+        this.recording = false;
+        this.status = 'Đang lấy kết quả…';
+        try {
+            const result = await this.speaking.stop();
+            if (generation !== this.generation)
+                return;
+            this.text = result.result?.text ?? '';
+            this.status = result.status === 'no_speech' ? 'Không nhận thấy lời nói.' : 'Đã hoàn tất.';
+            this.completed.emit({ ...result, language: this.language, text: this.text, audio: result.audio, serviceType: 'realtime' });
+        }
+        catch (error) {
+            if (generation === this.generation)
+                this.report(error);
+        }
+        finally {
+            if (generation === this.generation)
+                this.busy = false;
+        }
+    }
+    async cancel() {
+        ++this.generation;
+        this.abort?.abort();
+        try {
+            if (this.uploading && this.job)
+                await this.speaking.batch.cancelJob(this.job.job_id);
+            else
+                await this.speaking.cancel();
+            this.status = 'Đã hủy.';
+        }
+        catch (error) {
+            this.report(error);
+        }
+        finally {
+            this.busy = false;
+            this.recording = false;
+            this.uploading = false;
+        }
+    }
+    async upload(event) {
+        const input = event.target;
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || this.busy)
+            return;
+        if (file.size > 25 * 1024 * 1024) {
+            this.report(new Error('File tối đa 25 MB.'));
+            return;
+        }
+        const generation = ++this.generation;
+        this.abort = new AbortController();
+        this.busy = true;
+        this.uploading = true;
+        this.job = undefined;
+        this.text = '';
+        this.error = '';
+        this.status = 'Đang upload…';
+        try {
+            let job = await this.speaking.batch.submitAudio(file, this.language, crypto.randomUUID(), 'short_answer', file.name, this.abort.signal);
+            const deadline = Date.now() + 10 * 60 * 1000;
+            while (generation === this.generation) {
+                this.job = job;
+                if (['succeeded', 'no_speech', 'failed', 'cancelled'].includes(job.status))
+                    break;
+                if (Date.now() > deadline)
+                    throw new Error('Hết thời gian chờ; job có thể vẫn đang chạy trên server.');
+                this.status = 'Đang nhận dạng file…';
+                await new Promise(resolve => setTimeout(resolve, 1500));
+                if (generation !== this.generation)
+                    return;
+                job = await this.speaking.batch.getResult(job.job_id, this.abort.signal);
+            }
+            if (generation !== this.generation)
+                return;
+            if (job.error)
+                throw new Error(job.error.message);
+            this.text = job.result?.text ?? '';
+            this.status = job.status === 'no_speech' ? 'Không nhận thấy lời nói.' : job.status === 'cancelled' ? 'Đã hủy.' : 'Đã hoàn tất.';
+            if (job.status !== 'cancelled')
+                this.completed.emit({ ...job, language: this.language, text: this.text, audio: file, serviceType: 'upload' });
+        }
+        catch (error) {
+            if (generation === this.generation)
+                this.report(error);
+        }
+        finally {
+            if (generation === this.generation) {
+                this.busy = false;
+                this.uploading = false;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FselSpeakingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FselSpeakingComponent, isStandalone: true, selector: "fsel-speaking", inputs: { initialLanguage: "initialLanguage", uploadEnabled: "uploadEnabled", serviceType: "serviceType" }, outputs: { completed: "completed", failed: "failed" }, providers: [SpeakingService], ngImport: i0, template: `
+    <section aria-label="FSEL Speaking">
+      <label>Ngôn ngữ <select [value]="language" [disabled]="busy" (change)="selectLanguage($event)">
+        @for (item of languages; track item.code) { <option [value]="item.code" [selected]="item.code === language">{{ item.name }}</option> }
+      </select></label>
+      <div class="actions">
+        @if (serviceType !== 'upload') {
+        <button type="button" (click)="start()" [disabled]="busy">Bắt đầu nói</button>
+        <button type="button" (click)="stop()" [disabled]="!recording">Dừng và lấy kết quả</button>
+        }
+        <button type="button" (click)="cancel()" [disabled]="!busy || (uploading && !job)">Hủy</button>
+      </div>
+      @if (serviceType !== 'realtime' && uploadEnabled) { <label>Chọn file audio (tối đa 25 MB)
+        <input type="file" accept="audio/*,.wav,.mp3,.m4a,.ogg,.flac,.webm" [disabled]="busy" (change)="upload($event)">
+      </label> }
+      <p role="status">{{ status }}</p>
+      @if (error) { <p role="alert" class="error">{{ error }}</p> }
+      <label>Văn bản nhận dạng <textarea rows="7" readonly [value]="text"></textarea></label>
+    </section>`, isInline: true, styles: [":host{display:block;font:inherit;color:inherit}section{border:1px solid #b9c1bc;padding:20px;border-radius:4px}label{display:grid;gap:8px;margin-bottom:16px}select,input,textarea,button{font:inherit;box-sizing:border-box;max-width:100%}select,input,textarea{padding:10px;border:1px solid #929c95;border-radius:3px;background:#fff;color:#202723}textarea{width:100%;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button{min-height:44px;padding:8px 14px;background:#365448;color:#fff;border:1px solid #365448;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a66a15;outline-offset:2px}.error{color:#a02020;overflow-wrap:anywhere}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FselSpeakingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fsel-speaking', standalone: true, providers: [SpeakingService], template: `
+    <section aria-label="FSEL Speaking">
+      <label>Ngôn ngữ <select [value]="language" [disabled]="busy" (change)="selectLanguage($event)">
+        @for (item of languages; track item.code) { <option [value]="item.code" [selected]="item.code === language">{{ item.name }}</option> }
+      </select></label>
+      <div class="actions">
+        @if (serviceType !== 'upload') {
+        <button type="button" (click)="start()" [disabled]="busy">Bắt đầu nói</button>
+        <button type="button" (click)="stop()" [disabled]="!recording">Dừng và lấy kết quả</button>
+        }
+        <button type="button" (click)="cancel()" [disabled]="!busy || (uploading && !job)">Hủy</button>
+      </div>
+      @if (serviceType !== 'realtime' && uploadEnabled) { <label>Chọn file audio (tối đa 25 MB)
+        <input type="file" accept="audio/*,.wav,.mp3,.m4a,.ogg,.flac,.webm" [disabled]="busy" (change)="upload($event)">
+      </label> }
+      <p role="status">{{ status }}</p>
+      @if (error) { <p role="alert" class="error">{{ error }}</p> }
+      <label>Văn bản nhận dạng <textarea rows="7" readonly [value]="text"></textarea></label>
+    </section>`, styles: [":host{display:block;font:inherit;color:inherit}section{border:1px solid #b9c1bc;padding:20px;border-radius:4px}label{display:grid;gap:8px;margin-bottom:16px}select,input,textarea,button{font:inherit;box-sizing:border-box;max-width:100%}select,input,textarea{padding:10px;border:1px solid #929c95;border-radius:3px;background:#fff;color:#202723}textarea{width:100%;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button{min-height:44px;padding:8px 14px;background:#365448;color:#fff;border:1px solid #365448;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a66a15;outline-offset:2px}.error{color:#a02020;overflow-wrap:anywhere}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { initialLanguage: [{
+                type: Input
+            }], uploadEnabled: [{
+                type: Input
+            }], serviceType: [{
+                type: Input
+            }], completed: [{
+                type: Output
+            }], failed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlYWtpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3NwZWFraW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQXlCckQsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixlQUFlLEdBQWEsSUFBSSxDQUFDO0lBQ2pDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDckIsV0FBVyxDQUF1QjtJQUNqQyxTQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFDL0MsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7SUFDcEMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUMzQixPQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3JDLFNBQVMsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQ3pNLFFBQVEsR0FBYSxJQUFJLENBQUM7SUFBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDOUUsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFBQyxNQUFNLEdBQUcsK0NBQStDLENBQUM7SUFDaEYsR0FBRyxDQUFPO0lBQVMsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUFTLEtBQUssQ0FBbUI7SUFDbkU7UUFDRSxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBb0IsRUFBRSxFQUFFO1lBQzlGLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxTQUFTO2dCQUFFLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQztZQUNyRCxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTztnQkFBRSxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxLQUFLLEtBQUssV0FBVyxDQUFDO1lBQ3pFLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxhQUFhLEVBQUUsQ0FBQztnQkFBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztnQkFBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUFDLENBQUM7UUFDNUcsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUNELFFBQVEsS0FBVyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO0lBQzFELGNBQWMsQ0FBQyxLQUFZLElBQVUsSUFBSSxDQUFDLFFBQVEsR0FBSSxLQUFLLENBQUMsTUFBNEIsQ0FBQyxLQUFpQixDQUFDLENBQUMsQ0FBQztJQUNyRyxNQUFNLENBQUMsS0FBYztRQUMzQixNQUFNLEtBQUssR0FBRyxLQUFLLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDNUUsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUNELEtBQUssQ0FBQyxLQUFLO1FBQ1QsSUFBSSxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFDdEIsTUFBTSxVQUFVLEdBQUcsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyx1Q0FBdUMsQ0FBQztRQUNqSSxJQUFJLENBQUM7WUFBQyxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1lBQUMsSUFBSSxVQUFVLEtBQUssSUFBSSxDQUFDLFVBQVU7Z0JBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxZQUFZLENBQUM7UUFBQyxDQUFDO1FBQy9ILE9BQU8sS0FBSyxFQUFFLENBQUM7WUFBQyxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztZQUFDLENBQUM7UUFBQyxDQUFDO0lBQ2xHLENBQUM7SUFDRCxLQUFLLENBQUMsSUFBSTtRQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU87UUFDNUIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsbUJBQW1CLENBQUM7UUFDMUQsSUFBSSxDQUFDO1lBQ0gsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQzFDLElBQUksVUFBVSxLQUFLLElBQUksQ0FBQyxVQUFVO2dCQUFFLE9BQU87WUFDM0MsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxFQUFFLElBQUksSUFBSSxFQUFFLENBQUM7WUFBQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDO1lBQ2pJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxNQUFNLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7UUFDN0gsQ0FBQztRQUFDLE9BQU8sS0FBSyxFQUFFLENBQUM7WUFBQyxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsVUFBVTtnQkFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQUMsQ0FBQztnQkFDbkUsQ0FBQztZQUFDLElBQUksVUFBVSxLQUFLLElBQUksQ0FBQyxVQUFVO2dCQUFFLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsS0FBSyxDQUFDLE1BQU07UUFDVixFQUFFLElBQUksQ0FBQyxVQUFVLENBQUM7UUFBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3ZDLElBQUksQ0FBQztZQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsR0FBRztnQkFBRSxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDOztnQkFBTSxNQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7WUFBQyxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQztRQUFDLENBQUM7UUFDekosT0FBTyxLQUFLLEVBQUUsQ0FBQztZQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFBQyxDQUFDO2dCQUM3QixDQUFDO1lBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7WUFBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQUMsQ0FBQztJQUNoRixDQUFDO0lBQ0QsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFZO1FBQ3ZCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQUMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFDL0IsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsR0FBRyxJQUFJLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztZQUFDLE9BQU87UUFBQyxDQUFDO1FBQzNGLE1BQU0sVUFBVSxHQUFHLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxlQUFlLEVBQUUsQ0FBQztRQUN6RSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxTQUFTLENBQUM7UUFBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUM7UUFDN0gsSUFBSSxDQUFDO1lBQ0gsSUFBSSxHQUFHLEdBQUcsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFBRSxFQUFFLGNBQWMsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDeEksTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDO1lBQzdDLE9BQU8sVUFBVSxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFDdEMsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7Z0JBQ2YsSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDO29CQUFFLE1BQU07Z0JBQ2xGLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLFFBQVE7b0JBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQywwREFBMEQsQ0FBQyxDQUFDO2dCQUN2RyxJQUFJLENBQUMsTUFBTSxHQUFHLHNCQUFzQixDQUFDO2dCQUNyQyxNQUFNLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO2dCQUN4RCxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsVUFBVTtvQkFBRSxPQUFPO2dCQUMzQyxHQUFHLEdBQUcsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzNFLENBQUM7WUFDRCxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsVUFBVTtnQkFBRSxPQUFPO1lBQzNDLElBQUksR0FBRyxDQUFDLEtBQUs7Z0JBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2xELElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUMsTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxNQUFNLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQztZQUNwSyxJQUFJLEdBQUcsQ0FBQyxNQUFNLEtBQUssV0FBVztnQkFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsR0FBRyxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDaEosQ0FBQztRQUFDLE9BQU8sS0FBSyxFQUFFLENBQUM7WUFBQyxJQUFJLFVBQVUsS0FBSyxJQUFJLENBQUMsVUFBVTtnQkFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQUMsQ0FBQztnQkFDbkUsQ0FBQztZQUFDLElBQUksVUFBVSxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztnQkFBQyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztnQkFBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUFDLENBQUM7UUFBQyxDQUFDO0lBQ2hHLENBQUM7d0dBM0VVLHFCQUFxQjs0RkFBckIscUJBQXFCLCtOQXRCd0IsQ0FBQyxlQUFlLENBQUMsMEJBQy9EOzs7Ozs7Ozs7Ozs7Ozs7Ozs7ZUFrQkc7OzRGQUdGLHFCQUFxQjtrQkF2QmpDLFNBQVM7K0JBQ0UsZUFBZSxjQUFjLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxZQUMvRDs7Ozs7Ozs7Ozs7Ozs7Ozs7O2VBa0JHO3dEQUlKLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEZXN0cm95UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcclxuaW1wb3J0IHsgSm9iLCBMYW5ndWFnZSwgU3BlYWtpbmdSZXN1bHQsIFNwZWFraW5nU2VydmljZVR5cGUsIFNwZWFraW5nRXZlbnQgfSBmcm9tICdAaG9hbmdob25nL3NwZWFraW5nLWNvcmUnO1xyXG5pbXBvcnQgeyBTcGVha2luZ1NlcnZpY2UgfSBmcm9tICcuL3NwZWFraW5nLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmc2VsLXNwZWFraW5nJywgc3RhbmRhbG9uZTogdHJ1ZSwgcHJvdmlkZXJzOiBbU3BlYWtpbmdTZXJ2aWNlXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPHNlY3Rpb24gYXJpYS1sYWJlbD1cIkZTRUwgU3BlYWtpbmdcIj5cclxuICAgICAgPGxhYmVsPk5nw7RuIG5n4buvIDxzZWxlY3QgW3ZhbHVlXT1cImxhbmd1YWdlXCIgW2Rpc2FibGVkXT1cImJ1c3lcIiAoY2hhbmdlKT1cInNlbGVjdExhbmd1YWdlKCRldmVudClcIj5cclxuICAgICAgICBAZm9yIChpdGVtIG9mIGxhbmd1YWdlczsgdHJhY2sgaXRlbS5jb2RlKSB7IDxvcHRpb24gW3ZhbHVlXT1cIml0ZW0uY29kZVwiIFtzZWxlY3RlZF09XCJpdGVtLmNvZGUgPT09IGxhbmd1YWdlXCI+e3sgaXRlbS5uYW1lIH19PC9vcHRpb24+IH1cclxuICAgICAgPC9zZWxlY3Q+PC9sYWJlbD5cclxuICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cclxuICAgICAgICBAaWYgKHNlcnZpY2VUeXBlICE9PSAndXBsb2FkJykge1xyXG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzdGFydCgpXCIgW2Rpc2FibGVkXT1cImJ1c3lcIj5C4bqvdCDEkeG6p3UgbsOzaTwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzdG9wKClcIiBbZGlzYWJsZWRdPVwiIXJlY29yZGluZ1wiPkThu6tuZyB2w6AgbOG6pXkga+G6v3QgcXXhuqM8L2J1dHRvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNhbmNlbCgpXCIgW2Rpc2FibGVkXT1cIiFidXN5IHx8ICh1cGxvYWRpbmcgJiYgIWpvYilcIj5I4buneTwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgQGlmIChzZXJ2aWNlVHlwZSAhPT0gJ3JlYWx0aW1lJyAmJiB1cGxvYWRFbmFibGVkKSB7IDxsYWJlbD5DaOG7jW4gZmlsZSBhdWRpbyAodOG7kWkgxJFhIDI1IE1CKVxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiIGFjY2VwdD1cImF1ZGlvLyosLndhdiwubXAzLC5tNGEsLm9nZywuZmxhYywud2VibVwiIFtkaXNhYmxlZF09XCJidXN5XCIgKGNoYW5nZSk9XCJ1cGxvYWQoJGV2ZW50KVwiPlxyXG4gICAgICA8L2xhYmVsPiB9XHJcbiAgICAgIDxwIHJvbGU9XCJzdGF0dXNcIj57eyBzdGF0dXMgfX08L3A+XHJcbiAgICAgIEBpZiAoZXJyb3IpIHsgPHAgcm9sZT1cImFsZXJ0XCIgY2xhc3M9XCJlcnJvclwiPnt7IGVycm9yIH19PC9wPiB9XHJcbiAgICAgIDxsYWJlbD5WxINuIGLhuqNuIG5o4bqtbiBk4bqhbmcgPHRleHRhcmVhIHJvd3M9XCI3XCIgcmVhZG9ubHkgW3ZhbHVlXT1cInRleHRcIj48L3RleHRhcmVhPjwvbGFiZWw+XHJcbiAgICA8L3NlY3Rpb24+YCxcclxuICBzdHlsZXM6IFtgOmhvc3R7ZGlzcGxheTpibG9jaztmb250OmluaGVyaXQ7Y29sb3I6aW5oZXJpdH1zZWN0aW9ue2JvcmRlcjoxcHggc29saWQgI2I5YzFiYztwYWRkaW5nOjIwcHg7Ym9yZGVyLXJhZGl1czo0cHh9bGFiZWx7ZGlzcGxheTpncmlkO2dhcDo4cHg7bWFyZ2luLWJvdHRvbToxNnB4fXNlbGVjdCxpbnB1dCx0ZXh0YXJlYSxidXR0b257Zm9udDppbmhlcml0O2JveC1zaXppbmc6Ym9yZGVyLWJveDttYXgtd2lkdGg6MTAwJX1zZWxlY3QsaW5wdXQsdGV4dGFyZWF7cGFkZGluZzoxMHB4O2JvcmRlcjoxcHggc29saWQgIzkyOWM5NTtib3JkZXItcmFkaXVzOjNweDtiYWNrZ3JvdW5kOiNmZmY7Y29sb3I6IzIwMjcyM310ZXh0YXJlYXt3aWR0aDoxMDAlO3Jlc2l6ZTp2ZXJ0aWNhbH0uYWN0aW9uc3tkaXNwbGF5OmZsZXg7Z2FwOjhweDtmbGV4LXdyYXA6d3JhcDttYXJnaW4tYm90dG9tOjE2cHh9YnV0dG9ue21pbi1oZWlnaHQ6NDRweDtwYWRkaW5nOjhweCAxNHB4O2JhY2tncm91bmQ6IzM2NTQ0ODtjb2xvcjp3aGl0ZTtib3JkZXI6MXB4IHNvbGlkICMzNjU0NDg7Ym9yZGVyLXJhZGl1czo0cHg7Y3Vyc29yOnBvaW50ZXJ9YnV0dG9uOmRpc2FibGVke29wYWNpdHk6LjU7Y3Vyc29yOmRlZmF1bHR9YnV0dG9uOmZvY3VzLXZpc2libGUsaW5wdXQ6Zm9jdXMtdmlzaWJsZSxzZWxlY3Q6Zm9jdXMtdmlzaWJsZSx0ZXh0YXJlYTpmb2N1cy12aXNpYmxle291dGxpbmU6M3B4IHNvbGlkICNhNjZhMTU7b3V0bGluZS1vZmZzZXQ6MnB4fS5lcnJvcntjb2xvcjojYTAyMDIwO292ZXJmbG93LXdyYXA6YW55d2hlcmV9YF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGc2VsU3BlYWtpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGluaXRpYWxMYW5ndWFnZTogTGFuZ3VhZ2UgPSAndmknO1xyXG4gIEBJbnB1dCgpIHVwbG9hZEVuYWJsZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNlcnZpY2VUeXBlPzogU3BlYWtpbmdTZXJ2aWNlVHlwZTtcclxuICBAT3V0cHV0KCkgY29tcGxldGVkID0gbmV3IEV2ZW50RW1pdHRlcjxTcGVha2luZ1Jlc3VsdD4oKTtcclxuICBAT3V0cHV0KCkgZmFpbGVkID0gbmV3IEV2ZW50RW1pdHRlcjxFcnJvcj4oKTtcclxuICByZWFkb25seSBzcGVha2luZyA9IGluamVjdChTcGVha2luZ1NlcnZpY2UpO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSA9IGluamVjdChEZXN0cm95UmVmKTtcclxuICByZWFkb25seSBsYW5ndWFnZXMgPSBbeyBjb2RlOiAnZW4nLCBuYW1lOiAnVGnhur9uZyBBbmgnIH0sIHsgY29kZTogJ2phJywgbmFtZTogJ1Rp4bq/bmcgTmjhuq10JyB9LCB7IGNvZGU6ICdrbycsIG5hbWU6ICdUaeG6v25nIEjDoG4nIH0sIHsgY29kZTogJ3poJywgbmFtZTogJ1Rp4bq/bmcgVHJ1bmcnIH0sIHsgY29kZTogJ3ZpJywgbmFtZTogJ1Rp4bq/bmcgVmnhu4d0JyB9XTtcclxuICBsYW5ndWFnZTogTGFuZ3VhZ2UgPSAndmknOyBidXN5ID0gZmFsc2U7IHJlY29yZGluZyA9IGZhbHNlOyB1cGxvYWRpbmcgPSBmYWxzZTtcclxuICB0ZXh0ID0gJyc7IGVycm9yID0gJyc7IHN0YXR1cyA9ICdDaOG7jW4gbmfDtG4gbmfhu68sIHNhdSDEkcOzIGLhuqVtIG7Ds2kgaG/hurdjIGNo4buNbiBmaWxlLic7XHJcbiAgam9iPzogSm9iOyBwcml2YXRlIGdlbmVyYXRpb24gPSAwOyBwcml2YXRlIGFib3J0PzogQWJvcnRDb250cm9sbGVyO1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgdGhpcy5zcGVha2luZy5ldmVudHMkLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveSkpLnN1YnNjcmliZSgoZXZlbnQ6IFNwZWFraW5nRXZlbnQpID0+IHtcclxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdwYXJ0aWFsJykgdGhpcy50ZXh0ID0gZXZlbnQudGV4dDtcclxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdzdGF0ZScpIHRoaXMucmVjb3JkaW5nID0gZXZlbnQuc3RhdGUgPT09ICdyZWNvcmRpbmcnO1xyXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ2NsaWVudEVycm9yJykgeyB0aGlzLnJlcG9ydChldmVudC5lcnJvcik7IHRoaXMuYnVzeSA9IGZhbHNlOyB0aGlzLnJlY29yZGluZyA9IGZhbHNlOyB9XHJcbiAgICB9KTtcclxuICAgIHRoaXMuZGVzdHJveS5vbkRlc3Ryb3koKCkgPT4geyArK3RoaXMuZ2VuZXJhdGlvbjsgdGhpcy5hYm9ydD8uYWJvcnQoKTsgfSk7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB0aGlzLmxhbmd1YWdlID0gdGhpcy5pbml0aWFsTGFuZ3VhZ2U7IH1cclxuICBzZWxlY3RMYW5ndWFnZShldmVudDogRXZlbnQpOiB2b2lkIHsgdGhpcy5sYW5ndWFnZSA9IChldmVudC50YXJnZXQgYXMgSFRNTFNlbGVjdEVsZW1lbnQpLnZhbHVlIGFzIExhbmd1YWdlOyB9XHJcbiAgcHJpdmF0ZSByZXBvcnQoZXJyb3I6IHVua25vd24pOiB2b2lkIHtcclxuICAgIGNvbnN0IHZhbHVlID0gZXJyb3IgaW5zdGFuY2VvZiBFcnJvciA/IGVycm9yIDogbmV3IEVycm9yKCdTcGVha2luZyBmYWlsZWQnKTtcclxuICAgIHRoaXMuZXJyb3IgPSB2YWx1ZS5tZXNzYWdlOyB0aGlzLmZhaWxlZC5lbWl0KHZhbHVlKTtcclxuICB9XHJcbiAgYXN5bmMgc3RhcnQoKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICBpZiAodGhpcy5idXN5KSByZXR1cm47XHJcbiAgICBjb25zdCBnZW5lcmF0aW9uID0gKyt0aGlzLmdlbmVyYXRpb247XHJcbiAgICB0aGlzLmJ1c3kgPSB0cnVlOyB0aGlzLnVwbG9hZGluZyA9IGZhbHNlOyB0aGlzLmVycm9yID0gJyc7IHRoaXMudGV4dCA9ICcnOyB0aGlzLnN0YXR1cyA9ICfEkGFuZyBt4bufIG1pY3JvcGhvbmUgdsOgIGNodeG6qW4gYuG7iyBtb2RlbOKApic7XHJcbiAgICB0cnkgeyBhd2FpdCB0aGlzLnNwZWFraW5nLnN0YXJ0KHsgbGFuZ3VhZ2U6IHRoaXMubGFuZ3VhZ2UgfSk7IGlmIChnZW5lcmF0aW9uID09PSB0aGlzLmdlbmVyYXRpb24pIHRoaXMuc3RhdHVzID0gJ8SQYW5nIG5naGXigKYnOyB9XHJcbiAgICBjYXRjaCAoZXJyb3IpIHsgaWYgKGdlbmVyYXRpb24gPT09IHRoaXMuZ2VuZXJhdGlvbikgeyB0aGlzLnJlcG9ydChlcnJvcik7IHRoaXMuYnVzeSA9IGZhbHNlOyB9IH1cclxuICB9XHJcbiAgYXN5bmMgc3RvcCgpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGlmICghdGhpcy5yZWNvcmRpbmcpIHJldHVybjtcclxuICAgIGNvbnN0IGdlbmVyYXRpb24gPSB0aGlzLmdlbmVyYXRpb247XHJcbiAgICB0aGlzLnJlY29yZGluZyA9IGZhbHNlOyB0aGlzLnN0YXR1cyA9ICfEkGFuZyBs4bqleSBr4bq/dCBxdeG6o+KApic7XHJcbiAgICB0cnkge1xyXG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCB0aGlzLnNwZWFraW5nLnN0b3AoKTtcclxuICAgICAgaWYgKGdlbmVyYXRpb24gIT09IHRoaXMuZ2VuZXJhdGlvbikgcmV0dXJuO1xyXG4gICAgICB0aGlzLnRleHQgPSByZXN1bHQucmVzdWx0Py50ZXh0ID8/ICcnOyB0aGlzLnN0YXR1cyA9IHJlc3VsdC5zdGF0dXMgPT09ICdub19zcGVlY2gnID8gJ0tow7RuZyBuaOG6rW4gdGjhuqV5IGzhu51pIG7Ds2kuJyA6ICfEkMOjIGhvw6BuIHThuqV0Lic7XHJcbiAgICAgIHRoaXMuY29tcGxldGVkLmVtaXQoeyAuLi5yZXN1bHQsIGxhbmd1YWdlOiB0aGlzLmxhbmd1YWdlLCB0ZXh0OiB0aGlzLnRleHQsIGF1ZGlvOiByZXN1bHQuYXVkaW8sIHNlcnZpY2VUeXBlOiAncmVhbHRpbWUnIH0pO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHsgaWYgKGdlbmVyYXRpb24gPT09IHRoaXMuZ2VuZXJhdGlvbikgdGhpcy5yZXBvcnQoZXJyb3IpOyB9XHJcbiAgICBmaW5hbGx5IHsgaWYgKGdlbmVyYXRpb24gPT09IHRoaXMuZ2VuZXJhdGlvbikgdGhpcy5idXN5ID0gZmFsc2U7IH1cclxuICB9XHJcbiAgYXN5bmMgY2FuY2VsKCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgKyt0aGlzLmdlbmVyYXRpb247IHRoaXMuYWJvcnQ/LmFib3J0KCk7XHJcbiAgICB0cnkgeyBpZiAodGhpcy51cGxvYWRpbmcgJiYgdGhpcy5qb2IpIGF3YWl0IHRoaXMuc3BlYWtpbmcuYmF0Y2guY2FuY2VsSm9iKHRoaXMuam9iLmpvYl9pZCk7IGVsc2UgYXdhaXQgdGhpcy5zcGVha2luZy5jYW5jZWwoKTsgdGhpcy5zdGF0dXMgPSAnxJDDoyBo4buneS4nOyB9XHJcbiAgICBjYXRjaCAoZXJyb3IpIHsgdGhpcy5yZXBvcnQoZXJyb3IpOyB9XHJcbiAgICBmaW5hbGx5IHsgdGhpcy5idXN5ID0gZmFsc2U7IHRoaXMucmVjb3JkaW5nID0gZmFsc2U7IHRoaXMudXBsb2FkaW5nID0gZmFsc2U7IH1cclxuICB9XHJcbiAgYXN5bmMgdXBsb2FkKGV2ZW50OiBFdmVudCk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDsgY29uc3QgZmlsZSA9IGlucHV0LmZpbGVzPy5bMF07IGlucHV0LnZhbHVlID0gJyc7XHJcbiAgICBpZiAoIWZpbGUgfHwgdGhpcy5idXN5KSByZXR1cm47XHJcbiAgICBpZiAoZmlsZS5zaXplID4gMjUgKiAxMDI0ICogMTAyNCkgeyB0aGlzLnJlcG9ydChuZXcgRXJyb3IoJ0ZpbGUgdOG7kWkgxJFhIDI1IE1CLicpKTsgcmV0dXJuOyB9XHJcbiAgICBjb25zdCBnZW5lcmF0aW9uID0gKyt0aGlzLmdlbmVyYXRpb247IHRoaXMuYWJvcnQgPSBuZXcgQWJvcnRDb250cm9sbGVyKCk7XHJcbiAgICB0aGlzLmJ1c3kgPSB0cnVlOyB0aGlzLnVwbG9hZGluZyA9IHRydWU7IHRoaXMuam9iID0gdW5kZWZpbmVkOyB0aGlzLnRleHQgPSAnJzsgdGhpcy5lcnJvciA9ICcnOyB0aGlzLnN0YXR1cyA9ICfEkGFuZyB1cGxvYWTigKYnO1xyXG4gICAgdHJ5IHtcclxuICAgICAgbGV0IGpvYiA9IGF3YWl0IHRoaXMuc3BlYWtpbmcuYmF0Y2guc3VibWl0QXVkaW8oZmlsZSwgdGhpcy5sYW5ndWFnZSwgY3J5cHRvLnJhbmRvbVVVSUQoKSwgJ3Nob3J0X2Fuc3dlcicsIGZpbGUubmFtZSwgdGhpcy5hYm9ydC5zaWduYWwpO1xyXG4gICAgICBjb25zdCBkZWFkbGluZSA9IERhdGUubm93KCkgKyAxMCAqIDYwICogMTAwMDtcclxuICAgICAgd2hpbGUgKGdlbmVyYXRpb24gPT09IHRoaXMuZ2VuZXJhdGlvbikge1xyXG4gICAgICAgIHRoaXMuam9iID0gam9iO1xyXG4gICAgICAgIGlmIChbJ3N1Y2NlZWRlZCcsICdub19zcGVlY2gnLCAnZmFpbGVkJywgJ2NhbmNlbGxlZCddLmluY2x1ZGVzKGpvYi5zdGF0dXMpKSBicmVhaztcclxuICAgICAgICBpZiAoRGF0ZS5ub3coKSA+IGRlYWRsaW5lKSB0aHJvdyBuZXcgRXJyb3IoJ0jhur90IHRo4budaSBnaWFuIGNo4budOyBqb2IgY8OzIHRo4buDIHbhuqtuIMSRYW5nIGNo4bqheSB0csOqbiBzZXJ2ZXIuJyk7XHJcbiAgICAgICAgdGhpcy5zdGF0dXMgPSAnxJBhbmcgbmjhuq1uIGThuqFuZyBmaWxl4oCmJztcclxuICAgICAgICBhd2FpdCBuZXcgUHJvbWlzZShyZXNvbHZlID0+IHNldFRpbWVvdXQocmVzb2x2ZSwgMTUwMCkpO1xyXG4gICAgICAgIGlmIChnZW5lcmF0aW9uICE9PSB0aGlzLmdlbmVyYXRpb24pIHJldHVybjtcclxuICAgICAgICBqb2IgPSBhd2FpdCB0aGlzLnNwZWFraW5nLmJhdGNoLmdldFJlc3VsdChqb2Iuam9iX2lkLCB0aGlzLmFib3J0LnNpZ25hbCk7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKGdlbmVyYXRpb24gIT09IHRoaXMuZ2VuZXJhdGlvbikgcmV0dXJuO1xyXG4gICAgICBpZiAoam9iLmVycm9yKSB0aHJvdyBuZXcgRXJyb3Ioam9iLmVycm9yLm1lc3NhZ2UpO1xyXG4gICAgICB0aGlzLnRleHQgPSBqb2IucmVzdWx0Py50ZXh0ID8/ICcnOyB0aGlzLnN0YXR1cyA9IGpvYi5zdGF0dXMgPT09ICdub19zcGVlY2gnID8gJ0tow7RuZyBuaOG6rW4gdGjhuqV5IGzhu51pIG7Ds2kuJyA6IGpvYi5zdGF0dXMgPT09ICdjYW5jZWxsZWQnID8gJ8SQw6MgaOG7p3kuJyA6ICfEkMOjIGhvw6BuIHThuqV0Lic7XHJcbiAgICAgIGlmIChqb2Iuc3RhdHVzICE9PSAnY2FuY2VsbGVkJykgdGhpcy5jb21wbGV0ZWQuZW1pdCh7IC4uLmpvYiwgbGFuZ3VhZ2U6IHRoaXMubGFuZ3VhZ2UsIHRleHQ6IHRoaXMudGV4dCwgYXVkaW86IGZpbGUsIHNlcnZpY2VUeXBlOiAndXBsb2FkJyB9KTtcclxuICAgIH0gY2F0Y2ggKGVycm9yKSB7IGlmIChnZW5lcmF0aW9uID09PSB0aGlzLmdlbmVyYXRpb24pIHRoaXMucmVwb3J0KGVycm9yKTsgfVxyXG4gICAgZmluYWxseSB7IGlmIChnZW5lcmF0aW9uID09PSB0aGlzLmdlbmVyYXRpb24pIHsgdGhpcy5idXN5ID0gZmFsc2U7IHRoaXMudXBsb2FkaW5nID0gZmFsc2U7IH0gfVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/speaking.service.mjs

@@ -0,0 +1,55 @@
+import { Inject, Injectable, InjectionToken } from '@angular/core';
+import { Subject } from 'rxjs';
+import { BatchSpeakingClient, RealtimeSpeakingClient, SpeakingMicrophone, createSpeakingGateway, createSpeakingService, } from '@hoanghong/speaking-core';
+import * as i0 from "@angular/core";
+export const SPEAKING_CONFIG = new InjectionToken('FSEL_SPEAKING_CONFIG', {
+    providedIn: 'root', factory: () => createSpeakingService(),
+});
+/** Provide at the screen/component level to give each speaking screen its own lifecycle. */
+export class SpeakingService {
+    zone;
+    batch;
+    realtime;
+    eventSubject = new Subject();
+    events$ = this.eventSubject.asObservable();
+    microphone;
+    unsubscribe;
+    constructor(config, zone) {
+        this.zone = zone;
+        this.batch = new BatchSpeakingClient(config.batch);
+        this.realtime = new RealtimeSpeakingClient(config.realtime);
+        this.microphone = new SpeakingMicrophone(this.realtime, config.microphone);
+        this.unsubscribe = this.realtime.onEvent(event => this.zone.run(() => this.eventSubject.next(event)));
+    }
+    start(options) {
+        return this.zone.runOutsideAngular(() => this.microphone.start(options));
+    }
+    stop() { return this.microphone.stop(); }
+    cancel() { return this.microphone.cancel(); }
+    ngOnDestroy() {
+        this.unsubscribe();
+        this.eventSubject.complete();
+        void this.microphone.dispose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService, deps: [{ token: SPEAKING_CONFIG }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeakingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SPEAKING_CONFIG]
+                }] }, { type: i0.NgZone }] });
+export function provideSpeaking(config) {
+    return [{ provide: SPEAKING_CONFIG, useValue: config }, SpeakingService];
+}
+/** Configure once at app bootstrap; every fsel-speaking component owns its session. */
+export function provideSpeakingGateway(options = {}) {
+    return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingGateway(options) }];
+}
+/** Application identity only; hosted endpoint and short-lived sessions are automatic. */
+export function provideSpeakingApp(options) {
+    return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingService(options) }];
+}
+export * from '@hoanghong/speaking-core';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BlYWtpbmcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zcGVha2luZy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQ1MsbUJBQW1CLEVBQ2pDLHNCQUFzQixFQUFpQixrQkFBa0IsRUFDakMscUJBQXFCLEVBQzdDLHFCQUFxQixHQUN0QixNQUFNLDBCQUEwQixDQUFDOztBQVFsQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsSUFBSSxjQUFjLENBQWlCLHNCQUFzQixFQUFFO0lBQ3hGLFVBQVUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixFQUFFO0NBQzNELENBQUMsQ0FBQztBQUVILDRGQUE0RjtBQUU1RixNQUFNLE9BQU8sZUFBZTtJQVFvRDtJQVByRSxLQUFLLENBQXNCO0lBQzNCLFFBQVEsQ0FBeUI7SUFDekIsWUFBWSxHQUFHLElBQUksT0FBTyxFQUFpQixDQUFDO0lBQ3BELE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ25DLFVBQVUsQ0FBcUI7SUFDL0IsV0FBVyxDQUFhO0lBRXpDLFlBQXFDLE1BQXNCLEVBQW1CLElBQVk7UUFBWixTQUFJLEdBQUosSUFBSSxDQUFRO1FBQ3hGLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLHNCQUFzQixDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RyxDQUFDO0lBRUQsS0FBSyxDQUFDLE9BQXFCO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFFRCxJQUFJLEtBQXFDLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDekUsTUFBTSxLQUFvQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRTVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixLQUFLLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakMsQ0FBQzt3R0ExQlUsZUFBZSxrQkFRTixlQUFlOzRHQVJ4QixlQUFlOzs0RkFBZixlQUFlO2tCQUQzQixVQUFVOzswQkFTSSxNQUFNOzJCQUFDLGVBQWU7O0FBcUJyQyxNQUFNLFVBQVUsZUFBZSxDQUFDLE1BQXNCO0lBQ3BELE9BQU8sQ0FBQyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQzNFLENBQUM7QUFFRCx1RkFBdUY7QUFDdkYsTUFBTSxVQUFVLHNCQUFzQixDQUFDLFVBQWtDLEVBQUU7SUFDekUsT0FBTyxDQUFDLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0FBQzFGLENBQUM7QUFFRCx5RkFBeUY7QUFDekYsTUFBTSxVQUFVLGtCQUFrQixDQUFDLE9BQTJCO0lBQzVELE9BQU8sQ0FBQyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUMxRixDQUFDO0FBSUQsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdCwgSW5qZWN0YWJsZSwgSW5qZWN0aW9uVG9rZW4sIE5nWm9uZSwgT25EZXN0cm95LCBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7XHJcbiAgQmF0Y2hPcHRpb25zLCBCYXRjaFNwZWFraW5nQ2xpZW50LCBNaWNyb3Bob25lT3B0aW9ucywgUmVjb3JkZWRTcGVha2luZ0ZpbmFsLCBSZWFsdGltZU9wdGlvbnMsXHJcbiAgUmVhbHRpbWVTcGVha2luZ0NsaWVudCwgU3BlYWtpbmdFdmVudCwgU3BlYWtpbmdNaWNyb3Bob25lLCBTdGFydE9wdGlvbnMsXHJcbiAgU3BlYWtpbmdHYXRld2F5T3B0aW9ucywgY3JlYXRlU3BlYWtpbmdHYXRld2F5LFxyXG4gIGNyZWF0ZVNwZWFraW5nU2VydmljZSxcclxufSBmcm9tICdAaG9hbmdob25nL3NwZWFraW5nLWNvcmUnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTcGVha2luZ0NvbmZpZyB7XHJcbiAgYmF0Y2g6IEJhdGNoT3B0aW9ucztcclxuICByZWFsdGltZTogUmVhbHRpbWVPcHRpb25zO1xyXG4gIG1pY3JvcGhvbmU6IE1pY3JvcGhvbmVPcHRpb25zO1xyXG59XHJcblxyXG5leHBvcnQgY29uc3QgU1BFQUtJTkdfQ09ORklHID0gbmV3IEluamVjdGlvblRva2VuPFNwZWFraW5nQ29uZmlnPignRlNFTF9TUEVBS0lOR19DT05GSUcnLCB7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLCBmYWN0b3J5OiAoKSA9PiBjcmVhdGVTcGVha2luZ1NlcnZpY2UoKSxcclxufSk7XHJcblxyXG4vKiogUHJvdmlkZSBhdCB0aGUgc2NyZWVuL2NvbXBvbmVudCBsZXZlbCB0byBnaXZlIGVhY2ggc3BlYWtpbmcgc2NyZWVuIGl0cyBvd24gbGlmZWN5Y2xlLiAqL1xyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBTcGVha2luZ1NlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIHJlYWRvbmx5IGJhdGNoOiBCYXRjaFNwZWFraW5nQ2xpZW50O1xyXG4gIHJlYWRvbmx5IHJlYWx0aW1lOiBSZWFsdGltZVNwZWFraW5nQ2xpZW50O1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgZXZlbnRTdWJqZWN0ID0gbmV3IFN1YmplY3Q8U3BlYWtpbmdFdmVudD4oKTtcclxuICByZWFkb25seSBldmVudHMkID0gdGhpcy5ldmVudFN1YmplY3QuYXNPYnNlcnZhYmxlKCk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBtaWNyb3Bob25lOiBTcGVha2luZ01pY3JvcGhvbmU7XHJcbiAgcHJpdmF0ZSByZWFkb25seSB1bnN1YnNjcmliZTogKCkgPT4gdm9pZDtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChTUEVBS0lOR19DT05GSUcpIGNvbmZpZzogU3BlYWtpbmdDb25maWcsIHByaXZhdGUgcmVhZG9ubHkgem9uZTogTmdab25lKSB7XHJcbiAgICB0aGlzLmJhdGNoID0gbmV3IEJhdGNoU3BlYWtpbmdDbGllbnQoY29uZmlnLmJhdGNoKTtcclxuICAgIHRoaXMucmVhbHRpbWUgPSBuZXcgUmVhbHRpbWVTcGVha2luZ0NsaWVudChjb25maWcucmVhbHRpbWUpO1xyXG4gICAgdGhpcy5taWNyb3Bob25lID0gbmV3IFNwZWFraW5nTWljcm9waG9uZSh0aGlzLnJlYWx0aW1lLCBjb25maWcubWljcm9waG9uZSk7XHJcbiAgICB0aGlzLnVuc3Vic2NyaWJlID0gdGhpcy5yZWFsdGltZS5vbkV2ZW50KGV2ZW50ID0+IHRoaXMuem9uZS5ydW4oKCkgPT4gdGhpcy5ldmVudFN1YmplY3QubmV4dChldmVudCkpKTtcclxuICB9XHJcblxyXG4gIHN0YXJ0KG9wdGlvbnM6IFN0YXJ0T3B0aW9ucyk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgcmV0dXJuIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB0aGlzLm1pY3JvcGhvbmUuc3RhcnQob3B0aW9ucykpO1xyXG4gIH1cclxuXHJcbiAgc3RvcCgpOiBQcm9taXNlPFJlY29yZGVkU3BlYWtpbmdGaW5hbD4geyByZXR1cm4gdGhpcy5taWNyb3Bob25lLnN0b3AoKTsgfVxyXG4gIGNhbmNlbCgpOiBQcm9taXNlPHZvaWQ+IHsgcmV0dXJuIHRoaXMubWljcm9waG9uZS5jYW5jZWwoKTsgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMudW5zdWJzY3JpYmUoKTtcclxuICAgIHRoaXMuZXZlbnRTdWJqZWN0LmNvbXBsZXRlKCk7XHJcbiAgICB2b2lkIHRoaXMubWljcm9waG9uZS5kaXNwb3NlKCk7XHJcbiAgfVxyXG59XHJcblxyXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZVNwZWFraW5nKGNvbmZpZzogU3BlYWtpbmdDb25maWcpOiBQcm92aWRlcltdIHtcclxuICByZXR1cm4gW3sgcHJvdmlkZTogU1BFQUtJTkdfQ09ORklHLCB1c2VWYWx1ZTogY29uZmlnIH0sIFNwZWFraW5nU2VydmljZV07XHJcbn1cclxuXHJcbi8qKiBDb25maWd1cmUgb25jZSBhdCBhcHAgYm9vdHN0cmFwOyBldmVyeSBmc2VsLXNwZWFraW5nIGNvbXBvbmVudCBvd25zIGl0cyBzZXNzaW9uLiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZVNwZWFraW5nR2F0ZXdheShvcHRpb25zOiBTcGVha2luZ0dhdGV3YXlPcHRpb25zID0ge30pOiBQcm92aWRlcltdIHtcclxuICByZXR1cm4gW3sgcHJvdmlkZTogU1BFQUtJTkdfQ09ORklHLCB1c2VGYWN0b3J5OiAoKSA9PiBjcmVhdGVTcGVha2luZ0dhdGV3YXkob3B0aW9ucykgfV07XHJcbn1cclxuXHJcbi8qKiBBcHBsaWNhdGlvbiBpZGVudGl0eSBvbmx5OyBob3N0ZWQgZW5kcG9pbnQgYW5kIHNob3J0LWxpdmVkIHNlc3Npb25zIGFyZSBhdXRvbWF0aWMuICovXHJcbmV4cG9ydCBmdW5jdGlvbiBwcm92aWRlU3BlYWtpbmdBcHAob3B0aW9uczogeyBhcHBLZXk6IHN0cmluZyB9KTogUHJvdmlkZXJbXSB7XHJcbiAgcmV0dXJuIFt7IHByb3ZpZGU6IFNQRUFLSU5HX0NPTkZJRywgdXNlRmFjdG9yeTogKCkgPT4gY3JlYXRlU3BlYWtpbmdTZXJ2aWNlKG9wdGlvbnMpIH1dO1xyXG59XHJcblxyXG5cclxuXHJcbmV4cG9ydCAqIGZyb20gJ0Bob2FuZ2hvbmcvc3BlYWtpbmctY29yZSc7XHJcbiJdfQ==

package/fesm2022/hoanghong-speaking-angular.mjs

@@ -1,10 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Inject, Injectable } from '@angular/core';
+import { InjectionToken, Inject, Injectable, EventEmitter, inject, DestroyRef, Output, Input, Component } from '@angular/core';
 import { Subject } from 'rxjs';
-import { BatchSpeakingClient, RealtimeSpeakingClient, SpeakingMicrophone } from '@hoanghong/speaking-core';
+import { createSpeakingService, BatchSpeakingClient, RealtimeSpeakingClient, SpeakingMicrophone, createSpeakingGateway } from '@hoanghong/speaking-core';
 export * from '@hoanghong/speaking-core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
-const SPEAKING_CONFIG = new InjectionToken('FSEL_SPEAKING_CONFIG');
+const SPEAKING_CONFIG = new InjectionToken('FSEL_SPEAKING_CONFIG', {
+    providedIn: 'root', factory: () => createSpeakingService(),
+});
 /** Provide at the screen/component level to give each speaking screen its own lifecycle. */
 class SpeakingService {
     zone;
@@ -43,10 +46,228 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 function provideSpeaking(config) {
     return [{ provide: SPEAKING_CONFIG, useValue: config }, SpeakingService];
 }
+/** Configure once at app bootstrap; every fsel-speaking component owns its session. */
+function provideSpeakingGateway(options = {}) {
+    return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingGateway(options) }];
+}
+/** Application identity only; hosted endpoint and short-lived sessions are automatic. */
+function provideSpeakingApp(options) {
+    return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingService(options) }];
+}
+
+class FselSpeakingComponent {
+    initialLanguage = 'vi';
+    uploadEnabled = true;
+    serviceType;
+    completed = new EventEmitter();
+    failed = new EventEmitter();
+    speaking = inject(SpeakingService);
+    destroy = inject(DestroyRef);
+    languages = [{ code: 'en', name: 'Tiếng Anh' }, { code: 'ja', name: 'Tiếng Nhật' }, { code: 'ko', name: 'Tiếng Hàn' }, { code: 'zh', name: 'Tiếng Trung' }, { code: 'vi', name: 'Tiếng Việt' }];
+    language = 'vi';
+    busy = false;
+    recording = false;
+    uploading = false;
+    text = '';
+    error = '';
+    status = 'Chọn ngôn ngữ, sau đó bấm nói hoặc chọn file.';
+    job;
+    generation = 0;
+    abort;
+    constructor() {
+        this.speaking.events$.pipe(takeUntilDestroyed(this.destroy)).subscribe((event) => {
+            if (event.type === 'partial')
+                this.text = event.text;
+            if (event.type === 'state')
+                this.recording = event.state === 'recording';
+            if (event.type === 'clientError') {
+                this.report(event.error);
+                this.busy = false;
+                this.recording = false;
+            }
+        });
+        this.destroy.onDestroy(() => { ++this.generation; this.abort?.abort(); });
+    }
+    ngOnInit() { this.language = this.initialLanguage; }
+    selectLanguage(event) { this.language = event.target.value; }
+    report(error) {
+        const value = error instanceof Error ? error : new Error('Speaking failed');
+        this.error = value.message;
+        this.failed.emit(value);
+    }
+    async start() {
+        if (this.busy)
+            return;
+        const generation = ++this.generation;
+        this.busy = true;
+        this.uploading = false;
+        this.error = '';
+        this.text = '';
+        this.status = 'Đang mở microphone và chuẩn bị model…';
+        try {
+            await this.speaking.start({ language: this.language });
+            if (generation === this.generation)
+                this.status = 'Đang nghe…';
+        }
+        catch (error) {
+            if (generation === this.generation) {
+                this.report(error);
+                this.busy = false;
+            }
+        }
+    }
+    async stop() {
+        if (!this.recording)
+            return;
+        const generation = this.generation;
+        this.recording = false;
+        this.status = 'Đang lấy kết quả…';
+        try {
+            const result = await this.speaking.stop();
+            if (generation !== this.generation)
+                return;
+            this.text = result.result?.text ?? '';
+            this.status = result.status === 'no_speech' ? 'Không nhận thấy lời nói.' : 'Đã hoàn tất.';
+            this.completed.emit({ ...result, language: this.language, text: this.text, audio: result.audio, serviceType: 'realtime' });
+        }
+        catch (error) {
+            if (generation === this.generation)
+                this.report(error);
+        }
+        finally {
+            if (generation === this.generation)
+                this.busy = false;
+        }
+    }
+    async cancel() {
+        ++this.generation;
+        this.abort?.abort();
+        try {
+            if (this.uploading && this.job)
+                await this.speaking.batch.cancelJob(this.job.job_id);
+            else
+                await this.speaking.cancel();
+            this.status = 'Đã hủy.';
+        }
+        catch (error) {
+            this.report(error);
+        }
+        finally {
+            this.busy = false;
+            this.recording = false;
+            this.uploading = false;
+        }
+    }
+    async upload(event) {
+        const input = event.target;
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || this.busy)
+            return;
+        if (file.size > 25 * 1024 * 1024) {
+            this.report(new Error('File tối đa 25 MB.'));
+            return;
+        }
+        const generation = ++this.generation;
+        this.abort = new AbortController();
+        this.busy = true;
+        this.uploading = true;
+        this.job = undefined;
+        this.text = '';
+        this.error = '';
+        this.status = 'Đang upload…';
+        try {
+            let job = await this.speaking.batch.submitAudio(file, this.language, crypto.randomUUID(), 'short_answer', file.name, this.abort.signal);
+            const deadline = Date.now() + 10 * 60 * 1000;
+            while (generation === this.generation) {
+                this.job = job;
+                if (['succeeded', 'no_speech', 'failed', 'cancelled'].includes(job.status))
+                    break;
+                if (Date.now() > deadline)
+                    throw new Error('Hết thời gian chờ; job có thể vẫn đang chạy trên server.');
+                this.status = 'Đang nhận dạng file…';
+                await new Promise(resolve => setTimeout(resolve, 1500));
+                if (generation !== this.generation)
+                    return;
+                job = await this.speaking.batch.getResult(job.job_id, this.abort.signal);
+            }
+            if (generation !== this.generation)
+                return;
+            if (job.error)
+                throw new Error(job.error.message);
+            this.text = job.result?.text ?? '';
+            this.status = job.status === 'no_speech' ? 'Không nhận thấy lời nói.' : job.status === 'cancelled' ? 'Đã hủy.' : 'Đã hoàn tất.';
+            if (job.status !== 'cancelled')
+                this.completed.emit({ ...job, language: this.language, text: this.text, audio: file, serviceType: 'upload' });
+        }
+        catch (error) {
+            if (generation === this.generation)
+                this.report(error);
+        }
+        finally {
+            if (generation === this.generation) {
+                this.busy = false;
+                this.uploading = false;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FselSpeakingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FselSpeakingComponent, isStandalone: true, selector: "fsel-speaking", inputs: { initialLanguage: "initialLanguage", uploadEnabled: "uploadEnabled", serviceType: "serviceType" }, outputs: { completed: "completed", failed: "failed" }, providers: [SpeakingService], ngImport: i0, template: `
+    <section aria-label="FSEL Speaking">
+      <label>Ngôn ngữ <select [value]="language" [disabled]="busy" (change)="selectLanguage($event)">
+        @for (item of languages; track item.code) { <option [value]="item.code" [selected]="item.code === language">{{ item.name }}</option> }
+      </select></label>
+      <div class="actions">
+        @if (serviceType !== 'upload') {
+        <button type="button" (click)="start()" [disabled]="busy">Bắt đầu nói</button>
+        <button type="button" (click)="stop()" [disabled]="!recording">Dừng và lấy kết quả</button>
+        }
+        <button type="button" (click)="cancel()" [disabled]="!busy || (uploading && !job)">Hủy</button>
+      </div>
+      @if (serviceType !== 'realtime' && uploadEnabled) { <label>Chọn file audio (tối đa 25 MB)
+        <input type="file" accept="audio/*,.wav,.mp3,.m4a,.ogg,.flac,.webm" [disabled]="busy" (change)="upload($event)">
+      </label> }
+      <p role="status">{{ status }}</p>
+      @if (error) { <p role="alert" class="error">{{ error }}</p> }
+      <label>Văn bản nhận dạng <textarea rows="7" readonly [value]="text"></textarea></label>
+    </section>`, isInline: true, styles: [":host{display:block;font:inherit;color:inherit}section{border:1px solid #b9c1bc;padding:20px;border-radius:4px}label{display:grid;gap:8px;margin-bottom:16px}select,input,textarea,button{font:inherit;box-sizing:border-box;max-width:100%}select,input,textarea{padding:10px;border:1px solid #929c95;border-radius:3px;background:#fff;color:#202723}textarea{width:100%;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button{min-height:44px;padding:8px 14px;background:#365448;color:#fff;border:1px solid #365448;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a66a15;outline-offset:2px}.error{color:#a02020;overflow-wrap:anywhere}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FselSpeakingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fsel-speaking', standalone: true, providers: [SpeakingService], template: `
+    <section aria-label="FSEL Speaking">
+      <label>Ngôn ngữ <select [value]="language" [disabled]="busy" (change)="selectLanguage($event)">
+        @for (item of languages; track item.code) { <option [value]="item.code" [selected]="item.code === language">{{ item.name }}</option> }
+      </select></label>
+      <div class="actions">
+        @if (serviceType !== 'upload') {
+        <button type="button" (click)="start()" [disabled]="busy">Bắt đầu nói</button>
+        <button type="button" (click)="stop()" [disabled]="!recording">Dừng và lấy kết quả</button>
+        }
+        <button type="button" (click)="cancel()" [disabled]="!busy || (uploading && !job)">Hủy</button>
+      </div>
+      @if (serviceType !== 'realtime' && uploadEnabled) { <label>Chọn file audio (tối đa 25 MB)
+        <input type="file" accept="audio/*,.wav,.mp3,.m4a,.ogg,.flac,.webm" [disabled]="busy" (change)="upload($event)">
+      </label> }
+      <p role="status">{{ status }}</p>
+      @if (error) { <p role="alert" class="error">{{ error }}</p> }
+      <label>Văn bản nhận dạng <textarea rows="7" readonly [value]="text"></textarea></label>
+    </section>`, styles: [":host{display:block;font:inherit;color:inherit}section{border:1px solid #b9c1bc;padding:20px;border-radius:4px}label{display:grid;gap:8px;margin-bottom:16px}select,input,textarea,button{font:inherit;box-sizing:border-box;max-width:100%}select,input,textarea{padding:10px;border:1px solid #929c95;border-radius:3px;background:#fff;color:#202723}textarea{width:100%;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button{min-height:44px;padding:8px 14px;background:#365448;color:#fff;border:1px solid #365448;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a66a15;outline-offset:2px}.error{color:#a02020;overflow-wrap:anywhere}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { initialLanguage: [{
+                type: Input
+            }], uploadEnabled: [{
+                type: Input
+            }], serviceType: [{
+                type: Input
+            }], completed: [{
+                type: Output
+            }], failed: [{
+                type: Output
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SPEAKING_CONFIG, SpeakingService, provideSpeaking };
+export { FselSpeakingComponent, SPEAKING_CONFIG, SpeakingService, provideSpeaking, provideSpeakingApp, provideSpeakingGateway };
 //# sourceMappingURL=hoanghong-speaking-angular.mjs.map

package/fesm2022/hoanghong-speaking-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hoanghong-speaking-angular.mjs","sources":["../../src/public-api.ts","../../src/hoanghong-speaking-angular.ts"],"sourcesContent":["import { Inject, Injectable, InjectionToken, NgZone, OnDestroy, Provider } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport {\r\n  BatchOptions, BatchSpeakingClient, MicrophoneOptions, RealtimeFinal, RealtimeOptions,\r\n  RealtimeSpeakingClient, SpeakingEvent, SpeakingMicrophone, StartOptions,\r\n} from '@hoanghong/speaking-core';\r\n\r\nexport interface SpeakingConfig {\r\n  batch: BatchOptions;\r\n  realtime: RealtimeOptions;\r\n  microphone: MicrophoneOptions;\r\n}\r\n\r\nexport const SPEAKING_CONFIG = new InjectionToken<SpeakingConfig>('FSEL_SPEAKING_CONFIG');\r\n\r\n/** Provide at the screen/component level to give each speaking screen its own lifecycle. */\r\n@Injectable()\r\nexport class SpeakingService implements OnDestroy {\r\n  readonly batch: BatchSpeakingClient;\r\n  readonly realtime: RealtimeSpeakingClient;\r\n  private readonly eventSubject = new Subject<SpeakingEvent>();\r\n  readonly events$ = this.eventSubject.asObservable();\r\n  private readonly microphone: SpeakingMicrophone;\r\n  private readonly unsubscribe: () => void;\r\n\r\n  constructor(@Inject(SPEAKING_CONFIG) config: SpeakingConfig, private readonly zone: NgZone) {\r\n    this.batch = new BatchSpeakingClient(config.batch);\r\n    this.realtime = new RealtimeSpeakingClient(config.realtime);\r\n    this.microphone = new SpeakingMicrophone(this.realtime, config.microphone);\r\n    this.unsubscribe = this.realtime.onEvent(event => this.zone.run(() => this.eventSubject.next(event)));\r\n  }\r\n\r\n  start(options: StartOptions): Promise<void> {\r\n    return this.zone.runOutsideAngular(() => this.microphone.start(options));\r\n  }\r\n\r\n  stop(): Promise<RealtimeFinal> { return this.microphone.stop(); }\r\n  cancel(): Promise<void> { return this.microphone.cancel(); }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n    this.eventSubject.complete();\r\n    void this.microphone.dispose();\r\n  }\r\n}\r\n\r\nexport function provideSpeaking(config: SpeakingConfig): Provider[] {\r\n  return [{ provide: SPEAKING_CONFIG, useValue: config }, SpeakingService];\r\n}\r\n\r\nexport * from '@hoanghong/speaking-core';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAaa,eAAe,GAAG,IAAI,cAAc,CAAiB,sBAAsB;AAExF;MAEa,eAAe,CAAA;AAQoD,IAAA,IAAA;AAPrE,IAAA,KAAK;AACL,IAAA,QAAQ;AACA,IAAA,YAAY,GAAG,IAAI,OAAO,EAAiB;AACnD,IAAA,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE;AAClC,IAAA,UAAU;AACV,IAAA,WAAW;IAE5B,WAAA,CAAqC,MAAsB,EAAmB,IAAY,EAAA;QAAZ,IAAA,CAAA,IAAI,GAAJ,IAAI;QAChF,IAAI,CAAC,KAAK,GAAG,IAAI,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC;QAClD,IAAI,CAAC,QAAQ,GAAG,IAAI,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC3D,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC;AAC1E,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACvG;AAEA,IAAA,KAAK,CAAC,OAAqB,EAAA;AACzB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1E;IAEA,IAAI,GAAA,EAA6B,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IAChE,MAAM,GAAA,EAAoB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,WAAW,GAAA;QACT,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;AAC5B,QAAA,KAAK,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;IAChC;AA1BW,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,kBAQN,eAAe,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GARxB,eAAe,EAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;0BASc,MAAM;2BAAC,eAAe;;AAqB/B,SAAU,eAAe,CAAC,MAAsB,EAAA;AACpD,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC;AAC1E;;AChDA;;AAEG;;"}
+{"version":3,"file":"hoanghong-speaking-angular.mjs","sources":["../../src/speaking.service.ts","../../src/speaking.component.ts","../../src/hoanghong-speaking-angular.ts"],"sourcesContent":["import { Inject, Injectable, InjectionToken, NgZone, OnDestroy, Provider } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport {\r\n  BatchOptions, BatchSpeakingClient, MicrophoneOptions, RecordedSpeakingFinal, RealtimeOptions,\r\n  RealtimeSpeakingClient, SpeakingEvent, SpeakingMicrophone, StartOptions,\r\n  SpeakingGatewayOptions, createSpeakingGateway,\r\n  createSpeakingService,\r\n} from '@hoanghong/speaking-core';\r\n\r\nexport interface SpeakingConfig {\r\n  batch: BatchOptions;\r\n  realtime: RealtimeOptions;\r\n  microphone: MicrophoneOptions;\r\n}\r\n\r\nexport const SPEAKING_CONFIG = new InjectionToken<SpeakingConfig>('FSEL_SPEAKING_CONFIG', {\r\n  providedIn: 'root', factory: () => createSpeakingService(),\r\n});\r\n\r\n/** Provide at the screen/component level to give each speaking screen its own lifecycle. */\r\n@Injectable()\r\nexport class SpeakingService implements OnDestroy {\r\n  readonly batch: BatchSpeakingClient;\r\n  readonly realtime: RealtimeSpeakingClient;\r\n  private readonly eventSubject = new Subject<SpeakingEvent>();\r\n  readonly events$ = this.eventSubject.asObservable();\r\n  private readonly microphone: SpeakingMicrophone;\r\n  private readonly unsubscribe: () => void;\r\n\r\n  constructor(@Inject(SPEAKING_CONFIG) config: SpeakingConfig, private readonly zone: NgZone) {\r\n    this.batch = new BatchSpeakingClient(config.batch);\r\n    this.realtime = new RealtimeSpeakingClient(config.realtime);\r\n    this.microphone = new SpeakingMicrophone(this.realtime, config.microphone);\r\n    this.unsubscribe = this.realtime.onEvent(event => this.zone.run(() => this.eventSubject.next(event)));\r\n  }\r\n\r\n  start(options: StartOptions): Promise<void> {\r\n    return this.zone.runOutsideAngular(() => this.microphone.start(options));\r\n  }\r\n\r\n  stop(): Promise<RecordedSpeakingFinal> { return this.microphone.stop(); }\r\n  cancel(): Promise<void> { return this.microphone.cancel(); }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unsubscribe();\r\n    this.eventSubject.complete();\r\n    void this.microphone.dispose();\r\n  }\r\n}\r\n\r\nexport function provideSpeaking(config: SpeakingConfig): Provider[] {\r\n  return [{ provide: SPEAKING_CONFIG, useValue: config }, SpeakingService];\r\n}\r\n\r\n/** Configure once at app bootstrap; every fsel-speaking component owns its session. */\r\nexport function provideSpeakingGateway(options: SpeakingGatewayOptions = {}): Provider[] {\r\n  return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingGateway(options) }];\r\n}\r\n\r\n/** Application identity only; hosted endpoint and short-lived sessions are automatic. */\r\nexport function provideSpeakingApp(options: { appKey: string }): Provider[] {\r\n  return [{ provide: SPEAKING_CONFIG, useFactory: () => createSpeakingService(options) }];\r\n}\r\n\r\n\r\n\r\nexport * from '@hoanghong/speaking-core';\r\n","import { Component, DestroyRef, EventEmitter, Input, OnInit, Output, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { Job, Language, SpeakingResult, SpeakingServiceType, SpeakingEvent } from '@hoanghong/speaking-core';\r\nimport { SpeakingService } from './speaking.service';\r\n\r\n@Component({\r\n  selector: 'fsel-speaking', standalone: true, providers: [SpeakingService],\r\n  template: `\r\n    <section aria-label=\"FSEL Speaking\">\r\n      <label>Ngôn ngữ <select [value]=\"language\" [disabled]=\"busy\" (change)=\"selectLanguage($event)\">\r\n        @for (item of languages; track item.code) { <option [value]=\"item.code\" [selected]=\"item.code === language\">{{ item.name }}</option> }\r\n      </select></label>\r\n      <div class=\"actions\">\r\n        @if (serviceType !== 'upload') {\r\n        <button type=\"button\" (click)=\"start()\" [disabled]=\"busy\">Bắt đầu nói</button>\r\n        <button type=\"button\" (click)=\"stop()\" [disabled]=\"!recording\">Dừng và lấy kết quả</button>\r\n        }\r\n        <button type=\"button\" (click)=\"cancel()\" [disabled]=\"!busy || (uploading && !job)\">Hủy</button>\r\n      </div>\r\n      @if (serviceType !== 'realtime' && uploadEnabled) { <label>Chọn file audio (tối đa 25 MB)\r\n        <input type=\"file\" accept=\"audio/*,.wav,.mp3,.m4a,.ogg,.flac,.webm\" [disabled]=\"busy\" (change)=\"upload($event)\">\r\n      </label> }\r\n      <p role=\"status\">{{ status }}</p>\r\n      @if (error) { <p role=\"alert\" class=\"error\">{{ error }}</p> }\r\n      <label>Văn bản nhận dạng <textarea rows=\"7\" readonly [value]=\"text\"></textarea></label>\r\n    </section>`,\r\n  styles: [`:host{display:block;font:inherit;color:inherit}section{border:1px solid #b9c1bc;padding:20px;border-radius:4px}label{display:grid;gap:8px;margin-bottom:16px}select,input,textarea,button{font:inherit;box-sizing:border-box;max-width:100%}select,input,textarea{padding:10px;border:1px solid #929c95;border-radius:3px;background:#fff;color:#202723}textarea{width:100%;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button{min-height:44px;padding:8px 14px;background:#365448;color:white;border:1px solid #365448;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a66a15;outline-offset:2px}.error{color:#a02020;overflow-wrap:anywhere}`],\r\n})\r\nexport class FselSpeakingComponent implements OnInit {\r\n  @Input() initialLanguage: Language = 'vi';\r\n  @Input() uploadEnabled = true;\r\n  @Input() serviceType?: SpeakingServiceType;\r\n  @Output() completed = new EventEmitter<SpeakingResult>();\r\n  @Output() failed = new EventEmitter<Error>();\r\n  readonly speaking = inject(SpeakingService);\r\n  private readonly destroy = inject(DestroyRef);\r\n  readonly languages = [{ code: 'en', name: 'Tiếng Anh' }, { code: 'ja', name: 'Tiếng Nhật' }, { code: 'ko', name: 'Tiếng Hàn' }, { code: 'zh', name: 'Tiếng Trung' }, { code: 'vi', name: 'Tiếng Việt' }];\r\n  language: Language = 'vi'; busy = false; recording = false; uploading = false;\r\n  text = ''; error = ''; status = 'Chọn ngôn ngữ, sau đó bấm nói hoặc chọn file.';\r\n  job?: Job; private generation = 0; private abort?: AbortController;\r\n  constructor() {\r\n    this.speaking.events$.pipe(takeUntilDestroyed(this.destroy)).subscribe((event: SpeakingEvent) => {\r\n      if (event.type === 'partial') this.text = event.text;\r\n      if (event.type === 'state') this.recording = event.state === 'recording';\r\n      if (event.type === 'clientError') { this.report(event.error); this.busy = false; this.recording = false; }\r\n    });\r\n    this.destroy.onDestroy(() => { ++this.generation; this.abort?.abort(); });\r\n  }\r\n  ngOnInit(): void { this.language = this.initialLanguage; }\r\n  selectLanguage(event: Event): void { this.language = (event.target as HTMLSelectElement).value as Language; }\r\n  private report(error: unknown): void {\r\n    const value = error instanceof Error ? error : new Error('Speaking failed');\r\n    this.error = value.message; this.failed.emit(value);\r\n  }\r\n  async start(): Promise<void> {\r\n    if (this.busy) return;\r\n    const generation = ++this.generation;\r\n    this.busy = true; this.uploading = false; this.error = ''; this.text = ''; this.status = 'Đang mở microphone và chuẩn bị model…';\r\n    try { await this.speaking.start({ language: this.language }); if (generation === this.generation) this.status = 'Đang nghe…'; }\r\n    catch (error) { if (generation === this.generation) { this.report(error); this.busy = false; } }\r\n  }\r\n  async stop(): Promise<void> {\r\n    if (!this.recording) return;\r\n    const generation = this.generation;\r\n    this.recording = false; this.status = 'Đang lấy kết quả…';\r\n    try {\r\n      const result = await this.speaking.stop();\r\n      if (generation !== this.generation) return;\r\n      this.text = result.result?.text ?? ''; this.status = result.status === 'no_speech' ? 'Không nhận thấy lời nói.' : 'Đã hoàn tất.';\r\n      this.completed.emit({ ...result, language: this.language, text: this.text, audio: result.audio, serviceType: 'realtime' });\r\n    } catch (error) { if (generation === this.generation) this.report(error); }\r\n    finally { if (generation === this.generation) this.busy = false; }\r\n  }\r\n  async cancel(): Promise<void> {\r\n    ++this.generation; this.abort?.abort();\r\n    try { if (this.uploading && this.job) await this.speaking.batch.cancelJob(this.job.job_id); else await this.speaking.cancel(); this.status = 'Đã hủy.'; }\r\n    catch (error) { this.report(error); }\r\n    finally { this.busy = false; this.recording = false; this.uploading = false; }\r\n  }\r\n  async upload(event: Event): Promise<void> {\r\n    const input = event.target as HTMLInputElement; const file = input.files?.[0]; input.value = '';\r\n    if (!file || this.busy) return;\r\n    if (file.size > 25 * 1024 * 1024) { this.report(new Error('File tối đa 25 MB.')); return; }\r\n    const generation = ++this.generation; this.abort = new AbortController();\r\n    this.busy = true; this.uploading = true; this.job = undefined; this.text = ''; this.error = ''; this.status = 'Đang upload…';\r\n    try {\r\n      let job = await this.speaking.batch.submitAudio(file, this.language, crypto.randomUUID(), 'short_answer', file.name, this.abort.signal);\r\n      const deadline = Date.now() + 10 * 60 * 1000;\r\n      while (generation === this.generation) {\r\n        this.job = job;\r\n        if (['succeeded', 'no_speech', 'failed', 'cancelled'].includes(job.status)) break;\r\n        if (Date.now() > deadline) throw new Error('Hết thời gian chờ; job có thể vẫn đang chạy trên server.');\r\n        this.status = 'Đang nhận dạng file…';\r\n        await new Promise(resolve => setTimeout(resolve, 1500));\r\n        if (generation !== this.generation) return;\r\n        job = await this.speaking.batch.getResult(job.job_id, this.abort.signal);\r\n      }\r\n      if (generation !== this.generation) return;\r\n      if (job.error) throw new Error(job.error.message);\r\n      this.text = job.result?.text ?? ''; this.status = job.status === 'no_speech' ? 'Không nhận thấy lời nói.' : job.status === 'cancelled' ? 'Đã hủy.' : 'Đã hoàn tất.';\r\n      if (job.status !== 'cancelled') this.completed.emit({ ...job, language: this.language, text: this.text, audio: file, serviceType: 'upload' });\r\n    } catch (error) { if (generation === this.generation) this.report(error); }\r\n    finally { if (generation === this.generation) { this.busy = false; this.uploading = false; } }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoanghong/speaking-angular",
-  "version": "0.1.0",
-  "description": "Angular service for FSEL batch and realtime speaking",
+  "version": "0.3.0",
+  "description": "Ready-to-use online speaking: five languages, microphone realtime and audio upload",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=18 <19",
@@ -11,7 +11,7 @@
   "sideEffects": false,
   "license": "MIT",
   "dependencies": {
-    "@hoanghong/speaking-core": "^0.1.0",
+    "@hoanghong/speaking-core": "^0.3.0",
     "tslib": "^2.3.0"
   },
   "publishConfig": {

package/public-api.d.ts

@@ -1,28 +1,2 @@
-import { InjectionToken, NgZone, OnDestroy, Provider } from '@angular/core';
-import { BatchOptions, BatchSpeakingClient, MicrophoneOptions, RealtimeFinal, RealtimeOptions, RealtimeSpeakingClient, SpeakingEvent, StartOptions } from '@hoanghong/speaking-core';
-import * as i0 from "@angular/core";
-export interface SpeakingConfig {
-    batch: BatchOptions;
-    realtime: RealtimeOptions;
-    microphone: MicrophoneOptions;
-}
-export declare const SPEAKING_CONFIG: InjectionToken<SpeakingConfig>;
-/** Provide at the screen/component level to give each speaking screen its own lifecycle. */
-export declare class SpeakingService implements OnDestroy {
-    private readonly zone;
-    readonly batch: BatchSpeakingClient;
-    readonly realtime: RealtimeSpeakingClient;
-    private readonly eventSubject;
-    readonly events$: import("rxjs").Observable<SpeakingEvent>;
-    private readonly microphone;
-    private readonly unsubscribe;
-    constructor(config: SpeakingConfig, zone: NgZone);
-    start(options: StartOptions): Promise<void>;
-    stop(): Promise<RealtimeFinal>;
-    cancel(): Promise<void>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpeakingService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SpeakingService>;
-}
-export declare function provideSpeaking(config: SpeakingConfig): Provider[];
-export * from '@hoanghong/speaking-core';
+export * from './speaking.service';
+export * from './speaking.component';

package/speaking.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Job, Language, SpeakingResult, SpeakingServiceType } from '@hoanghong/speaking-core';
+import { SpeakingService } from './speaking.service';
+import * as i0 from "@angular/core";
+export declare class FselSpeakingComponent implements OnInit {
+    initialLanguage: Language;
+    uploadEnabled: boolean;
+    serviceType?: SpeakingServiceType;
+    completed: EventEmitter<SpeakingResult>;
+    failed: EventEmitter<Error>;
+    readonly speaking: SpeakingService;
+    private readonly destroy;
+    readonly languages: {
+        code: string;
+        name: string;
+    }[];
+    language: Language;
+    busy: boolean;
+    recording: boolean;
+    uploading: boolean;
+    text: string;
+    error: string;
+    status: string;
+    job?: Job;
+    private generation;
+    private abort?;
+    constructor();
+    ngOnInit(): void;
+    selectLanguage(event: Event): void;
+    private report;
+    start(): Promise<void>;
+    stop(): Promise<void>;
+    cancel(): Promise<void>;
+    upload(event: Event): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FselSpeakingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FselSpeakingComponent, "fsel-speaking", never, { "initialLanguage": { "alias": "initialLanguage"; "required": false; }; "uploadEnabled": { "alias": "uploadEnabled"; "required": false; }; "serviceType": { "alias": "serviceType"; "required": false; }; }, { "completed": "completed"; "failed": "failed"; }, never, never, true, never>;
+}

package/speaking.service.d.ts

@@ -0,0 +1,34 @@
+import { InjectionToken, NgZone, OnDestroy, Provider } from '@angular/core';
+import { BatchOptions, BatchSpeakingClient, MicrophoneOptions, RecordedSpeakingFinal, RealtimeOptions, RealtimeSpeakingClient, SpeakingEvent, StartOptions, SpeakingGatewayOptions } from '@hoanghong/speaking-core';
+import * as i0 from "@angular/core";
+export interface SpeakingConfig {
+    batch: BatchOptions;
+    realtime: RealtimeOptions;
+    microphone: MicrophoneOptions;
+}
+export declare const SPEAKING_CONFIG: InjectionToken<SpeakingConfig>;
+/** Provide at the screen/component level to give each speaking screen its own lifecycle. */
+export declare class SpeakingService implements OnDestroy {
+    private readonly zone;
+    readonly batch: BatchSpeakingClient;
+    readonly realtime: RealtimeSpeakingClient;
+    private readonly eventSubject;
+    readonly events$: import("rxjs").Observable<SpeakingEvent>;
+    private readonly microphone;
+    private readonly unsubscribe;
+    constructor(config: SpeakingConfig, zone: NgZone);
+    start(options: StartOptions): Promise<void>;
+    stop(): Promise<RecordedSpeakingFinal>;
+    cancel(): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpeakingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpeakingService>;
+}
+export declare function provideSpeaking(config: SpeakingConfig): Provider[];
+/** Configure once at app bootstrap; every fsel-speaking component owns its session. */
+export declare function provideSpeakingGateway(options?: SpeakingGatewayOptions): Provider[];
+/** Application identity only; hosted endpoint and short-lived sessions are automatic. */
+export declare function provideSpeakingApp(options: {
+    appKey: string;
+}): Provider[];
+export * from '@hoanghong/speaking-core';