Is it compatible with htmlparser format?

[ollie-o]

Is it possible for us to call the following?

// htmlparser format, not htmlparser2
const htmlparserDoc = [ { type: 'tag'
  , name: 'a'
  , attribs: { href: 'test.html' }
  , children: [ { data: 'hello world', type: 'text' } ]
  }
];

domToReact(htmlparserDoc, options);

The htmlparser2 format contains circular references, which prevents us from calling JSON.stringify() on it, so we'd like to use htmlparser if we can.

[remarkablemark]

@oliverodaa Should be possible:

$ node
> const domToReact = require('html-react-parser/lib/dom-to-react');
> const htmlparserDoc = [{ type: 'tag', name: 'a', attribs: { href: 'test.html' }, children: [{ data: 'hello world', type: 'text' }] }];
> domToReact(htmlparserDoc);
{ '$$typeof': Symbol(react.element),
  type: 'a',
  key: null,
  ref: null,
  props: { href: 'test.html', children: 'hello world' },
  _owner: null,
  _store: {} }

Let me know if you experience any issues; otherwise, please close the issue if it works.

[ollie-o]

Thank you for the quick response! I am still in the process of working on it but will be sure to close the issue when I have confirmed that it either works or doesn't work.

[ollie-o]

I can confirm that it does in fact work!

I ended up using htmlparser2 but manually removed parent, next, and prev before sending from my server to my client.

For anyone stumbling upon this, here is the code I used to strip those circular references:

JSON.stringify(obj,
    function(key, value) { 
        return key === 'parent' || key === 'next' || key === 'prev'
            ? undefined
            : value;
  });