Is there a way to pack the library to allow easy sharing ?

[Rz-Rz]

Is there a way to pack the library to allow easy sharing ?

I'm trying to use npm pack for easy distribution, but even though on my app the install succeeds, I get a crash when I run ng serve :

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
  ➜  press h + enter to show help
✘ [ERROR] Failed to resolve entry for package "web-surfels". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-pre-bundle]

    node_modules/vite/node_modules/esbuild/lib/main.js:1225:21:
      1225 │         let result = await callback({
           ╵                      ^

    at packageEntryFailure (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46638:15)
    at resolvePackageEntry (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46635:3)
    at tryNodeResolve (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46451:16)
    at ResolveIdContext.resolveId (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46201:19)
    at PluginContainer.resolveId (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:49018:17)
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
    at async file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:66525:15
    at async file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46952:28
    at async requestCallbacks.on-resolve (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:1225:22)
    at async handleRequest (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:647:11)

  This error came from the "onResolve" callback registered here:

    node_modules/vite/node_modules/esbuild/lib/main.js:1150:20:
      1150 │       let promise = setup({
           ╵                     ^

    at setup (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:46935:13)
    at handlePlugins (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:1150:21)
    at buildOrContextImpl (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:873:5)
    at Object.buildOrContext (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:699:5)
    at /home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:2032:68
    at new Promise (<anonymous>)
    at Object.context (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:2032:27)
    at Object.context (/home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/node_modules/esbuild/lib/main.js:1874:58)
    at prepareEsbuildOptimizerRun (file:///home/janice/work/poc/websurfels/integration-angular-18/ply-viewer-offline/test-app/node_modules/vite/dist/node/chunks/dep-C6uTJdX2.js:50927:33)

  The plugin "vite:dep-pre-bundle" was triggered by this import

    node_modules/ply-viewer/fesm2022/ply-viewer.mjs:5:48:
      5 │ import { Renderer, FirstPersonController } from 'web-surfels';
        ╵                                                 ~~~~~~~~~~~~~

[nbasargin]

Hi @Rz-Rz, the web-surfels package is not on npm yet. I may consider publishing it if there is interest.

As for now, I am installing it from source as follows:

• clone this repository locally
• navigate to the web-surfels folder
• run npm install to install package dependencies
• run npm run build to build the source code
• run npm link to register (link) the package in your local node/npm installation

You can now navigate to your own project and run npm link web-surfels. This should make the package available to import in your code.

I just updated the example-ui sub-project to the latest Angular version and tested this workflow. You can try to get example-ui running locally, too. Let me know if you encounter the same issue as above. Then I can look into it.