simularium / simularium-website

Front end website for the Simularium project, includes the Simularium viewer
https://simularium.allencell.org
Apache License 2.0
6 stars 3 forks source link

Feature/embed #474

Closed meganrm closed 5 months ago

meganrm commented 6 months ago

Time estimate or Size

medium

Problem

We need a version of the app to link to when someone wants to embed their trajectory in a website. This will still need to be updated with the design.

closes https://github.com/simularium/simularium-planning/issues/188

Solution

Made an embed path that renders the app without the header and creates an overlay for future styling, overlay info. I made an assumption that like the notebook version of the app we'd get rid of the header and place anything we want (the title, maybe a share link) over the full screen view (the way that YouTube does). So I added a minimal overlay that can be styled and added to. For now I've rendered the title with no styling.

Type of change

Please delete options that are not relevant.

Steps to Verify:

  1. npm start
  2. navigate to http://localhost:9001/embed?trajFileName=endocytosis.simularium
  3. Compare to http://localhost:9001/viewer?trajFileName=endocytosis.simularium

Screenshots (optional):

Screenshot 2024-03-07 at 1 02 26 PM
github-actions[bot] commented 6 months ago

Coverage report

St.:grey_question:
Category Percentage Covered / Total
🟑 Statements 73.27% 603/823
🟑 Branches 68.38% 80/117
πŸ”΄ Functions 40.31% 79/196
🟑 Lines 71.73% 538/750

Test suite run success

99 tests passing in 7 suites.

Report generated by πŸ§ͺjest coverage report action from 4799e6df35975341418f69282691e4a79f499c56

interim17 commented 6 months ago

Screenshot 2024-03-08 at 11 37 41 AM