TT-4686, TT-3970 Creating audacity files (#1070)

- Add Passage Description to Audio Manager dialog title

Author: gtryus

craco.config.js

@@ -5,6 +5,7 @@ module.exports = {
       // eslint-disable-next-line no-param-reassign
       config.resolve.fallback = {
         fs: require.resolve('fs'),
+        'process/browser': require.resolve('process/browser'),
       };
       config.plugins.push(
         new webpack.ProvidePlugin({

package-lock.json

@@ -44,6 +44,7 @@
     "node-html-encoder": "0.0.2",
     "original-fs": "^1.1.0",
     "path-browserify": "^1.0.1",
+    "process": "^0.11.10",
     "react": "^18.2.0",
     "react-datasheet": "^1.4.9",
     "react-dom": "^18.2.0",
@@ -207,7 +208,5 @@
         ]
       }
     ]
-  },
-  "main": "public/electron.js",
-  "homepage": "./"
+  }
 }

package.json

@@ -2,7 +2,7 @@ import React from 'react';
 import { useGlobal } from 'reactn';
 import moment from 'moment';
 import { shallowEqual, useSelector } from 'react-redux';
-import { IAudacityManagerStrings, MediaFile } from '../../model';
+import { IAudacityManagerStrings, IState, MediaFile } from '../../model';
 import {
   Button,
   Dialog,
@@ -22,6 +22,8 @@ import {
   useAudacityProjRead,
   useAudacityProjDelete,
   useAudProjName,
+  usePassageRec,
+  passageDescription,
 } from '../../crud';
 import { useSnackBar } from '../../hoc/SnackBar';
 import { debounce } from 'lodash';
@@ -74,6 +76,9 @@ function AudacityManager(props: IProps) {
   const { passageId, mediaId, onClose, open } = props;
   const { item, onImport } = props;
   const { speaker, onSpeaker } = props;
+  const allBookData = useSelector((state: IState) => state.books.bookData);
+  const getPassage = usePassageRec();
+  const [passageRef, setPassageRef] = React.useState('');
   const [hasRights, setHasRight] = React.useState(!onSpeaker);
   const audUpdate = useAudacityProjUpdate();
   const audRead = useAudacityProjRead();
@@ -293,6 +298,10 @@ function AudacityManager(props: IProps) {
         nameUpdate();
       }
     })();
+    if (passageId?.id) {
+      const passRec = getPassage(passageId.id);
+      setPassageRef(passageDescription(passRec, allBookData));
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [passageId, name]);
 
@@ -304,7 +313,7 @@ function AudacityManager(props: IProps) {
       maxWidth="md"
       disableEnforceFocus
     >
-      <DialogTitle id="manager-title">{t.title}</DialogTitle>
+      <DialogTitle id="manager-title">{`${t.title} - ${passageRef}`}</DialogTitle>
       <StyledGrid container>
         {exists && name !== '' ? (
           <Grid container justifyContent="center">

src/components/Workflow/AudacityManager.tsx

@@ -20,6 +20,7 @@ export * from './useFlatAdd';
 export * from './useIsPersonalTeam';
 export * from './useNewTeamId';
 export * from './useOrganizedBy';
+export * from './usePassageRec';
 export * from './usePlan';
 export * from './useProjectPlans';
 export * from './user';

src/crud/index.ts

@@ -0,0 +1,13 @@
+import { QueryBuilder } from '@orbit/data';
+import { useGlobal } from 'reactn';
+import { Passage } from '../model';
+
+export const usePassageRec = () => {
+  const [memory] = useGlobal('memory');
+
+  return (passageid: string) => {
+    return memory.cache.query((q: QueryBuilder) =>
+      q.findRecord({ type: 'passage', id: passageid })
+    ) as Passage;
+  };
+};

src/crud/usePassageRec.ts

@@ -1,6 +1,7 @@
 import { IExeca } from '../model';
 import { getAudacityExe, logError, Severity, infoMsg, execFolder } from '.';
 import path from 'path-browserify';
+import process from 'process';
 const ipc = (window as any)?.electron;
 
 export const launchAudacity = async (proj: string, reporter: any) => {