Replace all rgba(...) color strings with rgb(...) in SVG exports to f…

…ix usage in illustrator/inkscape (#4381) * Strip all rgba from svg * Updates * Bump deps
GMOD · May 10, 2024 · c5421c0 · c5421c0
1 parent ce391cf
commit c5421c0
Show file tree

Hide file tree

Showing 11 changed files with 1,218 additions and 1,191 deletions.
diff --git a/packages/core/util/index.ts b/packages/core/util/index.ts
@@ -1416,7 +1416,7 @@ export function renderToStaticMarkup(
       render(node, div)
     }
   })
-  return div.innerHTML
+  return div.innerHTML.replaceAll(/\brgba\((.+?),[^,]+?\)/g, 'rgb($1)')
 }
 
 export {

diff --git a/...-genome-view/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap b/...-genome-view/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap
@@ -275,7 +275,7 @@ exports[`renders one track, one region 1`] = `
                 style="left: 0%; width: 0%;"
               />
               <span
-                class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-14eyfr9-MuiSlider-thumb"
+                class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-l29f8w-MuiSlider-thumb"
                 data-index="0"
                 style="left: 0%;"
               >
@@ -847,7 +847,7 @@ exports[`renders two tracks, two regions 1`] = `
                 style="left: 0%; width: 9.774680693120512%;"
               />
               <span
-                class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-14eyfr9-MuiSlider-thumb"
+                class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-l29f8w-MuiSlider-thumb"
                 data-index="0"
                 style="left: 9.774680693120512%;"
               >

diff --git a/...nome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap b/...nome-view/src/JBrowseLinearGenomeView/__snapshots__/JBrowseLinearGenomeView.test.tsx.snap
@@ -366,7 +366,7 @@ exports[`<JBrowseLinearGenomeView /> renders successfully 1`] = `
                         style="left: 0%; width: 56.78411120929245%;"
                       />
                       <span
-                        class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-1j77ekx-MuiSlider-thumb"
+                        class="MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary MuiSlider-thumb MuiSlider-thumbSizeSmall MuiSlider-thumbColorPrimary css-1nqyqyn-MuiSlider-thumb"
                         data-index="0"
                         style="left: 56.78411120929245%;"
                       >

diff --git a/...ts/jbrowse-web/src/tests/__image_snapshots__/breakpoint_split_view_snapshot.svg b/...ts/jbrowse-web/src/tests/__image_snapshots__/breakpoint_split_view_snapshot.svg
diff --git a/products/jbrowse-web/src/tests/__image_snapshots__/circular_snapshot.svg b/products/jbrowse-web/src/tests/__image_snapshots__/circular_snapshot.svg
diff --git a/products/jbrowse-web/src/tests/__image_snapshots__/dotplot_snapshot.svg b/products/jbrowse-web/src/tests/__image_snapshots__/dotplot_snapshot.svg
diff --git a/products/jbrowse-web/src/tests/__image_snapshots__/lgv_snapshot.svg b/products/jbrowse-web/src/tests/__image_snapshots__/lgv_snapshot.svg
diff --git a/products/jbrowse-web/src/tests/__image_snapshots__/synteny_snapshot.svg b/products/jbrowse-web/src/tests/__image_snapshots__/synteny_snapshot.svg
diff --git a/products/jbrowse-web/src/tests/__snapshots__/ExportSvg.test.tsx.snap b/products/jbrowse-web/src/tests/__snapshots__/ExportSvg.test.tsx.snap
diff --git a/products/jbrowse-web/src/tests/__snapshots__/ExportSvgBreakpointSplitView.test.tsx.snap b/products/jbrowse-web/src/tests/__snapshots__/ExportSvgBreakpointSplitView.test.tsx.snap