Files

T

andrewwallacespeckle 91cb011ded feat(fe2): New user onboarding flow (#3932 )

* CodeInput. verify-email page

* middleware

* Loading toast

* Countdown only for registration

* Improve middleware

* Fix middleware breaking auth flow

* Remove old notifications

* Remove old onboarding. New segmentation

* Remove skip button

* Block verify email when verified

* useUserEmails composable. Cancel addition

* Move user emails queries

* Fix fragments etc

* redirect updates

* HeaderWithEmptyPage

* Check env before enforcing

* Join workspace

* Updates

* Fix console warnings on login

* Fix register console warnings

* Working cache updates

* Verify secondary email

* Force onboarding off

* EMAIL WIP

* useIsJustRegistered state

* Improve isRequired

* Uneeded change

* Improved slots

* Updates from CR

* CR comments

* Only show message if forced

* Update onboarding middleware

* Update loading bar

* ref > computed to fix onboarding

* Resend tooltip. Better errors

* Add other to form.

* Email changes

* Updates to emails

* Remove force email FF

* Remove FF's

* Hide header on embed

* Update graphql.ts

* Re-add FF

* Update graphql.ts

* GQL Fragments

* Fix build

2025-02-14 10:20:14 +00:00

.storybook

chore: updating ws everywhere to resolve SNYK-JS-WS-7266574 (#2385 )

2024-06-18 13:26:01 +03:00

.vscode

chore(server): core IoC #40 - favoriteStreamFactory (#3252 )

2024-10-14 10:44:45 +02:00

src

feat(fe2): New user onboarding flow (#3932 )

2025-02-14 10:20:14 +00:00

utils

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

.npmignore

feat: tailwind theme & Vue base components extracted to own NPM packages (#1576 )

2023-05-16 13:43:04 +03:00

eslint.config.mjs

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

index.html

feat: tailwind theme & Vue base components extracted to own NPM packages (#1576 )

2023-05-16 13:43:04 +03:00

package.json

fix(fe2): SSR memory leak caused by vue apollo (#3790 )

2025-01-13 10:13:59 +02:00

postcss.config.js

feat(fe2): app authorization workflow redesign [WBX-217] (#2044 )

2024-02-23 16:50:07 +02:00

README.md

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

tailwind.config.cjs

fix: tailwind config loading randomly breaking cause of import.meta in cjs (#3850 )

2025-01-21 11:47:50 +02:00

tsconfig.json

feat(shared): modularized package & node16 support (#2336 )

2024-06-11 14:12:13 +03:00

tsconfig.node.json

feat: tailwind theme & Vue base components extracted to own NPM packages (#1576 )

2023-05-16 13:43:04 +03:00

vite.config.ts

Feature: FE2 - Project Webhooks Page (#1792 )

2023-09-26 15:41:29 +02:00

README.md

ui-components

Speckle UI component library built with Vue 3 and relying on the Speckle Tailwind theme.

Setup

Make sure you have @speckle/tailwind-theme installed and set up with Tailwind
Install @speckle/ui-components
In your tailwind config import tailwindContentEntries from @speckle/ui-components/tailwind-configure and invoke it in the contents field to ensure PurgeCSS is configured correctly. It requires the CJS require object as its only parameter. If it isn't available (in an ESM environment), you can use node's createRequire().
Import @speckle/ui-components/style.css in your app. If exports map isn't supported you can also import from @speckle/ui-components/dist/style.css

Usage in Nuxt v3

It's suggested that you also install the @speckle/ui-components-nuxt Nuxt module. It will ensure that all of the Vue components can be auto-imported like components in nuxt's ./components directory. No need to import them manually anymore and you'll also get proper TS typing in your Vue templates out of the box!

Troubleshooting

Form validation doesn't work

It appears that in some scenarios Nuxt/Vite gets confused and bundles 'vee-validate' twice. To fix this add 'vee-validate' to vite.resolve.dedupe in your nuxt/vite config.

Build

Run yarn build

Development

Develop & test your components in Storybook - yarn storybook

Optionally you can also run yarn dev to run the Vite dev server which runs App.vue and in some special scenarios you might want to debug components there.

Troubleshooting

Styles don't work

Re-start storybook, it could be that you introduced a new tailwind class that was previously purged out