Files
speckle-server/packages/frontend-2
Alexandru Popovici ccd1c14e09 Threads Undead Patch (#2475)
* Fixed sandbox lint error

* Gave up with trying to enforce a standard basis across camera controller and applications. Now getPosition and getTarget will always be in whatever basis the camera controller is set to be

* No more pre-transformation to (0, 1, 0) for canonical and speckle views and when computin nearest point on geometry

* Reverted transformations from onboarding

* Updated comments

* Fixed the issue where if thread was active at stream load time, the camera position and orientation would be off. This specific issue occured only at startup and it was because the min.max radius for the orbit controls were not yet computed, the frontend calling setView before the orbit controls had a chance to update and compute it's min/max. Also fixed an issue where min distance computation was not using the correct camera positon, but rather the goal position
2024-07-05 10:28:56 +03:00
..
2024-05-29 11:48:17 +02:00
2024-07-05 10:28:56 +03:00
2024-07-05 10:28:56 +03:00
2024-06-27 15:40:28 +02:00
2024-06-12 14:38:02 +03:00
2023-05-08 10:47:01 +03:00
2023-05-08 10:47:01 +03:00
2023-05-08 10:47:01 +03:00
2023-05-08 10:47:01 +03:00

frontend-2 🏬

The replacement for our old Vue 2 Vue CLI frontend SPA app. This one's built with Vue 3, Nuxt 3, Tailwind and is server side rendered. Should be a faster and nicer experience both for our devs and our users!

Look at the nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

yarn install

And create an .env file from .env.example.

WSL2 on Windows

Remove the HOST env var from your .env file as its known to cause performance issues with the Nuxt dev server: https://github.com/nuxt/cli/issues/209

Development

Start the development server on http://localhost:8081

yarn dev

Typed GraphQL

Type your queries & fragments using the graphql() helper from ~~/lib/common/generated/gql and then run yarn gqlgen (or yarn gqlgen:watch to run it in watch mode) to generated TS typing information for these GQL documents.

More info: https://the-guild.dev/blog/unleash-the-power-of-fragments-with-graphql-codegen

Troubleshooting

ESLint results doesn't update after GQL type regeneration

Restart the ESLint plugin through VSCode's command palette, this is a bug with the ESLint plugin.

GraphQL codegen throws an error like "Unknown fragment XXX" or something else that doesn't make sense

Sometimes the codegen throws misleading errors and the issue is actually something completely different so I suggest removing the new graphql fragments/operations you've added one by one until the generation works again, to isolate the problematic graphql code. And then thoroughly investigate the fragments/operations you've added, because you might have a syntax error somewhere.

Production

Build the application for production:

yarn build

You can serve the production build locally by running yarn preview afterwards.

Checkout the deployment documentation for more information.