Construct props using builder pattern

[MuhannadAlrusayni]

Problem
I'm exploring the possibility to have DSL working with Yew so someone can build the view using only DSL without using JSX style/syntax, something similar to this:

fn view(&self) -> Html {
    Row::with(|props| {
        props.children(|c| c
            .push(Input::<String>::with(|p| p
                .label("Name")
                .validator(|val| if val.len() > 10 {
                    Err("Cannot be longer than 10 letters")
                } else {
                    Ok(val)
                })))
            .push(Button::with(|p| p
                .label("Name")
                .on_click(self.link.callback(Msg::Clicked))))
    })
}

This is an imaginary syntax to give an example on how DSL view might look like. I believe there is many blockers to have this functionality in today Yew.

One blocker I find is the ability to set optional props without using html!/props! macro, in current Yew we can create Props using the Props::builder function found in Properties trait that would return PropsBuilder<T, PropsBuilderStep_missing_required_prop_PROP_NAME>, the issue is that optional props setters implementation are separated across PropsBuilder<T, STEPS> for example if component have these props:

#[derive(Properties, Clone, PartialEq)]
pub struct Props {
    pub path: String,
    #[prop_or_default]
    pub id: Option<String>,
    pub label: String,
    #[prop_or_default]
    pub help: Option<String>,
}

the output would look like:

#[doc(hidden)]
pub struct PropsBuilderStep_missing_required_prop_label;
#[doc(hidden)]
pub struct PropsBuilderStep_missing_required_prop_path;
#[doc(hidden)]
pub struct PropsBuilderStep_build;
#[doc(hidden)]
pub trait PropsBuilderStep {}
impl PropsBuilderStep for PropsBuilderStep_missing_required_prop_label {}
impl PropsBuilderStep for PropsBuilderStep_missing_required_prop_path {}
impl PropsBuilderStep for PropsBuilderStep_build {}
#[doc(hidden)]
pub struct PropsBuilder<YEW_PROPS_BUILDER_STEP: PropsBuilderStep> {
    wrapped: ::std::boxed::Box<PropsWrapper>,
    _marker: ::std::marker::PhantomData<YEW_PROPS_BUILDER_STEP>,
}
impl PropsBuilder<PropsBuilderStep_missing_required_prop_label> {
    #[doc(hidden)]
    pub fn help(
        mut self,
        help: Option<String>,
    ) -> PropsBuilder<PropsBuilderStep_missing_required_prop_label> {
        self.wrapped.help = help;
        self
    }
    #[doc(hidden)]
    pub fn id(
        mut self,
        id: Option<String>,
    ) -> PropsBuilder<PropsBuilderStep_missing_required_prop_label> {
        self.wrapped.id = id;
        self
    }
    #[doc(hidden)]
    pub fn label(
        mut self,
        label: String,
    ) -> PropsBuilder<PropsBuilderStep_missing_required_prop_path> {
        self.wrapped.label_wrapper = ::std::option::Option::Some(label);
        PropsBuilder {
            wrapped: self.wrapped,
            _marker: ::std::marker::PhantomData,
        }
    }
}
impl PropsBuilder<PropsBuilderStep_missing_required_prop_path> {
    #[doc(hidden)]
    pub fn path(mut self, path: String) -> PropsBuilder<PropsBuilderStep_build> {
        self.wrapped.path_wrapper = ::std::option::Option::Some(path);
        PropsBuilder {
            wrapped: self.wrapped,
            _marker: ::std::marker::PhantomData,
        }
    }
}
impl PropsBuilder<PropsBuilderStep_build> {
    #[doc(hidden)]
    pub fn build(self) -> Props {
        Props {
            help: self.wrapped.help,
            id: self.wrapped.id,
            label: self.wrapped.label_wrapper.unwrap(),
            path: self.wrapped.path_wrapper.unwrap(),
        }
    }
}
impl ::yew::html::Properties for Props {
    type Builder = PropsBuilder<PropsBuilderStep_missing_required_prop_label>;
    fn builder() -> Self::Builder {
        PropsBuilder {
            wrapped: ::std::boxed::Box::new(::std::default::Default::default()),
            _marker: ::std::marker::PhantomData,
        }
    }
}

There are two issue with this:
1- As we can see id and help setters are attached to PropsBuilderStep_missing_required_prop_label step, these setters should be available on all steps.
2- the second thing is that when I want to set the path prop I cannot do that before I set the value for id.

So doing this will result in compile time error:

let prop = Props::builder().path("path_val".into());

error:

15 |     let prop = Props::builder().path("path_val".into());
   |                                 ^^^^ method not found in `PropsBuilder<PropsBuilderStep_missing_required_prop_label>`

Environment:

• Yew version: v0.18/master

Questionnaire

• I'm interested in fixing this myself but don't know where to start
• I would like to fix and I have a solution
• I don't have time to fix this right now, but maybe later