const phtml = require('phtml');
 
phtml.process(YOUR_HTML, /* processOptions */, /* pluginOrPlugins */);

const phtml = require('phtml');
 
const html = `<my-component class="main">
  <title>Super Title</title>
  <text>Awesome Text</text>
</my-component>`;
 
phtml.process(html, { from: 'my-component.html' }).then(console.log);
 
/* Result {
  from: 'component.html',
  to: 'component.html',
  root: Fragment {
    name: '#document-fragment',
    nodes: NodeList [
      Element {
        name: "my-component",
        attrs: AttributeList [
          { name: "class", value: "main" }
        ],
        nodes: NodeList [
          Text "\n  ",
          Element {
            name: "title",
            nodes: NodeList [
              Text "Super Title"
            ]
          },
          Text "\n  ",
          Element {
            name: "text",
            nodes: NodeList [
              Text "Awesome Text"
            ]
          },
          Text "\n"
        ]
      }
    ]
  }
}

const phtml = require('phtml');
const postHtmlSomeThing = require('phtml-some-thing');
 
phtml.use(
  postHtmlSomeThing(/* pluginOptions */)
).process(YOUR_HTML);

import phtml from 'phtml';
 
export default new phtml.Plugin('phtml-hello', pluginOptions => {
    // initialization logic
 
  return {
    Element(element, result) {
      // runtime logic, do something with an element
    },
    Root(root, result) {
      // runtime logic, do something with the root
    }
  };
});