\n * │ │╰─ attrArgs.value \"x\"\n * ╰─ ╰─ attrArgs \"(x)\"\n */\n onAttrArgs(range) {\n range.value; // Another range that includes only the args themselves and not the outer parenthesis.\n },\n\n /**\n * Called after an attr value has been parsed.\n *\n * @example\n * 1╭─
\n * │ ││ │ ╰─ attrValue:bound.value\n * │ ││ ╰─ attrValue:bound \":=x\"\n * │ │╰─ attrValue.value \"\\\"hi\\\"\"\n * ╰─ ╰─ attrValue \"=\\\"hi\\\"\"\n */\n onAttrValue(range) {\n range.bound; // true if the attribute value was preceded by :=.\n range.value; // Another range that includes only the value itself without the leading = or :=.\n },\n\n /**\n * Called after an attribute method shorthand has been parsed.\n *\n * @example\n * 1╭─
\n * │ ││ │╰─ attrMethod.body.value \" foo(); \"\n * │ ││ ╰─ attrMethod.body \"{ foo(); }\"\n * │ │╰─ attrMethod.params.value \"ev\"\n * │ ├─ attrMethod.params \"(ev)\"\n * ╰─ ╰─ attrMethod \"(ev) { foo(); }\"\n */\n onAttrMethod(range) {\n range.typeParams; // Another range which includes the type params for the method.\n range.typeParams.value; // Another range which includes the type params without outer angle brackets.\n\n range.params; // Another range which includes the params for the method.\n range.params.value; // Another range which includes the method params without outer parenthesis.\n\n range.body; // Another range which includes the entire body block.\n range.body.value; // Another range which includes the body block without outer braces.\n },\n\n /**\n * Called after we've parsed a spread attribute.\n *\n * @example\n * 1╭─
\n * │ │ ╰─ attrSpread.value \"attrs\"\n * ╰─ ╰─ attrSpread \"...attrs\"\n */\n onAttrSpread(range) {\n range.value; // Another range that includes only the value itself without the leading ...\n },\n\n /**\n * Called once we've completed parsing the open tag.\n *\n * @example\n * 1╭─
\n * │ │ ╰─ openTagEnd:selfClosed \"/>\"\n * ╰─ ╰─ openTagEnd \">\"\n */\n onOpenTagEnd(range) {\n range.selfClosed; // true if this tag was self closed (the onCloseTag* handlers will not be called if so).\n },\n\n /**\n * Called when we start parsing and html closing tag.\n * Note this is not emitted for concise, selfClosed, void or statement tags.\n *\n * @example\n * 1╭─
\n * ╰─ ╰─ closeTagStart \"
\n * ╰─ ╰─ closeTagName \"div\"\n */\n onCloseTagName(range) {},\n\n /**\n * Called once the closing tag has finished parsing, or in concise mode we hit an outdent or eof.\n * Note this is not called for selfClosed, void or statement tags.\n *\n * @example\n * 1╭─
\n * ╰─ ╰─ closeTagEnd \">\"\n */\n onCloseTagEnd(range) {},\n});\n```\n\nFinally after setting up the parser with it's handlers, it's time to pass in some source code to parse.\n\n```javascript\nparser.parse(\"
\");\n```\n\n# Parser Helpers\n\nThe parser instance provides a few helpers to make it easier to work with the parsed content.\n\n```javascript\n// Pass any range object into this method to get the raw string from the source for the range.\nparser.read(range);\n\n// Given an zero based offset within the source code, returns a position object that contains line and column properties.\nparser.positionAt(offset);\n\n// Given a range object returns a location object with start and end properties which are each position objects as returned from the \"positionAt\" api.\nparser.locationAt(range);\n```\n\n# Code of Conduct\n\nThis project adheres to the [eBay Code of Conduct](./.github/CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n","readmeFilename":"","users":{"slulego":true}}
![\"Styled](\"https://img.shields.io/badge/styled_with-prettier-ff69b4.svg\"){kind=icon}
\n \n \n \n ![\"Build](\"https://github.com/marko-js/htmljs-parser/actions/workflows/ci.yml/badge.svg\"){kind=icon}
\n \n \n \n ![\"Code](\"https://codecov.io/gh/marko-js/htmljs-parser/branch/main/graph/badge.svg?token=Sv8ePs16ix\"){kind=icon}
\n \n \n \n ![\"NPM](\"https://img.shields.io/npm/v/htmljs-parser.svg\")
\n \n \n \n ![\"Downloads\"/](\"https://img.shields.io/npm/dm/htmljs-parser.svg\")
\n \n