https://github.com/ryan-williams/plotly-next-test

https://github.com/ryan-williams/plotly-next-test

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ryan-williams/plotly-next-test
• Owner: ryan-williams
• Created: 2023-03-06T15:38:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-06T23:49:35.000Z (almost 2 years ago)
• Last Synced: 2024-10-20T07:45:28.077Z (3 months ago)
• Language: JavaScript
• Size: 3.13 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# plotly.js / next.js issues

**Update:** it seems like the errors in the latter two pages below are due to [an ill-advised `NODE_PATH=.` in my dotfiles](https://github.com/ryan-williams/js-helpers/blob/c3aecb1905e7d45a271fe0e5e74e78e903e6d820/.js-rc#L4).

The first page, showing how long it takes for `react-plotly.js` to lazily load (after initial page render) still makes sense, and a "production version" can be seen here: [runsascoded.com/plotly-next-test](https://runsascoded.com/plotly-next-test/). 

---

Boot dev mode:

```bash

next dev

```

Visit:

- [127.0.0.1:3000](http://127.0.0.1:3000):

  - Renders a plot, though `react-plotly.js` is loaded asynchronously after the rest of the page

  - See [pages/index.js](pages/index.js)

- [127.0.0.1:3000/to-image](http://127.0.0.1:3000/to-image)

  - Attempts to lazily import `plotly.js` (per [docs example]())

  - Errors while importing [this line in `nodeca/[email protected]/lib/parse_stream/avif.js`](https://github.com/nodeca/probe-image-size/blob/7.2.3/lib/parse_stream/avif.js#L20)

  - `require('probe-image-size/lib/common')` returns an empty object

- [127.0.0.1:3000/probe-image-size-import](http://127.0.0.1:3000/probe-image-size-import)

  - Simplest example: page fails to load due to (unused) `import common from "probe-image-size/lib/common"`