123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _xhtml = require("./xhtml");
- var _types = require("../../tokenizer/types");
- var _context = require("../../tokenizer/context");
- var _identifier = require("../../util/identifier");
- var _whitespace = require("../../util/whitespace");
- var _parseError = require("../../parse-error");
- const JsxErrors = (0, _parseError.ParseErrorEnum)`jsx`({
- AttributeIsEmpty: "JSX attributes must only be assigned a non-empty expression.",
- MissingClosingTagElement: ({
- openingTagName
- }) => `Expected corresponding JSX closing tag for <${openingTagName}>.`,
- MissingClosingTagFragment: "Expected corresponding JSX closing tag for <>.",
- UnexpectedSequenceExpression: "Sequence expressions cannot be directly nested inside JSX. Did you mean to wrap it in parentheses (...)?",
- UnexpectedToken: ({
- unexpected,
- HTMLEntity
- }) => `Unexpected token \`${unexpected}\`. Did you mean \`${HTMLEntity}\` or \`{'${unexpected}'}\`?`,
- UnsupportedJsxValue: "JSX value should be either an expression or a quoted JSX text.",
- UnterminatedJsxContent: "Unterminated JSX contents.",
- UnwrappedAdjacentJSXElements: "Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?"
- });
- function isFragment(object) {
- return object ? object.type === "JSXOpeningFragment" || object.type === "JSXClosingFragment" : false;
- }
- function getQualifiedJSXName(object) {
- if (object.type === "JSXIdentifier") {
- return object.name;
- }
- if (object.type === "JSXNamespacedName") {
- return object.namespace.name + ":" + object.name.name;
- }
- if (object.type === "JSXMemberExpression") {
- return getQualifiedJSXName(object.object) + "." + getQualifiedJSXName(object.property);
- }
- throw new Error("Node had unexpected type: " + object.type);
- }
- var _default = superClass => class JSXParserMixin extends superClass {
- jsxReadToken() {
- let out = "";
- let chunkStart = this.state.pos;
- for (;;) {
- if (this.state.pos >= this.length) {
- throw this.raise(JsxErrors.UnterminatedJsxContent, {
- at: this.state.startLoc
- });
- }
- const ch = this.input.charCodeAt(this.state.pos);
- switch (ch) {
- case 60:
- case 123:
- if (this.state.pos === this.state.start) {
- if (ch === 60 && this.state.canStartJSXElement) {
- ++this.state.pos;
- this.finishToken(140);
- } else {
- super.getTokenFromCode(ch);
- }
- return;
- }
- out += this.input.slice(chunkStart, this.state.pos);
- this.finishToken(139, out);
- return;
- case 38:
- out += this.input.slice(chunkStart, this.state.pos);
- out += this.jsxReadEntity();
- chunkStart = this.state.pos;
- break;
- case 62:
- case 125:
- ;
- default:
- if ((0, _whitespace.isNewLine)(ch)) {
- out += this.input.slice(chunkStart, this.state.pos);
- out += this.jsxReadNewLine(true);
- chunkStart = this.state.pos;
- } else {
- ++this.state.pos;
- }
- }
- }
- }
- jsxReadNewLine(normalizeCRLF) {
- const ch = this.input.charCodeAt(this.state.pos);
- let out;
- ++this.state.pos;
- if (ch === 13 && this.input.charCodeAt(this.state.pos) === 10) {
- ++this.state.pos;
- out = normalizeCRLF ? "\n" : "\r\n";
- } else {
- out = String.fromCharCode(ch);
- }
- ++this.state.curLine;
- this.state.lineStart = this.state.pos;
- return out;
- }
- jsxReadString(quote) {
- let out = "";
- let chunkStart = ++this.state.pos;
- for (;;) {
- if (this.state.pos >= this.length) {
- throw this.raise(_parseError.Errors.UnterminatedString, {
- at: this.state.startLoc
- });
- }
- const ch = this.input.charCodeAt(this.state.pos);
- if (ch === quote) break;
- if (ch === 38) {
- out += this.input.slice(chunkStart, this.state.pos);
- out += this.jsxReadEntity();
- chunkStart = this.state.pos;
- } else if ((0, _whitespace.isNewLine)(ch)) {
- out += this.input.slice(chunkStart, this.state.pos);
- out += this.jsxReadNewLine(false);
- chunkStart = this.state.pos;
- } else {
- ++this.state.pos;
- }
- }
- out += this.input.slice(chunkStart, this.state.pos++);
- this.finishToken(131, out);
- }
- jsxReadEntity() {
- const startPos = ++this.state.pos;
- if (this.codePointAtPos(this.state.pos) === 35) {
- ++this.state.pos;
- let radix = 10;
- if (this.codePointAtPos(this.state.pos) === 120) {
- radix = 16;
- ++this.state.pos;
- }
- const codePoint = this.readInt(radix, undefined, false, "bail");
- if (codePoint !== null && this.codePointAtPos(this.state.pos) === 59) {
- ++this.state.pos;
- return String.fromCodePoint(codePoint);
- }
- } else {
- let count = 0;
- let semi = false;
- while (count++ < 10 && this.state.pos < this.length && !(semi = this.codePointAtPos(this.state.pos) == 59)) {
- ++this.state.pos;
- }
- if (semi) {
- const desc = this.input.slice(startPos, this.state.pos);
- const entity = _xhtml.default[desc];
- ++this.state.pos;
- if (entity) {
- return entity;
- }
- }
- }
- this.state.pos = startPos;
- return "&";
- }
- jsxReadWord() {
- let ch;
- const start = this.state.pos;
- do {
- ch = this.input.charCodeAt(++this.state.pos);
- } while ((0, _identifier.isIdentifierChar)(ch) || ch === 45);
- this.finishToken(138, this.input.slice(start, this.state.pos));
- }
- jsxParseIdentifier() {
- const node = this.startNode();
- if (this.match(138)) {
- node.name = this.state.value;
- } else if ((0, _types.tokenIsKeyword)(this.state.type)) {
- node.name = (0, _types.tokenLabelName)(this.state.type);
- } else {
- this.unexpected();
- }
- this.next();
- return this.finishNode(node, "JSXIdentifier");
- }
- jsxParseNamespacedName() {
- const startLoc = this.state.startLoc;
- const name = this.jsxParseIdentifier();
- if (!this.eat(14)) return name;
- const node = this.startNodeAt(startLoc);
- node.namespace = name;
- node.name = this.jsxParseIdentifier();
- return this.finishNode(node, "JSXNamespacedName");
- }
- jsxParseElementName() {
- const startLoc = this.state.startLoc;
- let node = this.jsxParseNamespacedName();
- if (node.type === "JSXNamespacedName") {
- return node;
- }
- while (this.eat(16)) {
- const newNode = this.startNodeAt(startLoc);
- newNode.object = node;
- newNode.property = this.jsxParseIdentifier();
- node = this.finishNode(newNode, "JSXMemberExpression");
- }
- return node;
- }
- jsxParseAttributeValue() {
- let node;
- switch (this.state.type) {
- case 5:
- node = this.startNode();
- this.setContext(_context.types.brace);
- this.next();
- node = this.jsxParseExpressionContainer(node, _context.types.j_oTag);
- if (node.expression.type === "JSXEmptyExpression") {
- this.raise(JsxErrors.AttributeIsEmpty, {
- at: node
- });
- }
- return node;
- case 140:
- case 131:
- return this.parseExprAtom();
- default:
- throw this.raise(JsxErrors.UnsupportedJsxValue, {
- at: this.state.startLoc
- });
- }
- }
- jsxParseEmptyExpression() {
- const node = this.startNodeAt(this.state.lastTokEndLoc);
- return this.finishNodeAt(node, "JSXEmptyExpression", this.state.startLoc);
- }
- jsxParseSpreadChild(node) {
- this.next();
- node.expression = this.parseExpression();
- this.setContext(_context.types.j_expr);
- this.state.canStartJSXElement = true;
- this.expect(8);
- return this.finishNode(node, "JSXSpreadChild");
- }
- jsxParseExpressionContainer(node, previousContext) {
- if (this.match(8)) {
- node.expression = this.jsxParseEmptyExpression();
- } else {
- const expression = this.parseExpression();
- ;
- node.expression = expression;
- }
- this.setContext(previousContext);
- this.state.canStartJSXElement = true;
- this.expect(8);
- return this.finishNode(node, "JSXExpressionContainer");
- }
- jsxParseAttribute() {
- const node = this.startNode();
- if (this.match(5)) {
- this.setContext(_context.types.brace);
- this.next();
- this.expect(21);
- node.argument = this.parseMaybeAssignAllowIn();
- this.setContext(_context.types.j_oTag);
- this.state.canStartJSXElement = true;
- this.expect(8);
- return this.finishNode(node, "JSXSpreadAttribute");
- }
- node.name = this.jsxParseNamespacedName();
- node.value = this.eat(29) ? this.jsxParseAttributeValue() : null;
- return this.finishNode(node, "JSXAttribute");
- }
- jsxParseOpeningElementAt(startLoc) {
- const node = this.startNodeAt(startLoc);
- if (this.eat(141)) {
- return this.finishNode(node, "JSXOpeningFragment");
- }
- node.name = this.jsxParseElementName();
- return this.jsxParseOpeningElementAfterName(node);
- }
- jsxParseOpeningElementAfterName(node) {
- const attributes = [];
- while (!this.match(56) && !this.match(141)) {
- attributes.push(this.jsxParseAttribute());
- }
- node.attributes = attributes;
- node.selfClosing = this.eat(56);
- this.expect(141);
- return this.finishNode(node, "JSXOpeningElement");
- }
- jsxParseClosingElementAt(startLoc) {
- const node = this.startNodeAt(startLoc);
- if (this.eat(141)) {
- return this.finishNode(node, "JSXClosingFragment");
- }
- node.name = this.jsxParseElementName();
- this.expect(141);
- return this.finishNode(node, "JSXClosingElement");
- }
- jsxParseElementAt(startLoc) {
- const node = this.startNodeAt(startLoc);
- const children = [];
- const openingElement = this.jsxParseOpeningElementAt(startLoc);
- let closingElement = null;
- if (!openingElement.selfClosing) {
- contents: for (;;) {
- switch (this.state.type) {
- case 140:
- startLoc = this.state.startLoc;
- this.next();
- if (this.eat(56)) {
- closingElement = this.jsxParseClosingElementAt(startLoc);
- break contents;
- }
- children.push(this.jsxParseElementAt(startLoc));
- break;
- case 139:
- children.push(this.parseExprAtom());
- break;
- case 5:
- {
- const node = this.startNode();
- this.setContext(_context.types.brace);
- this.next();
- if (this.match(21)) {
- children.push(this.jsxParseSpreadChild(node));
- } else {
- children.push(this.jsxParseExpressionContainer(node, _context.types.j_expr));
- }
- break;
- }
- default:
- this.unexpected();
- }
- }
- if (isFragment(openingElement) && !isFragment(closingElement) && closingElement !== null) {
- this.raise(JsxErrors.MissingClosingTagFragment, {
- at: closingElement
- });
- } else if (!isFragment(openingElement) && isFragment(closingElement)) {
- this.raise(JsxErrors.MissingClosingTagElement, {
- at: closingElement,
- openingTagName: getQualifiedJSXName(openingElement.name)
- });
- } else if (!isFragment(openingElement) && !isFragment(closingElement)) {
- if (getQualifiedJSXName(closingElement.name) !== getQualifiedJSXName(openingElement.name)) {
- this.raise(JsxErrors.MissingClosingTagElement, {
- at: closingElement,
- openingTagName: getQualifiedJSXName(openingElement.name)
- });
- }
- }
- }
- if (isFragment(openingElement)) {
- node.openingFragment = openingElement;
- node.closingFragment = closingElement;
- } else {
- node.openingElement = openingElement;
- node.closingElement = closingElement;
- }
- node.children = children;
- if (this.match(47)) {
- throw this.raise(JsxErrors.UnwrappedAdjacentJSXElements, {
- at: this.state.startLoc
- });
- }
- return isFragment(openingElement) ? this.finishNode(node, "JSXFragment") : this.finishNode(node, "JSXElement");
- }
- jsxParseElement() {
- const startLoc = this.state.startLoc;
- this.next();
- return this.jsxParseElementAt(startLoc);
- }
- setContext(newContext) {
- const {
- context
- } = this.state;
- context[context.length - 1] = newContext;
- }
- parseExprAtom(refExpressionErrors) {
- if (this.match(139)) {
- return this.parseLiteral(this.state.value, "JSXText");
- } else if (this.match(140)) {
- return this.jsxParseElement();
- } else if (this.match(47) && this.input.charCodeAt(this.state.pos) !== 33) {
- this.replaceToken(140);
- return this.jsxParseElement();
- } else {
- return super.parseExprAtom(refExpressionErrors);
- }
- }
- skipSpace() {
- const curContext = this.curContext();
- if (!curContext.preserveSpace) super.skipSpace();
- }
- getTokenFromCode(code) {
- const context = this.curContext();
- if (context === _context.types.j_expr) {
- this.jsxReadToken();
- return;
- }
- if (context === _context.types.j_oTag || context === _context.types.j_cTag) {
- if ((0, _identifier.isIdentifierStart)(code)) {
- this.jsxReadWord();
- return;
- }
- if (code === 62) {
- ++this.state.pos;
- this.finishToken(141);
- return;
- }
- if ((code === 34 || code === 39) && context === _context.types.j_oTag) {
- this.jsxReadString(code);
- return;
- }
- }
- if (code === 60 && this.state.canStartJSXElement && this.input.charCodeAt(this.state.pos + 1) !== 33) {
- ++this.state.pos;
- this.finishToken(140);
- return;
- }
- super.getTokenFromCode(code);
- }
- updateContext(prevType) {
- const {
- context,
- type
- } = this.state;
- if (type === 56 && prevType === 140) {
- context.splice(-2, 2, _context.types.j_cTag);
- this.state.canStartJSXElement = false;
- } else if (type === 140) {
- context.push(_context.types.j_oTag);
- } else if (type === 141) {
- const out = context[context.length - 1];
- if (out === _context.types.j_oTag && prevType === 56 || out === _context.types.j_cTag) {
- context.pop();
- this.state.canStartJSXElement = context[context.length - 1] === _context.types.j_expr;
- } else {
- this.setContext(_context.types.j_expr);
- this.state.canStartJSXElement = true;
- }
- } else {
- this.state.canStartJSXElement = (0, _types.tokenComesBeforeExpression)(type);
- }
- }
- };
- exports.default = _default;
- //# sourceMappingURL=index.js.map
|