DOMParser alternative

[harumazzz]

In quickjs, there is no official DOMParser support. Because of this, handling XML in quickjs or quickjs-ng is quite difficult. Do you have any good solution to integrate XML support to JS?

[bnoordhuis]

The DOM is outside the scope of JS engines (it's a browser concern) but there's a plethora of existing C/Rust/etc. XML parser libraries you can write bindings for.

[saghul]

You could try to use @xmldom/xmldom bundling it with esbuild. I haven't tried it, but I do use it in another project on React Native, which also lacks DOM.

[guest271314]

At one point I bundled JSDOM for use in the browser https://github.com/guest271314/jsdom-extension. Should be possible to use only ECMAScript in the bundle.

[guest271314]

This https://github.com/guest271314/jsdom-extension/blob/main/background.js works using tjs, which has TextEncoder defined

tjs run background.js
{
 [Symbol(window)]: 
   {
    StyleSheet: [Function: StyleSheet],
     MediaList: [Function: MediaList],
     CSSStyleSheet: [Function: CSSStyleSheet],
     CSSRule: 
      { [Function: CSSRule]
        UNKNOWN_RULE: 0,
        STYLE_RULE: 1,
        CHARSET_RULE: 2,
        IMPORT_RULE: 3,
        MEDIA_RULE: 4,
        FONT_FACE_RULE: 5,
        PAGE_RULE: 6,
        KEYFRAMES_RULE: 7,
        KEYFRAME_RULE: 8,
        MARGIN_RULE: 9,
        NAMESPACE_RULE: 10,
        COUNTER_STYLE_RULE: 11,
        SUPPORTS_RULE: 12,
        DOCUMENT_RULE: 13,
        FONT_FEATURE_VALUES_RULE: 14,
        VIEWPORT_RULE: 15,
        REGION_STYLE_RULE: 16
      },
     CSSStyleRule: { [Function: CSSStyleRule] parse: [Function] },
     CSSMediaRule: [Function: CSSMediaRule],
     CSSImportRule: [Function: CSSImportRule],
     CSSStyleDeclaration: [Function: CSSStyleDeclaration],
     XPathException: { [Function: XPathException] INVALID_EXPRESSION_ERR: 51, TYPE_ERR: 52 },
     XPathExpression: [Function: XPathExpression],
     // ...
} 'Hello world'

qjs doesn't have TextEncoder. You should be able to import a TextEncoder polyfill first, then run, and do the same for each Web API used by JSDOM

qjs --std -m background.js
Possibly unhandled promise rejection: ReferenceError: TextEncoder is not defined
    at <anonymous> (jsdom.js:154891:25)
    at call (native)
    at o (jsdom.js:5:635)
    at <anonymous> (jsdom.js:5:683)
    at <anonymous> (jsdom.js:155084:34)
    at call (native)
    at o (jsdom.js:5:635)
    at <anonymous> (jsdom.js:5:683)
    at <anonymous> (jsdom.js:153622:13)
    at call (native)