Unverified Commit 8e27ecae authored by Marius van den Beek's avatar Marius van den Beek Committed by GitHub
Browse files

Merge pull request #20457 from davelopez/25.0_update_tiffviewer

[25.0] Update tiffviewer to latest version supporting more formats
parents f667ce8d 29c2c11c
Loading
Loading
Loading
Loading
+1 −0
Original line number Diff line number Diff line
@@ -177,6 +177,7 @@ config/plugins/**/static/*.map
config/plugins/visualizations/annotate_image/static/jquery.contextMenu.css
config/plugins/visualizations/nvd3/nvd3_bar/static/nvd3.js
config/plugins/visualizations/scatterplot/static/scatterplot.js
config/plugins/visualizations/tiffviewer/static/

# CWL conformance tests
lib/galaxy_test/api/cwl/test_cwl_conformance_v1_?.py
+1 −1
Original line number Diff line number Diff line
@@ -23,7 +23,6 @@ const PLUGIN_BUILD_IDS = [
    "nvd3/nvd3_bar",
    "pv",
    "scatterplot",
    "tiffviewer",
];
const INSTALL_PLUGIN_BUILD_IDS = [
    "aceeditor",
@@ -47,6 +46,7 @@ const INSTALL_PLUGIN_BUILD_IDS = [
    "plotly",
    "plyr",
    "tabulator",
    "tiffviewer",
    "ts_visjs",
    "unipept",
    "venn",
+4 −1
Original line number Diff line number Diff line
@@ -15,7 +15,10 @@
    <params>
        <param required="true">dataset_id</param>
    </params>
    <entry_point entry_point_type="script" src="script.js" css="script.css"/>
    <requirements>
        <requirement type="npm" version="0.0.1" package="@galaxyproject/tiffviewer"/>
    </requirements>
    <entry_point entry_point_type="script" src="index.js" css="index.css" />
    <tests>
        <test>
            <param name="dataset_id" value="http://cdn.jsdelivr.net/gh/galaxyproject/galaxy-test-data/1.tiff" ftype="tiff" />
+0 −24
Original line number Diff line number Diff line
{
    "name": "tiff-visualization",
    "version": "0.1.0",
    "description": "A visualization for Tiff files based on react-tiff package",
    "keywords": [
        "galaxy",
        "visualization",
        "Tiff"
    ],
    "license": "MIT",
    "dependencies": {
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "react-tiff": "^0.0.8"
    },
    "scripts": {
        "build": "parcel build src/script.js --dist-dir static"
    },
    "devDependencies": {
        "buffer": "^5.5.0||^6.0.0",
        "parcel": "^2.9.3",
        "process": "^0.11.10"
    }
}
+0 −22
Original line number Diff line number Diff line
import { StrictMode } from "react";

import { TIFFViewer } from "react-tiff";
import { createRoot } from "react-dom/client";
import "react-tiff/dist/index.css";

const App = (props) => {
    return <TIFFViewer tiff={props.dataset_url} paginate="bottom" />;
};

const { root, visualization_config } = JSON.parse(document.getElementById("app").dataset.incoming);

const datasetId = visualization_config.dataset_id;

const url = root + "api/datasets/" + datasetId + "/display";

const rootElement = createRoot(document.getElementById("app"));
rootElement.render(
    <StrictMode>
        <App dataset_url={url} />
    </StrictMode>
);