feat(demo): Add portal version selection dropdown

[MarkoOleksiyenko]

No description provided.

[MarkoOleksiyenko]

was thinking to add the pathToRoot/versions.json but it won't work on local (kinda useless but still interesting to have). WDYT?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.20%. Comparing base (5547e27) to head (e17549f).

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #567      +/-   ##
==========================================
+ Coverage   90.02%   90.20%   +0.17%     
==========================================
  Files         111      111              
  Lines        3931     3931              
  Branches      729      787      +58     
==========================================
+ Hits         3539     3546       +7     
+ Misses        390      383       -7     
  Partials        2        2              

Flag	Coverage Δ
e2e-1	54.54% <ø> (ø)
e2e-2	68.27% <ø> (-0.21%)	⬇️
e2e-3	68.41% <ø> (-0.28%)	⬇️
e2e-4	86.95% <ø> (ø)
e2e-6	87.14% <ø> (ø)
e2e-7	54.54% <ø> (-6.46%)	⬇️
e2e-8	88.06% <ø> (ø)
e2e-9	78.63% <ø> (ø)
unit	87.81% <ø> (+0.02%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[quentinderoubaix]

Instead of building the versions in the onMount of the Versions component, you could do like this:

+layout.ts

export const prerender = true;

export const load = async () => {
    const versionFetch = await fetch('https://amadeusitgroup.github.io/AgnosUI/versions.json');
    const versions = [{folder: 'main', version: 'PREVIEW'}].concat(await versionFetch.json());
    versions[1].folder === 'latest';
    return {
        versions
    };
}

+layout.svelte

<script>
   export let data;
</script>
...
<Versions versions={data.versions} />

Versions.svelte

<script>
  interface Version {
    folder: string;
    version: string;
  }
  export let versions: Version[];
</script>

[quentinderoubaix]

If you add the PREVIEW, targetting main, it could be good to change the styling of the button to make it clear to users it's not released yet.
Maybe something like this ?

<button
  class="btn nav-link dropdown-toggle align-items-center d-flex {$currentVersion$.version === 'PREVIEW' ? 'badge text-bg-warning' : ''}"
 ></button>

[quentinderoubaix]

LGTM !