Support same name for `Attribute` and `AttributeNamespace`

[adamjhf]

The Alpine.js Sort plugin uses x-sort as a directive on a parent element, but also x-sort as a name space on list items, e.g.:

<ul x-sort>
    <li x-sort:item>foo</li>
    <li x-sort:item>bar</li>
    <li x-sort:item>baz</li>
</ul>

Currently it does not seem possible in hypertext to define an Attribute and an AttributeNamespace with the same name in GlobalAttributes.

[vidhanio]

This is something i have thought would be an issue for some time, but it would be a breaking change and one that I would have to think out. For now, would it be fine to define either one of the attribute or attribute namespace, and use the unchecked <ul "x-sort"> syntax for the other?

[adamjhf]

I noticed this issue too appears for SVG namespaces: https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Namespaces_crash_course

The unchecked syntax can be a workaround, although the formatter I'm using (maudfmt) doesn't yet support that.

[vidhanio]

Hi there, apologies for the lack of activity as of late, I've been busy with work. So the solution that I was considering was rather than keeping namespaces/attributes in the same place, the new API looks like this:

trait Element {
   type Kind: ElementKind;

   type Attributes: Attributes;
   type Namespaces: Namespaces;
   type SymbolPrefixes: SymbolPrefixes;
}

trait Attributes {}
trait Namespaces {}
trait SymbolPrefixes {}

// example: div
struct div;

struct div_attributes;

impl Attributes for div_attributes {
   const my_attr: AttributeName = AttributeName;
}

struct div_namespaces;

impl Namespaces for div_attributes {
   const my_ns: AttributeName = AttributeName;
}

struct div_symbols;

impl SymbolPrefixes for div_attributes {
   const at: AttributeName = AttributeName;
}

impl Element for div {
    type Kind: Normal;

    type Attributes: div_attributes;
    // ...
}

// example: adding framework attributes
pub trait HtmxAttributes: Attributes {
    const hx_get: AttributeName = AttributeName;
    const hx_post: AttributeName = AttributeName;
}

impl<T: Attributes> HtmxAttributes for T {}

pub trait HtmxNamespaces: Namespaces {
    const hx_on: AttributeName = AttributeName;
}

impl<T: Namespaces> HtmxNamespaces for T {}

let me know if you have any feedback on whether this would be a good idea. :)

[adamjhf]

Assuming you mean:

impl Namespaces for div_namespaces {
   const my_ns: Namespace = Namespace;
}

That seems reasonable to me. Thanks!