Jaanus Sellin
3acb3ad2c2
feat: upgrade from react v17 to v18 ( #7265 )
...
**Upgrade to React v18 for Unleash v6. Here's why I think it's a good
time to do it:**
- Command Bar project: We've begun work on the command bar project, and
there's a fantastic library we want to use. However, it requires React
v18 support.
- Straightforward Upgrade: I took a look at the upgrade guide
https://react.dev/blog/2022/03/08/react-18-upgrade-guide and it seems
fairly straightforward. In fact, I was able to get React v18 running
with minimal changes in just 10 minutes!
- Dropping IE Support: React v18 no longer supports Internet Explorer
(IE), which is no longer supported by Microsoft as of June 15, 2022.
Upgrading to v18 in v6 would be a good way to align with this change.
TS updates:
* FC children has to be explicit:
https://stackoverflow.com/questions/71788254/react-18-typescript-children-fc
* forcing version 18 types in resolutions:
https://sentry.io/answers/type-is-not-assignable-to-type-reactnode/
Test updates:
* fixing SWR issue that we have always had but it manifests more in new
React (https://github.com/vercel/swr/issues/2373 )
---------
Co-authored-by: kwasniew <kwasniewski.mateusz@gmail.com>
2024-06-11 13:59:52 +03:00
Mateusz Kwasniewski
6340ecd6bf
fix: demo steps should search the main table ( #7227 )
2024-05-31 12:29:55 +02:00
Mateusz Kwasniewski
88c7e9aa0e
feat: move demo to the right ( #7212 )
2024-05-29 15:00:31 +02:00
Jaanus Sellin
8542cafc9f
chore: rename toggle to flag #2 ( #7097 )
2024-05-22 08:20:11 +03:00
Christopher Kolstad
53354224fc
chore: Bump biome and configure husky ( #6589 )
...
Upgrades biome to 1.6.1, and updates husky pre-commit hook.
Most changes here are making type imports explicit.
2024-03-18 13:58:05 +01:00
Fredrik Strand Oseberg
f381718fd6
fix: icon imports ( #6499 )
...
Based on this article:
https://mui.com/material-ui/guides/minimizing-bundle-size/ importing
from `'@mui/icons-material'` instead of specifying the actual path to
the icon like `import Delete from '@mui/icons-material/Delete';` can be
up to six time slower. This change changes all named imports in Unleash
referencing the `@mui/icons-material` to default imports.
This reduced the amount of modules we had to process when building the
frontend from 15206 to 4746
Before:
<img width="1016" alt="Skjermbilde 2024-03-11 kl 14 19 58"
src="https://github.com/Unleash/unleash/assets/16081982/f137d24a-6557-4183-a40f-f62a33524520 ">
After:
<img width="1237" alt="Skjermbilde 2024-03-11 kl 14 20 32"
src="https://github.com/Unleash/unleash/assets/16081982/05a27d6a-2c3f-4409-9862-7188ab4b9c72 ">
Build time locally decreased by around 50%
Before:
<img width="1504" alt="Skjermbilde 2024-03-11 kl 14 31 45"
src="https://github.com/Unleash/unleash/assets/16081982/bc931559-b022-47ed-9f8f-c87401578518 ">
After:
<img width="1219" alt="Skjermbilde 2024-03-11 kl 14 27 00"
src="https://github.com/Unleash/unleash/assets/16081982/3c3a8d6b-576d-45c3-aa40-cc5f95d9df2b ">
2024-03-12 10:56:10 +01:00
Fredrik Strand Oseberg
6a70ba0cd0
fix: add new steps to demo guide ( #6112 )
...
This PR adds the necessary steps for the demo guidance to work properly
with the new form
2024-02-05 11:36:15 +01:00
Christopher Kolstad
5a3bb1ffc3
Biome1.5.1 ( #5867 )
...
Lots of work here, mostly because I didn't want to turn off the
`noImplicitAnyLet` lint. This PR tries its best to type all the untyped
lets biome complained about (Don't ask me how many hours that took or
how many lints that was >200...), which in the future will force test
authors to actually type their global variables setup in `beforeAll`.
---------
Co-authored-by: Gastón Fournier <gaston@getunleash.io>
2024-01-12 09:25:59 +00:00
Nuno Góis
c6ba9603c8
fix: demo banner zIndex, display on top ( #5776 )
...
This PR does 2 things:
- Fixes the `DemoBanner` zIndex to be the same as the sticky banners (no
longer displays on top of modals)
- Moves the `Demo` wrapper to `App` instead of `MainLayout`, always
displaying the demo banner before other banners
2024-01-05 14:57:34 +00:00
renovate[bot]
c7498dcac6
chore(deps): update dependency @biomejs/biome to v1.4.0 ( #5288 )
...
[](https://renovatebot.com )
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@biomejs/biome](https://biomejs.dev )
([source](https://togithub.com/biomejs/biome )) | [`1.3.3` ->
`1.4.0`](https://renovatebot.com/diffs/npm/@biomejs%2fbiome/1.3.3/1.4.0 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>biomejs/biome (@​biomejs/biome)</summary>
###
[`v1.4.0`](https://togithub.com/biomejs/biome/blob/HEAD/CHANGELOG.md#140-2023-11-27 )
[Compare
Source](af24597c18...889593e3f9https://togithub.com/ematipico )
- Add option `--config-path` to `lsp-proxy` and `start` commands. It's
now possible to tell the Daemon server to load `biome.json` from a
custom path. Contributed by
[@​ematipico](https://togithub.com/ematipico )
- Add new `--diagnostic-level` option to let users control the level of
diagnostics printed by the CLI. Possible values are: `"info"`, `"warn"`,
`"hint"`. Contributed by
[@​simonxabris](https://togithub.com/simonxabris )
- Add option `--line-feed` to the `format` command. Contributed by
[@​SuperchupuDev](https://togithub.com/SuperchupuDev )
- Add option `--bracket-same-line` to the `format` command. Contributed
by [@​faultyserve](https://togithub.com/faultyserve )
- Add option `--bracket-spacing` to the `format` command. Contributed by
[@​faultyserve](https://togithub.com/faultyserve )
##### Bug fixes
- Fix the command `format`, now it returns a non-zero exit code when if
there pending diffs. Contributed by
[@​ematipico](https://togithub.com/ematipico )
##### Configuration
- Add option `formatter.lineFeed`. Contributed by
[@​SuperchupuDev](https://togithub.com/SuperchupuDev )
- Add option `javascript.formatter.bracketSameLine`. Contributed by
[@​faultyserve](https://togithub.com/faultyserve )
- Add option `javascript.formatter.bracketSpacing`. Contributed by
[@​faultyserve](https://togithub.com/faultyserve )
##### Formatter
##### New features
- Add a new option
[`--line-ending`](https://biomejs.dev/reference/configuration/#formatterlineending ).
This option allows changing the type of line endings. Contributed by
[@​SuperchupuDev](https://togithub.com/SuperchupuDev )
- Added a new option called `--bracket-spacing` to the formatter. This
option allows you to control whether spaces are inserted around the
brackets of object literals.
[#​627](https://togithub.com/biomejs/biome/issues/627 ).
Contributed by [@​faultyserver](https://togithub.com/faultyserver )
- Added a new option called `--bracket-same-line` to the formatter. This
option allows you to control whether spaces are inserted around the
brackets of object literals.
[#​627](https://togithub.com/biomejs/biome/issues/627 ).
Contributed by [@​faultyserver](https://togithub.com/faultyserver )
##### Bug fixes
- Fix [#​832](https://togithub.com/biomejs/biome/issues/832 ), the
formatter no longer keeps an unnecessary trailing comma in type
parameter lists. Contributed by
[@​Conaclos](https://togithub.com/Conaclos )
- Fix [#​301](https://togithub.com/biomejs/biome/issues/301 ), the
formatter should not break before the `in` keyword. Contributed by
[@​ematipico](https://togithub.com/ematipico )
##### Linter
##### Promoted rules
-
[a11y/noInteractiveElementToNoninteractiveRole](https://biomejs.dev/linter/rules/no-interactive-element-to-noninteractive-role )
-
[complexity/noThisInStatic](https://biomejs.dev/linter/rules/no-this-in-static )
-
[complexity/useArrowFunction](https://biomejs.dev/linter/rules/use-arrow-function )
-
[correctness/noEmptyCharacterClassInRegex](https://biomejs.dev/linter/rules/no-empty-character-class-in-regex )
-
[correctness/noInvalidNewBuiltin](https://biomejs.dev/linter/rules/no-invalid-new-builtin )
-
[style/noUselessElse](https://biomejs.dev/linter/rules/no-useless-else )
-
[style/useAsConstAssertion](https://biomejs.dev/linter/rules/use-as-const-assertion )
-
[style/useShorthandAssign](https://biomejs.dev/linter/rules/use-shorthand-assign )
-
[suspicious/noApproximativeNumericConstant](https://biomejs.dev/linter/rules/no-approximative-numeric-constant )
-
[suspicious/noMisleadingInstantiator](https://biomejs.dev/linter/rules/no-misleading-instantiator )
-
[suspicious/noMisrefactoredShorthandAssign](https://biomejs.dev/linter/rules/no-misrefactored-shorthand-assign )
The following rules are now recommended:
- [a11y/noAccessKey](https://biomejs.dev/linter/rules/no-access-key )
-
[a11y/useHeadingContent](https://biomejs.dev/linter/rules/use-heading-content )
-
[complexity/useSimpleNumberKeys](https://biomejs.dev/linter/use-simple-number-keys )
The following rules are now deprecated:
-
[correctness/noNewSymbol](https://biomejs.dev/linter/rules/no-new-symbol )
The rule is replaced by
[correctness/noInvalidNewBuiltin](https://biomejs.dev/linter/rules/no-invalid-new-builtin )
##### New features
- Add
[noDefaultExport](https://biomejs.dev/linter/rules/no-default-export )
which disallows `export default`. Contributed by
[@​Conaclos](https://togithub.com/Conaclos )
- Add
[noAriaHiddenOnFocusable](https://biomejs.dev/linter/rules/no-aria-hidden-on-focusable )
which reports hidden and focusable elements. Contributed by
[@​vasucp1207](https://togithub.com/vasucp1207 )
- Add
[noImplicitAnyLet](https://biomejs.dev/linter/rules/no-implicit-any-let )
that reports variables declared with `let` and without initialization
and type annotation. Contributed by
[@​TaKO8Ki](https://togithub.com/TaKO8Ki ) and
[@​b4s36t4](https://togithub.com/b4s36t4 )
- Add [useAwait](https://biomejs.dev/linter/rules/use-await ) that
reports `async` functions that don't use an `await` expression.
- Add
[useValidAriaRole](https://biomejs.dev/linter/rules/use-valid-aria-role ).
Contributed by [@​vasucp1207](https://togithub.com/vasucp1207 )
- Add [useRegexLiterals](https://biomejs.dev/linter/use-regex-literals )
that suggests turning call to the regex constructor into regex literals.
COntributed by [@​Yuiki](https://togithub.com/Yuiki )
##### Enhancements
- Add an unsafe code fix for
[a11y/useAriaActivedescendantWithTabindex](https://biomejs.dev/linter/rules/use-aria-activedescendant-with-tabindex )
##### Bug fixes
- Fix [#​639](https://togithub.com/biomejs/biome/issues/639 ) by
ignoring unused TypeScript's mapped key. Contributed by
[@​Conaclos](https://togithub.com/Conaclos )
- Fix [#​565](https://togithub.com/biomejs/biome/issues/565 ) by
handling several `infer` with the same name in extends clauses of
TypeScript's conditional types. Contributed by
[@​Conaclos](https://togithub.com/Conaclos )
- Fix [#​653](https://togithub.com/biomejs/biome/issues/653 ).
[noUnusedImports](https://biomejs.dev/linter/rules/no-unused-imports )
now correctly removes the entire line where the unused `import` is.
Contributed by [@​Conaclos](https://togithub.com/Conaclos )
- Fix [#​607](https://togithub.com/biomejs/biome/issues/609 )
`useExhaustiveDependencies`, ignore optional chaining, Contributed by
[@​msdlisper](https://togithub.com/msdlisper )
- Fix [#​676](https://togithub.com/biomejs/biome/issues/676 ), by
using the correct node for the `"noreferrer"` when applying the code
action. Contributed by
[@​ematipico](https://togithub.com/ematipico )
- Fix [#​455](https://togithub.com/biomejs/biome/issues/455 ). The
CLI can now print complex emojis to the console correctly.
- Fix [#​727](https://togithub.com/biomejs/biome/issues/727 ).
[noInferrableTypes](https://biomejs.dev/linter/rules/no-inferrable-types )
now correctly keeps type annotations when the initialization expression
is `null`. Contributed by
[@​Conaclos](https://togithub.com/Conaclos )
- Fix [#​784](https://togithub.com/biomejs/biome/issues/784 ),
[noSvgWithoutTitle](https://biomejs.dev/linter/rules/no-svg-without-title )
fixes false-positives to `aria-label` and reports svg's role attribute
is implicit. Contributed by
[@​unvalley](https://togithub.com/unvalley )
- Fix [#​834](https://togithub.com/biomejs/biome/issues/834 ) that
made
[noUselessLoneBlockStatements](https://biomejs.dev/linter/rules/no-useless-lone-block-statements )
reports block statements of switch clauses. Contributed by
[@​vasucp1207](https://togithub.com/vasucp1207 )
- Fix [#​783](https://togithub.com/biomejs/biome/issues/834 ) that
made
[noUselessLoneBlockStatements](https://biomejs.dev/linter/rules/no-useless-lone-block-statements )
reports block statements of `try-catch` structures. Contributed by
[@​hougesen](https://togithub.com/hougesen )
- Fix [#​69](https://togithub.com/biomejs/biome/issues/69 ) that
made
[correctness/noUnnecessaryContinue](https://biomejs.dev/linter/rules/no-unnecessary-continue )
incorrectly reports a `continue` used to break a switch clause.
Contributed by [@​TaKO8Ki](https://togithub.com/TaKO8Ki )
- Fix [#​664](https://togithub.com/biomejs/biome/issues/664 ) by
improving the diagnostic of
[style/useNamingConvention](https://biomejs.dev/linter/use-naming-convention )
when double capital are detected in strict camel case mode. Contributed
by [@​vasucp1207](https://togithub.com/vasucp1207 )
- Fix [#​643](https://togithub.com/biomejs/biome/issues/643 ) that
erroneously parsed the option of
[complexity/useExhaustiveDependencies](https://biomejs.dev/linter/use-naming-convention ).
Contributed by [@​arendjr](https://togithub.com/arendjr )
##### Parser
##### Bug fixes
- Fix [#​846](https://togithub.com/biomejs/biome/issues/846 ) that
erroneously parsed `<const T,>() => {}` as a JSX tag instead of an arrow
function when both TypeScript and JSX are enabled.
##### VSCode
</details>
---
### Configuration
📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Enabled.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/ ). View
repository job log
[here](https://developer.mend.io/github/Unleash/unleash ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy40Ni4wIiwidXBkYXRlZEluVmVyIjoiMzcuNTkuOCIsInRhcmdldEJyYW5jaCI6Im1haW4ifQ==-->
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Christopher Kolstad <chriswk@getunleash.io>
2023-11-28 09:32:00 +00:00
Nuno Góis
347c1cabbc
feat: add new sticky component to handle stacked stickies ( #5088 )
...
https://linear.app/unleash/issue/2-1509/discovery-stacked-sticky-elements
Adds a new `Sticky` element that will attempt to stack sticky elements
in the DOM in a smart way.
This needs a wrapping `StickyProvider` that will keep track of sticky
elements.
This PR adapts a few components to use this new element:
- `DemoBanner`
- `FeatureOverviewSidePanel`
- `DraftBanner`
- `MaintenanceBanner`
- `MessageBanner`
Pre-existing `top` properties are taken into consideration for the top
offset, so we can have nice margins like in the feature overview side
panel.
### Before - Sticky elements overlap 😞
### After - Sticky elements stack 😄
2023-10-19 15:50:37 +01:00
Nuno Góis
4167a60588
feat: biome lint frontend ( #4903 )
...
Follows up on https://github.com/Unleash/unleash/pull/4853 to add Biome
to the frontend as well.
Added a few `biome-ignore` to speed up the process but we may want to
check and fix them in the future.
2023-10-02 13:25:46 +01:00
Mateusz Kwasniewski
a68942d90f
fix: strategy variants in demo link to new variants ( #4477 )
2023-08-11 09:43:41 +02:00
Mateusz Kwasniewski
df41146f50
feat: Demo for strategy variants ( #4457 )
2023-08-10 11:55:33 +02:00
Mateusz Kwasniewski
11c48171bd
fix: Demo for old variants ( #4455 )
2023-08-09 13:11:07 +02:00
Mateusz Kwasniewski
c549280e31
fix: Performance improvements for demo and docs update ( #4454 )
2023-08-09 12:58:03 +02:00
Nuno Góis
8707c2f7d9
fix: ensure userId context exists when running demo ( #4144 )
...
https://linear.app/unleash/issue/2-1168/demo-ensure-userid-context-field-in-setup-steps
This ensures that the `userId` context field exists when we reach
specific demo topics that require it in order to be successfully
completed. This uses the `setup` property on those topics, where we'll
check for the existence of this context field and create it if it's not
found.
2023-07-05 10:49:18 +01:00
Nuno Góis
6a3965f57a
feat: improve demo welcome screen options ( #4132 )
...
https://linear.app/unleash/issue/2-1166/demo-welcome-screen-improvement
Improves UI/UX of the demo welcome screen dialog by adding the "Explore
on my own" button and renaming the "Try Unleash demo" button to "Go for
a guided tour".
This also adds UTM links to both the demo website URL and QR code.
2023-07-04 08:10:34 +01:00
Nuno Góis
5dcb0f1913
fix: demo flow with split strategy button by making step optional ( #4125 )
...
This fixes the demo flow by making the strategy popup step optional.
This way the demo works whether the flag is enabled or not. Once we make
the split strategy button GA, we can remove this step entirely.
Feel free to re-enable the flag once this is deployed to demo.
2023-06-30 11:15:25 +01:00
Jaanus Sellin
f7b0f0e410
fix: demo to use new query param ( #4000 )
2023-06-19 11:17:40 +03:00
Nuno Góis
959ac33905
fix: misc UI fixes mostly responsiveness related ( #3868 )
...
Includes:
- https://linear.app/unleash/issue/2-1050/ui-fixes
- https://linear.app/unleash/issue/2-1088/mobile-ui
- https://linear.app/unleash/issue/2-1090/tablet-table
Which include things like:
- zIndex adjustments;
- Make the plans dialog more responsive;
- Hide interactive demo guide on small screens;
- Improve demo banner responsiveness;
- Fix console error on `ResponsiveButton`;
- Adjust sidebar header to be more consistent;
Co-authored-by @nicolaesocaciu
2023-05-25 20:28:08 +03:00
Nuno Góis
0c538f070a
refactor: change plausible events to be more specific at the top level ( #3810 )
...
Splits the `demo` event into multiple more specific events so it's
easier to track on Plausible (fix `(none)` in Plausible).
2023-05-19 15:32:08 +01:00
Nuno Góis
6d473164ab
refactor: rename demo img assets ( #3795 )
...
Small PR that simply renames `demo`-related assets for better
organization and readability.
2023-05-17 08:47:19 +00:00
Nuno Góis
6a12403eca
fix: demo QR code ( #3793 )
...
https://linear.app/unleash/issue/2-1062/update-the-qr-code
Updates the QR code to a correct one, since the last one expired.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-17 09:03:11 +01:00
Nuno Góis
dabb6c00a3
fix: demo guide dialogs behavior ( #3762 )
...
Improves the dialogs behavior to address
https://linear.app/unleash/issue/2-1053/bug-when-big-dialog-is-open-if-you-click-on-a-step-the-flow-is-broken
Also prevents close on backdrop click for the welcome dialog.
2023-05-12 17:58:06 +00:00
Nuno Góis
f7b05c39f9
fix: demo userId screenshot path ( #3761 )
...
Fixes an issue where the userId screenshot did not load correctly.
2023-05-12 14:34:59 +00:00
Nuno Góis
7116b47a39
fix: point demo website links and QR to new URL ( #3754 )
...
https://linear.app/unleash/issue/2-1035/apply-changes-with-demo-instance-in-mind
Applies this item in the task:
- Ensure that the demo guide points to the URL mentioned above, with the
correct QR code;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-12 12:07:51 +03:00
Nuno Góis
bf4cbd24b0
fix: ensure rel=noreferrer on target=_blank ( #3755 )
...
https://linear.app/unleash/issue/2-1043/ensure-that-links-with-target=-blank-include-rel=noreferrer-to-prevent
Ensures that links with `target="_blank"` include `rel="noreferrer"` to
prevent warnings such as:
https://mathiasbynens.github.io/rel-noopener/#recommendations
2023-05-12 09:51:33 +01:00
Nuno Góis
b8171cf909
fix: interactive demo guide adjustments ( #3747 )
...
https://linear.app/unleash/issue/2-1027/adjustments
https://linear.app/unleash/issue/2-989/add-imagegif-to-some-of-the-steps
Includes small adjustments from the tasks above:
- Adjust zIndex values for the demo guide;
- Add a screenshot to better guide the users to their `userId` in the
demo website;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-11 18:01:08 +00:00
Nuno Góis
aaf15c96f9
feat: use new demo website ( #3737 )
...
https://linear.app/unleash/issue/2-1023/use-new-demo-website-for-testing-purposes
Use https://unleash-demo-app.vercel.app/ for now, which will help us
testing.
Should be reverted/updated before we release to the current `demo`
instance.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-10 11:48:00 +00:00
Nuno Góis
9d680a782d
fix: improve steps for demo guide toggle topic ( #3728 )
...
https://linear.app/unleash/issue/2-1006/steps-improvement-enabledisable-a-feature-toggle
Step improvements for the "toggle" topic.
Includes a smarter "Next" label that can also be "Start" or "Finish"
depending (nice-to-have).
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-09 22:33:01 +03:00
Nuno Góis
64bae9a042
fix: improve steps for demo guide specific user topic ( #3727 )
...
https://linear.app/unleash/issue/2-980/steps-improvements-enable-for-a-specific-user
Step improvements for the "specific user" topic.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-09 22:30:18 +03:00
Nuno Góis
0da0b13379
fix: improve steps for demo guide gradual rollout topic ( #3723 )
...
https://linear.app/unleash/issue/2-1007/steps-improvement-adjust-gradual-rollout
Step improvements for the "gradual rollout" topic.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-09 18:24:28 +03:00
Nuno Góis
29857e2bc5
fix: improve steps for demo guide variants topic ( #3721 )
...
https://linear.app/unleash/issue/2-1008/steps-improvement-adjust-variants
Step improvements for the "variants" topic.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-09 11:47:55 +01:00
Nuno Góis
0c620656ef
fix: small fixes for the interactive demo guide ( #3713 )
...
https://linear.app/unleash/issue/2-1005/small-ui-improvements
https://linear.app/unleash/issue/2-1020/fix-issues-with-interactive-demo-guide
Tackles the 2 tasks above, which include items such as:
- Change drop-shadow of step tooltips;
- Change transparency of overlay;
- Change box-shadow of topics "widget";
- Gradual rollout should use `default` stickiness;
- Improve last step behavior when redirecting (add optional delay);
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-09 10:04:39 +03:00
Nuno Góis
edefa6fc7e
test: add interactive demo guide e2e test ( #3656 )
...
This PR revamps e2e tests, while adding a new one for the interactive
demo guide:
- Bumps Cypress from `9.7.0` to `12.11.0`;
- Bumps Cypress GH action from `v2` to `v5`;
- Makes any adjustments needed;
- Fixes a lot of issues identified with existing tests;
- Adds new `demo.spec.ts` e2e test that covers the entire demo guide
flow;
**Note:** Currently does not include `demo.spec.ts` in the GH action, as
it
[fails](https://github.com/Unleash/unleash/actions/runs/4896839575/jobs/8744137231?pr=3656 )
on step 2.13 (last step of "user-specific" topic). It runs perfectly
fine locally, though.
Might be placebo, but in general tests seem less flaky now and they may
even be faster (especially when not adding the `demo` one, which would
always take a long time).
2023-05-08 09:16:18 +01:00
Nuno Góis
710b2a6d5e
feat: demo guide improvements ( #3676 )
...
https://linear.app/unleash/issue/2-986/feedback-from-sebastian
Implements the items mentioned in the task:
- Refactors logic to track completion separately;
- When finishing a topic, jumps to the next unfinished topic it can
find;
- Shows the finish dialog when finishing a topic, as long as completion
is 100%;
- Changes the guide overlay behavior and implements the necessary
changes to adapt to light and dark mode;
- Fixes an issue where some guide dialogs would close when clicking
outside;
- Added a final "toggle" step for each topic (still needs alignment,
different task);
- Improve navigation logic to hopefully fix the feature toggle name
sorting;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-03 21:47:35 +03:00
Nuno Góis
2e1064b1f7
feat: demo sorts features by name ( #3663 )
...
https://linear.app/unleash/issue/2-983/can-we-we-reverse-order-of-the-toggles
This PR makes it so that, on topic navigation to the project overview
page, we assume a feature toggle name sorting by default:
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-05-02 16:20:23 +03:00
Nuno Góis
9df9095b1f
feat: demo small UI adjustments ( #3653 )
...
https://linear.app/unleash/issue/2-975/small-ui-adjustments
Adds some small UI adjustments we identified in the meantime:
- "Get Unleash" -> "Get started" in the top banner;
- Topics list header is now the same color as the top banner;
- Added `focus` capabilities to steps, added it to the appropriate
steps;
- No longer closes tooltip when clicked when using `anyClick`;
- Reversed the topics list header arrow rotation;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-28 11:54:58 +00:00
Nuno Góis
3c48171c78
feat: add user tracking to demo ( #3637 )
...
https://linear.app/unleash/issue/2-946/explore-and-implement-options-for-user-tracking
Adds user tracking to the interactive demo, so we can measure how users
are using this feature and improve it in the feature.
## Events
- **start** - When the user starts the demo by clicking on the "Try
Unleash Demo" button;
- **finish** - When the user finishes the demo by seeing the "You
finished the demo" dialog;
- **restart** - When the user decides to restart the demo on the "You
finished the demo" dialog;
- **close** - When the user closes a demo dialog;
- **topic** - In what topic this happened (topic title, can also be
`start` if user closes on the start dialog);
- **step** - In what step this happened (step number, `1` would mean
first step);
- **start_topic** - When the user decides to start a specific topic by
clicking it in the list;
- **topic** - What topic was clicked (topic title);
- **ask_questions** - When the user decides to ask questions by clicking
the appropriate option in the top banner;
- **see_plans** - When the user decides to see the plans by clicking the
appropriate option in the top banner;
- **plan** - What plan was clicked (one of: `open_source`, `pro`,
`enterprise` or `compare_plans`);
- **open_demo_web** - User decided to open the demo website using the
link on the start dialog;
- **view_demo_link** - User decided to open the start dialog again on
the bottom of the topics list;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-27 14:12:02 +01:00
Nuno Góis
3599e7478c
feat: demo ui-ux improvements ( #3634 )
...
https://linear.app/unleash/issue/2-914/improve-demo-guide-uiux
Includes a big batch of UI/UX improvements, including but not limited
to:
- Updating steps text;
- Improve behavior of intro step dialogs (use normal dialogs);
- Improve overall design;
- Improve escape key and backdrop click behaviors;
- Add plans dialog;
- Add sticky demo banner;
- Assume `demo-app` project and `dev` environment to better fit our demo
instance;
- Misc fixes and refactors;
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-27 08:15:17 +01:00
Nuno Góis
697fb6aab5
feat: update the user-specific topic ( #3608 )
...
https://linear.app/unleash/issue/2-961/update-demo-guide-steps-to-not-include-a-userids-strategy
Updates the user-specific toggle topic to use a standard strategy with a
constraint instead (deprecate UserID strategy).
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
<img width="1282" alt="image"
src="https://user-images.githubusercontent.com/14320932/233987506-380d89e3-bd5d-461d-a5dc-89e54ad21d88.png ">
2023-04-24 13:02:06 +01:00
Nuno Góis
0b4df3f53c
feat: add demo guide finish dialog ( #3578 )
...
https://linear.app/unleash/issue/2-925/add-final-tutorial-complete-dialog
Adds the finish dialog, similar to
https://github.com/Unleash/unleash/pull/3574
Also includes some fixes and improvements identified in the meantime.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
---------
Co-authored-by: Gastón Fournier <gaston@getunleash.io>
2023-04-21 11:48:44 +01:00
Nuno Góis
2cf6e689ee
feat: add demo guide welcome dialog ( #3574 )
...
https://linear.app/unleash/issue/2-923/add-initial-getting-started-dialog
Adds the welcome dialog with the static QR code pointing to our demo
website. Also changes how the run logic works a bit, so that we have
better control over it (only start demo steps once we click the start
button, etc).
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-20 16:32:26 +01:00
Nuno Góis
58fb1a21fd
feat: implement demo guide steps ( #3569 )
...
https://linear.app/unleash/issue/2-924/implement-the-guide-steps
While https://github.com/Unleash/unleash/pull/3528 implemented the basic
guide logic with some example steps, this PR adds the guide steps as per
the current demo, along with any necessary changes and features that
were needed to accomplish this.
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
https://user-images.githubusercontent.com/14320932/233133252-a3790f11-ec5d-4ee3-952d-88348212bd3c.mp4
2023-04-19 19:40:29 +01:00
Nuno Góis
6c79c790a9
feat: implement demo guide steps logic ( #3528 )
...
https://linear.app/unleash/issue/2-915/implement-guide-steps-logic
https://user-images.githubusercontent.com/14320932/232099388-a8138b29-8256-4ed2-b8f4-f7607cf3ab9c.mp4
See discussion for context:
https://unleash-internal.slack.com/archives/C046LV85N3C/p1681723816687779?thread_ts=1681488537.345059&cid=C046LV85N3C
Relates to [roadmap](https://github.com/orgs/Unleash/projects/10 ) item:
#3537
2023-04-18 10:56:15 +01:00
