Roadmap

Last updated: April 16, 2021

Tasks are listed with their respective details in the project boards.

The order in the lists does not exactly represent priority, order, neither execution.

The roadmap is subject to changes according to the development progress.

2014 - 2018

From 2014 to 2018 the project was released in alpha versions where the main ideas have been tested out in projects. Though many features were limited, have little support / extensibility, or buggy. The plan was to gather enough insight to decide and build the foundation of the framework.

2019

2019-Q1

General

Define and implement a new project architecture to improve organization, simplify tooling, and facilitate developers contributions.
Research and playground new ideas and concepts to implement in the project with the soulextract.com side project. The results are going to be used in Arwes.
Complete started animation and sounds guidelines. These guidelines will establish the ground concepts for the framework to work.

2019-Q2

`@arwes/animation`

Create an animation specification to define the animation system architecture.
Document React components APIs to create animation systems.

`@arwes/sounds`

Create a sounds specification to define the sound system architecture.
Develop the @arwes/sounds package with the sounds system APIs.
Document React components APIs to create sounds systems.

2019-Q3

General

Complete started purpose guideline document. This will clarify what the vision of the project is.

`@arwes/animation`

Define animation system architecture specification.
Update animation specification with complex animation flow scenearios.
Develop the @arwes/animation package with the animation system APIs.

2019-Q4

`@arwes/animation`

Create animation management components.
Create unit and group animation components.

2020

2020-Q4

General

Update project dependency packages.
Define repository and website documentation file structure.
Create documentation guidelines for systems, states, and events.
#64 Create Arwes UI/UX design specification. [Ongoing]
#61 Migrate project packages source code to TypeScript.
#62 Setup UMD distribution support.

Playground

#24 Add playground support for multiple sandboxes.
Update playground application UX.

`@arwes/animation`

#70 Add declarative and extensible animation component tools.
#36 Add non-parallel animation management support.
Create animation management documentation.

`@arwes/sounds`

#81 Add bleeps provider and bleeps component set up tools.

2021

2021-Q1

General

#64 Arwes UI/UX design specification. [Ongoing]

Website

#65 Website application setup.
#67 Website docs pages. [Ongoing]

`@arwes/design`

Research current React styling tools state to define which ones to use for the Arwes theming/styling tools.
#83 Define and create design style and theme tools.
Create design management documentation.

`@arwes/animation`

Simplify animator TypeScript typing names.
#95 Refactor Animator animate hooks to event functions.

`@arwes/sounds`

Create sounds management documentation.
#99 Bleeps players shared across components.
#101 Multiple component loop bleep sounds support.

`@arwes/core`

#93 Define strategy to extend core components styles. [Ongoing]
#96 Add application sounds starter package. [Ongoing]
#102 Component loop bleeps are not stopped when window is unfocused.

Providers

#84 Add Arwes Theme Provider component. [Ongoing]

Global

#86 Add StylesBaseline component. [Ongoing]

Content

#85 Add Text component. [Ongoing]
#104 Add List component. [Ongoing]
#103 Add Blockquote component. [Ongoing]
#88 Add Table component. [Ongoing]
#89 Add CodeBlock component. [Ongoing]
#87 Add Figure component. [Ongoing]
#91 Add Card component. [Ongoing]

Controls

#90 Add LoadingBars component. [Ongoing]
#100 Add Button component. [Ongoing]

Structures

#105 Add FrameUnderline component. [Ongoing]

2021-Q2 [CURRENT]

General

#64 Arwes UI/UX design specification. [Ongoing]
Project guidelines related to visual design.

Website

#67 Website docs pages. [Ongoing]

Demos

Create blog application demo.
Create portfolio application demo.
Create dashboard application demo.

`@arwes/animation`

#106 Research and create animator animated HTML element primitives.
#94 Animator unmount children on flow exited.
#63 Research SEO support for animated components.
Research and define ways to handle transitions out/in of systems/sub-systems.
Create external animator manager API for dynamically transitioned components.

`@arwes/sounds`

#97 Custom bleeps preloading.

`@arwes/core`

#96 Add application sounds starter package. [Ongoing]
Define and implement custom application resources loading with integration with bleeps API #97 and viewport support.

Providers

#84 Add Arwes Theme Provider component. [Ongoing]

Global

#86 Add StylesBaseline component. [Ongoing]

Content

#85 Add Text component. [Ongoing]
#104 Add List component. [Ongoing]
#103 Add Blockquote component. [Ongoing]
#88 Add Table component. [Ongoing]
#89 Add CodeBlock component. [Ongoing]
#87 Add Figure component. [Ongoing]
#91 Add Card component. [Ongoing]

Controls

Structures

Effects

Add Appear component.
Add Puffs component.
Add Highlight component.

2021-Q3

General

#18 Update contributing documentation.

Website

#66 Website index page.
#68 Website API pages.

Playground

#69 Playground application UI/UX design.

`@arwes/core`

Structures

Add Line component.

Controls

Add InputRadio component.
Add FormLegend component.
Add LoadingCircular component.
Add Alert component.

`@arwes/arwes`

Add Logo component.

2021-Q4

`@arwes/animation`

#98 Animator performance optimizations.