Task/WP-725: Mutation Hooks: Extract Files

[jmcmillenmusic]

Overview

We are working on updating our current mutations to utilize TypeScript and React Query instead of React Redux. This should improve the speed and functionality of all portal systems going forward.

Related

• WP-725

Changes

I converted useExtract.js to useExtract.ts and created a mutation that extracts files from a ZIP file into the directory where the ZIP file is currently located.

Testing

1. Navigate to a ZIP file in any directory.
2. Select that ZIP file and click on the Extract button.
3. In the modal that appears, click on the purple Extract button.
4. A job gets submitted to extract files from the ZIP file, and you'll eventually see the folder containing those files in that directory.

UI

Notes

[codecov]

Codecov Report

Attention: Patch coverage is 5.44218% with 139 lines in your changes missing coverage. Please review.

Project coverage is 70.51%. Comparing base (a82283b) to head (e8d9863).
Report is 6 commits behind head on task/WP-724.

Files with missing lines	Patch %	Lines
client/src/hooks/datafiles/mutations/useExtract.ts	6.30%	104 Missing ⚠️
client/src/utils/getExtractParams.ts	2.77%	35 Missing ⚠️

Additional details and impacted files

@@               Coverage Diff               @@
##           task/WP-724    #1035      +/-   ##
===============================================
- Coverage        71.99%   70.51%   -1.48%     
===============================================
  Files              537      538       +1     
  Lines            33847    33967     +120     
  Branches          2985     2935      -50     
===============================================
- Hits             24369    23953     -416     
- Misses            9279     9815     +536     
  Partials           199      199              

Flag	Coverage Δ
javascript	72.71% <5.44%> (-1.83%)	⬇️
unittests	60.83% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
server/portal/settings/settings_default.py	0.00% <ø> (ø)
client/src/utils/getExtractParams.ts	2.77% <2.77%> (ø)
client/src/hooks/datafiles/mutations/useExtract.ts	6.30% <6.30%> (ø)

... and 13 files with indirect coverage changes

[chandra-tacc]

This config should be below and then you need to mock fetch to provide the extract and compress app mocks

config: {
          extractApp: { id: 'extract', version: '0.0.1' },
          compress: { id: 'compress', version: '0.0.3' },
        },