@vitessce/neuroglancer 3.5.8

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@vitessce/neuroglancer",
+  "version": "3.5.8",
+  "author": "Gehlenborg Lab",
+  "homepage": "http://vitessce.io",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vitessce/vitessce.git"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "files": [
+    "src",
+    "dist",
+    "dist-tsc"
+  ],
+  "dependencies": {
+    "@janelia-flyem/react-neuroglancer": "^2.5.0",
+    "@material-ui/core": "~4.12.3",
+    "@vitessce/neuroglancer-workers": "3.5.8",
+    "@vitessce/constants-internal": "3.5.8",
+    "@vitessce/vit-s": "3.5.8"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "react": "^18.0.0",
+    "vite": "^4.3.0",
+    "vitest": "^0.32.2"
+  },
+  "scripts": {
+    "bundle": "pnpm exec vite build -c ../../../scripts/vite.config.js",
+    "test": "pnpm exec vitest --run"
+  },
+  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist-tsc/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  }
+}

package/src/Neuroglancer.js

@@ -0,0 +1,49 @@
+import React, { useCallback, useMemo, Suspense } from 'react';
+import { ChunkWorker } from '@vitessce/neuroglancer-workers';
+import { useStyles, globalNeuroglancerCss } from './styles.js';
+
+// We lazy load the Neuroglancer component,
+// because the non-dynamic import causes problems for Vitest,
+// as the package appears contain be a mix of CommonJS and ESM syntax.
+const LazyReactNeuroglancer = React.lazy(async () => {
+  const ReactNeuroglancer = await import('@janelia-flyem/react-neuroglancer');
+  return ReactNeuroglancer;
+});
+
+// Reference: https://github.com/developit/jsdom-worker/issues/14#issuecomment-1268070123
+function createWorker() {
+  return new ChunkWorker();
+}
+
+export function Neuroglancer(props) {
+  const {
+    viewerState,
+    onViewerStateChanged,
+  } = props;
+  const classes = useStyles();
+  const bundleRoot = useMemo(() => createWorker(), []);
+
+  const handleStateChanged = useCallback((newState) => {
+    if (JSON.stringify(newState) !== JSON.stringify(viewerState)) {
+      if (onViewerStateChanged) {
+        onViewerStateChanged(newState);
+      }
+    }
+  }, [onViewerStateChanged, viewerState]);
+
+  return (
+    <>
+      <style>{globalNeuroglancerCss}</style>
+      <div className={classes.neuroglancerWrapper}>
+        <Suspense fallback={<div>Loading...</div>}>
+          <LazyReactNeuroglancer
+            brainMapsClientId="NOT_A_VALID_ID"
+            viewerState={viewerState}
+            onViewerStateChanged={handleStateChanged}
+            bundleRoot={bundleRoot}
+          />
+        </Suspense>
+      </div>
+    </>
+  );
+}

package/src/NeuroglancerSubscriber.js

@@ -0,0 +1,35 @@
+
+import {
+  TitleInfo,
+} from '@vitessce/vit-s';
+
+import { ViewHelpMapping } from '@vitessce/constants-internal';
+import { Neuroglancer } from './Neuroglancer.js';
+
+export function NeuroglancerSubscriber(props) {
+  const {
+    closeButtonVisible,
+    downloadButtonVisible,
+    removeGridComponent,
+    theme,
+    title = 'Neuroglancer',
+    viewerState: viewerStateInitial = null,
+    helpText = ViewHelpMapping.NEUROGLANCER,
+  } = props;
+
+  return (
+    <TitleInfo
+      title={title}
+      helpText={helpText}
+      isSpatial
+      theme={theme}
+      closeButtonVisible={closeButtonVisible}
+      downloadButtonVisible={downloadButtonVisible}
+      removeGridComponent={removeGridComponent}
+      isReady
+    >
+      {viewerStateInitial && <Neuroglancer viewerState={viewerStateInitial} />}
+    </TitleInfo>
+
+  );
+}

package/src/index.js

@@ -0,0 +1 @@
+export { NeuroglancerSubscriber } from './NeuroglancerSubscriber.js';