Nested HTML Content

[Taufik Nurrohman]

Having HTML class to accept array as the content gives us possibilities to serialize the markup even further. Here are some examples that I hope I can implement:

< 3.0.0

new HTML(['a', '<b>c</b><d>e</d>f']);

new HTML(new HTML(['a', '<b>c</b><d>e</d>f']));

>= 3.0.0

new HTML(['a', [
    '<b>c</b>',
    '<d>e<f>g</f></d>',
    'f'
]]);

new HTML(['a', [
    new HTML(['b', 'c']),
    new HTML(['d', [
        new HTML([false, 'e']),
        new HTML(['f', 'g'])
    ]]),
    new HTML([false, 'f'])
]]);

new HTML(['a', [
    ['b', 'c'],
    ['d', [
        [false, 'e'],
        ['f', 'g']
    ]],
    [false, 'f']
]]);

The only problem, I think, is about solving the reverse version:

< 3.0.0

new HTML('<a><b>c</b><d>e<f>g</g></d>f</a>'); // `['a', '<b>c</b><d>e<f>g</g></d>f', []]`

>= 3.0.0

new HTML('<a><b>c</b><d>e<f>g</g></d>f</a>'); // `['a', [['b', 'c'], ['d', [[false, 'e'], ['f', 'g']]], [false, 'f']], []]`