Trying to install viv from a git branch

[xinaesthete]

As suggested by @ilan-gold here, I'm trying to install an experimental into another repository.

I'm working from a fresh npm create vite@latest, choosing framework React & variant Typescript.

First, I manually added a whole load of deck.gl/luma.gl/math.gl dependencies; probably (hopefully) not all of these are necessary. At this point, I have a package.json looking something like

{
  "name": "viv_npm_git",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "dependencies": {
    "@deck.gl/core": "~9.0.28",
    "@deck.gl/extensions": "~9.0.28",
    "@deck.gl/geo-layers": "~9.0.28",
    "@deck.gl/layers": "~9.0.28",
    "@deck.gl/mesh-layers": "~9.0.28",
    "@deck.gl/react": "~9.0.28",
    "@deck.gl/test-utils": "~9.0.28",
    "@luma.gl/constants": "~9.0.27",
    "@luma.gl/core": "~9.0.27",
    "@luma.gl/engine": "~9.0.27",
    "@luma.gl/shadertools": "~9.0.27",
    "@luma.gl/test-utils": "~9.0.27",
    "@luma.gl/webgl": "~9.0.27",
    "@math.gl/core": "^4.0.1",
    "@math.gl/culling": "^4.0.1",
    "math.gl": "^4.0.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@eslint/js": "^9.11.1",
    "@types/react": "^18.3.10",
    "@types/react-dom": "^18.3.0",
    "@vitejs/plugin-react": "^4.3.2",
    "eslint": "^9.11.1",
    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
    "eslint-plugin-react-refresh": "^0.4.12",
    "globals": "^15.9.0",
    "typescript": "^5.5.3",
    "typescript-eslint": "^8.7.0",
    "vite": "^5.4.8"
  }
}

So, I first npm i with that, and then

npm i git+https://github.com/xinaesthete/viv.git#depbump

That yields

npm ERR! npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! npm ERR! Unsupported URL Type "catalog:": catalog:

Switching to pnpm, it appears to install without error, and I have the following extra entry in `"dependencies"

"@vivjs/monorepo": "github:xinaesthete/viv#depbump"

Code that imports from "@hms-dbmi/viv" has an error

Cannot find module '@hms-dbmi/viv' or its corresponding type declarations.

If I change to import ... from "@vivjs/monorepo" it still says that it cannot find it.

It's at about this point that I previously started to think maybe I'd experiment with publishing a different version of the module - but would prefer if we could get this to work.

[ilan-gold]

Yes @xinaesthete I agree. The issue here is our monorepo. This seems to work for me (where the repo is built similar to yours, but without typescript):

cd my_test_repo
npm install ../viv/packages/main

which adds @hms-dbmi/viv to my new repo, and I'm able to then build (although I haven't checked rendering). I included import { PictureInPictureViewer } from '@hms-dbmi/viv' in the file without issue.

Sorry to put you through the ringer here, didn't remember we had this. Of course you're welcome to publish a dev version of the package.

[xinaesthete]

Thanks Ilan - as of this moment, I'm prototyping some features within avivator in another branch (which has a build accessible via vercel), but I may well have a go at publishing a dev version soon - which should give it a bit of a better test of how well everything's working.