{"_id":"@apr144/higlass-multivec","_rev":"1-ac8ec68dc97da2197cea9a30a9267080","name":"@apr144/higlass-multivec","dist-tags":{"latest":"0.3.3-021325-002"},"versions":{"0.3.3":{"name":"@apr144/higlass-multivec","version":"0.3.3","author":{"name":"Danielle Nguyen"},"license":"MIT","_id":"@apr144/higlass-multivec@0.3.3","maintainers":[{"name":"apr144","email":"alexpreynolds@gmail.com"}],"contributors":[{"url":"http://github.com/daniellenguyen","name":"Danielle Nguyen"},{"url":"http://github.com/alexander-veit","name":"Alexander Veit"},{"url":"http://github.com/alexpreynolds","name":"Alex Reynolds"}],"homepage":"https://github.com/alexpreynolds/higlass-multivec#readme","bugs":{"url":"https://github.com/alexpreynolds/higlass-multivec/issues"},"dist":{"shasum":"24ed6d47a87af475042401b121091025d0571838","tarball":"https://registry.npmjs.org/@apr144/higlass-multivec/-/higlass-multivec-0.3.3.tgz","fileCount":18,"integrity":"sha512-tUwJALMm7zDFQU9FVGoz3eyBskCTdLUjBaxpUkEV5pgp70r9IZmnAUaDUmcaL64jXCW5BZi9VF5OC3xuSAcaxg==","signatures":[{"sig":"MEYCIQDe0L+OxERm93ImbI+mwn/vieNViJ7UWva7nN7GxgrnMAIhALcDSBe6KlRG3i0JXRo5tl9iDMEHrlbj1gto+FxUqbRU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":517221},"main":"./src/index.js","unpkg":"./dist/higlass-multivec.min.js","module":"./es","gitHead":"6690cf291f1ed387b1cd41105055b9878b7cc5c5","private":false,"scripts":{"build":"npm run build-es && NODE_ENV=production ./node_modules/webpack/bin/webpack.js --mode production","clean":"rm -rf dist/*; rm -rf es/*; rm -rf node_modules/*; rm -f package-lock.json","start":"./node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --open","build-es":"rm -rf ./es/* && npx babel ./src/scripts/ --out-dir ./es/ --env-name esm","reinstall":"npm run clean; npm install","prerelease":"rm -rf dist/*; npm run build; zip -r dist.zip dist","test-watch":"NODE_ENV=development; npm run build-debug && ./node_modules/karma/bin/karma start karma.conf.js","build-debug":"NODE_ENV=development; ./node_modules/webpack/bin/webpack.js --mode=development"},"_npmUser":{"name":"apr144","email":"alexpreynolds@gmail.com"},"repository":{"url":"git+https://github.com/alexpreynolds/higlass-multivec.git","type":"git"},"_npmVersion":"10.1.0","description":"Multivec Tracks for HiGlass","directories":{},"_nodeVersion":"20.9.0","dependencies":{"mixin":"^0.2.0","mixwith":"^0.1.1","ndarray":"^1.0.18","d3-scale":"^4.0.0","higlass-register":"^0.3.0","d3-scale-chromatic":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.1.2","karma":"^4.4.1","react":"^16.4.2","enzyme":"^3.11.0","cheerio":"=1.0.0-rc.3","higlass":"^1.11.11","jasmine":"^2.99.0","pixi.js":"^5.0.3 || ^6.5.2","webpack":"^4.20.2","babel-cli":"^6.26.0","react-dom":"^16.4.2","sourcemap":"^0.1.0","babel-core":"^6.26.3","file-loader":"^1.1.11","html-loader":"^0.5.5","webpack-cli":"^3.3.11","babel-loader":"^7.1.5","style-loader":"^0.20.3","karma-jasmine":"^3.1.1","karma-webpack":"^4.0.2","react-bootstrap":"^0.32.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","webpack-dev-server":"^3.11.2","html-webpack-plugin":"^3.1.0","karma-chrome-launcher":"^3.1.0","terser-webpack-plugin":"^3.0.1","karma-sourcemap-loader":"^0.3.7","webpack-plugin-replace":"^1.2.0","enzyme-adapter-react-16":"^1.6.0","karma-phantomjs-launcher":"^1.0.4","unminified-webpack-plugin":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/higlass-multivec_0.3.3_1738882083779_0.4818527927881011","host":"s3://npm-registry-packages-npm-production"}},"0.3.3-021325-002":{"name":"@apr144/higlass-multivec","version":"0.3.3-021325-002","description":"Multivec Tracks for HiGlass","private":false,"author":{"name":"Danielle Nguyen"},"license":"MIT","contributors":[{"name":"Danielle Nguyen","url":"http://github.com/daniellenguyen"},{"name":"Alexander Veit","url":"http://github.com/alexander-veit"},{"name":"Alex Reynolds","url":"http://github.com/alexpreynolds"}],"main":"./src/index.js","unpkg":"./dist/higlass-multivec.min.js","module":"./es","repository":{"type":"git","url":"git+https://github.com/alexpreynolds/higlass-multivec.git"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-react":"^6.24.1","babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","chai":"^4.1.2","file-loader":"^1.1.11","html-loader":"^0.5.5","html-webpack-plugin":"^3.1.0","karma-phantomjs-launcher":"^1.0.4","style-loader":"^0.20.3","enzyme":"^3.11.0","higlass":"^1.11.11","enzyme-adapter-react-16":"^1.6.0","terser-webpack-plugin":"^3.0.1","unminified-webpack-plugin":"^2.0.0","jasmine":"^2.99.0","pixi.js":"^5.0.3 || ^6.5.2","karma":"^4.4.1","karma-chrome-launcher":"^3.1.0","karma-jasmine":"^3.1.1","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^4.0.2","sourcemap":"^0.1.0","react":"^16.4.2","react-bootstrap":"^0.32.4","react-dom":"^16.4.2","webpack":"^4.20.2","webpack-cli":"^3.3.11","webpack-dev-server":"^3.11.2","webpack-plugin-replace":"^1.2.0","cheerio":"=1.0.0-rc.3"},"scripts":{"build-es":"rm -rf ./es/* && npx babel ./src/scripts/ --out-dir ./es/ --env-name esm","build":"npm run build-es && NODE_ENV=production ./node_modules/webpack/bin/webpack.js --mode production","build-debug":"NODE_ENV=development; ./node_modules/webpack/bin/webpack.js --mode=development","start":"./node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --open","test-watch":"NODE_ENV=development; npm run build-debug && ./node_modules/karma/bin/karma start karma.conf.js","prerelease":"rm -rf dist/*; npm run build; zip -r dist.zip dist","clean":"rm -rf dist/*; rm -rf es/*; rm -rf node_modules/*; rm -f package-lock.json","reinstall":"npm run clean; npm install"},"dependencies":{"d3-scale":"^4.0.0","d3-scale-chromatic":"^3.0.0","higlass-register":"^0.3.0","mixin":"^0.2.0","mixwith":"^0.1.1","ndarray":"^1.0.18"},"_id":"@apr144/higlass-multivec@0.3.3-021325-002","gitHead":"6690cf291f1ed387b1cd41105055b9878b7cc5c5","bugs":{"url":"https://github.com/alexpreynolds/higlass-multivec/issues"},"homepage":"https://github.com/alexpreynolds/higlass-multivec#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-62dRrFvvDYfQ2Lz+4GI5WDzMjcKrPx5aVbspgdIZxDeSHtKgF20XnEzGKCd0OGAkifX2t+fY+MhrDE4qNrrYLg==","shasum":"7f18b0b748161ac0d5adce1a68a3e218bce7a55e","tarball":"https://registry.npmjs.org/@apr144/higlass-multivec/-/higlass-multivec-0.3.3-021325-002.tgz","fileCount":18,"unpackedSize":506370,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCeTMsuIrNIs+CCpkx7LCLSmyVLhIST1SRzttQYCEE1xgIhAJ134AYimovGoo/e6Me/xBdgj6/AYopisHL2jrhdt0p3"}]},"_npmUser":{"name":"apr144","email":"alexpreynolds@gmail.com"},"directories":{},"maintainers":[{"name":"apr144","email":"alexpreynolds@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/higlass-multivec_0.3.3-021325-002_1739502163638_0.9912553177865846"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-06T22:48:03.702Z","modified":"2025-02-14T03:02:44.110Z","0.3.3":"2025-02-06T22:48:04.004Z","0.3.3-021325-002":"2025-02-14T03:02:43.917Z"},"bugs":{"url":"https://github.com/alexpreynolds/higlass-multivec/issues"},"author":{"name":"Danielle Nguyen"},"license":"MIT","homepage":"https://github.com/alexpreynolds/higlass-multivec#readme","repository":{"type":"git","url":"git+https://github.com/alexpreynolds/higlass-multivec.git"},"description":"Multivec Tracks for HiGlass","contributors":[{"name":"Danielle Nguyen","url":"http://github.com/daniellenguyen"},{"name":"Alexander Veit","url":"http://github.com/alexander-veit"},{"name":"Alex Reynolds","url":"http://github.com/alexpreynolds"}],"maintainers":[{"name":"apr144","email":"alexpreynolds@gmail.com"}],"readme":"# Multivec Tracks for HiGlass\n\nDisplay genome-wide multivec tracks in HiGlass!\n\n[![HiGlass](https://img.shields.io/badge/higlass-🌸-brightgreen.svg)](http://higlass.io)\n[![Travis](https://img.shields.io/travis/higlass/higlass-multivec.svg)](https://travis-ci.org/higlass/higlass-multivec)\n\n\nThis is the source code for multivec tracks in HiGlass only; for the rest of HiGlass,\nsee these repositories:\n\n - HiGlass viewer: https://github.com/hms-dbmi/higlass\n - HiGlass server: https://github.com/hms-dbmi/higlass-server\n - HiGlass docker: https://github.com/hms-dbmi/higlass-docker\n\n## Installation\n \n```\nnpm install higlass-multivec\n```\n## Usage\n\nThe live scripts can be found at:\n\n- https://unpkg.com/higlass-multivec/dist/higlass-multivec.min.js\n\nThere are four types of tracks to choose from:\n\n```\n\"basic-multiple-line-chart\"\n\"horizontal-stacked-bar\"\n\"basic-multiple-bar-chart\"\n\"basic-stacked-delta-bar-chart\"\n```\n\nConfigure the track in your view config; you should be all set from here!\n```\n[...\n {\n \"type\": \"horizontal-stacked-bar\",\n \"tilesetUid\": \"my-multivec-db\",\n \"server\": \"http://test1.resgen.io/api/v1\",\n \"height\": 200,\n \"width\": 470,\n \"options\": {\n \"labelPosition\": \"topLeft\",\n \"labelColor\": \"black\",\n \"labelTextOpacity\": 0.4,\n \"valueScaling\": \"exponential\",\n \"trackBorderWidth\": 0,\n \"trackBorderColor\": \"black\",\n \"heatmapValueScaling\": \"log\",\n \"name\": \"all.KL.bed.multires.mv5\",\n \"scaledHeight\": true,\n \"backgroundColor\": \"white\",\n \"sortLargestOnTop\": true,\n \"showTooltip\": true,\n },\n },\n] \n```\nFor an example, see [`src/index.html`](src/index.html).\n\n### ECMAScript Modules (ESM)\n\nWe also build out ES modules for usage by applications who may need to import or use `higlass-multivec` as a component.\n\nWhenever have a statement such as the following, assuming `higlass-multivec` is in your node_modules folder:\n```javascript\nimport { StackedBarTrack } from 'higlass-multivec';\n```\n\nThen StackedBarTrack would automatically be imported from the `./es` directory (set via package.json's `\"module\"` value). Can also import component(s) directly, especially if only need to use one or two, e.g.:\n\n```javascript\nimport { StackedBarTrack } from 'higlass-multivec/es/StackedBarTrack';\n```\n\nTo use this then along with HiGlassComponent, assuming you are developing with React either in an environment where `window` is available (client-side), use via the following:\n\n```javascript\nimport React from 'react';\nimport { StackedBarTrack } from 'higlass-multivec/es/StackedBarTrack';\nimport { HiGlassComponent } from 'higlass/dist/hglib';\nimport { default as higlassRegister } from 'higlass-register';\n\n// Call this sometime before we render out MyComponent below (synchronous)\nhiglassRegister({\n name: 'StackedBarTrack',\n track: StackedBarTrack,\n config: StackedBarTrack.config,\n})\n\n...\n\n\nfunction MyComponent(props){\n const { viewConfig, options, width, height, ...otherProps } = props;\n return (\n
\n \n
\n );\n}\nMyComponent.defaultProps = { ... };\n\nReactDOM.render(\n ,\n document.getElementById(\"root\")\n);\n\n```\n\n#### Minor Background Info\n\n- https://dev.to/bennypowers/you-should-be-using-esm-kn3\n- https://nodejs.org/api/esm.html#esm_introduction\n\n## Development\n\n### Testing\n\nTo run the test suite:\n\n```\nnpm run test-watch\n```\n\n\n### Installation\n\n```bash\n$ git clone https://github.com/hms-dbmi/higlass-multivec.git\n$ cd higlass-multivec\n$ npm install\n```\nIf you have a local copy of higlass, you can then run this command in the higlass-multivec directory:\n\n```bash\nnpm link higlass\n```\n\n### Commands\n\n - **Developmental server**: `npm start`\n - **Production build**: `npm run build`\n","readmeFilename":"README.md"}