diff --git a/.vscode/settings.json b/.vscode/settings.json index 63022ba437..9c0de3bcdd 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -15,5 +15,6 @@ "search.exclude": { "**/dist": true, "**/generated": true - } + }, + "cSpell.words": ["Tanstack", "Tansu"] } diff --git a/demo/src/lib/layout/Published.svelte b/demo/src/lib/layout/Published.svelte index 3114f20224..3ba65fcf08 100644 --- a/demo/src/lib/layout/Published.svelte +++ b/demo/src/lib/layout/Published.svelte @@ -7,6 +7,7 @@ import share from 'bootstrap-icons/icons/share.svg?raw'; import fbasso from '$resources/images/fbasso.webp'; + import fexbrayat from '$resources/images/fexbrayat.webp'; import {onMount} from 'svelte'; type AuthorInfo = { @@ -19,6 +20,10 @@ icon: fbasso, title: 'Fabrice Basso, Software engineer at Amadeus', }, + fexbrayat: { + icon: fexbrayat, + title: 'Florent Exbrayat, Principal engineer at Amadeus', + }, } satisfies Record; interface Props { diff --git a/demo/src/resources/images/fexbrayat.webp b/demo/src/resources/images/fexbrayat.webp new file mode 100644 index 0000000000..69e7ff49cc Binary files /dev/null and b/demo/src/resources/images/fexbrayat.webp differ diff --git a/demo/src/resources/images/reactivity.webp b/demo/src/resources/images/reactivity.webp deleted file mode 100644 index 8329c064c7..0000000000 Binary files a/demo/src/resources/images/reactivity.webp and /dev/null differ diff --git a/demo/src/routes/+layout.svelte b/demo/src/routes/+layout.svelte index 56b28e8f05..587911e3bd 100644 --- a/demo/src/routes/+layout.svelte +++ b/demo/src/routes/+layout.svelte @@ -119,7 +119,7 @@ {/if} Blog diff --git a/demo/src/routes/blog/+layout.server.ts b/demo/src/routes/blog/+layout.server.ts index 08eebc23ff..32bfedc852 100644 --- a/demo/src/routes/blog/+layout.server.ts +++ b/demo/src/routes/blog/+layout.server.ts @@ -3,7 +3,10 @@ export const load = () => { menu: [ { title: 'News 2024', - submenu: [{label: 'State management with Tansu', path: 'blog/2024-02-01', slug: 'blog/2024-02-01'}], + submenu: [ + {label: 'Roadmap to 1.0', path: 'blog/2024-11-06'}, + {label: 'State management with Tansu', path: 'blog/2024-02-01', slug: 'blog/2024-02-01'}, + ], }, ], since: 'v0.1.1', diff --git a/demo/src/routes/blog/2024-11-06/+page.server.ts b/demo/src/routes/blog/2024-11-06/+page.server.ts new file mode 100644 index 0000000000..8b8b2cd2bf --- /dev/null +++ b/demo/src/routes/blog/2024-11-06/+page.server.ts @@ -0,0 +1,10 @@ +export const load = () => ({ + pageMeta: { + title: 'Roadmap to 1.0', + description: + 'AgnosUI is currently in 0.X version, but we intend to progress to reach 1.0 by 2025. In this blog we explain the steps to go there.', + socialImage: 'https://www.agnosui.dev/static/roadmap1.0-social-share.png', + socialImageAlt: 'Blog roadmap 1.0 image', + shareUrl: 'https://www.agnosui.dev/latest/blog/2024-11-06', + }, +}); diff --git a/demo/src/routes/blog/2024-11-06/+page.svelte b/demo/src/routes/blog/2024-11-06/+page.svelte new file mode 100644 index 0000000000..59f9e9a0fd --- /dev/null +++ b/demo/src/routes/blog/2024-11-06/+page.svelte @@ -0,0 +1,14 @@ + + +
+ +frontend development + diff --git a/demo/src/routes/blog/2024-11-06/roadmap1.0.md b/demo/src/routes/blog/2024-11-06/roadmap1.0.md new file mode 100644 index 0000000000..5a4bff7564 --- /dev/null +++ b/demo/src/routes/blog/2024-11-06/roadmap1.0.md @@ -0,0 +1,76 @@ +It has been a year since our first commit, and we have made significant progress since the beginning of our library. We are getting closer to reaching our 1.0 version, and we want to provide a clearer vision of the library's future. + +## Tech Enablers + +### Pass the Demos to SSR + +We are working on delivering our demo examples using Server-Side Rendering (SSR) to enhance performance and user experience (UX). + +### Migrate the React Demo Site to Tanstack Start + +Currently, our React demos are built using Vite, but this doesn't reflect real-life usage of React. We intend to migrate our React demo site to Tanstack Start to benefit from a more realistic environment. + +### Upgrade to New Framework Versions + +We plan to update our library to React 19 and Angular 19 as soon as they are officially released. + +## Signal with Tansu 2.0 + +We are improving the performance of Tansu (our reactive state library) (see [this PR](https://github.com/AmadeusITGroup/tansu/pull/139)) while working closely with TC39 to integrate similar features into the future signal implementation. + +Here are our contributions to the ongoing work on signals: + +- [issue 227](https://github.com/tc39/proposal-signals/issues/227) +- [issue 226](https://github.com/tc39/proposal-signals/issues/226) +- [PR 197](https://github.com/tc39/proposal-signals/pull/197) + +## Components + +We plan to add several new components to AgnosUI. Here is a non-exhaustive list of the components we are targeting: + +- Carousel (already in progress for version 0.6) +- Dropdown +- Select +- Tree (already in progress for version 0.6) +- Stepper +- SideNav +- Tabs +- ScrollSpy +- Tooltip +- Popover + +For date/time components, we will need to evaluate the correct abstraction to use underneath. + +We will improve some of our current components by providing services to manage them (Modal, Toast) and evaluate the usage of the new native Popover API. + +## Documentation Review + +We intend to continue improving the documentation by adding examples of features and emphasizing the accessibility and good UX of our components. + +### Blog + +We will publish a few articles highlighting why our widget libraries are interesting and the best solution for users' needs. + +### Contribution Guide + +A detailed guide to help new contributors participate in the development of AgnosUI will be delivered. + +### Navigation Manager Service + +Documentation on our navigation manager service for better knowledge and user experience. + +### Intersection Service + +Explanation of our intersection service for efficient management of elements visible in the viewport. + +### Extension Capabilities + +Documentation on the extension capabilities of AgnosUI, including available configuration options. + +### Release Management + +We will provide clear documentation on our release management process for AgnosUI. As we have multiple libraries, we need to clarify this. + +## Conclusion + +We are excited to share these updates with you and continue improving AgnosUI to meet your development needs and to see the progress we've made this year and cannot wait to reach our first major release. We hope you are as excited as we are and will share more news regarding AgnosUI, where components shine. Stay tuned for more details and updates! diff --git a/demo/src/routes/menu/MobileMenu.svelte b/demo/src/routes/menu/MobileMenu.svelte index d9f5ced2b6..578bb5b340 100644 --- a/demo/src/routes/menu/MobileMenu.svelte +++ b/demo/src/routes/menu/MobileMenu.svelte @@ -48,7 +48,7 @@