Add draft USFM format component

Author: RaymondLuong3

src/RealtimeServer/scriptureforge/models/translate-config.ts

@@ -42,6 +42,12 @@ export interface ProjectScriptureRange {
   scriptureRange: string;
 }
 
+export interface DraftUsfmConfig {
+  preserveParagraphMarkers: boolean;
+  preserveStyleMarkers: boolean;
+  preserveEmbedMarkers: boolean;
+}
+
 export interface DraftConfig {
   additionalTrainingData: boolean;
   additionalTrainingSourceEnabled: boolean;
@@ -58,6 +64,7 @@ export interface DraftConfig {
   lastSelectedTranslationScriptureRange?: string;
   lastSelectedTranslationScriptureRanges?: ProjectScriptureRange[];
   servalConfig?: string;
+  usfmConfig?: DraftUsfmConfig;
 }
 
 export interface TranslateConfig {

src/SIL.XForge.Scripture/ClientApp/src/app/core/models/draft-usfm-config.ts

@@ -13,6 +13,7 @@ import { SF_PROJECT_RIGHTS, SFProjectDomain } from 'realtime-server/lib/esm/scri
 import { SFProjectRole } from 'realtime-server/lib/esm/scriptureforge/models/sf-project-role';
 import { getSFProjectUserConfigDocId } from 'realtime-server/lib/esm/scriptureforge/models/sf-project-user-config';
 import { TextAudio } from 'realtime-server/lib/esm/scriptureforge/models/text-audio';
+import { DraftUsfmConfig } from 'realtime-server/lib/esm/scriptureforge/models/translate-config';
 import { Subject } from 'rxjs';
 import { CommandService } from 'xforge-common/command.service';
 import { LocationService } from 'xforge-common/location.service';
@@ -26,7 +27,6 @@ import { EventMetric } from '../event-metrics/event-metric';
 import { ShareLinkType } from '../shared/share/share-dialog.component';
 import { InviteeStatus } from '../users/collaborators/collaborators.component';
 import { BiblicalTermDoc } from './models/biblical-term-doc';
-import { DraftUsfmConfig } from './models/draft-usfm-config';
 import { NoteThreadDoc } from './models/note-thread-doc';
 import { SFProjectCreateSettings } from './models/sf-project-create-settings';
 import { SFProjectDoc } from './models/sf-project-doc';

src/SIL.XForge.Scripture/ClientApp/src/app/core/sf-project.service.ts

@@ -336,6 +336,10 @@ <h3>{{ t("draft_finishing_header") }}</h3>
             <mat-icon>settings</mat-icon>
             {{ t("configure_sources") }}
           </button>
+          <button mat-button [routerLink]="['format']">
+            <mat-icon>settings</mat-icon>
+            Format USFM
+          </button>
         }
       } @else if (hasConfigureSourcePermission) {
         <!-- Show Configure sources button when we don't have permission to the current sources and when there is not a

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-format-dialog/draft-format-dialog.component.html

@@ -71,7 +71,9 @@ describe('DraftHandlingService', () => {
       when(
         mockedDraftGenerationService.getGeneratedDraftDeltaOperations(anything(), anything(), anything())
       ).thenReturn(of(draftOps));
-      service.getDraft(textDocId, { isDraftLegacy: false }).subscribe(draftData => expect(draftData).toEqual(draftOps));
+      service
+        .getDraft(textDocId, { isDraftLegacy: false, accessSnapshot: true })
+        .subscribe(draftData => expect(draftData).toEqual(draftOps));
       verify(mockedDraftGenerationService.getGeneratedDraftDeltaOperations('project01', 1, 1)).once();
       verify(mockedDraftGenerationService.getGeneratedDraft('project01', 1, 1)).never();
     });
@@ -87,7 +89,9 @@ describe('DraftHandlingService', () => {
         mockedDraftGenerationService.getGeneratedDraftDeltaOperations(anything(), anything(), anything())
       ).thenReturn(throwError(() => ({ status: 405 })));
       when(mockedDraftGenerationService.getGeneratedDraft(anything(), anything(), anything())).thenReturn(of(draft));
-      service.getDraft(textDocId, { isDraftLegacy: false }).subscribe(draftData => expect(draftData).toEqual(draft));
+      service
+        .getDraft(textDocId, { isDraftLegacy: false, accessSnapshot: true })
+        .subscribe(draftData => expect(draftData).toEqual(draft));
       verify(mockedDraftGenerationService.getGeneratedDraftDeltaOperations('project01', 1, 1)).once();
       verify(mockedDraftGenerationService.getGeneratedDraft('project01', 1, 1)).once();
     });

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-format-dialog/draft-format-dialog.component.scss

@@ -144,7 +144,8 @@ export class DraftHandlingService {
    * Gets the generated draft of a chapter for a book. If unable to get the current draft delta format,
    * it will automatically fallback to attempt to retrieve the legacy draft format.
    * @param textDocId The text document identifier.
-   * @param param1 Whether to get the draft in the legacy format.
+   * @param param1 Whether to get the draft in the legacy format and whether to use the snapshot
+   * stored in the realtime database.
    * @returns The draft data in the current delta operation format or the legacy segment map format.
    */
   getDraft(