@haniffalab/cherita-react 0.2.0-dev.2024-02-14.0bb7b79c → 0.2.0-dev.2024-03-27.cff3436e

package/dist/components/obs-list/ObsList.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DatasetContext = require("../../context/DatasetContext");
 var _requests = require("../../utils/requests");
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
-var _color = require("../../helpers/color");
+var _colorHelper = require("../../helpers/color-helper");
 var _LoadingSpinner = require("../../utils/LoadingSpinner");
 var _reactBootstrap = require("react-bootstrap");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -58,7 +58,7 @@ function ObsColsList() {
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url
   });
-  const colorHelper = new _color.ColorHelper();
+  const colorHelper = new _colorHelper.ColorHelper();
   (0, _react.useEffect)(() => {
     setParams(p => {
       return {

package/dist/components/scatterplot/Legend.js

@@ -9,7 +9,7 @@ var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
 var _react = require("react");
 var _DatasetContext = require("../../context/DatasetContext");
 var _lodash = _interopRequireDefault(require("lodash"));
-var _color = require("../../helpers/color");
+var _colorHelper = require("../../helpers/color-helper");
 var _OverlayTrigger = _interopRequireDefault(require("react-bootstrap/OverlayTrigger"));
 var _layers = require("@nebula.gl/layers");
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
@@ -28,7 +28,7 @@ function Legend(_ref) {
     values
   } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
-  const colorHelper = new _color.ColorHelper();
+  const colorHelper = new _colorHelper.ColorHelper();
   if (dataset.colorEncoding === "var") {
     let c = colorHelper.getScale(dataset, values);
     var dom = c.domain ? c.domain() : [0, 1],

package/dist/components/scatterplot/Scatterplot.js

@@ -18,9 +18,9 @@ var _Toolbox = require("./Toolbox");
 var _Legend = require("./Legend");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
-var _map = require("../../helpers/map");
-var _zarr = require("../../helpers/zarr");
-var _color = require("../../helpers/color");
+var _mapHelper = require("../../helpers/map-helper");
+var _zarrHelper = require("../../helpers/zarr-helper");
+var _colorHelper = require("../../helpers/color-helper");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -75,7 +75,7 @@ function Scatterplot(_ref) {
   });
   (0, _react.useEffect)(() => {
     setData(function (prevState, props) {
-      const colorHelper = new _color.ColorHelper();
+      const colorHelper = new _colorHelper.ColorHelper();
       let scale = dataset.colorEncoding === "var" ? colorHelper.getScale(dataset, values) : null;
       var data = position.map(function (e, i) {
         return {
@@ -90,11 +90,11 @@ function Scatterplot(_ref) {
   }, [position, values, dataset.controls.colorScale]);
   (0, _react.useEffect)(() => {
     if (dataset.selectedObsm) {
-      const helper = new _map.MapHelper();
-      const zarrHelper = new _zarr.ZarrHelper();
+      const helper = new _mapHelper.MapHelper();
+      const zarrHelper = new _zarrHelper.ZarrHelper();
       const fetchObsm = async () => {
         const z = await zarrHelper.open(dataset.url, "obsm/" + dataset.selectedObsm);
-        await z.get(null, _zarr.GET_OPTIONS).then(result => {
+        await z.get(null, _zarrHelper.GET_OPTIONS).then(result => {
           const {
             latitude,
             longitude,
@@ -116,10 +116,10 @@ function Scatterplot(_ref) {
   }, [dataset.url, dataset.selectedObsm]);
   (0, _react.useEffect)(() => {
     if (dataset.selectedVar) {
-      const zarrHelper = new _zarr.ZarrHelper();
+      const zarrHelper = new _zarrHelper.ZarrHelper();
       const fetchData = async () => {
         const z = await zarrHelper.open(dataset.url, "X");
-        await z.get([null, dataset.selectedVar.matrix_index], _zarr.GET_OPTIONS).then(result => {
+        await z.get([null, dataset.selectedVar.matrix_index], _zarrHelper.GET_OPTIONS).then(result => {
           setValues(result.data);
           dispatch({
             type: "set.colorEncoding",
@@ -132,7 +132,7 @@ function Scatterplot(_ref) {
   }, [dataset.url, dataset.selectedVar]);
   (0, _react.useEffect)(() => {
     if (dataset.selectedObs) {
-      const zarrHelper = new _zarr.ZarrHelper();
+      const zarrHelper = new _zarrHelper.ZarrHelper();
       const fetchData = async () => {
         const z = await zarrHelper.open(dataset.url, "obs/" + dataset.selectedObs.name + "/codes");
         await z.get().then(result => {

package/dist/helpers/color-helper.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorHelper = void 0;
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _constants = require("../constants/constants");
+var _DatasetContext = require("../context/DatasetContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class ColorHelper {
+  getScale(dataset, values) {
+    return _chromaJs.default.scale(_constants.CHROMA_COLORSCALES[dataset.controls.colorScale]).domain([_lodash.default.min(values), _lodash.default.max(values)]);
+  }
+  getColor(dataset, value) {
+    let scale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _chromaJs.default.scale();
+    if (dataset.colorEncoding === "var") {
+      return scale(value).rgb();
+    } else if (dataset.colorEncoding === "obs") {
+      //console.log(dataset.obs[dataset.selectedObs.name].state[value]["color"]);
+      return dataset.obs[dataset.selectedObs.name].state.hasOwnProperty(value) ? dataset.obs[dataset.selectedObs.name].state[value]["color"] : null;
+    }
+  }
+}
+exports.ColorHelper = ColorHelper;

package/dist/helpers/map-helper.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapHelper = void 0;
+var _core = require("@deck.gl/core");
+class MapHelper {
+  fitBounds(coords) {
+    let view = new _core.WebMercatorViewport({
+      width: 600,
+      height: 400,
+      longitude: -122.45,
+      latitude: 37.78,
+      zoom: 12,
+      pitch: 30,
+      bearing: 15
+    });
+    let latMin = 90;
+    let latMax = -90;
+    let lonMin = 180;
+    let lonMax = -180;
+    coords.forEach(function (coord) {
+      const RECT_LAT_INDEX = "0";
+      const RECT_LON_INDEX = "1";
+      if (coord[RECT_LAT_INDEX] < latMin) latMin = coord[RECT_LAT_INDEX];
+      if (coord[RECT_LAT_INDEX] > latMax) latMax = coord[RECT_LAT_INDEX];
+      if (coord[RECT_LON_INDEX] < lonMin) lonMin = coord[RECT_LON_INDEX];
+      if (coord[RECT_LON_INDEX] > lonMax) lonMax = coord[RECT_LON_INDEX];
+    });
+    const bounds = [[lonMin, latMax], [lonMax, latMin]];
+    const {
+      longitude,
+      latitude,
+      zoom
+    } = view.fitBounds(bounds, {
+      padding: {
+        top: 50,
+        bottom: 50,
+        left: 50,
+        right: 50
+      }
+    });
+    return {
+      longitude,
+      latitude,
+      zoom
+    };
+  }
+}
+exports.MapHelper = MapHelper;

package/dist/helpers/zarr-helper.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZarrHelper = exports.GET_OPTIONS = void 0;
+var _zarr = require("zarr");
+const GET_OPTIONS = exports.GET_OPTIONS = {
+  concurrencyLimit: 10,
+  // max number of concurrent requests (default 10)
+  progressCallback: _ref => {
+    let {
+      progress,
+      queueSize
+    } = _ref;
+    console.log("".concat(progress / queueSize * 100, "% complete."));
+  } // callback executed after each request
+};
+class ZarrHelper {
+  async open(url, path) {
+    const z = await (0, _zarr.openArray)({
+      store: url,
+      path: path,
+      mode: "r"
+    });
+    return z;
+  }
+}
+exports.ZarrHelper = ZarrHelper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "0.2.0-dev.2024-02-14.0bb7b79c",
+  "version": "0.2.0-dev.2024-03-27.cff3436e",
   "author": "",
   "license": "",
   "main": "dist/index.js",
@@ -78,5 +78,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "0bb7b79c4b6a8d6e09d215b6de08c75ab6141d06"
+  "prereleaseSha": "cff3436e43cdef28cacfc8209100972b25611b55"
 }

package/dist/helpers/color.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorHelper = void 0;
-var _chromaJs = _interopRequireDefault(require("chroma-js"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _constants = require("../constants/constants");
-var _DatasetContext = require("../context/DatasetContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class ColorHelper {
-  constructor() {
-    _defineProperty(this, "getScale", (dataset, values) => {
-      return _chromaJs.default.scale(_constants.CHROMA_COLORSCALES[dataset.controls.colorScale]).domain([_lodash.default.min(values), _lodash.default.max(values)]);
-    });
-    _defineProperty(this, "getColor", function (dataset, value) {
-      let scale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _chromaJs.default.scale();
-      if (dataset.colorEncoding === "var") {
-        return scale(value).rgb();
-      } else if (dataset.colorEncoding === "obs") {
-        //console.log(dataset.obs[dataset.selectedObs.name].state[value]["color"]);
-        return dataset.obs[dataset.selectedObs.name].state.hasOwnProperty(value) ? dataset.obs[dataset.selectedObs.name].state[value]["color"] : null;
-      }
-    });
-  }
-}
-exports.ColorHelper = ColorHelper;

package/dist/helpers/map.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MapHelper = void 0;
-var _core = require("@deck.gl/core");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class MapHelper {
-  constructor() {
-    _defineProperty(this, "fitBounds", coords => {
-      let view = new _core.WebMercatorViewport({
-        width: 600,
-        height: 400,
-        longitude: -122.45,
-        latitude: 37.78,
-        zoom: 12,
-        pitch: 30,
-        bearing: 15
-      });
-      let latMin = 90;
-      let latMax = -90;
-      let lonMin = 180;
-      let lonMax = -180;
-      coords.forEach(function (coord) {
-        const RECT_LAT_INDEX = "0";
-        const RECT_LON_INDEX = "1";
-        if (coord[RECT_LAT_INDEX] < latMin) latMin = coord[RECT_LAT_INDEX];
-        if (coord[RECT_LAT_INDEX] > latMax) latMax = coord[RECT_LAT_INDEX];
-        if (coord[RECT_LON_INDEX] < lonMin) lonMin = coord[RECT_LON_INDEX];
-        if (coord[RECT_LON_INDEX] > lonMax) lonMax = coord[RECT_LON_INDEX];
-      });
-      const bounds = [[lonMin, latMax], [lonMax, latMin]];
-      const {
-        longitude,
-        latitude,
-        zoom
-      } = view.fitBounds(bounds, {
-        padding: {
-          top: 50,
-          bottom: 50,
-          left: 50,
-          right: 50
-        }
-      });
-      return {
-        longitude,
-        latitude,
-        zoom
-      };
-    });
-  }
-}
-exports.MapHelper = MapHelper;

package/dist/helpers/zarr.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ZarrHelper = exports.GET_OPTIONS = void 0;
-var _zarr = require("zarr");
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const GET_OPTIONS = exports.GET_OPTIONS = {
-  concurrencyLimit: 10,
-  // max number of concurrent requests (default 10)
-  progressCallback: _ref => {
-    let {
-      progress,
-      queueSize
-    } = _ref;
-    console.log("".concat(progress / queueSize * 100, "% complete."));
-  } // callback executed after each request
-};
-class ZarrHelper {
-  constructor() {
-    _defineProperty(this, "open", async (url, path) => {
-      const z = await (0, _zarr.openArray)({
-        store: url,
-        path: path,
-        mode: "r"
-      });
-      return z;
-    });
-  }
-}
-exports.ZarrHelper = ZarrHelper;