|
|
(function (global, factory) {
|
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('magic-string')) :
|
|
|
typeof define === 'function' && define.amd ? define(['exports', 'magic-string'], factory) :
|
|
|
(factory((global.svelte = global.svelte || {}),global.MagicString));
|
|
|
}(this, (function (exports,MagicString) { 'use strict';
|
|
|
|
|
|
var MagicString__default = 'default' in MagicString ? MagicString['default'] : MagicString;
|
|
|
|
|
|
function getLocator ( source, options ) {
|
|
|
if ( options === void 0 ) options = {};
|
|
|
|
|
|
var offsetLine = options.offsetLine || 0;
|
|
|
var offsetColumn = options.offsetColumn || 0;
|
|
|
|
|
|
var originalLines = source.split( '\n' );
|
|
|
|
|
|
var start = 0;
|
|
|
var lineRanges = originalLines.map( function ( line, i ) {
|
|
|
var end = start + line.length + 1;
|
|
|
var range = { start: start, end: end, line: i };
|
|
|
|
|
|
start = end;
|
|
|
return range;
|
|
|
});
|
|
|
|
|
|
var i = 0;
|
|
|
|
|
|
function rangeContains ( range, index ) {
|
|
|
return range.start <= index && index < range.end;
|
|
|
}
|
|
|
|
|
|
function getLocation ( range, index ) {
|
|
|
return { line: offsetLine + range.line, column: offsetColumn + index - range.start, character: index };
|
|
|
}
|
|
|
|
|
|
return function locate ( search, startIndex ) {
|
|
|
if ( typeof search === 'string' ) {
|
|
|
search = source.indexOf( search, startIndex || 0 );
|
|
|
}
|
|
|
|
|
|
var range = lineRanges[i];
|
|
|
|
|
|
var d = search >= range.end ? 1 : -1;
|
|
|
|
|
|
while ( range ) {
|
|
|
if ( rangeContains( range, search ) ) return getLocation( range, search );
|
|
|
|
|
|
i += d;
|
|
|
range = lineRanges[i];
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function locate ( source, search, options ) {
|
|
|
if ( typeof options === 'number' ) {
|
|
|
throw new Error( 'locate takes a { startIndex, offsetLine, offsetColumn } object as the third argument' );
|
|
|
}
|
|
|
|
|
|
return getLocator( source, options )( search, options && options.startIndex );
|
|
|
}
|
|
|
|
|
|
// Reserved word lists for various dialects of the language
|
|
|
|
|
|
var reservedWords = {
|
|
|
3: "abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile",
|
|
|
5: "class enum extends super const export import",
|
|
|
6: "enum",
|
|
|
strict: "implements interface let package private protected public static yield",
|
|
|
strictBind: "eval arguments"
|
|
|
};
|
|
|
|
|
|
// And the keywords
|
|
|
|
|
|
var ecma5AndLessKeywords = "break case catch continue debugger default do else finally for function if return switch throw try var while with null true false instanceof typeof void delete new in this";
|
|
|
|
|
|
var keywords = {
|
|
|
5: ecma5AndLessKeywords,
|
|
|
6: ecma5AndLessKeywords + " const class extends export import super"
|
|
|
};
|
|
|
|
|
|
// ## Character categories
|
|
|
|
|
|
// Big ugly regular expressions that match characters in the
|
|
|
// whitespace, identifier, and identifier-start categories. These
|
|
|
// are only applied when a character is found to actually have a
|
|
|
// code point above 128.
|
|
|
// Generated by `bin/generate-identifier-regex.js`.
|
|
|
|
|
|
var nonASCIIidentifierStartChars = "\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u037f\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u052f\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f2\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u08a0-\u08b4\u08b6-\u08bd\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0af9\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c39\u0c3d\u0c58-\u0c5a\u0c60\u0c61\u0c80\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d54-\u0d56\u0d5f-\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0e01-\u0e30\u0e32\u0e33\u0e40-\u0e46\u0e81\u0e82\u0e84\u0e87\u0e88\u0e8a\u0e8d\u0e94-\u0e97\u0e99-\u0e9f\u0ea1-\u0ea3\u0ea5\u0ea7\u0eaa\u0eab\u0ead-\u0eb0\u0eb2\u0eb3\u0ebd\u0ec0-\u0ec4\u0ec6\u0edc-\u0edf\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u1000-\u102a\u103f\u1050-\u1055\u105a-\u105d\u1061\u1065\u1066\u106e-\u1070\u1075-\u1081\u108e\u10a0-\u10c5\u10c7\u10cd\u10d0-\u10fa\u10fc-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f5\u13f8-\u13fd\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f8\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1780-\u17b3\u17d7\u17dc\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191e\u1950-\u196d\u1970-\u1974\u1980-\u19ab\u19b0-\u19c9\u1a00-\u1a16\u1a20-\u1a54\u1aa7\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bba-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1c80-\u1c88\u1ce9-\u1cec\u1cee-\u1cf1\u1cf5\u1cf6\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2118-\u211d\u2124\u2126\u2128\u212a-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2cf2\u2cf3\u2d00-\u2d25\u2d27\u2d2d\u2d30-\u2d67\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303c\u3041-\u3096\u309b-\u309f\u30a1-\u30fa\u30fc-\u30ff\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\u31f0-\u31ff\u3400-\u4db5\u4e00-\u9fd5\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua69d\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua7ae\ua7b0-\ua7b7\ua7f7-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua8fd\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\ua9e0-\ua9e4\ua9e6-\ua9ef\ua9fa-\ua9fe\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uaa60-\uaa76\uaa7a\uaa7e-\uaaaf\uaab1\uaab5\uaab6\uaab9-\uaabd\uaac0\uaac2\uaadb-\uaadd\uaae0-\uaaea\uaaf2-\uaaf4\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uab30-\uab5a\uab5c-\uab65\uab70-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\uf900-\ufa6d\ufa70-\ufad9\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uff66-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc";
|
|
|
var nonASCIIidentifierChars = "\u200c\u200d\xb7\u0300-\u036f\u0387\u0483-\u0487\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u0669\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7\u06e8\u06ea-\u06ed\u06f0-\u06f9\u0711\u0730-\u074a\u07a6-\u07b0\u07c0-\u07c9\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u08d4-\u08e1\u08e3-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962\u0963\u0966-\u096f\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09cb-\u09cd\u09d7\u09e2\u09e3\u09e6-\u09ef\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a66-\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2\u0ae3\u0ae6-\u0aef\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b66-\u0b6f\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0be6-\u0bef\u0c00-\u0c03\u0c3e-\u0c44\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0c66-\u0c6f\u0c81-\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0ce6-\u0cef\u0d01-\u0d03\u0d3e-\u0d44\u0d46-\u0d48\u0d4a-\u0d4d\u0d57\u0d62\u0d63\u0d66-\u0d6f\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0de6-\u0def\u0df2\u0df3\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0e50-\u0e59\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0ed0-\u0ed9\u0f18\u0f19\u0f20-\u0f29\u0f35\u0f37\u0f39\u0f3e\u0f3f\u0f71-\u0f84\u0f86\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102b-\u103e\u1040-\u1049\u1056-\u1059\u105e-\u1060\u1062-\u1064\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f-\u109d\u135d-\u135f\u1369-\u1371\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b4-\u17d3\u17dd\u17e0-\u17e9\u180b-\u180d\u1810-\u1819\u18a9\u1920-\u192b\u1930-\u193b\u1946-\u194f\u19d0-\u19da\u1a17-\u1a1b\u1a55-\u1a5e\u1a60-\u1a7c\u1a7f-\u1a89\u1a90-\u1a99\u1ab0-\u1abd\u1b00-\u1b04\u1b34-\u1b44\u1b50-\u1b59\u1b6b-\u1b73\u1b80-\u1b82\u1ba1-\u1bad\u1bb0-\u1bb9\u1be6-\u1bf3\u1c24-\u1c37\u1c40-\u1c49\u1c50-\u1c59\u1cd0-\u1cd2\u1cd4-\u1ce8\u1ced\u1cf2-\u1cf4\u1cf8\u1cf9\u1dc0-\u1df5\u1dfb-\u1dff\u203f\u2040\u2054\u20d0-\u20dc\u20e1\u20e5-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua620-\ua629\ua66f\ua674-\ua67d\ua69e\ua69f\ua6f0\ua6f1\ua802\ua806\ua80b\ua823-\ua827\ua880\ua881\ua8b4-\ua8c5\ua8d0-\ua8d9\ua8e0-\ua8f1\ua900-\ua909\ua926-\ua92d\ua947-\ua953\ua980-\ua983\ua9b3-\ua9c0\ua9d0-\ua9d9\ua9e5\ua9f0-\ua9f9\uaa29-\uaa36\uaa43\uaa4c\uaa4d\uaa50-\uaa59\uaa7b-\uaa7d\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uaaeb-\uaaef\uaaf5\uaaf6\uabe3-\uabea\uabec\uabed\uabf0-\uabf9\ufb1e\ufe00-\ufe0f\ufe20-\ufe2f\ufe33\ufe34\ufe4d-\ufe4f\uff10-\uff19\uff3f";
|
|
|
|
|
|
var nonASCIIidentifierStart = new RegExp("[" + nonASCIIidentifierStartChars + "]");
|
|
|
var nonASCIIidentifier = new RegExp("[" + nonASCIIidentifierStartChars + nonASCIIidentifierChars + "]");
|
|
|
|
|
|
nonASCIIidentifierStartChars = nonASCIIidentifierChars = null;
|
|
|
|
|
|
// These are a run-length and offset encoded representation of the
|
|
|
// >0xffff code points that are a valid part of identifiers. The
|
|
|
// offset starts at 0x10000, and each pair of numbers represents an
|
|
|
// offset to the next range, and then a size of the range. They were
|
|
|
// generated by bin/generate-identifier-regex.js
|
|
|
var astralIdentifierStartCodes = [0,11,2,25,2,18,2,1,2,14,3,13,35,122,70,52,268,28,4,48,48,31,17,26,6,37,11,29,3,35,5,7,2,4,43,157,19,35,5,35,5,39,9,51,157,310,10,21,11,7,153,5,3,0,2,43,2,1,4,0,3,22,11,22,10,30,66,18,2,1,11,21,11,25,71,55,7,1,65,0,16,3,2,2,2,26,45,28,4,28,36,7,2,27,28,53,11,21,11,18,14,17,111,72,56,50,14,50,785,52,76,44,33,24,27,35,42,34,4,0,13,47,15,3,22,0,2,0,36,17,2,24,85,6,2,0,2,3,2,14,2,9,8,46,39,7,3,1,3,21,2,6,2,1,2,4,4,0,19,0,13,4,159,52,19,3,54,47,21,1,2,0,185,46,42,3,37,47,21,0,60,42,86,25,391,63,32,0,449,56,264,8,2,36,18,0,50,29,881,921,103,110,18,195,2749,1070,4050,582,8634,568,8,30,114,29,19,47,17,3,32,20,6,18,881,68,12,0,67,12,65,0,32,6124,20,754,9486,1,3071,106,6,12,4,8,8,9,5991,84,2,70,2,1,3,0,3,1,3,3,2,11,2,0,2,6,2,64,2,3,3,7,2,6,2,27,2,3,2,4,2,0,4,6,2,339,3,24,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,7,4149,196,60,67,1213,3,2,26,2,1,2,0,3,0,2,9,2,3,2,0,2,0,7,0,5,0,2,0,2,0,2,2,2,1,2,0,3,0,2,0,2,0,2,0,2,0,2,1,2,0,3,3,2,6,2,3,2,3,2,0,2,9,2,16,6,2,2,4,2,16,4421,42710,42,4148,12,221,3,5761,10591,541];
|
|
|
var astralIdentifierCodes = [509,0,227,0,150,4,294,9,1368,2,2,1,6,3,41,2,5,0,166,1,1306,2,54,14,32,9,16,3,46,10,54,9,7,2,37,13,2,9,52,0,13,2,49,13,10,2,4,9,83,11,7,0,161,11,6,9,7,3,57,0,2,6,3,1,3,2,10,0,11,1,3,6,4,4,193,17,10,9,87,19,13,9,214,6,3,8,28,1,83,16,16,9,82,12,9,9,84,14,5,9,423,9,838,7,2,7,17,9,57,21,2,13,19882,9,135,4,60,6,26,9,1016,45,17,3,19723,1,5319,4,4,5,9,7,3,6,31,3,149,2,1418,49,513,54,5,49,9,0,15,0,23,4,2,14,1361,6,2,16,3,6,2,1,2,4,2214,6,110,6,6,9,792487,239];
|
|
|
|
|
|
// This has a complexity linear to the value of the code. The
|
|
|
// assumption is that looking up astral identifier characters is
|
|
|
// rare.
|
|
|
function isInAstralSet(code, set) {
|
|
|
var pos = 0x10000;
|
|
|
for (var i = 0; i < set.length; i += 2) {
|
|
|
pos += set[i];
|
|
|
if (pos > code) return false
|
|
|
pos += set[i + 1];
|
|
|
if (pos >= code) return true
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Test whether a given character code starts an identifier.
|
|
|
|
|
|
function isIdentifierStart(code, astral) {
|
|
|
if (code < 65) return code === 36
|
|
|
if (code < 91) return true
|
|
|
if (code < 97) return code === 95
|
|
|
if (code < 123) return true
|
|
|
if (code <= 0xffff) return code >= 0xaa && nonASCIIidentifierStart.test(String.fromCharCode(code))
|
|
|
if (astral === false) return false
|
|
|
return isInAstralSet(code, astralIdentifierStartCodes)
|
|
|
}
|
|
|
|
|
|
// Test whether a given character is part of an identifier.
|
|
|
|
|
|
function isIdentifierChar(code, astral) {
|
|
|
if (code < 48) return code === 36
|
|
|
if (code < 58) return true
|
|
|
if (code < 65) return false
|
|
|
if (code < 91) return true
|
|
|
if (code < 97) return code === 95
|
|
|
if (code < 123) return true
|
|
|
if (code <= 0xffff) return code >= 0xaa && nonASCIIidentifier.test(String.fromCharCode(code))
|
|
|
if (astral === false) return false
|
|
|
return isInAstralSet(code, astralIdentifierStartCodes) || isInAstralSet(code, astralIdentifierCodes)
|
|
|
}
|
|
|
|
|
|
// ## Token types
|
|
|
|
|
|
// The assignment of fine-grained, information-carrying type objects
|
|
|
// allows the tokenizer to store the information it has about a
|
|
|
// token in a way that is very cheap for the parser to look up.
|
|
|
|
|
|
// All token type variables start with an underscore, to make them
|
|
|
// easy to recognize.
|
|
|
|
|
|
// The `beforeExpr` property is used to disambiguate between regular
|
|
|
// expressions and divisions. It is set on all token types that can
|
|
|
// be followed by an expression (thus, a slash after them would be a
|
|
|
// regular expression).
|
|
|
//
|
|
|
// The `startsExpr` property is used to check if the token ends a
|
|
|
// `yield` expression. It is set on all token types that either can
|
|
|
// directly start an expression (like a quotation mark) or can
|
|
|
// continue an expression (like the body of a string).
|
|
|
//
|
|
|
// `isLoop` marks a keyword as starting a loop, which is important
|
|
|
// to know when parsing a label, in order to allow or disallow
|
|
|
// continue jumps to that label.
|
|
|
|
|
|
var TokenType = function TokenType(label, conf) {
|
|
|
if ( conf === void 0 ) conf = {};
|
|
|
|
|
|
this.label = label;
|
|
|
this.keyword = conf.keyword;
|
|
|
this.beforeExpr = !!conf.beforeExpr;
|
|
|
this.startsExpr = !!conf.startsExpr;
|
|
|
this.isLoop = !!conf.isLoop;
|
|
|
this.isAssign = !!conf.isAssign;
|
|
|
this.prefix = !!conf.prefix;
|
|
|
this.postfix = !!conf.postfix;
|
|
|
this.binop = conf.binop || null;
|
|
|
this.updateContext = null;
|
|
|
};
|
|
|
|
|
|
function binop(name, prec) {
|
|
|
return new TokenType(name, {beforeExpr: true, binop: prec})
|
|
|
}
|
|
|
var beforeExpr = {beforeExpr: true};
|
|
|
var startsExpr = {startsExpr: true};
|
|
|
// Map keyword names to token types.
|
|
|
|
|
|
var keywordTypes = {};
|
|
|
|
|
|
// Succinct definitions of keyword token types
|
|
|
function kw(name, options) {
|
|
|
if ( options === void 0 ) options = {};
|
|
|
|
|
|
options.keyword = name;
|
|
|
return keywordTypes[name] = new TokenType(name, options)
|
|
|
}
|
|
|
|
|
|
var tt = {
|
|
|
num: new TokenType("num", startsExpr),
|
|
|
regexp: new TokenType("regexp", startsExpr),
|
|
|
string: new TokenType("string", startsExpr),
|
|
|
name: new TokenType("name", startsExpr),
|
|
|
eof: new TokenType("eof"),
|
|
|
|
|
|
// Punctuation token types.
|
|
|
bracketL: new TokenType("[", {beforeExpr: true, startsExpr: true}),
|
|
|
bracketR: new TokenType("]"),
|
|
|
braceL: new TokenType("{", {beforeExpr: true, startsExpr: true}),
|
|
|
braceR: new TokenType("}"),
|
|
|
parenL: new TokenType("(", {beforeExpr: true, startsExpr: true}),
|
|
|
parenR: new TokenType(")"),
|
|
|
comma: new TokenType(",", beforeExpr),
|
|
|
semi: new TokenType(";", beforeExpr),
|
|
|
colon: new TokenType(":", beforeExpr),
|
|
|
dot: new TokenType("."),
|
|
|
question: new TokenType("?", beforeExpr),
|
|
|
arrow: new TokenType("=>", beforeExpr),
|
|
|
template: new TokenType("template"),
|
|
|
ellipsis: new TokenType("...", beforeExpr),
|
|
|
backQuote: new TokenType("`", startsExpr),
|
|
|
dollarBraceL: new TokenType("${", {beforeExpr: true, startsExpr: true}),
|
|
|
|
|
|
// Operators. These carry several kinds of properties to help the
|
|
|
// parser use them properly (the presence of these properties is
|
|
|
// what categorizes them as operators).
|
|
|
//
|
|
|
// `binop`, when present, specifies that this operator is a binary
|
|
|
// operator, and will refer to its precedence.
|
|
|
//
|
|
|
// `prefix` and `postfix` mark the operator as a prefix or postfix
|
|
|
// unary operator.
|
|
|
//
|
|
|
// `isAssign` marks all of `=`, `+=`, `-=` etcetera, which act as
|
|
|
// binary operators with a very low precedence, that should result
|
|
|
// in AssignmentExpression nodes.
|
|
|
|
|
|
eq: new TokenType("=", {beforeExpr: true, isAssign: true}),
|
|
|
assign: new TokenType("_=", {beforeExpr: true, isAssign: true}),
|
|
|
incDec: new TokenType("++/--", {prefix: true, postfix: true, startsExpr: true}),
|
|
|
prefix: new TokenType("prefix", {beforeExpr: true, prefix: true, startsExpr: true}),
|
|
|
logicalOR: binop("||", 1),
|
|
|
logicalAND: binop("&&", 2),
|
|
|
bitwiseOR: binop("|", 3),
|
|
|
bitwiseXOR: binop("^", 4),
|
|
|
bitwiseAND: binop("&", 5),
|
|
|
equality: binop("==/!=", 6),
|
|
|
relational: binop("</>", 7),
|
|
|
bitShift: binop("<</>>", 8),
|
|
|
plusMin: new TokenType("+/-", {beforeExpr: true, binop: 9, prefix: true, startsExpr: true}),
|
|
|
modulo: binop("%", 10),
|
|
|
star: binop("*", 10),
|
|
|
slash: binop("/", 10),
|
|
|
starstar: new TokenType("**", {beforeExpr: true}),
|
|
|
|
|
|
// Keyword token types.
|
|
|
_break: kw("break"),
|
|
|
_case: kw("case", beforeExpr),
|
|
|
_catch: kw("catch"),
|
|
|
_continue: kw("continue"),
|
|
|
_debugger: kw("debugger"),
|
|
|
_default: kw("default", beforeExpr),
|
|
|
_do: kw("do", {isLoop: true, beforeExpr: true}),
|
|
|
_else: kw("else", beforeExpr),
|
|
|
_finally: kw("finally"),
|
|
|
_for: kw("for", {isLoop: true}),
|
|
|
_function: kw("function", startsExpr),
|
|
|
_if: kw("if"),
|
|
|
_return: kw("return", beforeExpr),
|
|
|
_switch: kw("switch"),
|
|
|
_throw: kw("throw", beforeExpr),
|
|
|
_try: kw("try"),
|
|
|
_var: kw("var"),
|
|
|
_const: kw("const"),
|
|
|
_while: kw("while", {isLoop: true}),
|
|
|
_with: kw("with"),
|
|
|
_new: kw("new", {beforeExpr: true, startsExpr: true}),
|
|
|
_this: kw("this", startsExpr),
|
|
|
_super: kw("super", startsExpr),
|
|
|
_class: kw("class"),
|
|
|
_extends: kw("extends", beforeExpr),
|
|
|
_export: kw("export"),
|
|
|
_import: kw("import"),
|
|
|
_null: kw("null", startsExpr),
|
|
|
_true: kw("true", startsExpr),
|
|
|
_false: kw("false", startsExpr),
|
|
|
_in: kw("in", {beforeExpr: true, binop: 7}),
|
|
|
_instanceof: kw("instanceof", {beforeExpr: true, binop: 7}),
|
|
|
_typeof: kw("typeof", {beforeExpr: true, prefix: true, startsExpr: true}),
|
|
|
_void: kw("void", {beforeExpr: true, prefix: true, startsExpr: true}),
|
|
|
_delete: kw("delete", {beforeExpr: true, prefix: true, startsExpr: true})
|
|
|
};
|
|
|
|
|
|
// Matches a whole line break (where CRLF is considered a single
|
|
|
// line break). Used to count lines.
|
|
|
|
|
|
var lineBreak = /\r\n?|\n|\u2028|\u2029/;
|
|
|
var lineBreakG = new RegExp(lineBreak.source, "g");
|
|
|
|
|
|
function isNewLine(code) {
|
|
|
return code === 10 || code === 13 || code === 0x2028 || code === 0x2029
|
|
|
}
|
|
|
|
|
|
var nonASCIIwhitespace = /[\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff]/;
|
|
|
|
|
|
var skipWhiteSpace = /(?:\s|\/\/.*|\/\*[^]*?\*\/)*/g;
|
|
|
|
|
|
function isArray(obj) {
|
|
|
return Object.prototype.toString.call(obj) === "[object Array]"
|
|
|
}
|
|
|
|
|
|
// Checks if an object has a property.
|
|
|
|
|
|
function has(obj, propName) {
|
|
|
return Object.prototype.hasOwnProperty.call(obj, propName)
|
|
|
}
|
|
|
|
|
|
// These are used when `options.locations` is on, for the
|
|
|
// `startLoc` and `endLoc` properties.
|
|
|
|
|
|
var Position = function Position(line, col) {
|
|
|
this.line = line;
|
|
|
this.column = col;
|
|
|
};
|
|
|
|
|
|
Position.prototype.offset = function offset (n) {
|
|
|
return new Position(this.line, this.column + n)
|
|
|
};
|
|
|
|
|
|
var SourceLocation = function SourceLocation(p, start, end) {
|
|
|
this.start = start;
|
|
|
this.end = end;
|
|
|
if (p.sourceFile !== null) this.source = p.sourceFile;
|
|
|
};
|
|
|
|
|
|
// The `getLineInfo` function is mostly useful when the
|
|
|
// `locations` option is off (for performance reasons) and you
|
|
|
// want to find the line/column position for a given character
|
|
|
// offset. `input` should be the code string that the offset refers
|
|
|
// into.
|
|
|
|
|
|
function getLineInfo(input, offset) {
|
|
|
for (var line = 1, cur = 0;;) {
|
|
|
lineBreakG.lastIndex = cur;
|
|
|
var match = lineBreakG.exec(input);
|
|
|
if (match && match.index < offset) {
|
|
|
++line;
|
|
|
cur = match.index + match[0].length;
|
|
|
} else {
|
|
|
return new Position(line, offset - cur)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// A second optional argument can be given to further configure
|
|
|
// the parser process. These options are recognized:
|
|
|
|
|
|
var defaultOptions = {
|
|
|
// `ecmaVersion` indicates the ECMAScript version to parse. Must
|
|
|
// be either 3, 5, 6 (2015), 7 (2016), or 8 (2017). This influences support
|
|
|
// for strict mode, the set of reserved words, and support for
|
|
|
// new syntax features. The default is 7.
|
|
|
ecmaVersion: 7,
|
|
|
// `sourceType` indicates the mode the code should be parsed in.
|
|
|
// Can be either `"script"` or `"module"`. This influences global
|
|
|
// strict mode and parsing of `import` and `export` declarations.
|
|
|
sourceType: "script",
|
|
|
// `onInsertedSemicolon` can be a callback that will be called
|
|
|
// when a semicolon is automatically inserted. It will be passed
|
|
|
// th position of the comma as an offset, and if `locations` is
|
|
|
// enabled, it is given the location as a `{line, column}` object
|
|
|
// as second argument.
|
|
|
onInsertedSemicolon: null,
|
|
|
// `onTrailingComma` is similar to `onInsertedSemicolon`, but for
|
|
|
// trailing commas.
|
|
|
onTrailingComma: null,
|
|
|
// By default, reserved words are only enforced if ecmaVersion >= 5.
|
|
|
// Set `allowReserved` to a boolean value to explicitly turn this on
|
|
|
// an off. When this option has the value "never", reserved words
|
|
|
// and keywords can also not be used as property names.
|
|
|
allowReserved: null,
|
|
|
// When enabled, a return at the top level is not considered an
|
|
|
// error.
|
|
|
allowReturnOutsideFunction: false,
|
|
|
// When enabled, import/export statements are not constrained to
|
|
|
// appearing at the top of the program.
|
|
|
allowImportExportEverywhere: false,
|
|
|
// When enabled, hashbang directive in the beginning of file
|
|
|
// is allowed and treated as a line comment.
|
|
|
allowHashBang: false,
|
|
|
// When `locations` is on, `loc` properties holding objects with
|
|
|
// `start` and `end` properties in `{line, column}` form (with
|
|
|
// line being 1-based and column 0-based) will be attached to the
|
|
|
// nodes.
|
|
|
locations: false,
|
|
|
// A function can be passed as `onToken` option, which will
|
|
|
// cause Acorn to call that function with object in the same
|
|
|
// format as tokens returned from `tokenizer().getToken()`. Note
|
|
|
// that you are not allowed to call the parser from the
|
|
|
// callback—that will corrupt its internal state.
|
|
|
onToken: null,
|
|
|
// A function can be passed as `onComment` option, which will
|
|
|
// cause Acorn to call that function with `(block, text, start,
|
|
|
// end)` parameters whenever a comment is skipped. `block` is a
|
|
|
// boolean indicating whether this is a block (`/* */`) comment,
|
|
|
// `text` is the content of the comment, and `start` and `end` are
|
|
|
// character offsets that denote the start and end of the comment.
|
|
|
// When the `locations` option is on, two more parameters are
|
|
|
// passed, the full `{line, column}` locations of the start and
|
|
|
// end of the comments. Note that you are not allowed to call the
|
|
|
// parser from the callback—that will corrupt its internal state.
|
|
|
onComment: null,
|
|
|
// Nodes have their start and end characters offsets recorded in
|
|
|
// `start` and `end` properties (directly on the node, rather than
|
|
|
// the `loc` object, which holds line/column data. To also add a
|
|
|
// [semi-standardized][range] `range` property holding a `[start,
|
|
|
// end]` array with the same numbers, set the `ranges` option to
|
|
|
// `true`.
|
|
|
//
|
|
|
// [range]: https://bugzilla.mozilla.org/show_bug.cgi?id=745678
|
|
|
ranges: false,
|
|
|
// It is possible to parse multiple files into a single AST by
|
|
|
// passing the tree produced by parsing the first file as
|
|
|
// `program` option in subsequent parses. This will add the
|
|
|
// toplevel forms of the parsed file to the `Program` (top) node
|
|
|
// of an existing parse tree.
|
|
|
program: null,
|
|
|
// When `locations` is on, you can pass this to record the source
|
|
|
// file in every node's `loc` object.
|
|
|
sourceFile: null,
|
|
|
// This value, if given, is stored in every node, whether
|
|
|
// `locations` is on or off.
|
|
|
directSourceFile: null,
|
|
|
// When enabled, parenthesized expressions are represented by
|
|
|
// (non-standard) ParenthesizedExpression nodes
|
|
|
preserveParens: false,
|
|
|
plugins: {}
|
|
|
};
|
|
|
|
|
|
// Interpret and default an options object
|
|
|
|
|
|
function getOptions(opts) {
|
|
|
var options = {};
|
|
|
|
|
|
for (var opt in defaultOptions)
|
|
|
options[opt] = opts && has(opts, opt) ? opts[opt] : defaultOptions[opt];
|
|
|
|
|
|
if (options.ecmaVersion >= 2015)
|
|
|
options.ecmaVersion -= 2009;
|
|
|
|
|
|
if (options.allowReserved == null)
|
|
|
options.allowReserved = options.ecmaVersion < 5;
|
|
|
|
|
|
if (isArray(options.onToken)) {
|
|
|
var tokens = options.onToken;
|
|
|
options.onToken = function (token) { return tokens.push(token); };
|
|
|
}
|
|
|
if (isArray(options.onComment))
|
|
|
options.onComment = pushComment(options, options.onComment);
|
|
|
|
|
|
return options
|
|
|
}
|
|
|
|
|
|
function pushComment(options, array) {
|
|
|
return function (block, text, start, end, startLoc, endLoc) {
|
|
|
var comment = {
|
|
|
type: block ? 'Block' : 'Line',
|
|
|
value: text,
|
|
|
start: start,
|
|
|
end: end
|
|
|
};
|
|
|
if (options.locations)
|
|
|
comment.loc = new SourceLocation(this, startLoc, endLoc);
|
|
|
if (options.ranges)
|
|
|
comment.range = [start, end];
|
|
|
array.push(comment);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Registered plugins
|
|
|
var plugins = {};
|
|
|
|
|
|
function keywordRegexp(words) {
|
|
|
return new RegExp("^(" + words.replace(/ /g, "|") + ")$")
|
|
|
}
|
|
|
|
|
|
var Parser = function Parser(options, input, startPos) {
|
|
|
this.options = options = getOptions(options);
|
|
|
this.sourceFile = options.sourceFile;
|
|
|
this.keywords = keywordRegexp(keywords[options.ecmaVersion >= 6 ? 6 : 5]);
|
|
|
var reserved = "";
|
|
|
if (!options.allowReserved) {
|
|
|
for (var v = options.ecmaVersion;; v--)
|
|
|
if (reserved = reservedWords[v]) break
|
|
|
if (options.sourceType == "module") reserved += " await";
|
|
|
}
|
|
|
this.reservedWords = keywordRegexp(reserved);
|
|
|
var reservedStrict = (reserved ? reserved + " " : "") + reservedWords.strict;
|
|
|
this.reservedWordsStrict = keywordRegexp(reservedStrict);
|
|
|
this.reservedWordsStrictBind = keywordRegexp(reservedStrict + " " + reservedWords.strictBind);
|
|
|
this.input = String(input);
|
|
|
|
|
|
// Used to signal to callers of `readWord1` whether the word
|
|
|
// contained any escape sequences. This is needed because words with
|
|
|
// escape sequences must not be interpreted as keywords.
|
|
|
this.containsEsc = false;
|
|
|
|
|
|
// Load plugins
|
|
|
this.loadPlugins(options.plugins);
|
|
|
|
|
|
// Set up token state
|
|
|
|
|
|
// The current position of the tokenizer in the input.
|
|
|
if (startPos) {
|
|
|
this.pos = startPos;
|
|
|
this.lineStart = this.input.lastIndexOf("\n", startPos - 1) + 1;
|
|
|
this.curLine = this.input.slice(0, this.lineStart).split(lineBreak).length;
|
|
|
} else {
|
|
|
this.pos = this.lineStart = 0;
|
|
|
this.curLine = 1;
|
|
|
}
|
|
|
|
|
|
// Properties of the current token:
|
|
|
// Its type
|
|
|
this.type = tt.eof;
|
|
|
// For tokens that include more information than their type, the value
|
|
|
this.value = null;
|
|
|
// Its start and end offset
|
|
|
this.start = this.end = this.pos;
|
|
|
// And, if locations are used, the {line, column} object
|
|
|
// corresponding to those offsets
|
|
|
this.startLoc = this.endLoc = this.curPosition();
|
|
|
|
|
|
// Position information for the previous token
|
|
|
this.lastTokEndLoc = this.lastTokStartLoc = null;
|
|
|
this.lastTokStart = this.lastTokEnd = this.pos;
|
|
|
|
|
|
// The context stack is used to superficially track syntactic
|
|
|
// context to predict whether a regular expression is allowed in a
|
|
|
// given position.
|
|
|
this.context = this.initialContext();
|
|
|
this.exprAllowed = true;
|
|
|
|
|
|
// Figure out if it's a module code.
|
|
|
this.strict = this.inModule = options.sourceType === "module";
|
|
|
|
|
|
// Used to signify the start of a potential arrow function
|
|
|
this.potentialArrowAt = -1;
|
|
|
|
|
|
// Flags to track whether we are in a function, a generator, an async function.
|
|
|
this.inFunction = this.inGenerator = this.inAsync = false;
|
|
|
// Positions to delayed-check that yield/await does not exist in default parameters.
|
|
|
this.yieldPos = this.awaitPos = 0;
|
|
|
// Labels in scope.
|
|
|
this.labels = [];
|
|
|
|
|
|
// If enabled, skip leading hashbang line.
|
|
|
if (this.pos === 0 && options.allowHashBang && this.input.slice(0, 2) === '#!')
|
|
|
this.skipLineComment(2);
|
|
|
};
|
|
|
|
|
|
// DEPRECATED Kept for backwards compatibility until 3.0 in case a plugin uses them
|
|
|
Parser.prototype.isKeyword = function isKeyword (word) { return this.keywords.test(word) };
|
|
|
Parser.prototype.isReservedWord = function isReservedWord (word) { return this.reservedWords.test(word) };
|
|
|
|
|
|
Parser.prototype.extend = function extend (name, f) {
|
|
|
this[name] = f(this[name]);
|
|
|
};
|
|
|
|
|
|
Parser.prototype.loadPlugins = function loadPlugins (pluginConfigs) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
for (var name in pluginConfigs) {
|
|
|
var plugin = plugins[name];
|
|
|
if (!plugin) throw new Error("Plugin '" + name + "' not found")
|
|
|
plugin(this$1, pluginConfigs[name]);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
Parser.prototype.parse = function parse$1 () {
|
|
|
var node = this.options.program || this.startNode();
|
|
|
this.nextToken();
|
|
|
return this.parseTopLevel(node)
|
|
|
};
|
|
|
|
|
|
var pp = Parser.prototype;
|
|
|
|
|
|
// ## Parser utilities
|
|
|
|
|
|
// Test whether a statement node is the string literal `"use strict"`.
|
|
|
|
|
|
pp.isUseStrict = function(stmt) {
|
|
|
return this.options.ecmaVersion >= 5 && stmt.type === "ExpressionStatement" &&
|
|
|
stmt.expression.type === "Literal" &&
|
|
|
stmt.expression.raw.slice(1, -1) === "use strict"
|
|
|
};
|
|
|
|
|
|
// Predicate that tests whether the next token is of the given
|
|
|
// type, and if yes, consumes it as a side effect.
|
|
|
|
|
|
pp.eat = function(type) {
|
|
|
if (this.type === type) {
|
|
|
this.next();
|
|
|
return true
|
|
|
} else {
|
|
|
return false
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Tests whether parsed token is a contextual keyword.
|
|
|
|
|
|
pp.isContextual = function(name) {
|
|
|
return this.type === tt.name && this.value === name
|
|
|
};
|
|
|
|
|
|
// Consumes contextual keyword if possible.
|
|
|
|
|
|
pp.eatContextual = function(name) {
|
|
|
return this.value === name && this.eat(tt.name)
|
|
|
};
|
|
|
|
|
|
// Asserts that following token is given contextual keyword.
|
|
|
|
|
|
pp.expectContextual = function(name) {
|
|
|
if (!this.eatContextual(name)) this.unexpected();
|
|
|
};
|
|
|
|
|
|
// Test whether a semicolon can be inserted at the current position.
|
|
|
|
|
|
pp.canInsertSemicolon = function() {
|
|
|
return this.type === tt.eof ||
|
|
|
this.type === tt.braceR ||
|
|
|
lineBreak.test(this.input.slice(this.lastTokEnd, this.start))
|
|
|
};
|
|
|
|
|
|
pp.insertSemicolon = function() {
|
|
|
if (this.canInsertSemicolon()) {
|
|
|
if (this.options.onInsertedSemicolon)
|
|
|
this.options.onInsertedSemicolon(this.lastTokEnd, this.lastTokEndLoc);
|
|
|
return true
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Consume a semicolon, or, failing that, see if we are allowed to
|
|
|
// pretend that there is a semicolon at this position.
|
|
|
|
|
|
pp.semicolon = function() {
|
|
|
if (!this.eat(tt.semi) && !this.insertSemicolon()) this.unexpected();
|
|
|
};
|
|
|
|
|
|
pp.afterTrailingComma = function(tokType, notNext) {
|
|
|
if (this.type == tokType) {
|
|
|
if (this.options.onTrailingComma)
|
|
|
this.options.onTrailingComma(this.lastTokStart, this.lastTokStartLoc);
|
|
|
if (!notNext)
|
|
|
this.next();
|
|
|
return true
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Expect a token of a given type. If found, consume it, otherwise,
|
|
|
// raise an unexpected token error.
|
|
|
|
|
|
pp.expect = function(type) {
|
|
|
this.eat(type) || this.unexpected();
|
|
|
};
|
|
|
|
|
|
// Raise an unexpected token error.
|
|
|
|
|
|
pp.unexpected = function(pos) {
|
|
|
this.raise(pos != null ? pos : this.start, "Unexpected token");
|
|
|
};
|
|
|
|
|
|
var DestructuringErrors = function DestructuringErrors() {
|
|
|
this.shorthandAssign = 0;
|
|
|
this.trailingComma = 0;
|
|
|
};
|
|
|
|
|
|
pp.checkPatternErrors = function(refDestructuringErrors, andThrow) {
|
|
|
var trailing = refDestructuringErrors && refDestructuringErrors.trailingComma;
|
|
|
if (!andThrow) return !!trailing
|
|
|
if (trailing) this.raise(trailing, "Comma is not permitted after the rest element");
|
|
|
};
|
|
|
|
|
|
pp.checkExpressionErrors = function(refDestructuringErrors, andThrow) {
|
|
|
var pos = refDestructuringErrors && refDestructuringErrors.shorthandAssign;
|
|
|
if (!andThrow) return !!pos
|
|
|
if (pos) this.raise(pos, "Shorthand property assignments are valid only in destructuring patterns");
|
|
|
};
|
|
|
|
|
|
pp.checkYieldAwaitInDefaultParams = function() {
|
|
|
if (this.yieldPos && (!this.awaitPos || this.yieldPos < this.awaitPos))
|
|
|
this.raise(this.yieldPos, "Yield expression cannot be a default value");
|
|
|
if (this.awaitPos)
|
|
|
this.raise(this.awaitPos, "Await expression cannot be a default value");
|
|
|
};
|
|
|
|
|
|
var pp$1 = Parser.prototype;
|
|
|
|
|
|
// ### Statement parsing
|
|
|
|
|
|
// Parse a program. Initializes the parser, reads any number of
|
|
|
// statements, and wraps them in a Program node. Optionally takes a
|
|
|
// `program` argument. If present, the statements will be appended
|
|
|
// to its body instead of creating a new node.
|
|
|
|
|
|
pp$1.parseTopLevel = function(node) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var first = true, exports = {};
|
|
|
if (!node.body) node.body = [];
|
|
|
while (this.type !== tt.eof) {
|
|
|
var stmt = this$1.parseStatement(true, true, exports);
|
|
|
node.body.push(stmt);
|
|
|
if (first) {
|
|
|
if (this$1.isUseStrict(stmt)) this$1.setStrict(true);
|
|
|
first = false;
|
|
|
}
|
|
|
}
|
|
|
this.next();
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
node.sourceType = this.options.sourceType;
|
|
|
}
|
|
|
return this.finishNode(node, "Program")
|
|
|
};
|
|
|
|
|
|
var loopLabel = {kind: "loop"};
|
|
|
var switchLabel = {kind: "switch"};
|
|
|
pp$1.isLet = function() {
|
|
|
if (this.type !== tt.name || this.options.ecmaVersion < 6 || this.value != "let") return false
|
|
|
skipWhiteSpace.lastIndex = this.pos;
|
|
|
var skip = skipWhiteSpace.exec(this.input);
|
|
|
var next = this.pos + skip[0].length, nextCh = this.input.charCodeAt(next);
|
|
|
if (nextCh === 91 || nextCh == 123) return true // '{' and '['
|
|
|
if (isIdentifierStart(nextCh, true)) {
|
|
|
for (var pos = next + 1; isIdentifierChar(this.input.charCodeAt(pos), true); ++pos) {}
|
|
|
var ident = this.input.slice(next, pos);
|
|
|
if (!this.isKeyword(ident)) return true
|
|
|
}
|
|
|
return false
|
|
|
};
|
|
|
|
|
|
// check 'async [no LineTerminator here] function'
|
|
|
// - 'async /*foo*/ function' is OK.
|
|
|
// - 'async /*\n*/ function' is invalid.
|
|
|
pp$1.isAsyncFunction = function() {
|
|
|
if (this.type !== tt.name || this.options.ecmaVersion < 8 || this.value != "async")
|
|
|
return false
|
|
|
|
|
|
skipWhiteSpace.lastIndex = this.pos;
|
|
|
var skip = skipWhiteSpace.exec(this.input);
|
|
|
var next = this.pos + skip[0].length;
|
|
|
return !lineBreak.test(this.input.slice(this.pos, next)) &&
|
|
|
this.input.slice(next, next + 8) === "function" &&
|
|
|
(next + 8 == this.input.length || !isIdentifierChar(this.input.charAt(next + 8)))
|
|
|
};
|
|
|
|
|
|
// Parse a single statement.
|
|
|
//
|
|
|
// If expecting a statement and finding a slash operator, parse a
|
|
|
// regular expression literal. This is to handle cases like
|
|
|
// `if (foo) /blah/.exec(foo)`, where looking at the previous token
|
|
|
// does not help.
|
|
|
|
|
|
pp$1.parseStatement = function(declaration, topLevel, exports) {
|
|
|
var starttype = this.type, node = this.startNode(), kind;
|
|
|
|
|
|
if (this.isLet()) {
|
|
|
starttype = tt._var;
|
|
|
kind = "let";
|
|
|
}
|
|
|
|
|
|
// Most types of statements are recognized by the keyword they
|
|
|
// start with. Many are trivial to parse, some require a bit of
|
|
|
// complexity.
|
|
|
|
|
|
switch (starttype) {
|
|
|
case tt._break: case tt._continue: return this.parseBreakContinueStatement(node, starttype.keyword)
|
|
|
case tt._debugger: return this.parseDebuggerStatement(node)
|
|
|
case tt._do: return this.parseDoStatement(node)
|
|
|
case tt._for: return this.parseForStatement(node)
|
|
|
case tt._function:
|
|
|
if (!declaration && this.options.ecmaVersion >= 6) this.unexpected();
|
|
|
return this.parseFunctionStatement(node, false)
|
|
|
case tt._class:
|
|
|
if (!declaration) this.unexpected();
|
|
|
return this.parseClass(node, true)
|
|
|
case tt._if: return this.parseIfStatement(node)
|
|
|
case tt._return: return this.parseReturnStatement(node)
|
|
|
case tt._switch: return this.parseSwitchStatement(node)
|
|
|
case tt._throw: return this.parseThrowStatement(node)
|
|
|
case tt._try: return this.parseTryStatement(node)
|
|
|
case tt._const: case tt._var:
|
|
|
kind = kind || this.value;
|
|
|
if (!declaration && kind != "var") this.unexpected();
|
|
|
return this.parseVarStatement(node, kind)
|
|
|
case tt._while: return this.parseWhileStatement(node)
|
|
|
case tt._with: return this.parseWithStatement(node)
|
|
|
case tt.braceL: return this.parseBlock()
|
|
|
case tt.semi: return this.parseEmptyStatement(node)
|
|
|
case tt._export:
|
|
|
case tt._import:
|
|
|
if (!this.options.allowImportExportEverywhere) {
|
|
|
if (!topLevel)
|
|
|
this.raise(this.start, "'import' and 'export' may only appear at the top level");
|
|
|
if (!this.inModule)
|
|
|
this.raise(this.start, "'import' and 'export' may appear only with 'sourceType: module'");
|
|
|
}
|
|
|
return starttype === tt._import ? this.parseImport(node) : this.parseExport(node, exports)
|
|
|
|
|
|
// If the statement does not start with a statement keyword or a
|
|
|
// brace, it's an ExpressionStatement or LabeledStatement. We
|
|
|
// simply start parsing an expression, and afterwards, if the
|
|
|
// next token is a colon and the expression was a simple
|
|
|
// Identifier node, we switch to interpreting it as a label.
|
|
|
default:
|
|
|
if (this.isAsyncFunction() && declaration) {
|
|
|
this.next();
|
|
|
return this.parseFunctionStatement(node, true)
|
|
|
}
|
|
|
|
|
|
var maybeName = this.value, expr = this.parseExpression();
|
|
|
if (starttype === tt.name && expr.type === "Identifier" && this.eat(tt.colon))
|
|
|
return this.parseLabeledStatement(node, maybeName, expr)
|
|
|
else return this.parseExpressionStatement(node, expr)
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$1.parseBreakContinueStatement = function(node, keyword) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var isBreak = keyword == "break";
|
|
|
this.next();
|
|
|
if (this.eat(tt.semi) || this.insertSemicolon()) node.label = null;
|
|
|
else if (this.type !== tt.name) this.unexpected();
|
|
|
else {
|
|
|
node.label = this.parseIdent();
|
|
|
this.semicolon();
|
|
|
}
|
|
|
|
|
|
// Verify that there is an actual destination to break or
|
|
|
// continue to.
|
|
|
for (var i = 0; i < this.labels.length; ++i) {
|
|
|
var lab = this$1.labels[i];
|
|
|
if (node.label == null || lab.name === node.label.name) {
|
|
|
if (lab.kind != null && (isBreak || lab.kind === "loop")) break
|
|
|
if (node.label && isBreak) break
|
|
|
}
|
|
|
}
|
|
|
if (i === this.labels.length) this.raise(node.start, "Unsyntactic " + keyword);
|
|
|
return this.finishNode(node, isBreak ? "BreakStatement" : "ContinueStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseDebuggerStatement = function(node) {
|
|
|
this.next();
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "DebuggerStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseDoStatement = function(node) {
|
|
|
this.next();
|
|
|
this.labels.push(loopLabel);
|
|
|
node.body = this.parseStatement(false);
|
|
|
this.labels.pop();
|
|
|
this.expect(tt._while);
|
|
|
node.test = this.parseParenExpression();
|
|
|
if (this.options.ecmaVersion >= 6)
|
|
|
this.eat(tt.semi);
|
|
|
else
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "DoWhileStatement")
|
|
|
};
|
|
|
|
|
|
// Disambiguating between a `for` and a `for`/`in` or `for`/`of`
|
|
|
// loop is non-trivial. Basically, we have to parse the init `var`
|
|
|
// statement or expression, disallowing the `in` operator (see
|
|
|
// the second parameter to `parseExpression`), and then check
|
|
|
// whether the next token is `in` or `of`. When there is no init
|
|
|
// part (semicolon immediately after the opening parenthesis), it
|
|
|
// is a regular `for` loop.
|
|
|
|
|
|
pp$1.parseForStatement = function(node) {
|
|
|
this.next();
|
|
|
this.labels.push(loopLabel);
|
|
|
this.expect(tt.parenL);
|
|
|
if (this.type === tt.semi) return this.parseFor(node, null)
|
|
|
var isLet = this.isLet();
|
|
|
if (this.type === tt._var || this.type === tt._const || isLet) {
|
|
|
var init$1 = this.startNode(), kind = isLet ? "let" : this.value;
|
|
|
this.next();
|
|
|
this.parseVar(init$1, true, kind);
|
|
|
this.finishNode(init$1, "VariableDeclaration");
|
|
|
if ((this.type === tt._in || (this.options.ecmaVersion >= 6 && this.isContextual("of"))) && init$1.declarations.length === 1 &&
|
|
|
!(kind !== "var" && init$1.declarations[0].init))
|
|
|
return this.parseForIn(node, init$1)
|
|
|
return this.parseFor(node, init$1)
|
|
|
}
|
|
|
var refDestructuringErrors = new DestructuringErrors;
|
|
|
var init = this.parseExpression(true, refDestructuringErrors);
|
|
|
if (this.type === tt._in || (this.options.ecmaVersion >= 6 && this.isContextual("of"))) {
|
|
|
this.checkPatternErrors(refDestructuringErrors, true);
|
|
|
this.toAssignable(init);
|
|
|
this.checkLVal(init);
|
|
|
return this.parseForIn(node, init)
|
|
|
} else {
|
|
|
this.checkExpressionErrors(refDestructuringErrors, true);
|
|
|
}
|
|
|
return this.parseFor(node, init)
|
|
|
};
|
|
|
|
|
|
pp$1.parseFunctionStatement = function(node, isAsync) {
|
|
|
this.next();
|
|
|
return this.parseFunction(node, true, false, isAsync)
|
|
|
};
|
|
|
|
|
|
pp$1.isFunction = function() {
|
|
|
return this.type === tt._function || this.isAsyncFunction()
|
|
|
};
|
|
|
|
|
|
pp$1.parseIfStatement = function(node) {
|
|
|
this.next();
|
|
|
node.test = this.parseParenExpression();
|
|
|
// allow function declarations in branches, but only in non-strict mode
|
|
|
node.consequent = this.parseStatement(!this.strict && this.isFunction());
|
|
|
node.alternate = this.eat(tt._else) ? this.parseStatement(!this.strict && this.isFunction()) : null;
|
|
|
return this.finishNode(node, "IfStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseReturnStatement = function(node) {
|
|
|
if (!this.inFunction && !this.options.allowReturnOutsideFunction)
|
|
|
this.raise(this.start, "'return' outside of function");
|
|
|
this.next();
|
|
|
|
|
|
// In `return` (and `break`/`continue`), the keywords with
|
|
|
// optional arguments, we eagerly look for a semicolon or the
|
|
|
// possibility to insert one.
|
|
|
|
|
|
if (this.eat(tt.semi) || this.insertSemicolon()) node.argument = null;
|
|
|
else { node.argument = this.parseExpression(); this.semicolon(); }
|
|
|
return this.finishNode(node, "ReturnStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseSwitchStatement = function(node) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
this.next();
|
|
|
node.discriminant = this.parseParenExpression();
|
|
|
node.cases = [];
|
|
|
this.expect(tt.braceL);
|
|
|
this.labels.push(switchLabel);
|
|
|
|
|
|
// Statements under must be grouped (by label) in SwitchCase
|
|
|
// nodes. `cur` is used to keep the node that we are currently
|
|
|
// adding statements to.
|
|
|
|
|
|
for (var cur, sawDefault = false; this.type != tt.braceR;) {
|
|
|
if (this$1.type === tt._case || this$1.type === tt._default) {
|
|
|
var isCase = this$1.type === tt._case;
|
|
|
if (cur) this$1.finishNode(cur, "SwitchCase");
|
|
|
node.cases.push(cur = this$1.startNode());
|
|
|
cur.consequent = [];
|
|
|
this$1.next();
|
|
|
if (isCase) {
|
|
|
cur.test = this$1.parseExpression();
|
|
|
} else {
|
|
|
if (sawDefault) this$1.raiseRecoverable(this$1.lastTokStart, "Multiple default clauses");
|
|
|
sawDefault = true;
|
|
|
cur.test = null;
|
|
|
}
|
|
|
this$1.expect(tt.colon);
|
|
|
} else {
|
|
|
if (!cur) this$1.unexpected();
|
|
|
cur.consequent.push(this$1.parseStatement(true));
|
|
|
}
|
|
|
}
|
|
|
if (cur) this.finishNode(cur, "SwitchCase");
|
|
|
this.next(); // Closing brace
|
|
|
this.labels.pop();
|
|
|
return this.finishNode(node, "SwitchStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseThrowStatement = function(node) {
|
|
|
this.next();
|
|
|
if (lineBreak.test(this.input.slice(this.lastTokEnd, this.start)))
|
|
|
this.raise(this.lastTokEnd, "Illegal newline after throw");
|
|
|
node.argument = this.parseExpression();
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "ThrowStatement")
|
|
|
};
|
|
|
|
|
|
// Reused empty array added for node fields that are always empty.
|
|
|
|
|
|
var empty = [];
|
|
|
|
|
|
pp$1.parseTryStatement = function(node) {
|
|
|
this.next();
|
|
|
node.block = this.parseBlock();
|
|
|
node.handler = null;
|
|
|
if (this.type === tt._catch) {
|
|
|
var clause = this.startNode();
|
|
|
this.next();
|
|
|
this.expect(tt.parenL);
|
|
|
clause.param = this.parseBindingAtom();
|
|
|
this.checkLVal(clause.param, true);
|
|
|
this.expect(tt.parenR);
|
|
|
clause.body = this.parseBlock();
|
|
|
node.handler = this.finishNode(clause, "CatchClause");
|
|
|
}
|
|
|
node.finalizer = this.eat(tt._finally) ? this.parseBlock() : null;
|
|
|
if (!node.handler && !node.finalizer)
|
|
|
this.raise(node.start, "Missing catch or finally clause");
|
|
|
return this.finishNode(node, "TryStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseVarStatement = function(node, kind) {
|
|
|
this.next();
|
|
|
this.parseVar(node, false, kind);
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "VariableDeclaration")
|
|
|
};
|
|
|
|
|
|
pp$1.parseWhileStatement = function(node) {
|
|
|
this.next();
|
|
|
node.test = this.parseParenExpression();
|
|
|
this.labels.push(loopLabel);
|
|
|
node.body = this.parseStatement(false);
|
|
|
this.labels.pop();
|
|
|
return this.finishNode(node, "WhileStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseWithStatement = function(node) {
|
|
|
if (this.strict) this.raise(this.start, "'with' in strict mode");
|
|
|
this.next();
|
|
|
node.object = this.parseParenExpression();
|
|
|
node.body = this.parseStatement(false);
|
|
|
return this.finishNode(node, "WithStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseEmptyStatement = function(node) {
|
|
|
this.next();
|
|
|
return this.finishNode(node, "EmptyStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseLabeledStatement = function(node, maybeName, expr) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
for (var i = 0; i < this.labels.length; ++i)
|
|
|
if (this$1.labels[i].name === maybeName) this$1.raise(expr.start, "Label '" + maybeName + "' is already declared");
|
|
|
var kind = this.type.isLoop ? "loop" : this.type === tt._switch ? "switch" : null;
|
|
|
for (var i$1 = this.labels.length - 1; i$1 >= 0; i$1--) {
|
|
|
var label = this$1.labels[i$1];
|
|
|
if (label.statementStart == node.start) {
|
|
|
label.statementStart = this$1.start;
|
|
|
label.kind = kind;
|
|
|
} else break
|
|
|
}
|
|
|
this.labels.push({name: maybeName, kind: kind, statementStart: this.start});
|
|
|
node.body = this.parseStatement(true);
|
|
|
this.labels.pop();
|
|
|
node.label = expr;
|
|
|
return this.finishNode(node, "LabeledStatement")
|
|
|
};
|
|
|
|
|
|
pp$1.parseExpressionStatement = function(node, expr) {
|
|
|
node.expression = expr;
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "ExpressionStatement")
|
|
|
};
|
|
|
|
|
|
// Parse a semicolon-enclosed block of statements, handling `"use
|
|
|
// strict"` declarations when `allowStrict` is true (used for
|
|
|
// function bodies).
|
|
|
|
|
|
pp$1.parseBlock = function(allowStrict) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var node = this.startNode(), first = true, oldStrict;
|
|
|
node.body = [];
|
|
|
this.expect(tt.braceL);
|
|
|
while (!this.eat(tt.braceR)) {
|
|
|
var stmt = this$1.parseStatement(true);
|
|
|
node.body.push(stmt);
|
|
|
if (first && allowStrict && this$1.isUseStrict(stmt)) {
|
|
|
oldStrict = this$1.strict;
|
|
|
this$1.setStrict(this$1.strict = true);
|
|
|
}
|
|
|
first = false;
|
|
|
}
|
|
|
if (oldStrict === false) this.setStrict(false);
|
|
|
return this.finishNode(node, "BlockStatement")
|
|
|
};
|
|
|
|
|
|
// Parse a regular `for` loop. The disambiguation code in
|
|
|
// `parseStatement` will already have parsed the init statement or
|
|
|
// expression.
|
|
|
|
|
|
pp$1.parseFor = function(node, init) {
|
|
|
node.init = init;
|
|
|
this.expect(tt.semi);
|
|
|
node.test = this.type === tt.semi ? null : this.parseExpression();
|
|
|
this.expect(tt.semi);
|
|
|
node.update = this.type === tt.parenR ? null : this.parseExpression();
|
|
|
this.expect(tt.parenR);
|
|
|
node.body = this.parseStatement(false);
|
|
|
this.labels.pop();
|
|
|
return this.finishNode(node, "ForStatement")
|
|
|
};
|
|
|
|
|
|
// Parse a `for`/`in` and `for`/`of` loop, which are almost
|
|
|
// same from parser's perspective.
|
|
|
|
|
|
pp$1.parseForIn = function(node, init) {
|
|
|
var type = this.type === tt._in ? "ForInStatement" : "ForOfStatement";
|
|
|
this.next();
|
|
|
node.left = init;
|
|
|
node.right = this.parseExpression();
|
|
|
this.expect(tt.parenR);
|
|
|
node.body = this.parseStatement(false);
|
|
|
this.labels.pop();
|
|
|
return this.finishNode(node, type)
|
|
|
};
|
|
|
|
|
|
// Parse a list of variable declarations.
|
|
|
|
|
|
pp$1.parseVar = function(node, isFor, kind) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
node.declarations = [];
|
|
|
node.kind = kind;
|
|
|
for (;;) {
|
|
|
var decl = this$1.startNode();
|
|
|
this$1.parseVarId(decl);
|
|
|
if (this$1.eat(tt.eq)) {
|
|
|
decl.init = this$1.parseMaybeAssign(isFor);
|
|
|
} else if (kind === "const" && !(this$1.type === tt._in || (this$1.options.ecmaVersion >= 6 && this$1.isContextual("of")))) {
|
|
|
this$1.unexpected();
|
|
|
} else if (decl.id.type != "Identifier" && !(isFor && (this$1.type === tt._in || this$1.isContextual("of")))) {
|
|
|
this$1.raise(this$1.lastTokEnd, "Complex binding patterns require an initialization value");
|
|
|
} else {
|
|
|
decl.init = null;
|
|
|
}
|
|
|
node.declarations.push(this$1.finishNode(decl, "VariableDeclarator"));
|
|
|
if (!this$1.eat(tt.comma)) break
|
|
|
}
|
|
|
return node
|
|
|
};
|
|
|
|
|
|
pp$1.parseVarId = function(decl) {
|
|
|
decl.id = this.parseBindingAtom();
|
|
|
this.checkLVal(decl.id, true);
|
|
|
};
|
|
|
|
|
|
// Parse a function declaration or literal (depending on the
|
|
|
// `isStatement` parameter).
|
|
|
|
|
|
pp$1.parseFunction = function(node, isStatement, allowExpressionBody, isAsync) {
|
|
|
this.initFunction(node);
|
|
|
if (this.options.ecmaVersion >= 6 && !isAsync)
|
|
|
node.generator = this.eat(tt.star);
|
|
|
if (this.options.ecmaVersion >= 8)
|
|
|
node.async = !!isAsync;
|
|
|
|
|
|
if (isStatement)
|
|
|
node.id = this.parseIdent();
|
|
|
|
|
|
var oldInGen = this.inGenerator, oldInAsync = this.inAsync, oldYieldPos = this.yieldPos, oldAwaitPos = this.awaitPos;
|
|
|
this.inGenerator = node.generator;
|
|
|
this.inAsync = node.async;
|
|
|
this.yieldPos = 0;
|
|
|
this.awaitPos = 0;
|
|
|
|
|
|
if (!isStatement && this.type === tt.name)
|
|
|
node.id = this.parseIdent();
|
|
|
this.parseFunctionParams(node);
|
|
|
this.parseFunctionBody(node, allowExpressionBody);
|
|
|
|
|
|
this.inGenerator = oldInGen;
|
|
|
this.inAsync = oldInAsync;
|
|
|
this.yieldPos = oldYieldPos;
|
|
|
this.awaitPos = oldAwaitPos;
|
|
|
return this.finishNode(node, isStatement ? "FunctionDeclaration" : "FunctionExpression")
|
|
|
};
|
|
|
|
|
|
pp$1.parseFunctionParams = function(node) {
|
|
|
this.expect(tt.parenL);
|
|
|
node.params = this.parseBindingList(tt.parenR, false, this.options.ecmaVersion >= 8, true);
|
|
|
this.checkYieldAwaitInDefaultParams();
|
|
|
};
|
|
|
|
|
|
// Parse a class declaration or literal (depending on the
|
|
|
// `isStatement` parameter).
|
|
|
|
|
|
pp$1.parseClass = function(node, isStatement) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
this.next();
|
|
|
this.parseClassId(node, isStatement);
|
|
|
this.parseClassSuper(node);
|
|
|
var classBody = this.startNode();
|
|
|
var hadConstructor = false;
|
|
|
classBody.body = [];
|
|
|
this.expect(tt.braceL);
|
|
|
while (!this.eat(tt.braceR)) {
|
|
|
if (this$1.eat(tt.semi)) continue
|
|
|
var method = this$1.startNode();
|
|
|
var isGenerator = this$1.eat(tt.star);
|
|
|
var isAsync = false;
|
|
|
var isMaybeStatic = this$1.type === tt.name && this$1.value === "static";
|
|
|
this$1.parsePropertyName(method);
|
|
|
method.static = isMaybeStatic && this$1.type !== tt.parenL;
|
|
|
if (method.static) {
|
|
|
if (isGenerator) this$1.unexpected();
|
|
|
isGenerator = this$1.eat(tt.star);
|
|
|
this$1.parsePropertyName(method);
|
|
|
}
|
|
|
if (this$1.options.ecmaVersion >= 8 && !isGenerator && !method.computed &&
|
|
|
method.key.type === "Identifier" && method.key.name === "async" && this$1.type !== tt.parenL &&
|
|
|
!this$1.canInsertSemicolon()) {
|
|
|
isAsync = true;
|
|
|
this$1.parsePropertyName(method);
|
|
|
}
|
|
|
method.kind = "method";
|
|
|
var isGetSet = false;
|
|
|
if (!method.computed) {
|
|
|
var key = method.key;
|
|
|
if (!isGenerator && !isAsync && key.type === "Identifier" && this$1.type !== tt.parenL && (key.name === "get" || key.name === "set")) {
|
|
|
isGetSet = true;
|
|
|
method.kind = key.name;
|
|
|
key = this$1.parsePropertyName(method);
|
|
|
}
|
|
|
if (!method.static && (key.type === "Identifier" && key.name === "constructor" ||
|
|
|
key.type === "Literal" && key.value === "constructor")) {
|
|
|
if (hadConstructor) this$1.raise(key.start, "Duplicate constructor in the same class");
|
|
|
if (isGetSet) this$1.raise(key.start, "Constructor can't have get/set modifier");
|
|
|
if (isGenerator) this$1.raise(key.start, "Constructor can't be a generator");
|
|
|
if (isAsync) this$1.raise(key.start, "Constructor can't be an async method");
|
|
|
method.kind = "constructor";
|
|
|
hadConstructor = true;
|
|
|
}
|
|
|
}
|
|
|
this$1.parseClassMethod(classBody, method, isGenerator, isAsync);
|
|
|
if (isGetSet) {
|
|
|
var paramCount = method.kind === "get" ? 0 : 1;
|
|
|
if (method.value.params.length !== paramCount) {
|
|
|
var start = method.value.start;
|
|
|
if (method.kind === "get")
|
|
|
this$1.raiseRecoverable(start, "getter should have no params");
|
|
|
else
|
|
|
this$1.raiseRecoverable(start, "setter should have exactly one param");
|
|
|
} else {
|
|
|
if (method.kind === "set" && method.value.params[0].type === "RestElement")
|
|
|
this$1.raiseRecoverable(method.value.params[0].start, "Setter cannot use rest params");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
node.body = this.finishNode(classBody, "ClassBody");
|
|
|
return this.finishNode(node, isStatement ? "ClassDeclaration" : "ClassExpression")
|
|
|
};
|
|
|
|
|
|
pp$1.parseClassMethod = function(classBody, method, isGenerator, isAsync) {
|
|
|
method.value = this.parseMethod(isGenerator, isAsync);
|
|
|
classBody.body.push(this.finishNode(method, "MethodDefinition"));
|
|
|
};
|
|
|
|
|
|
pp$1.parseClassId = function(node, isStatement) {
|
|
|
node.id = this.type === tt.name ? this.parseIdent() : isStatement ? this.unexpected() : null;
|
|
|
};
|
|
|
|
|
|
pp$1.parseClassSuper = function(node) {
|
|
|
node.superClass = this.eat(tt._extends) ? this.parseExprSubscripts() : null;
|
|
|
};
|
|
|
|
|
|
// Parses module export declaration.
|
|
|
|
|
|
pp$1.parseExport = function(node, exports) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
this.next();
|
|
|
// export * from '...'
|
|
|
if (this.eat(tt.star)) {
|
|
|
this.expectContextual("from");
|
|
|
node.source = this.type === tt.string ? this.parseExprAtom() : this.unexpected();
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "ExportAllDeclaration")
|
|
|
}
|
|
|
if (this.eat(tt._default)) { // export default ...
|
|
|
this.checkExport(exports, "default", this.lastTokStart);
|
|
|
var parens = this.type == tt.parenL;
|
|
|
var expr = this.parseMaybeAssign();
|
|
|
var needsSemi = true;
|
|
|
if (!parens && (expr.type == "FunctionExpression" ||
|
|
|
expr.type == "ClassExpression")) {
|
|
|
needsSemi = false;
|
|
|
if (expr.id) {
|
|
|
expr.type = expr.type == "FunctionExpression"
|
|
|
? "FunctionDeclaration"
|
|
|
: "ClassDeclaration";
|
|
|
}
|
|
|
}
|
|
|
node.declaration = expr;
|
|
|
if (needsSemi) this.semicolon();
|
|
|
return this.finishNode(node, "ExportDefaultDeclaration")
|
|
|
}
|
|
|
// export var|const|let|function|class ...
|
|
|
if (this.shouldParseExportStatement()) {
|
|
|
node.declaration = this.parseStatement(true);
|
|
|
if (node.declaration.type === "VariableDeclaration")
|
|
|
this.checkVariableExport(exports, node.declaration.declarations);
|
|
|
else
|
|
|
this.checkExport(exports, node.declaration.id.name, node.declaration.id.start);
|
|
|
node.specifiers = [];
|
|
|
node.source = null;
|
|
|
} else { // export { x, y as z } [from '...']
|
|
|
node.declaration = null;
|
|
|
node.specifiers = this.parseExportSpecifiers(exports);
|
|
|
if (this.eatContextual("from")) {
|
|
|
node.source = this.type === tt.string ? this.parseExprAtom() : this.unexpected();
|
|
|
} else {
|
|
|
// check for keywords used as local names
|
|
|
for (var i = 0; i < node.specifiers.length; i++) {
|
|
|
if (this$1.keywords.test(node.specifiers[i].local.name) || this$1.reservedWords.test(node.specifiers[i].local.name)) {
|
|
|
this$1.unexpected(node.specifiers[i].local.start);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
node.source = null;
|
|
|
}
|
|
|
this.semicolon();
|
|
|
}
|
|
|
return this.finishNode(node, "ExportNamedDeclaration")
|
|
|
};
|
|
|
|
|
|
pp$1.checkExport = function(exports, name, pos) {
|
|
|
if (!exports) return
|
|
|
if (Object.prototype.hasOwnProperty.call(exports, name))
|
|
|
this.raiseRecoverable(pos, "Duplicate export '" + name + "'");
|
|
|
exports[name] = true;
|
|
|
};
|
|
|
|
|
|
pp$1.checkPatternExport = function(exports, pat) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var type = pat.type;
|
|
|
if (type == "Identifier")
|
|
|
this.checkExport(exports, pat.name, pat.start);
|
|
|
else if (type == "ObjectPattern")
|
|
|
for (var i = 0; i < pat.properties.length; ++i)
|
|
|
this$1.checkPatternExport(exports, pat.properties[i].value);
|
|
|
else if (type == "ArrayPattern")
|
|
|
for (var i$1 = 0; i$1 < pat.elements.length; ++i$1) {
|
|
|
var elt = pat.elements[i$1];
|
|
|
if (elt) this$1.checkPatternExport(exports, elt);
|
|
|
}
|
|
|
else if (type == "AssignmentPattern")
|
|
|
this.checkPatternExport(exports, pat.left);
|
|
|
else if (type == "ParenthesizedExpression")
|
|
|
this.checkPatternExport(exports, pat.expression);
|
|
|
};
|
|
|
|
|
|
pp$1.checkVariableExport = function(exports, decls) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
if (!exports) return
|
|
|
for (var i = 0; i < decls.length; i++)
|
|
|
this$1.checkPatternExport(exports, decls[i].id);
|
|
|
};
|
|
|
|
|
|
pp$1.shouldParseExportStatement = function() {
|
|
|
return this.type.keyword || this.isLet() || this.isAsyncFunction()
|
|
|
};
|
|
|
|
|
|
// Parses a comma-separated list of module exports.
|
|
|
|
|
|
pp$1.parseExportSpecifiers = function(exports) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var nodes = [], first = true;
|
|
|
// export { x, y as z } [from '...']
|
|
|
this.expect(tt.braceL);
|
|
|
while (!this.eat(tt.braceR)) {
|
|
|
if (!first) {
|
|
|
this$1.expect(tt.comma);
|
|
|
if (this$1.afterTrailingComma(tt.braceR)) break
|
|
|
} else first = false;
|
|
|
|
|
|
var node = this$1.startNode();
|
|
|
node.local = this$1.parseIdent(this$1.type === tt._default);
|
|
|
node.exported = this$1.eatContextual("as") ? this$1.parseIdent(true) : node.local;
|
|
|
this$1.checkExport(exports, node.exported.name, node.exported.start);
|
|
|
nodes.push(this$1.finishNode(node, "ExportSpecifier"));
|
|
|
}
|
|
|
return nodes
|
|
|
};
|
|
|
|
|
|
// Parses import declaration.
|
|
|
|
|
|
pp$1.parseImport = function(node) {
|
|
|
this.next();
|
|
|
// import '...'
|
|
|
if (this.type === tt.string) {
|
|
|
node.specifiers = empty;
|
|
|
node.source = this.parseExprAtom();
|
|
|
} else {
|
|
|
node.specifiers = this.parseImportSpecifiers();
|
|
|
this.expectContextual("from");
|
|
|
node.source = this.type === tt.string ? this.parseExprAtom() : this.unexpected();
|
|
|
}
|
|
|
this.semicolon();
|
|
|
return this.finishNode(node, "ImportDeclaration")
|
|
|
};
|
|
|
|
|
|
// Parses a comma-separated list of module imports.
|
|
|
|
|
|
pp$1.parseImportSpecifiers = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var nodes = [], first = true;
|
|
|
if (this.type === tt.name) {
|
|
|
// import defaultObj, { x, y as z } from '...'
|
|
|
var node = this.startNode();
|
|
|
node.local = this.parseIdent();
|
|
|
this.checkLVal(node.local, true);
|
|
|
nodes.push(this.finishNode(node, "ImportDefaultSpecifier"));
|
|
|
if (!this.eat(tt.comma)) return nodes
|
|
|
}
|
|
|
if (this.type === tt.star) {
|
|
|
var node$1 = this.startNode();
|
|
|
this.next();
|
|
|
this.expectContextual("as");
|
|
|
node$1.local = this.parseIdent();
|
|
|
this.checkLVal(node$1.local, true);
|
|
|
nodes.push(this.finishNode(node$1, "ImportNamespaceSpecifier"));
|
|
|
return nodes
|
|
|
}
|
|
|
this.expect(tt.braceL);
|
|
|
while (!this.eat(tt.braceR)) {
|
|
|
if (!first) {
|
|
|
this$1.expect(tt.comma);
|
|
|
if (this$1.afterTrailingComma(tt.braceR)) break
|
|
|
} else first = false;
|
|
|
|
|
|
var node$2 = this$1.startNode();
|
|
|
node$2.imported = this$1.parseIdent(true);
|
|
|
if (this$1.eatContextual("as")) {
|
|
|
node$2.local = this$1.parseIdent();
|
|
|
} else {
|
|
|
node$2.local = node$2.imported;
|
|
|
if (this$1.isKeyword(node$2.local.name)) this$1.unexpected(node$2.local.start);
|
|
|
if (this$1.reservedWordsStrict.test(node$2.local.name)) this$1.raiseRecoverable(node$2.local.start, "The keyword '" + node$2.local.name + "' is reserved");
|
|
|
}
|
|
|
this$1.checkLVal(node$2.local, true);
|
|
|
nodes.push(this$1.finishNode(node$2, "ImportSpecifier"));
|
|
|
}
|
|
|
return nodes
|
|
|
};
|
|
|
|
|
|
var pp$2 = Parser.prototype;
|
|
|
|
|
|
// Convert existing expression atom to assignable pattern
|
|
|
// if possible.
|
|
|
|
|
|
pp$2.toAssignable = function(node, isBinding) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
if (this.options.ecmaVersion >= 6 && node) {
|
|
|
switch (node.type) {
|
|
|
case "Identifier":
|
|
|
if (this.inAsync && node.name === "await")
|
|
|
this.raise(node.start, "Can not use 'await' as identifier inside an async function");
|
|
|
break
|
|
|
|
|
|
case "ObjectPattern":
|
|
|
case "ArrayPattern":
|
|
|
break
|
|
|
|
|
|
case "ObjectExpression":
|
|
|
node.type = "ObjectPattern";
|
|
|
for (var i = 0; i < node.properties.length; i++) {
|
|
|
var prop = node.properties[i];
|
|
|
if (prop.kind !== "init") this$1.raise(prop.key.start, "Object pattern can't contain getter or setter");
|
|
|
this$1.toAssignable(prop.value, isBinding);
|
|
|
}
|
|
|
break
|
|
|
|
|
|
case "ArrayExpression":
|
|
|
node.type = "ArrayPattern";
|
|
|
this.toAssignableList(node.elements, isBinding);
|
|
|
break
|
|
|
|
|
|
case "AssignmentExpression":
|
|
|
if (node.operator === "=") {
|
|
|
node.type = "AssignmentPattern";
|
|
|
delete node.operator;
|
|
|
this.toAssignable(node.left, isBinding);
|
|
|
// falls through to AssignmentPattern
|
|
|
} else {
|
|
|
this.raise(node.left.end, "Only '=' operator can be used for specifying default value.");
|
|
|
break
|
|
|
}
|
|
|
|
|
|
case "AssignmentPattern":
|
|
|
break
|
|
|
|
|
|
case "ParenthesizedExpression":
|
|
|
node.expression = this.toAssignable(node.expression, isBinding);
|
|
|
break
|
|
|
|
|
|
case "MemberExpression":
|
|
|
if (!isBinding) break
|
|
|
|
|
|
default:
|
|
|
this.raise(node.start, "Assigning to rvalue");
|
|
|
}
|
|
|
}
|
|
|
return node
|
|
|
};
|
|
|
|
|
|
// Convert list of expression atoms to binding list.
|
|
|
|
|
|
pp$2.toAssignableList = function(exprList, isBinding) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var end = exprList.length;
|
|
|
if (end) {
|
|
|
var last = exprList[end - 1];
|
|
|
if (last && last.type == "RestElement") {
|
|
|
--end;
|
|
|
} else if (last && last.type == "SpreadElement") {
|
|
|
last.type = "RestElement";
|
|
|
var arg = last.argument;
|
|
|
this.toAssignable(arg, isBinding);
|
|
|
if (arg.type !== "Identifier" && arg.type !== "MemberExpression" && arg.type !== "ArrayPattern")
|
|
|
this.unexpected(arg.start);
|
|
|
--end;
|
|
|
}
|
|
|
|
|
|
if (isBinding && last && last.type === "RestElement" && last.argument.type !== "Identifier")
|
|
|
this.unexpected(last.argument.start);
|
|
|
}
|
|
|
for (var i = 0; i < end; i++) {
|
|
|
var elt = exprList[i];
|
|
|
if (elt) this$1.toAssignable(elt, isBinding);
|
|
|
}
|
|
|
return exprList
|
|
|
};
|
|
|
|
|
|
// Parses spread element.
|
|
|
|
|
|
pp$2.parseSpread = function(refDestructuringErrors) {
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
node.argument = this.parseMaybeAssign(false, refDestructuringErrors);
|
|
|
return this.finishNode(node, "SpreadElement")
|
|
|
};
|
|
|
|
|
|
pp$2.parseRest = function(allowNonIdent) {
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
|
|
|
// RestElement inside of a function parameter must be an identifier
|
|
|
if (allowNonIdent) node.argument = this.type === tt.name ? this.parseIdent() : this.unexpected();
|
|
|
else node.argument = this.type === tt.name || this.type === tt.bracketL ? this.parseBindingAtom() : this.unexpected();
|
|
|
|
|
|
return this.finishNode(node, "RestElement")
|
|
|
};
|
|
|
|
|
|
// Parses lvalue (assignable) atom.
|
|
|
|
|
|
pp$2.parseBindingAtom = function() {
|
|
|
if (this.options.ecmaVersion < 6) return this.parseIdent()
|
|
|
switch (this.type) {
|
|
|
case tt.name:
|
|
|
return this.parseIdent()
|
|
|
|
|
|
case tt.bracketL:
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
node.elements = this.parseBindingList(tt.bracketR, true, true);
|
|
|
return this.finishNode(node, "ArrayPattern")
|
|
|
|
|
|
case tt.braceL:
|
|
|
return this.parseObj(true)
|
|
|
|
|
|
default:
|
|
|
this.unexpected();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$2.parseBindingList = function(close, allowEmpty, allowTrailingComma, allowNonIdent) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var elts = [], first = true;
|
|
|
while (!this.eat(close)) {
|
|
|
if (first) first = false;
|
|
|
else this$1.expect(tt.comma);
|
|
|
if (allowEmpty && this$1.type === tt.comma) {
|
|
|
elts.push(null);
|
|
|
} else if (allowTrailingComma && this$1.afterTrailingComma(close)) {
|
|
|
break
|
|
|
} else if (this$1.type === tt.ellipsis) {
|
|
|
var rest = this$1.parseRest(allowNonIdent);
|
|
|
this$1.parseBindingListItem(rest);
|
|
|
elts.push(rest);
|
|
|
if (this$1.type === tt.comma) this$1.raise(this$1.start, "Comma is not permitted after the rest element");
|
|
|
this$1.expect(close);
|
|
|
break
|
|
|
} else {
|
|
|
var elem = this$1.parseMaybeDefault(this$1.start, this$1.startLoc);
|
|
|
this$1.parseBindingListItem(elem);
|
|
|
elts.push(elem);
|
|
|
}
|
|
|
}
|
|
|
return elts
|
|
|
};
|
|
|
|
|
|
pp$2.parseBindingListItem = function(param) {
|
|
|
return param
|
|
|
};
|
|
|
|
|
|
// Parses assignment pattern around given atom if possible.
|
|
|
|
|
|
pp$2.parseMaybeDefault = function(startPos, startLoc, left) {
|
|
|
left = left || this.parseBindingAtom();
|
|
|
if (this.options.ecmaVersion < 6 || !this.eat(tt.eq)) return left
|
|
|
var node = this.startNodeAt(startPos, startLoc);
|
|
|
node.left = left;
|
|
|
node.right = this.parseMaybeAssign();
|
|
|
return this.finishNode(node, "AssignmentPattern")
|
|
|
};
|
|
|
|
|
|
// Verify that a node is an lval — something that can be assigned
|
|
|
// to.
|
|
|
|
|
|
pp$2.checkLVal = function(expr, isBinding, checkClashes) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
switch (expr.type) {
|
|
|
case "Identifier":
|
|
|
if (this.strict && this.reservedWordsStrictBind.test(expr.name))
|
|
|
this.raiseRecoverable(expr.start, (isBinding ? "Binding " : "Assigning to ") + expr.name + " in strict mode");
|
|
|
if (checkClashes) {
|
|
|
if (has(checkClashes, expr.name))
|
|
|
this.raiseRecoverable(expr.start, "Argument name clash");
|
|
|
checkClashes[expr.name] = true;
|
|
|
}
|
|
|
break
|
|
|
|
|
|
case "MemberExpression":
|
|
|
if (isBinding) this.raiseRecoverable(expr.start, (isBinding ? "Binding" : "Assigning to") + " member expression");
|
|
|
break
|
|
|
|
|
|
case "ObjectPattern":
|
|
|
for (var i = 0; i < expr.properties.length; i++)
|
|
|
this$1.checkLVal(expr.properties[i].value, isBinding, checkClashes);
|
|
|
break
|
|
|
|
|
|
case "ArrayPattern":
|
|
|
for (var i$1 = 0; i$1 < expr.elements.length; i$1++) {
|
|
|
var elem = expr.elements[i$1];
|
|
|
if (elem) this$1.checkLVal(elem, isBinding, checkClashes);
|
|
|
}
|
|
|
break
|
|
|
|
|
|
case "AssignmentPattern":
|
|
|
this.checkLVal(expr.left, isBinding, checkClashes);
|
|
|
break
|
|
|
|
|
|
case "RestElement":
|
|
|
this.checkLVal(expr.argument, isBinding, checkClashes);
|
|
|
break
|
|
|
|
|
|
case "ParenthesizedExpression":
|
|
|
this.checkLVal(expr.expression, isBinding, checkClashes);
|
|
|
break
|
|
|
|
|
|
default:
|
|
|
this.raise(expr.start, (isBinding ? "Binding" : "Assigning to") + " rvalue");
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var pp$3 = Parser.prototype;
|
|
|
|
|
|
// Check if property name clashes with already added.
|
|
|
// Object/class getters and setters are not allowed to clash —
|
|
|
// either with each other or with an init property — and in
|
|
|
// strict mode, init properties are also not allowed to be repeated.
|
|
|
|
|
|
pp$3.checkPropClash = function(prop, propHash) {
|
|
|
if (this.options.ecmaVersion >= 6 && (prop.computed || prop.method || prop.shorthand))
|
|
|
return
|
|
|
var key = prop.key;
|
|
|
var name;
|
|
|
switch (key.type) {
|
|
|
case "Identifier": name = key.name; break
|
|
|
case "Literal": name = String(key.value); break
|
|
|
default: return
|
|
|
}
|
|
|
var kind = prop.kind;
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
if (name === "__proto__" && kind === "init") {
|
|
|
if (propHash.proto) this.raiseRecoverable(key.start, "Redefinition of __proto__ property");
|
|
|
propHash.proto = true;
|
|
|
}
|
|
|
return
|
|
|
}
|
|
|
name = "$" + name;
|
|
|
var other = propHash[name];
|
|
|
if (other) {
|
|
|
var isGetSet = kind !== "init";
|
|
|
if ((this.strict || isGetSet) && other[kind] || !(isGetSet ^ other.init))
|
|
|
this.raiseRecoverable(key.start, "Redefinition of property");
|
|
|
} else {
|
|
|
other = propHash[name] = {
|
|
|
init: false,
|
|
|
get: false,
|
|
|
set: false
|
|
|
};
|
|
|
}
|
|
|
other[kind] = true;
|
|
|
};
|
|
|
|
|
|
// ### Expression parsing
|
|
|
|
|
|
// These nest, from the most general expression type at the top to
|
|
|
// 'atomic', nondivisible expression types at the bottom. Most of
|
|
|
// the functions will simply let the function(s) below them parse,
|
|
|
// and, *if* the syntactic construct they handle is present, wrap
|
|
|
// the AST node that the inner parser gave them in another node.
|
|
|
|
|
|
// Parse a full expression. The optional arguments are used to
|
|
|
// forbid the `in` operator (in for loops initalization expressions)
|
|
|
// and provide reference for storing '=' operator inside shorthand
|
|
|
// property assignment in contexts where both object expression
|
|
|
// and object pattern might appear (so it's possible to raise
|
|
|
// delayed syntax error at correct position).
|
|
|
|
|
|
pp$3.parseExpression = function(noIn, refDestructuringErrors) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var expr = this.parseMaybeAssign(noIn, refDestructuringErrors);
|
|
|
if (this.type === tt.comma) {
|
|
|
var node = this.startNodeAt(startPos, startLoc);
|
|
|
node.expressions = [expr];
|
|
|
while (this.eat(tt.comma)) node.expressions.push(this$1.parseMaybeAssign(noIn, refDestructuringErrors));
|
|
|
return this.finishNode(node, "SequenceExpression")
|
|
|
}
|
|
|
return expr
|
|
|
};
|
|
|
|
|
|
// Parse an assignment expression. This includes applications of
|
|
|
// operators like `+=`.
|
|
|
|
|
|
pp$3.parseMaybeAssign = function(noIn, refDestructuringErrors, afterLeftParse) {
|
|
|
if (this.inGenerator && this.isContextual("yield")) return this.parseYield()
|
|
|
|
|
|
var ownDestructuringErrors = false;
|
|
|
if (!refDestructuringErrors) {
|
|
|
refDestructuringErrors = new DestructuringErrors;
|
|
|
ownDestructuringErrors = true;
|
|
|
}
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
if (this.type == tt.parenL || this.type == tt.name)
|
|
|
this.potentialArrowAt = this.start;
|
|
|
var left = this.parseMaybeConditional(noIn, refDestructuringErrors);
|
|
|
if (afterLeftParse) left = afterLeftParse.call(this, left, startPos, startLoc);
|
|
|
if (this.type.isAssign) {
|
|
|
this.checkPatternErrors(refDestructuringErrors, true);
|
|
|
if (!ownDestructuringErrors) DestructuringErrors.call(refDestructuringErrors);
|
|
|
var node = this.startNodeAt(startPos, startLoc);
|
|
|
node.operator = this.value;
|
|
|
node.left = this.type === tt.eq ? this.toAssignable(left) : left;
|
|
|
refDestructuringErrors.shorthandAssign = 0; // reset because shorthand default was used correctly
|
|
|
this.checkLVal(left);
|
|
|
this.next();
|
|
|
node.right = this.parseMaybeAssign(noIn);
|
|
|
return this.finishNode(node, "AssignmentExpression")
|
|
|
} else {
|
|
|
if (ownDestructuringErrors) this.checkExpressionErrors(refDestructuringErrors, true);
|
|
|
}
|
|
|
return left
|
|
|
};
|
|
|
|
|
|
// Parse a ternary conditional (`?:`) operator.
|
|
|
|
|
|
pp$3.parseMaybeConditional = function(noIn, refDestructuringErrors) {
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var expr = this.parseExprOps(noIn, refDestructuringErrors);
|
|
|
if (this.checkExpressionErrors(refDestructuringErrors)) return expr
|
|
|
if (this.eat(tt.question)) {
|
|
|
var node = this.startNodeAt(startPos, startLoc);
|
|
|
node.test = expr;
|
|
|
node.consequent = this.parseMaybeAssign();
|
|
|
this.expect(tt.colon);
|
|
|
node.alternate = this.parseMaybeAssign(noIn);
|
|
|
return this.finishNode(node, "ConditionalExpression")
|
|
|
}
|
|
|
return expr
|
|
|
};
|
|
|
|
|
|
// Start the precedence parser.
|
|
|
|
|
|
pp$3.parseExprOps = function(noIn, refDestructuringErrors) {
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var expr = this.parseMaybeUnary(refDestructuringErrors, false);
|
|
|
if (this.checkExpressionErrors(refDestructuringErrors)) return expr
|
|
|
return this.parseExprOp(expr, startPos, startLoc, -1, noIn)
|
|
|
};
|
|
|
|
|
|
// Parse binary operators with the operator precedence parsing
|
|
|
// algorithm. `left` is the left-hand side of the operator.
|
|
|
// `minPrec` provides context that allows the function to stop and
|
|
|
// defer further parser to one of its callers when it encounters an
|
|
|
// operator that has a lower precedence than the set it is parsing.
|
|
|
|
|
|
pp$3.parseExprOp = function(left, leftStartPos, leftStartLoc, minPrec, noIn) {
|
|
|
var prec = this.type.binop;
|
|
|
if (prec != null && (!noIn || this.type !== tt._in)) {
|
|
|
if (prec > minPrec) {
|
|
|
var logical = this.type === tt.logicalOR || this.type === tt.logicalAND;
|
|
|
var op = this.value;
|
|
|
this.next();
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var right = this.parseExprOp(this.parseMaybeUnary(null, false), startPos, startLoc, prec, noIn);
|
|
|
var node = this.buildBinary(leftStartPos, leftStartLoc, left, right, op, logical);
|
|
|
return this.parseExprOp(node, leftStartPos, leftStartLoc, minPrec, noIn)
|
|
|
}
|
|
|
}
|
|
|
return left
|
|
|
};
|
|
|
|
|
|
pp$3.buildBinary = function(startPos, startLoc, left, right, op, logical) {
|
|
|
var node = this.startNodeAt(startPos, startLoc);
|
|
|
node.left = left;
|
|
|
node.operator = op;
|
|
|
node.right = right;
|
|
|
return this.finishNode(node, logical ? "LogicalExpression" : "BinaryExpression")
|
|
|
};
|
|
|
|
|
|
// Parse unary operators, both prefix and postfix.
|
|
|
|
|
|
pp$3.parseMaybeUnary = function(refDestructuringErrors, sawUnary) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var startPos = this.start, startLoc = this.startLoc, expr;
|
|
|
if (this.inAsync && this.isContextual("await")) {
|
|
|
expr = this.parseAwait(refDestructuringErrors);
|
|
|
sawUnary = true;
|
|
|
} else if (this.type.prefix) {
|
|
|
var node = this.startNode(), update = this.type === tt.incDec;
|
|
|
node.operator = this.value;
|
|
|
node.prefix = true;
|
|
|
this.next();
|
|
|
node.argument = this.parseMaybeUnary(null, true);
|
|
|
this.checkExpressionErrors(refDestructuringErrors, true);
|
|
|
if (update) this.checkLVal(node.argument);
|
|
|
else if (this.strict && node.operator === "delete" &&
|
|
|
node.argument.type === "Identifier")
|
|
|
this.raiseRecoverable(node.start, "Deleting local variable in strict mode");
|
|
|
else sawUnary = true;
|
|
|
expr = this.finishNode(node, update ? "UpdateExpression" : "UnaryExpression");
|
|
|
} else {
|
|
|
expr = this.parseExprSubscripts(refDestructuringErrors);
|
|
|
if (this.checkExpressionErrors(refDestructuringErrors)) return expr
|
|
|
while (this.type.postfix && !this.canInsertSemicolon()) {
|
|
|
var node$1 = this$1.startNodeAt(startPos, startLoc);
|
|
|
node$1.operator = this$1.value;
|
|
|
node$1.prefix = false;
|
|
|
node$1.argument = expr;
|
|
|
this$1.checkLVal(expr);
|
|
|
this$1.next();
|
|
|
expr = this$1.finishNode(node$1, "UpdateExpression");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (!sawUnary && this.eat(tt.starstar))
|
|
|
return this.buildBinary(startPos, startLoc, expr, this.parseMaybeUnary(null, false), "**", false)
|
|
|
else
|
|
|
return expr
|
|
|
};
|
|
|
|
|
|
// Parse call, dot, and `[]`-subscript expressions.
|
|
|
|
|
|
pp$3.parseExprSubscripts = function(refDestructuringErrors) {
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var expr = this.parseExprAtom(refDestructuringErrors);
|
|
|
var skipArrowSubscripts = expr.type === "ArrowFunctionExpression" && this.input.slice(this.lastTokStart, this.lastTokEnd) !== ")";
|
|
|
if (this.checkExpressionErrors(refDestructuringErrors) || skipArrowSubscripts) return expr
|
|
|
return this.parseSubscripts(expr, startPos, startLoc)
|
|
|
};
|
|
|
|
|
|
pp$3.parseSubscripts = function(base, startPos, startLoc, noCalls) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
for (;;) {
|
|
|
var maybeAsyncArrow = this$1.options.ecmaVersion >= 8 && base.type === "Identifier" && base.name === "async" && !this$1.canInsertSemicolon();
|
|
|
if (this$1.eat(tt.dot)) {
|
|
|
var node = this$1.startNodeAt(startPos, startLoc);
|
|
|
node.object = base;
|
|
|
node.property = this$1.parseIdent(true);
|
|
|
node.computed = false;
|
|
|
base = this$1.finishNode(node, "MemberExpression");
|
|
|
} else if (this$1.eat(tt.bracketL)) {
|
|
|
var node$1 = this$1.startNodeAt(startPos, startLoc);
|
|
|
node$1.object = base;
|
|
|
node$1.property = this$1.parseExpression();
|
|
|
node$1.computed = true;
|
|
|
this$1.expect(tt.bracketR);
|
|
|
base = this$1.finishNode(node$1, "MemberExpression");
|
|
|
} else if (!noCalls && this$1.eat(tt.parenL)) {
|
|
|
var refDestructuringErrors = new DestructuringErrors, oldYieldPos = this$1.yieldPos, oldAwaitPos = this$1.awaitPos;
|
|
|
this$1.yieldPos = 0;
|
|
|
this$1.awaitPos = 0;
|
|
|
var exprList = this$1.parseExprList(tt.parenR, this$1.options.ecmaVersion >= 8, false, refDestructuringErrors);
|
|
|
if (maybeAsyncArrow && !this$1.canInsertSemicolon() && this$1.eat(tt.arrow)) {
|
|
|
this$1.checkPatternErrors(refDestructuringErrors, true);
|
|
|
this$1.checkYieldAwaitInDefaultParams();
|
|
|
this$1.yieldPos = oldYieldPos;
|
|
|
this$1.awaitPos = oldAwaitPos;
|
|
|
return this$1.parseArrowExpression(this$1.startNodeAt(startPos, startLoc), exprList, true)
|
|
|
}
|
|
|
this$1.checkExpressionErrors(refDestructuringErrors, true);
|
|
|
this$1.yieldPos = oldYieldPos || this$1.yieldPos;
|
|
|
this$1.awaitPos = oldAwaitPos || this$1.awaitPos;
|
|
|
var node$2 = this$1.startNodeAt(startPos, startLoc);
|
|
|
node$2.callee = base;
|
|
|
node$2.arguments = exprList;
|
|
|
base = this$1.finishNode(node$2, "CallExpression");
|
|
|
} else if (this$1.type === tt.backQuote) {
|
|
|
var node$3 = this$1.startNodeAt(startPos, startLoc);
|
|
|
node$3.tag = base;
|
|
|
node$3.quasi = this$1.parseTemplate();
|
|
|
base = this$1.finishNode(node$3, "TaggedTemplateExpression");
|
|
|
} else {
|
|
|
return base
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Parse an atomic expression — either a single token that is an
|
|
|
// expression, an expression started by a keyword like `function` or
|
|
|
// `new`, or an expression wrapped in punctuation like `()`, `[]`,
|
|
|
// or `{}`.
|
|
|
|
|
|
pp$3.parseExprAtom = function(refDestructuringErrors) {
|
|
|
var node, canBeArrow = this.potentialArrowAt == this.start;
|
|
|
switch (this.type) {
|
|
|
case tt._super:
|
|
|
if (!this.inFunction)
|
|
|
this.raise(this.start, "'super' outside of function or class");
|
|
|
|
|
|
case tt._this:
|
|
|
var type = this.type === tt._this ? "ThisExpression" : "Super";
|
|
|
node = this.startNode();
|
|
|
this.next();
|
|
|
return this.finishNode(node, type)
|
|
|
|
|
|
case tt.name:
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
var id = this.parseIdent(this.type !== tt.name);
|
|
|
if (this.options.ecmaVersion >= 8 && id.name === "async" && !this.canInsertSemicolon() && this.eat(tt._function))
|
|
|
return this.parseFunction(this.startNodeAt(startPos, startLoc), false, false, true)
|
|
|
if (canBeArrow && !this.canInsertSemicolon()) {
|
|
|
if (this.eat(tt.arrow))
|
|
|
return this.parseArrowExpression(this.startNodeAt(startPos, startLoc), [id], false)
|
|
|
if (this.options.ecmaVersion >= 8 && id.name === "async" && this.type === tt.name) {
|
|
|
id = this.parseIdent();
|
|
|
if (this.canInsertSemicolon() || !this.eat(tt.arrow))
|
|
|
this.unexpected();
|
|
|
return this.parseArrowExpression(this.startNodeAt(startPos, startLoc), [id], true)
|
|
|
}
|
|
|
}
|
|
|
return id
|
|
|
|
|
|
case tt.regexp:
|
|
|
var value = this.value;
|
|
|
node = this.parseLiteral(value.value);
|
|
|
node.regex = {pattern: value.pattern, flags: value.flags};
|
|
|
return node
|
|
|
|
|
|
case tt.num: case tt.string:
|
|
|
return this.parseLiteral(this.value)
|
|
|
|
|
|
case tt._null: case tt._true: case tt._false:
|
|
|
node = this.startNode();
|
|
|
node.value = this.type === tt._null ? null : this.type === tt._true;
|
|
|
node.raw = this.type.keyword;
|
|
|
this.next();
|
|
|
return this.finishNode(node, "Literal")
|
|
|
|
|
|
case tt.parenL:
|
|
|
return this.parseParenAndDistinguishExpression(canBeArrow)
|
|
|
|
|
|
case tt.bracketL:
|
|
|
node = this.startNode();
|
|
|
this.next();
|
|
|
node.elements = this.parseExprList(tt.bracketR, true, true, refDestructuringErrors);
|
|
|
return this.finishNode(node, "ArrayExpression")
|
|
|
|
|
|
case tt.braceL:
|
|
|
return this.parseObj(false, refDestructuringErrors)
|
|
|
|
|
|
case tt._function:
|
|
|
node = this.startNode();
|
|
|
this.next();
|
|
|
return this.parseFunction(node, false)
|
|
|
|
|
|
case tt._class:
|
|
|
return this.parseClass(this.startNode(), false)
|
|
|
|
|
|
case tt._new:
|
|
|
return this.parseNew()
|
|
|
|
|
|
case tt.backQuote:
|
|
|
return this.parseTemplate()
|
|
|
|
|
|
default:
|
|
|
this.unexpected();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$3.parseLiteral = function(value) {
|
|
|
var node = this.startNode();
|
|
|
node.value = value;
|
|
|
node.raw = this.input.slice(this.start, this.end);
|
|
|
this.next();
|
|
|
return this.finishNode(node, "Literal")
|
|
|
};
|
|
|
|
|
|
pp$3.parseParenExpression = function() {
|
|
|
this.expect(tt.parenL);
|
|
|
var val = this.parseExpression();
|
|
|
this.expect(tt.parenR);
|
|
|
return val
|
|
|
};
|
|
|
|
|
|
pp$3.parseParenAndDistinguishExpression = function(canBeArrow) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var startPos = this.start, startLoc = this.startLoc, val, allowTrailingComma = this.options.ecmaVersion >= 8;
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
this.next();
|
|
|
|
|
|
var innerStartPos = this.start, innerStartLoc = this.startLoc;
|
|
|
var exprList = [], first = true, lastIsComma = false;
|
|
|
var refDestructuringErrors = new DestructuringErrors, oldYieldPos = this.yieldPos, oldAwaitPos = this.awaitPos, spreadStart, innerParenStart;
|
|
|
this.yieldPos = 0;
|
|
|
this.awaitPos = 0;
|
|
|
while (this.type !== tt.parenR) {
|
|
|
first ? first = false : this$1.expect(tt.comma);
|
|
|
if (allowTrailingComma && this$1.afterTrailingComma(tt.parenR, true)) {
|
|
|
lastIsComma = true;
|
|
|
break
|
|
|
} else if (this$1.type === tt.ellipsis) {
|
|
|
spreadStart = this$1.start;
|
|
|
exprList.push(this$1.parseParenItem(this$1.parseRest()));
|
|
|
if (this$1.type === tt.comma) this$1.raise(this$1.start, "Comma is not permitted after the rest element");
|
|
|
break
|
|
|
} else {
|
|
|
if (this$1.type === tt.parenL && !innerParenStart) {
|
|
|
innerParenStart = this$1.start;
|
|
|
}
|
|
|
exprList.push(this$1.parseMaybeAssign(false, refDestructuringErrors, this$1.parseParenItem));
|
|
|
}
|
|
|
}
|
|
|
var innerEndPos = this.start, innerEndLoc = this.startLoc;
|
|
|
this.expect(tt.parenR);
|
|
|
|
|
|
if (canBeArrow && !this.canInsertSemicolon() && this.eat(tt.arrow)) {
|
|
|
this.checkPatternErrors(refDestructuringErrors, true);
|
|
|
this.checkYieldAwaitInDefaultParams();
|
|
|
if (innerParenStart) this.unexpected(innerParenStart);
|
|
|
this.yieldPos = oldYieldPos;
|
|
|
this.awaitPos = oldAwaitPos;
|
|
|
return this.parseParenArrowList(startPos, startLoc, exprList)
|
|
|
}
|
|
|
|
|
|
if (!exprList.length || lastIsComma) this.unexpected(this.lastTokStart);
|
|
|
if (spreadStart) this.unexpected(spreadStart);
|
|
|
this.checkExpressionErrors(refDestructuringErrors, true);
|
|
|
this.yieldPos = oldYieldPos || this.yieldPos;
|
|
|
this.awaitPos = oldAwaitPos || this.awaitPos;
|
|
|
|
|
|
if (exprList.length > 1) {
|
|
|
val = this.startNodeAt(innerStartPos, innerStartLoc);
|
|
|
val.expressions = exprList;
|
|
|
this.finishNodeAt(val, "SequenceExpression", innerEndPos, innerEndLoc);
|
|
|
} else {
|
|
|
val = exprList[0];
|
|
|
}
|
|
|
} else {
|
|
|
val = this.parseParenExpression();
|
|
|
}
|
|
|
|
|
|
if (this.options.preserveParens) {
|
|
|
var par = this.startNodeAt(startPos, startLoc);
|
|
|
par.expression = val;
|
|
|
return this.finishNode(par, "ParenthesizedExpression")
|
|
|
} else {
|
|
|
return val
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$3.parseParenItem = function(item) {
|
|
|
return item
|
|
|
};
|
|
|
|
|
|
pp$3.parseParenArrowList = function(startPos, startLoc, exprList) {
|
|
|
return this.parseArrowExpression(this.startNodeAt(startPos, startLoc), exprList)
|
|
|
};
|
|
|
|
|
|
// New's precedence is slightly tricky. It must allow its argument to
|
|
|
// be a `[]` or dot subscript expression, but not a call — at least,
|
|
|
// not without wrapping it in parentheses. Thus, it uses the noCalls
|
|
|
// argument to parseSubscripts to prevent it from consuming the
|
|
|
// argument list.
|
|
|
|
|
|
var empty$1 = [];
|
|
|
|
|
|
pp$3.parseNew = function() {
|
|
|
var node = this.startNode();
|
|
|
var meta = this.parseIdent(true);
|
|
|
if (this.options.ecmaVersion >= 6 && this.eat(tt.dot)) {
|
|
|
node.meta = meta;
|
|
|
node.property = this.parseIdent(true);
|
|
|
if (node.property.name !== "target")
|
|
|
this.raiseRecoverable(node.property.start, "The only valid meta property for new is new.target");
|
|
|
if (!this.inFunction)
|
|
|
this.raiseRecoverable(node.start, "new.target can only be used in functions");
|
|
|
return this.finishNode(node, "MetaProperty")
|
|
|
}
|
|
|
var startPos = this.start, startLoc = this.startLoc;
|
|
|
node.callee = this.parseSubscripts(this.parseExprAtom(), startPos, startLoc, true);
|
|
|
if (this.eat(tt.parenL)) node.arguments = this.parseExprList(tt.parenR, this.options.ecmaVersion >= 8, false);
|
|
|
else node.arguments = empty$1;
|
|
|
return this.finishNode(node, "NewExpression")
|
|
|
};
|
|
|
|
|
|
// Parse template expression.
|
|
|
|
|
|
pp$3.parseTemplateElement = function() {
|
|
|
var elem = this.startNode();
|
|
|
elem.value = {
|
|
|
raw: this.input.slice(this.start, this.end).replace(/\r\n?/g, '\n'),
|
|
|
cooked: this.value
|
|
|
};
|
|
|
this.next();
|
|
|
elem.tail = this.type === tt.backQuote;
|
|
|
return this.finishNode(elem, "TemplateElement")
|
|
|
};
|
|
|
|
|
|
pp$3.parseTemplate = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
node.expressions = [];
|
|
|
var curElt = this.parseTemplateElement();
|
|
|
node.quasis = [curElt];
|
|
|
while (!curElt.tail) {
|
|
|
this$1.expect(tt.dollarBraceL);
|
|
|
node.expressions.push(this$1.parseExpression());
|
|
|
this$1.expect(tt.braceR);
|
|
|
node.quasis.push(curElt = this$1.parseTemplateElement());
|
|
|
}
|
|
|
this.next();
|
|
|
return this.finishNode(node, "TemplateLiteral")
|
|
|
};
|
|
|
|
|
|
// Parse an object literal or binding pattern.
|
|
|
|
|
|
pp$3.parseObj = function(isPattern, refDestructuringErrors) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var node = this.startNode(), first = true, propHash = {};
|
|
|
node.properties = [];
|
|
|
this.next();
|
|
|
while (!this.eat(tt.braceR)) {
|
|
|
if (!first) {
|
|
|
this$1.expect(tt.comma);
|
|
|
if (this$1.afterTrailingComma(tt.braceR)) break
|
|
|
} else first = false;
|
|
|
|
|
|
var prop = this$1.startNode(), isGenerator, isAsync, startPos, startLoc;
|
|
|
if (this$1.options.ecmaVersion >= 6) {
|
|
|
prop.method = false;
|
|
|
prop.shorthand = false;
|
|
|
if (isPattern || refDestructuringErrors) {
|
|
|
startPos = this$1.start;
|
|
|
startLoc = this$1.startLoc;
|
|
|
}
|
|
|
if (!isPattern)
|
|
|
isGenerator = this$1.eat(tt.star);
|
|
|
}
|
|
|
this$1.parsePropertyName(prop);
|
|
|
if (!isPattern && this$1.options.ecmaVersion >= 8 && !isGenerator && !prop.computed &&
|
|
|
prop.key.type === "Identifier" && prop.key.name === "async" && this$1.type !== tt.parenL &&
|
|
|
this$1.type !== tt.colon && !this$1.canInsertSemicolon()) {
|
|
|
isAsync = true;
|
|
|
this$1.parsePropertyName(prop, refDestructuringErrors);
|
|
|
} else {
|
|
|
isAsync = false;
|
|
|
}
|
|
|
this$1.parsePropertyValue(prop, isPattern, isGenerator, isAsync, startPos, startLoc, refDestructuringErrors);
|
|
|
this$1.checkPropClash(prop, propHash);
|
|
|
node.properties.push(this$1.finishNode(prop, "Property"));
|
|
|
}
|
|
|
return this.finishNode(node, isPattern ? "ObjectPattern" : "ObjectExpression")
|
|
|
};
|
|
|
|
|
|
pp$3.parsePropertyValue = function(prop, isPattern, isGenerator, isAsync, startPos, startLoc, refDestructuringErrors) {
|
|
|
if ((isGenerator || isAsync) && this.type === tt.colon)
|
|
|
this.unexpected();
|
|
|
|
|
|
if (this.eat(tt.colon)) {
|
|
|
prop.value = isPattern ? this.parseMaybeDefault(this.start, this.startLoc) : this.parseMaybeAssign(false, refDestructuringErrors);
|
|
|
prop.kind = "init";
|
|
|
} else if (this.options.ecmaVersion >= 6 && this.type === tt.parenL) {
|
|
|
if (isPattern) this.unexpected();
|
|
|
prop.kind = "init";
|
|
|
prop.method = true;
|
|
|
prop.value = this.parseMethod(isGenerator, isAsync);
|
|
|
} else if (this.options.ecmaVersion >= 5 && !prop.computed && prop.key.type === "Identifier" &&
|
|
|
(prop.key.name === "get" || prop.key.name === "set") &&
|
|
|
(this.type != tt.comma && this.type != tt.braceR)) {
|
|
|
if (isGenerator || isAsync || isPattern) this.unexpected();
|
|
|
prop.kind = prop.key.name;
|
|
|
this.parsePropertyName(prop);
|
|
|
prop.value = this.parseMethod(false);
|
|
|
var paramCount = prop.kind === "get" ? 0 : 1;
|
|
|
if (prop.value.params.length !== paramCount) {
|
|
|
var start = prop.value.start;
|
|
|
if (prop.kind === "get")
|
|
|
this.raiseRecoverable(start, "getter should have no params");
|
|
|
else
|
|
|
this.raiseRecoverable(start, "setter should have exactly one param");
|
|
|
} else {
|
|
|
if (prop.kind === "set" && prop.value.params[0].type === "RestElement")
|
|
|
this.raiseRecoverable(prop.value.params[0].start, "Setter cannot use rest params");
|
|
|
}
|
|
|
} else if (this.options.ecmaVersion >= 6 && !prop.computed && prop.key.type === "Identifier") {
|
|
|
if (this.keywords.test(prop.key.name) ||
|
|
|
(this.strict ? this.reservedWordsStrict : this.reservedWords).test(prop.key.name) ||
|
|
|
(this.inGenerator && prop.key.name == "yield") ||
|
|
|
(this.inAsync && prop.key.name == "await"))
|
|
|
this.raiseRecoverable(prop.key.start, "'" + prop.key.name + "' can not be used as shorthand property");
|
|
|
prop.kind = "init";
|
|
|
if (isPattern) {
|
|
|
prop.value = this.parseMaybeDefault(startPos, startLoc, prop.key);
|
|
|
} else if (this.type === tt.eq && refDestructuringErrors) {
|
|
|
if (!refDestructuringErrors.shorthandAssign)
|
|
|
refDestructuringErrors.shorthandAssign = this.start;
|
|
|
prop.value = this.parseMaybeDefault(startPos, startLoc, prop.key);
|
|
|
} else {
|
|
|
prop.value = prop.key;
|
|
|
}
|
|
|
prop.shorthand = true;
|
|
|
} else this.unexpected();
|
|
|
};
|
|
|
|
|
|
pp$3.parsePropertyName = function(prop) {
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
if (this.eat(tt.bracketL)) {
|
|
|
prop.computed = true;
|
|
|
prop.key = this.parseMaybeAssign();
|
|
|
this.expect(tt.bracketR);
|
|
|
return prop.key
|
|
|
} else {
|
|
|
prop.computed = false;
|
|
|
}
|
|
|
}
|
|
|
return prop.key = this.type === tt.num || this.type === tt.string ? this.parseExprAtom() : this.parseIdent(true)
|
|
|
};
|
|
|
|
|
|
// Initialize empty function node.
|
|
|
|
|
|
pp$3.initFunction = function(node) {
|
|
|
node.id = null;
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
node.generator = false;
|
|
|
node.expression = false;
|
|
|
}
|
|
|
if (this.options.ecmaVersion >= 8)
|
|
|
node.async = false;
|
|
|
};
|
|
|
|
|
|
// Parse object or class method.
|
|
|
|
|
|
pp$3.parseMethod = function(isGenerator, isAsync) {
|
|
|
var node = this.startNode(), oldInGen = this.inGenerator, oldInAsync = this.inAsync, oldYieldPos = this.yieldPos, oldAwaitPos = this.awaitPos;
|
|
|
|
|
|
this.initFunction(node);
|
|
|
if (this.options.ecmaVersion >= 6)
|
|
|
node.generator = isGenerator;
|
|
|
if (this.options.ecmaVersion >= 8)
|
|
|
node.async = !!isAsync;
|
|
|
|
|
|
this.inGenerator = node.generator;
|
|
|
this.inAsync = node.async;
|
|
|
this.yieldPos = 0;
|
|
|
this.awaitPos = 0;
|
|
|
|
|
|
this.expect(tt.parenL);
|
|
|
node.params = this.parseBindingList(tt.parenR, false, this.options.ecmaVersion >= 8);
|
|
|
this.checkYieldAwaitInDefaultParams();
|
|
|
this.parseFunctionBody(node, false);
|
|
|
|
|
|
this.inGenerator = oldInGen;
|
|
|
this.inAsync = oldInAsync;
|
|
|
this.yieldPos = oldYieldPos;
|
|
|
this.awaitPos = oldAwaitPos;
|
|
|
return this.finishNode(node, "FunctionExpression")
|
|
|
};
|
|
|
|
|
|
// Parse arrow function expression with given parameters.
|
|
|
|
|
|
pp$3.parseArrowExpression = function(node, params, isAsync) {
|
|
|
var oldInGen = this.inGenerator, oldInAsync = this.inAsync, oldYieldPos = this.yieldPos, oldAwaitPos = this.awaitPos;
|
|
|
|
|
|
this.initFunction(node);
|
|
|
if (this.options.ecmaVersion >= 8)
|
|
|
node.async = !!isAsync;
|
|
|
|
|
|
this.inGenerator = false;
|
|
|
this.inAsync = node.async;
|
|
|
this.yieldPos = 0;
|
|
|
this.awaitPos = 0;
|
|
|
|
|
|
node.params = this.toAssignableList(params, true);
|
|
|
this.parseFunctionBody(node, true);
|
|
|
|
|
|
this.inGenerator = oldInGen;
|
|
|
this.inAsync = oldInAsync;
|
|
|
this.yieldPos = oldYieldPos;
|
|
|
this.awaitPos = oldAwaitPos;
|
|
|
return this.finishNode(node, "ArrowFunctionExpression")
|
|
|
};
|
|
|
|
|
|
// Parse function body and check parameters.
|
|
|
|
|
|
pp$3.parseFunctionBody = function(node, isArrowFunction) {
|
|
|
var isExpression = isArrowFunction && this.type !== tt.braceL;
|
|
|
|
|
|
if (isExpression) {
|
|
|
node.body = this.parseMaybeAssign();
|
|
|
node.expression = true;
|
|
|
} else {
|
|
|
// Start a new scope with regard to labels and the `inFunction`
|
|
|
// flag (restore them to their old value afterwards).
|
|
|
var oldInFunc = this.inFunction, oldLabels = this.labels;
|
|
|
this.inFunction = true; this.labels = [];
|
|
|
node.body = this.parseBlock(true);
|
|
|
node.expression = false;
|
|
|
this.inFunction = oldInFunc; this.labels = oldLabels;
|
|
|
}
|
|
|
|
|
|
// If this is a strict mode function, verify that argument names
|
|
|
// are not repeated, and it does not try to bind the words `eval`
|
|
|
// or `arguments`.
|
|
|
var useStrict = (!isExpression && node.body.body.length && this.isUseStrict(node.body.body[0])) ? node.body.body[0] : null;
|
|
|
if (useStrict && this.options.ecmaVersion >= 7 && !this.isSimpleParamList(node.params))
|
|
|
this.raiseRecoverable(useStrict.start, "Illegal 'use strict' directive in function with non-simple parameter list");
|
|
|
|
|
|
if (this.strict || useStrict) {
|
|
|
var oldStrict = this.strict;
|
|
|
this.strict = true;
|
|
|
if (node.id)
|
|
|
this.checkLVal(node.id, true);
|
|
|
this.checkParams(node);
|
|
|
this.strict = oldStrict;
|
|
|
} else if (isArrowFunction || !this.isSimpleParamList(node.params)) {
|
|
|
this.checkParams(node);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$3.isSimpleParamList = function(params) {
|
|
|
for (var i = 0; i < params.length; i++)
|
|
|
if (params[i].type !== "Identifier") return false
|
|
|
return true
|
|
|
};
|
|
|
|
|
|
// Checks function params for various disallowed patterns such as using "eval"
|
|
|
// or "arguments" and duplicate parameters.
|
|
|
|
|
|
pp$3.checkParams = function(node) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var nameHash = {};
|
|
|
for (var i = 0; i < node.params.length; i++) this$1.checkLVal(node.params[i], true, nameHash);
|
|
|
};
|
|
|
|
|
|
// Parses a comma-separated list of expressions, and returns them as
|
|
|
// an array. `close` is the token type that ends the list, and
|
|
|
// `allowEmpty` can be turned on to allow subsequent commas with
|
|
|
// nothing in between them to be parsed as `null` (which is needed
|
|
|
// for array literals).
|
|
|
|
|
|
pp$3.parseExprList = function(close, allowTrailingComma, allowEmpty, refDestructuringErrors) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var elts = [], first = true;
|
|
|
while (!this.eat(close)) {
|
|
|
if (!first) {
|
|
|
this$1.expect(tt.comma);
|
|
|
if (allowTrailingComma && this$1.afterTrailingComma(close)) break
|
|
|
} else first = false;
|
|
|
|
|
|
var elt;
|
|
|
if (allowEmpty && this$1.type === tt.comma)
|
|
|
elt = null;
|
|
|
else if (this$1.type === tt.ellipsis) {
|
|
|
elt = this$1.parseSpread(refDestructuringErrors);
|
|
|
if (this$1.type === tt.comma && refDestructuringErrors && !refDestructuringErrors.trailingComma) {
|
|
|
refDestructuringErrors.trailingComma = this$1.start;
|
|
|
}
|
|
|
} else
|
|
|
elt = this$1.parseMaybeAssign(false, refDestructuringErrors);
|
|
|
elts.push(elt);
|
|
|
}
|
|
|
return elts
|
|
|
};
|
|
|
|
|
|
// Parse the next token as an identifier. If `liberal` is true (used
|
|
|
// when parsing properties), it will also convert keywords into
|
|
|
// identifiers.
|
|
|
|
|
|
pp$3.parseIdent = function(liberal) {
|
|
|
var node = this.startNode();
|
|
|
if (liberal && this.options.allowReserved == "never") liberal = false;
|
|
|
if (this.type === tt.name) {
|
|
|
if (!liberal && (this.strict ? this.reservedWordsStrict : this.reservedWords).test(this.value) &&
|
|
|
(this.options.ecmaVersion >= 6 ||
|
|
|
this.input.slice(this.start, this.end).indexOf("\\") == -1))
|
|
|
this.raiseRecoverable(this.start, "The keyword '" + this.value + "' is reserved");
|
|
|
if (this.inGenerator && this.value === "yield")
|
|
|
this.raiseRecoverable(this.start, "Can not use 'yield' as identifier inside a generator");
|
|
|
if (this.inAsync && this.value === "await")
|
|
|
this.raiseRecoverable(this.start, "Can not use 'await' as identifier inside an async function");
|
|
|
node.name = this.value;
|
|
|
} else if (liberal && this.type.keyword) {
|
|
|
node.name = this.type.keyword;
|
|
|
} else {
|
|
|
this.unexpected();
|
|
|
}
|
|
|
this.next();
|
|
|
return this.finishNode(node, "Identifier")
|
|
|
};
|
|
|
|
|
|
// Parses yield expression inside generator.
|
|
|
|
|
|
pp$3.parseYield = function() {
|
|
|
if (!this.yieldPos) this.yieldPos = this.start;
|
|
|
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
if (this.type == tt.semi || this.canInsertSemicolon() || (this.type != tt.star && !this.type.startsExpr)) {
|
|
|
node.delegate = false;
|
|
|
node.argument = null;
|
|
|
} else {
|
|
|
node.delegate = this.eat(tt.star);
|
|
|
node.argument = this.parseMaybeAssign();
|
|
|
}
|
|
|
return this.finishNode(node, "YieldExpression")
|
|
|
};
|
|
|
|
|
|
pp$3.parseAwait = function() {
|
|
|
if (!this.awaitPos) this.awaitPos = this.start;
|
|
|
|
|
|
var node = this.startNode();
|
|
|
this.next();
|
|
|
node.argument = this.parseMaybeUnary(null, true);
|
|
|
return this.finishNode(node, "AwaitExpression")
|
|
|
};
|
|
|
|
|
|
var pp$4 = Parser.prototype;
|
|
|
|
|
|
// This function is used to raise exceptions on parse errors. It
|
|
|
// takes an offset integer (into the current `input`) to indicate
|
|
|
// the location of the error, attaches the position to the end
|
|
|
// of the error message, and then raises a `SyntaxError` with that
|
|
|
// message.
|
|
|
|
|
|
pp$4.raise = function(pos, message) {
|
|
|
var loc = getLineInfo(this.input, pos);
|
|
|
message += " (" + loc.line + ":" + loc.column + ")";
|
|
|
var err = new SyntaxError(message);
|
|
|
err.pos = pos; err.loc = loc; err.raisedAt = this.pos;
|
|
|
throw err
|
|
|
};
|
|
|
|
|
|
pp$4.raiseRecoverable = pp$4.raise;
|
|
|
|
|
|
pp$4.curPosition = function() {
|
|
|
if (this.options.locations) {
|
|
|
return new Position(this.curLine, this.pos - this.lineStart)
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var Node = function Node(parser, pos, loc) {
|
|
|
this.type = "";
|
|
|
this.start = pos;
|
|
|
this.end = 0;
|
|
|
if (parser.options.locations)
|
|
|
this.loc = new SourceLocation(parser, loc);
|
|
|
if (parser.options.directSourceFile)
|
|
|
this.sourceFile = parser.options.directSourceFile;
|
|
|
if (parser.options.ranges)
|
|
|
this.range = [pos, 0];
|
|
|
};
|
|
|
|
|
|
// Start an AST node, attaching a start offset.
|
|
|
|
|
|
var pp$5 = Parser.prototype;
|
|
|
|
|
|
pp$5.startNode = function() {
|
|
|
return new Node(this, this.start, this.startLoc)
|
|
|
};
|
|
|
|
|
|
pp$5.startNodeAt = function(pos, loc) {
|
|
|
return new Node(this, pos, loc)
|
|
|
};
|
|
|
|
|
|
// Finish an AST node, adding `type` and `end` properties.
|
|
|
|
|
|
function finishNodeAt(node, type, pos, loc) {
|
|
|
node.type = type;
|
|
|
node.end = pos;
|
|
|
if (this.options.locations)
|
|
|
node.loc.end = loc;
|
|
|
if (this.options.ranges)
|
|
|
node.range[1] = pos;
|
|
|
return node
|
|
|
}
|
|
|
|
|
|
pp$5.finishNode = function(node, type) {
|
|
|
return finishNodeAt.call(this, node, type, this.lastTokEnd, this.lastTokEndLoc)
|
|
|
};
|
|
|
|
|
|
// Finish node at given position
|
|
|
|
|
|
pp$5.finishNodeAt = function(node, type, pos, loc) {
|
|
|
return finishNodeAt.call(this, node, type, pos, loc)
|
|
|
};
|
|
|
|
|
|
var TokContext = function TokContext(token, isExpr, preserveSpace, override) {
|
|
|
this.token = token;
|
|
|
this.isExpr = !!isExpr;
|
|
|
this.preserveSpace = !!preserveSpace;
|
|
|
this.override = override;
|
|
|
};
|
|
|
|
|
|
var types = {
|
|
|
b_stat: new TokContext("{", false),
|
|
|
b_expr: new TokContext("{", true),
|
|
|
b_tmpl: new TokContext("${", true),
|
|
|
p_stat: new TokContext("(", false),
|
|
|
p_expr: new TokContext("(", true),
|
|
|
q_tmpl: new TokContext("`", true, true, function (p) { return p.readTmplToken(); }),
|
|
|
f_expr: new TokContext("function", true)
|
|
|
};
|
|
|
|
|
|
var pp$6 = Parser.prototype;
|
|
|
|
|
|
pp$6.initialContext = function() {
|
|
|
return [types.b_stat]
|
|
|
};
|
|
|
|
|
|
pp$6.braceIsBlock = function(prevType) {
|
|
|
if (prevType === tt.colon) {
|
|
|
var parent = this.curContext();
|
|
|
if (parent === types.b_stat || parent === types.b_expr)
|
|
|
return !parent.isExpr
|
|
|
}
|
|
|
if (prevType === tt._return)
|
|
|
return lineBreak.test(this.input.slice(this.lastTokEnd, this.start))
|
|
|
if (prevType === tt._else || prevType === tt.semi || prevType === tt.eof || prevType === tt.parenR)
|
|
|
return true
|
|
|
if (prevType == tt.braceL)
|
|
|
return this.curContext() === types.b_stat
|
|
|
return !this.exprAllowed
|
|
|
};
|
|
|
|
|
|
pp$6.updateContext = function(prevType) {
|
|
|
var update, type = this.type;
|
|
|
if (type.keyword && prevType == tt.dot)
|
|
|
this.exprAllowed = false;
|
|
|
else if (update = type.updateContext)
|
|
|
update.call(this, prevType);
|
|
|
else
|
|
|
this.exprAllowed = type.beforeExpr;
|
|
|
};
|
|
|
|
|
|
// Token-specific context update code
|
|
|
|
|
|
tt.parenR.updateContext = tt.braceR.updateContext = function() {
|
|
|
if (this.context.length == 1) {
|
|
|
this.exprAllowed = true;
|
|
|
return
|
|
|
}
|
|
|
var out = this.context.pop();
|
|
|
if (out === types.b_stat && this.curContext() === types.f_expr) {
|
|
|
this.context.pop();
|
|
|
this.exprAllowed = false;
|
|
|
} else if (out === types.b_tmpl) {
|
|
|
this.exprAllowed = true;
|
|
|
} else {
|
|
|
this.exprAllowed = !out.isExpr;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
tt.braceL.updateContext = function(prevType) {
|
|
|
this.context.push(this.braceIsBlock(prevType) ? types.b_stat : types.b_expr);
|
|
|
this.exprAllowed = true;
|
|
|
};
|
|
|
|
|
|
tt.dollarBraceL.updateContext = function() {
|
|
|
this.context.push(types.b_tmpl);
|
|
|
this.exprAllowed = true;
|
|
|
};
|
|
|
|
|
|
tt.parenL.updateContext = function(prevType) {
|
|
|
var statementParens = prevType === tt._if || prevType === tt._for || prevType === tt._with || prevType === tt._while;
|
|
|
this.context.push(statementParens ? types.p_stat : types.p_expr);
|
|
|
this.exprAllowed = true;
|
|
|
};
|
|
|
|
|
|
tt.incDec.updateContext = function() {
|
|
|
// tokExprAllowed stays unchanged
|
|
|
};
|
|
|
|
|
|
tt._function.updateContext = function(prevType) {
|
|
|
if (prevType.beforeExpr && prevType !== tt.semi && prevType !== tt._else &&
|
|
|
!((prevType === tt.colon || prevType === tt.braceL) && this.curContext() === types.b_stat))
|
|
|
this.context.push(types.f_expr);
|
|
|
this.exprAllowed = false;
|
|
|
};
|
|
|
|
|
|
tt.backQuote.updateContext = function() {
|
|
|
if (this.curContext() === types.q_tmpl)
|
|
|
this.context.pop();
|
|
|
else
|
|
|
this.context.push(types.q_tmpl);
|
|
|
this.exprAllowed = false;
|
|
|
};
|
|
|
|
|
|
// Object type used to represent tokens. Note that normally, tokens
|
|
|
// simply exist as properties on the parser object. This is only
|
|
|
// used for the onToken callback and the external tokenizer.
|
|
|
|
|
|
var Token = function Token(p) {
|
|
|
this.type = p.type;
|
|
|
this.value = p.value;
|
|
|
this.start = p.start;
|
|
|
this.end = p.end;
|
|
|
if (p.options.locations)
|
|
|
this.loc = new SourceLocation(p, p.startLoc, p.endLoc);
|
|
|
if (p.options.ranges)
|
|
|
this.range = [p.start, p.end];
|
|
|
};
|
|
|
|
|
|
// ## Tokenizer
|
|
|
|
|
|
var pp$7 = Parser.prototype;
|
|
|
|
|
|
// Are we running under Rhino?
|
|
|
var isRhino = typeof Packages == "object" && Object.prototype.toString.call(Packages) == "[object JavaPackage]";
|
|
|
|
|
|
// Move to the next token
|
|
|
|
|
|
pp$7.next = function() {
|
|
|
if (this.options.onToken)
|
|
|
this.options.onToken(new Token(this));
|
|
|
|
|
|
this.lastTokEnd = this.end;
|
|
|
this.lastTokStart = this.start;
|
|
|
this.lastTokEndLoc = this.endLoc;
|
|
|
this.lastTokStartLoc = this.startLoc;
|
|
|
this.nextToken();
|
|
|
};
|
|
|
|
|
|
pp$7.getToken = function() {
|
|
|
this.next();
|
|
|
return new Token(this)
|
|
|
};
|
|
|
|
|
|
// If we're in an ES6 environment, make parsers iterable
|
|
|
if (typeof Symbol !== "undefined")
|
|
|
pp$7[Symbol.iterator] = function () {
|
|
|
var self = this;
|
|
|
return {next: function () {
|
|
|
var token = self.getToken();
|
|
|
return {
|
|
|
done: token.type === tt.eof,
|
|
|
value: token
|
|
|
}
|
|
|
}}
|
|
|
};
|
|
|
|
|
|
// Toggle strict mode. Re-reads the next number or string to please
|
|
|
// pedantic tests (`"use strict"; 010;` should fail).
|
|
|
|
|
|
pp$7.setStrict = function(strict) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
this.strict = strict;
|
|
|
if (this.type !== tt.num && this.type !== tt.string) return
|
|
|
this.pos = this.start;
|
|
|
if (this.options.locations) {
|
|
|
while (this.pos < this.lineStart) {
|
|
|
this$1.lineStart = this$1.input.lastIndexOf("\n", this$1.lineStart - 2) + 1;
|
|
|
--this$1.curLine;
|
|
|
}
|
|
|
}
|
|
|
this.nextToken();
|
|
|
};
|
|
|
|
|
|
pp$7.curContext = function() {
|
|
|
return this.context[this.context.length - 1]
|
|
|
};
|
|
|
|
|
|
// Read a single token, updating the parser object's token-related
|
|
|
// properties.
|
|
|
|
|
|
pp$7.nextToken = function() {
|
|
|
var curContext = this.curContext();
|
|
|
if (!curContext || !curContext.preserveSpace) this.skipSpace();
|
|
|
|
|
|
this.start = this.pos;
|
|
|
if (this.options.locations) this.startLoc = this.curPosition();
|
|
|
if (this.pos >= this.input.length) return this.finishToken(tt.eof)
|
|
|
|
|
|
if (curContext.override) return curContext.override(this)
|
|
|
else this.readToken(this.fullCharCodeAtPos());
|
|
|
};
|
|
|
|
|
|
pp$7.readToken = function(code) {
|
|
|
// Identifier or keyword. '\uXXXX' sequences are allowed in
|
|
|
// identifiers, so '\' also dispatches to that.
|
|
|
if (isIdentifierStart(code, this.options.ecmaVersion >= 6) || code === 92 /* '\' */)
|
|
|
return this.readWord()
|
|
|
|
|
|
return this.getTokenFromCode(code)
|
|
|
};
|
|
|
|
|
|
pp$7.fullCharCodeAtPos = function() {
|
|
|
var code = this.input.charCodeAt(this.pos);
|
|
|
if (code <= 0xd7ff || code >= 0xe000) return code
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
return (code << 10) + next - 0x35fdc00
|
|
|
};
|
|
|
|
|
|
pp$7.skipBlockComment = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var startLoc = this.options.onComment && this.curPosition();
|
|
|
var start = this.pos, end = this.input.indexOf("*/", this.pos += 2);
|
|
|
if (end === -1) this.raise(this.pos - 2, "Unterminated comment");
|
|
|
this.pos = end + 2;
|
|
|
if (this.options.locations) {
|
|
|
lineBreakG.lastIndex = start;
|
|
|
var match;
|
|
|
while ((match = lineBreakG.exec(this.input)) && match.index < this.pos) {
|
|
|
++this$1.curLine;
|
|
|
this$1.lineStart = match.index + match[0].length;
|
|
|
}
|
|
|
}
|
|
|
if (this.options.onComment)
|
|
|
this.options.onComment(true, this.input.slice(start + 2, end), start, this.pos,
|
|
|
startLoc, this.curPosition());
|
|
|
};
|
|
|
|
|
|
pp$7.skipLineComment = function(startSkip) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var start = this.pos;
|
|
|
var startLoc = this.options.onComment && this.curPosition();
|
|
|
var ch = this.input.charCodeAt(this.pos+=startSkip);
|
|
|
while (this.pos < this.input.length && ch !== 10 && ch !== 13 && ch !== 8232 && ch !== 8233) {
|
|
|
++this$1.pos;
|
|
|
ch = this$1.input.charCodeAt(this$1.pos);
|
|
|
}
|
|
|
if (this.options.onComment)
|
|
|
this.options.onComment(false, this.input.slice(start + startSkip, this.pos), start, this.pos,
|
|
|
startLoc, this.curPosition());
|
|
|
};
|
|
|
|
|
|
// Called at the start of the parse and after every token. Skips
|
|
|
// whitespace and comments, and.
|
|
|
|
|
|
pp$7.skipSpace = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
loop: while (this.pos < this.input.length) {
|
|
|
var ch = this$1.input.charCodeAt(this$1.pos);
|
|
|
switch (ch) {
|
|
|
case 32: case 160: // ' '
|
|
|
++this$1.pos;
|
|
|
break
|
|
|
case 13:
|
|
|
if (this$1.input.charCodeAt(this$1.pos + 1) === 10) {
|
|
|
++this$1.pos;
|
|
|
}
|
|
|
case 10: case 8232: case 8233:
|
|
|
++this$1.pos;
|
|
|
if (this$1.options.locations) {
|
|
|
++this$1.curLine;
|
|
|
this$1.lineStart = this$1.pos;
|
|
|
}
|
|
|
break
|
|
|
case 47: // '/'
|
|
|
switch (this$1.input.charCodeAt(this$1.pos + 1)) {
|
|
|
case 42: // '*'
|
|
|
this$1.skipBlockComment();
|
|
|
break
|
|
|
case 47:
|
|
|
this$1.skipLineComment(2);
|
|
|
break
|
|
|
default:
|
|
|
break loop
|
|
|
}
|
|
|
break
|
|
|
default:
|
|
|
if (ch > 8 && ch < 14 || ch >= 5760 && nonASCIIwhitespace.test(String.fromCharCode(ch))) {
|
|
|
++this$1.pos;
|
|
|
} else {
|
|
|
break loop
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Called at the end of every token. Sets `end`, `val`, and
|
|
|
// maintains `context` and `exprAllowed`, and skips the space after
|
|
|
// the token, so that the next one's `start` will point at the
|
|
|
// right position.
|
|
|
|
|
|
pp$7.finishToken = function(type, val) {
|
|
|
this.end = this.pos;
|
|
|
if (this.options.locations) this.endLoc = this.curPosition();
|
|
|
var prevType = this.type;
|
|
|
this.type = type;
|
|
|
this.value = val;
|
|
|
|
|
|
this.updateContext(prevType);
|
|
|
};
|
|
|
|
|
|
// ### Token reading
|
|
|
|
|
|
// This is the function that is called to fetch the next token. It
|
|
|
// is somewhat obscure, because it works in character codes rather
|
|
|
// than characters, and because operator parsing has been inlined
|
|
|
// into it.
|
|
|
//
|
|
|
// All in the name of speed.
|
|
|
//
|
|
|
pp$7.readToken_dot = function() {
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next >= 48 && next <= 57) return this.readNumber(true)
|
|
|
var next2 = this.input.charCodeAt(this.pos + 2);
|
|
|
if (this.options.ecmaVersion >= 6 && next === 46 && next2 === 46) { // 46 = dot '.'
|
|
|
this.pos += 3;
|
|
|
return this.finishToken(tt.ellipsis)
|
|
|
} else {
|
|
|
++this.pos;
|
|
|
return this.finishToken(tt.dot)
|
|
|
}
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_slash = function() { // '/'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (this.exprAllowed) {++this.pos; return this.readRegexp()}
|
|
|
if (next === 61) return this.finishOp(tt.assign, 2)
|
|
|
return this.finishOp(tt.slash, 1)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_mult_modulo_exp = function(code) { // '%*'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
var size = 1;
|
|
|
var tokentype = code === 42 ? tt.star : tt.modulo;
|
|
|
|
|
|
// exponentiation operator ** and **=
|
|
|
if (this.options.ecmaVersion >= 7 && next === 42) {
|
|
|
++size;
|
|
|
tokentype = tt.starstar;
|
|
|
next = this.input.charCodeAt(this.pos + 2);
|
|
|
}
|
|
|
|
|
|
if (next === 61) return this.finishOp(tt.assign, size + 1)
|
|
|
return this.finishOp(tokentype, size)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_pipe_amp = function(code) { // '|&'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next === code) return this.finishOp(code === 124 ? tt.logicalOR : tt.logicalAND, 2)
|
|
|
if (next === 61) return this.finishOp(tt.assign, 2)
|
|
|
return this.finishOp(code === 124 ? tt.bitwiseOR : tt.bitwiseAND, 1)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_caret = function() { // '^'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next === 61) return this.finishOp(tt.assign, 2)
|
|
|
return this.finishOp(tt.bitwiseXOR, 1)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_plus_min = function(code) { // '+-'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next === code) {
|
|
|
if (next == 45 && this.input.charCodeAt(this.pos + 2) == 62 &&
|
|
|
lineBreak.test(this.input.slice(this.lastTokEnd, this.pos))) {
|
|
|
// A `-->` line comment
|
|
|
this.skipLineComment(3);
|
|
|
this.skipSpace();
|
|
|
return this.nextToken()
|
|
|
}
|
|
|
return this.finishOp(tt.incDec, 2)
|
|
|
}
|
|
|
if (next === 61) return this.finishOp(tt.assign, 2)
|
|
|
return this.finishOp(tt.plusMin, 1)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_lt_gt = function(code) { // '<>'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
var size = 1;
|
|
|
if (next === code) {
|
|
|
size = code === 62 && this.input.charCodeAt(this.pos + 2) === 62 ? 3 : 2;
|
|
|
if (this.input.charCodeAt(this.pos + size) === 61) return this.finishOp(tt.assign, size + 1)
|
|
|
return this.finishOp(tt.bitShift, size)
|
|
|
}
|
|
|
if (next == 33 && code == 60 && this.input.charCodeAt(this.pos + 2) == 45 &&
|
|
|
this.input.charCodeAt(this.pos + 3) == 45) {
|
|
|
if (this.inModule) this.unexpected();
|
|
|
// `<!--`, an XML-style comment that should be interpreted as a line comment
|
|
|
this.skipLineComment(4);
|
|
|
this.skipSpace();
|
|
|
return this.nextToken()
|
|
|
}
|
|
|
if (next === 61) size = 2;
|
|
|
return this.finishOp(tt.relational, size)
|
|
|
};
|
|
|
|
|
|
pp$7.readToken_eq_excl = function(code) { // '=!'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next === 61) return this.finishOp(tt.equality, this.input.charCodeAt(this.pos + 2) === 61 ? 3 : 2)
|
|
|
if (code === 61 && next === 62 && this.options.ecmaVersion >= 6) { // '=>'
|
|
|
this.pos += 2;
|
|
|
return this.finishToken(tt.arrow)
|
|
|
}
|
|
|
return this.finishOp(code === 61 ? tt.eq : tt.prefix, 1)
|
|
|
};
|
|
|
|
|
|
pp$7.getTokenFromCode = function(code) {
|
|
|
switch (code) {
|
|
|
// The interpretation of a dot depends on whether it is followed
|
|
|
// by a digit or another two dots.
|
|
|
case 46: // '.'
|
|
|
return this.readToken_dot()
|
|
|
|
|
|
// Punctuation tokens.
|
|
|
case 40: ++this.pos; return this.finishToken(tt.parenL)
|
|
|
case 41: ++this.pos; return this.finishToken(tt.parenR)
|
|
|
case 59: ++this.pos; return this.finishToken(tt.semi)
|
|
|
case 44: ++this.pos; return this.finishToken(tt.comma)
|
|
|
case 91: ++this.pos; return this.finishToken(tt.bracketL)
|
|
|
case 93: ++this.pos; return this.finishToken(tt.bracketR)
|
|
|
case 123: ++this.pos; return this.finishToken(tt.braceL)
|
|
|
case 125: ++this.pos; return this.finishToken(tt.braceR)
|
|
|
case 58: ++this.pos; return this.finishToken(tt.colon)
|
|
|
case 63: ++this.pos; return this.finishToken(tt.question)
|
|
|
|
|
|
case 96: // '`'
|
|
|
if (this.options.ecmaVersion < 6) break
|
|
|
++this.pos;
|
|
|
return this.finishToken(tt.backQuote)
|
|
|
|
|
|
case 48: // '0'
|
|
|
var next = this.input.charCodeAt(this.pos + 1);
|
|
|
if (next === 120 || next === 88) return this.readRadixNumber(16) // '0x', '0X' - hex number
|
|
|
if (this.options.ecmaVersion >= 6) {
|
|
|
if (next === 111 || next === 79) return this.readRadixNumber(8) // '0o', '0O' - octal number
|
|
|
if (next === 98 || next === 66) return this.readRadixNumber(2) // '0b', '0B' - binary number
|
|
|
}
|
|
|
// Anything else beginning with a digit is an integer, octal
|
|
|
// number, or float.
|
|
|
case 49: case 50: case 51: case 52: case 53: case 54: case 55: case 56: case 57: // 1-9
|
|
|
return this.readNumber(false)
|
|
|
|
|
|
// Quotes produce strings.
|
|
|
case 34: case 39: // '"', "'"
|
|
|
return this.readString(code)
|
|
|
|
|
|
// Operators are parsed inline in tiny state machines. '=' (61) is
|
|
|
// often referred to. `finishOp` simply skips the amount of
|
|
|
// characters it is given as second argument, and returns a token
|
|
|
// of the type given by its first argument.
|
|
|
|
|
|
case 47: // '/'
|
|
|
return this.readToken_slash()
|
|
|
|
|
|
case 37: case 42: // '%*'
|
|
|
return this.readToken_mult_modulo_exp(code)
|
|
|
|
|
|
case 124: case 38: // '|&'
|
|
|
return this.readToken_pipe_amp(code)
|
|
|
|
|
|
case 94: // '^'
|
|
|
return this.readToken_caret()
|
|
|
|
|
|
case 43: case 45: // '+-'
|
|
|
return this.readToken_plus_min(code)
|
|
|
|
|
|
case 60: case 62: // '<>'
|
|
|
return this.readToken_lt_gt(code)
|
|
|
|
|
|
case 61: case 33: // '=!'
|
|
|
return this.readToken_eq_excl(code)
|
|
|
|
|
|
case 126: // '~'
|
|
|
return this.finishOp(tt.prefix, 1)
|
|
|
}
|
|
|
|
|
|
this.raise(this.pos, "Unexpected character '" + codePointToString(code) + "'");
|
|
|
};
|
|
|
|
|
|
pp$7.finishOp = function(type, size) {
|
|
|
var str = this.input.slice(this.pos, this.pos + size);
|
|
|
this.pos += size;
|
|
|
return this.finishToken(type, str)
|
|
|
};
|
|
|
|
|
|
// Parse a regular expression. Some context-awareness is necessary,
|
|
|
// since a '/' inside a '[]' set does not end the expression.
|
|
|
|
|
|
function tryCreateRegexp(src, flags, throwErrorAt, parser) {
|
|
|
try {
|
|
|
return new RegExp(src, flags)
|
|
|
} catch (e) {
|
|
|
if (throwErrorAt !== undefined) {
|
|
|
if (e instanceof SyntaxError) parser.raise(throwErrorAt, "Error parsing regular expression: " + e.message);
|
|
|
throw e
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var regexpUnicodeSupport = !!tryCreateRegexp("\uffff", "u");
|
|
|
|
|
|
pp$7.readRegexp = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var escaped, inClass, start = this.pos;
|
|
|
for (;;) {
|
|
|
if (this$1.pos >= this$1.input.length) this$1.raise(start, "Unterminated regular expression");
|
|
|
var ch = this$1.input.charAt(this$1.pos);
|
|
|
if (lineBreak.test(ch)) this$1.raise(start, "Unterminated regular expression");
|
|
|
if (!escaped) {
|
|
|
if (ch === "[") inClass = true;
|
|
|
else if (ch === "]" && inClass) inClass = false;
|
|
|
else if (ch === "/" && !inClass) break
|
|
|
escaped = ch === "\\";
|
|
|
} else escaped = false;
|
|
|
++this$1.pos;
|
|
|
}
|
|
|
var content = this.input.slice(start, this.pos);
|
|
|
++this.pos;
|
|
|
// Need to use `readWord1` because '\uXXXX' sequences are allowed
|
|
|
// here (don't ask).
|
|
|
var mods = this.readWord1();
|
|
|
var tmp = content, tmpFlags = "";
|
|
|
if (mods) {
|
|
|
var validFlags = /^[gim]*$/;
|
|
|
if (this.options.ecmaVersion >= 6) validFlags = /^[gimuy]*$/;
|
|
|
if (!validFlags.test(mods)) this.raise(start, "Invalid regular expression flag");
|
|
|
if (mods.indexOf("u") >= 0) {
|
|
|
if (regexpUnicodeSupport) {
|
|
|
tmpFlags = "u";
|
|
|
} else {
|
|
|
// Replace each astral symbol and every Unicode escape sequence that
|
|
|
// possibly represents an astral symbol or a paired surrogate with a
|
|
|
// single ASCII symbol to avoid throwing on regular expressions that
|
|
|
// are only valid in combination with the `/u` flag.
|
|
|
// Note: replacing with the ASCII symbol `x` might cause false
|
|
|
// negatives in unlikely scenarios. For example, `[\u{61}-b]` is a
|
|
|
// perfectly valid pattern that is equivalent to `[a-b]`, but it would
|
|
|
// be replaced by `[x-b]` which throws an error.
|
|
|
tmp = tmp.replace(/\\u\{([0-9a-fA-F]+)\}/g, function (_match, code, offset) {
|
|
|
code = Number("0x" + code);
|
|
|
if (code > 0x10FFFF) this$1.raise(start + offset + 3, "Code point out of bounds");
|
|
|
return "x"
|
|
|
});
|
|
|
tmp = tmp.replace(/\\u([a-fA-F0-9]{4})|[\uD800-\uDBFF][\uDC00-\uDFFF]/g, "x");
|
|
|
tmpFlags = tmpFlags.replace("u", "");
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
// Detect invalid regular expressions.
|
|
|
var value = null;
|
|
|
// Rhino's regular expression parser is flaky and throws uncatchable exceptions,
|
|
|
// so don't do detection if we are running under Rhino
|
|
|
if (!isRhino) {
|
|
|
tryCreateRegexp(tmp, tmpFlags, start, this);
|
|
|
// Get a regular expression object for this pattern-flag pair, or `null` in
|
|
|
// case the current environment doesn't support the flags it uses.
|
|
|
value = tryCreateRegexp(content, mods);
|
|
|
}
|
|
|
return this.finishToken(tt.regexp, {pattern: content, flags: mods, value: value})
|
|
|
};
|
|
|
|
|
|
// Read an integer in the given radix. Return null if zero digits
|
|
|
// were read, the integer value otherwise. When `len` is given, this
|
|
|
// will return `null` unless the integer has exactly `len` digits.
|
|
|
|
|
|
pp$7.readInt = function(radix, len) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var start = this.pos, total = 0;
|
|
|
for (var i = 0, e = len == null ? Infinity : len; i < e; ++i) {
|
|
|
var code = this$1.input.charCodeAt(this$1.pos), val;
|
|
|
if (code >= 97) val = code - 97 + 10; // a
|
|
|
else if (code >= 65) val = code - 65 + 10; // A
|
|
|
else if (code >= 48 && code <= 57) val = code - 48; // 0-9
|
|
|
else val = Infinity;
|
|
|
if (val >= radix) break
|
|
|
++this$1.pos;
|
|
|
total = total * radix + val;
|
|
|
}
|
|
|
if (this.pos === start || len != null && this.pos - start !== len) return null
|
|
|
|
|
|
return total
|
|
|
};
|
|
|
|
|
|
pp$7.readRadixNumber = function(radix) {
|
|
|
this.pos += 2; // 0x
|
|
|
var val = this.readInt(radix);
|
|
|
if (val == null) this.raise(this.start + 2, "Expected number in radix " + radix);
|
|
|
if (isIdentifierStart(this.fullCharCodeAtPos())) this.raise(this.pos, "Identifier directly after number");
|
|
|
return this.finishToken(tt.num, val)
|
|
|
};
|
|
|
|
|
|
// Read an integer, octal integer, or floating-point number.
|
|
|
|
|
|
pp$7.readNumber = function(startsWithDot) {
|
|
|
var start = this.pos, isFloat = false, octal = this.input.charCodeAt(this.pos) === 48;
|
|
|
if (!startsWithDot && this.readInt(10) === null) this.raise(start, "Invalid number");
|
|
|
if (octal && this.pos == start + 1) octal = false;
|
|
|
var next = this.input.charCodeAt(this.pos);
|
|
|
if (next === 46 && !octal) { // '.'
|
|
|
++this.pos;
|
|
|
this.readInt(10);
|
|
|
isFloat = true;
|
|
|
next = this.input.charCodeAt(this.pos);
|
|
|
}
|
|
|
if ((next === 69 || next === 101) && !octal) { // 'eE'
|
|
|
next = this.input.charCodeAt(++this.pos);
|
|
|
if (next === 43 || next === 45) ++this.pos; // '+-'
|
|
|
if (this.readInt(10) === null) this.raise(start, "Invalid number");
|
|
|
isFloat = true;
|
|
|
}
|
|
|
if (isIdentifierStart(this.fullCharCodeAtPos())) this.raise(this.pos, "Identifier directly after number");
|
|
|
|
|
|
var str = this.input.slice(start, this.pos), val;
|
|
|
if (isFloat) val = parseFloat(str);
|
|
|
else if (!octal || str.length === 1) val = parseInt(str, 10);
|
|
|
else if (/[89]/.test(str) || this.strict) this.raise(start, "Invalid number");
|
|
|
else val = parseInt(str, 8);
|
|
|
return this.finishToken(tt.num, val)
|
|
|
};
|
|
|
|
|
|
// Read a string value, interpreting backslash-escapes.
|
|
|
|
|
|
pp$7.readCodePoint = function() {
|
|
|
var ch = this.input.charCodeAt(this.pos), code;
|
|
|
|
|
|
if (ch === 123) {
|
|
|
if (this.options.ecmaVersion < 6) this.unexpected();
|
|
|
var codePos = ++this.pos;
|
|
|
code = this.readHexChar(this.input.indexOf('}', this.pos) - this.pos);
|
|
|
++this.pos;
|
|
|
if (code > 0x10FFFF) this.raise(codePos, "Code point out of bounds");
|
|
|
} else {
|
|
|
code = this.readHexChar(4);
|
|
|
}
|
|
|
return code
|
|
|
};
|
|
|
|
|
|
function codePointToString(code) {
|
|
|
// UTF-16 Decoding
|
|
|
if (code <= 0xFFFF) return String.fromCharCode(code)
|
|
|
code -= 0x10000;
|
|
|
return String.fromCharCode((code >> 10) + 0xD800, (code & 1023) + 0xDC00)
|
|
|
}
|
|
|
|
|
|
pp$7.readString = function(quote) {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var out = "", chunkStart = ++this.pos;
|
|
|
for (;;) {
|
|
|
if (this$1.pos >= this$1.input.length) this$1.raise(this$1.start, "Unterminated string constant");
|
|
|
var ch = this$1.input.charCodeAt(this$1.pos);
|
|
|
if (ch === quote) break
|
|
|
if (ch === 92) { // '\'
|
|
|
out += this$1.input.slice(chunkStart, this$1.pos);
|
|
|
out += this$1.readEscapedChar(false);
|
|
|
chunkStart = this$1.pos;
|
|
|
} else {
|
|
|
if (isNewLine(ch)) this$1.raise(this$1.start, "Unterminated string constant");
|
|
|
++this$1.pos;
|
|
|
}
|
|
|
}
|
|
|
out += this.input.slice(chunkStart, this.pos++);
|
|
|
return this.finishToken(tt.string, out)
|
|
|
};
|
|
|
|
|
|
// Reads template string tokens.
|
|
|
|
|
|
pp$7.readTmplToken = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
var out = "", chunkStart = this.pos;
|
|
|
for (;;) {
|
|
|
if (this$1.pos >= this$1.input.length) this$1.raise(this$1.start, "Unterminated template");
|
|
|
var ch = this$1.input.charCodeAt(this$1.pos);
|
|
|
if (ch === 96 || ch === 36 && this$1.input.charCodeAt(this$1.pos + 1) === 123) { // '`', '${'
|
|
|
if (this$1.pos === this$1.start && this$1.type === tt.template) {
|
|
|
if (ch === 36) {
|
|
|
this$1.pos += 2;
|
|
|
return this$1.finishToken(tt.dollarBraceL)
|
|
|
} else {
|
|
|
++this$1.pos;
|
|
|
return this$1.finishToken(tt.backQuote)
|
|
|
}
|
|
|
}
|
|
|
out += this$1.input.slice(chunkStart, this$1.pos);
|
|
|
return this$1.finishToken(tt.template, out)
|
|
|
}
|
|
|
if (ch === 92) { // '\'
|
|
|
out += this$1.input.slice(chunkStart, this$1.pos);
|
|
|
out += this$1.readEscapedChar(true);
|
|
|
chunkStart = this$1.pos;
|
|
|
} else if (isNewLine(ch)) {
|
|
|
out += this$1.input.slice(chunkStart, this$1.pos);
|
|
|
++this$1.pos;
|
|
|
switch (ch) {
|
|
|
case 13:
|
|
|
if (this$1.input.charCodeAt(this$1.pos) === 10) ++this$1.pos;
|
|
|
case 10:
|
|
|
out += "\n";
|
|
|
break
|
|
|
default:
|
|
|
out += String.fromCharCode(ch);
|
|
|
break
|
|
|
}
|
|
|
if (this$1.options.locations) {
|
|
|
++this$1.curLine;
|
|
|
this$1.lineStart = this$1.pos;
|
|
|
}
|
|
|
chunkStart = this$1.pos;
|
|
|
} else {
|
|
|
++this$1.pos;
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Used to read escaped characters
|
|
|
|
|
|
pp$7.readEscapedChar = function(inTemplate) {
|
|
|
var ch = this.input.charCodeAt(++this.pos);
|
|
|
++this.pos;
|
|
|
switch (ch) {
|
|
|
case 110: return "\n" // 'n' -> '\n'
|
|
|
case 114: return "\r" // 'r' -> '\r'
|
|
|
case 120: return String.fromCharCode(this.readHexChar(2)) // 'x'
|
|
|
case 117: return codePointToString(this.readCodePoint()) // 'u'
|
|
|
case 116: return "\t" // 't' -> '\t'
|
|
|
case 98: return "\b" // 'b' -> '\b'
|
|
|
case 118: return "\u000b" // 'v' -> '\u000b'
|
|
|
case 102: return "\f" // 'f' -> '\f'
|
|
|
case 13: if (this.input.charCodeAt(this.pos) === 10) ++this.pos; // '\r\n'
|
|
|
case 10: // ' \n'
|
|
|
if (this.options.locations) { this.lineStart = this.pos; ++this.curLine; }
|
|
|
return ""
|
|
|
default:
|
|
|
if (ch >= 48 && ch <= 55) {
|
|
|
var octalStr = this.input.substr(this.pos - 1, 3).match(/^[0-7]+/)[0];
|
|
|
var octal = parseInt(octalStr, 8);
|
|
|
if (octal > 255) {
|
|
|
octalStr = octalStr.slice(0, -1);
|
|
|
octal = parseInt(octalStr, 8);
|
|
|
}
|
|
|
if (octalStr !== "0" && (this.strict || inTemplate)) {
|
|
|
this.raise(this.pos - 2, "Octal literal in strict mode");
|
|
|
}
|
|
|
this.pos += octalStr.length - 1;
|
|
|
return String.fromCharCode(octal)
|
|
|
}
|
|
|
return String.fromCharCode(ch)
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// Used to read character escape sequences ('\x', '\u', '\U').
|
|
|
|
|
|
pp$7.readHexChar = function(len) {
|
|
|
var codePos = this.pos;
|
|
|
var n = this.readInt(16, len);
|
|
|
if (n === null) this.raise(codePos, "Bad character escape sequence");
|
|
|
return n
|
|
|
};
|
|
|
|
|
|
// Read an identifier, and return it as a string. Sets `this.containsEsc`
|
|
|
// to whether the word contained a '\u' escape.
|
|
|
//
|
|
|
// Incrementally adds only escaped chars, adding other chunks as-is
|
|
|
// as a micro-optimization.
|
|
|
|
|
|
pp$7.readWord1 = function() {
|
|
|
var this$1 = this;
|
|
|
|
|
|
this.containsEsc = false;
|
|
|
var word = "", first = true, chunkStart = this.pos;
|
|
|
var astral = this.options.ecmaVersion >= 6;
|
|
|
while (this.pos < this.input.length) {
|
|
|
var ch = this$1.fullCharCodeAtPos();
|
|
|
if (isIdentifierChar(ch, astral)) {
|
|
|
this$1.pos += ch <= 0xffff ? 1 : 2;
|
|
|
} else if (ch === 92) { // "\"
|
|
|
this$1.containsEsc = true;
|
|
|
word += this$1.input.slice(chunkStart, this$1.pos);
|
|
|
var escStart = this$1.pos;
|
|
|
if (this$1.input.charCodeAt(++this$1.pos) != 117) // "u"
|
|
|
this$1.raise(this$1.pos, "Expecting Unicode escape sequence \\uXXXX");
|
|
|
++this$1.pos;
|
|
|
var esc = this$1.readCodePoint();
|
|
|
if (!(first ? isIdentifierStart : isIdentifierChar)(esc, astral))
|
|
|
this$1.raise(escStart, "Invalid Unicode escape");
|
|
|
word += codePointToString(esc);
|
|
|
chunkStart = this$1.pos;
|
|
|
} else {
|
|
|
break
|
|
|
}
|
|
|
first = false;
|
|
|
}
|
|
|
return word + this.input.slice(chunkStart, this.pos)
|
|
|
};
|
|
|
|
|
|
// Read an identifier or keyword token. Will check for reserved
|
|
|
// words when necessary.
|
|
|
|
|
|
pp$7.readWord = function() {
|
|
|
var word = this.readWord1();
|
|
|
var type = tt.name;
|
|
|
if ((this.options.ecmaVersion >= 6 || !this.containsEsc) && this.keywords.test(word))
|
|
|
type = keywordTypes[word];
|
|
|
return this.finishToken(type, word)
|
|
|
};
|
|
|
|
|
|
// The main exported interface (under `self.acorn` when in the
|
|
|
// browser) is a `parse` function that takes a code string and
|
|
|
// returns an abstract syntax tree as specified by [Mozilla parser
|
|
|
// API][api].
|
|
|
//
|
|
|
// [api]: https://developer.mozilla.org/en-US/docs/SpiderMonkey/Parser_API
|
|
|
|
|
|
function parse$1(input, options) {
|
|
|
return new Parser(options, input).parse()
|
|
|
}
|
|
|
|
|
|
// This function tries to parse a single expression at a given
|
|
|
// offset in a string. Useful for parsing mixed-language formats
|
|
|
// that embed JavaScript expressions.
|
|
|
|
|
|
function parseExpressionAt(input, pos, options) {
|
|
|
var p = new Parser(options, input, pos);
|
|
|
p.nextToken();
|
|
|
return p.parseExpression()
|
|
|
}
|
|
|
|
|
|
// Acorn is organized as a tokenizer and a recursive-descent parser.
|
|
|
// The `tokenizer` export provides an interface to the tokenizer.
|
|
|
|
|
|
function tokenizer(input, options) {
|
|
|
return new Parser(options, input)
|
|
|
}
|
|
|
|
|
|
function readExpression ( parser ) {
|
|
|
try {
|
|
|
const node = parseExpressionAt( parser.template, parser.index );
|
|
|
parser.index = node.end;
|
|
|
|
|
|
// TODO check it's a valid expression. probably shouldn't have
|
|
|
// [arrow] function expressions, etc
|
|
|
|
|
|
return node;
|
|
|
} catch ( err ) {
|
|
|
parser.acornError( err );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function spaces ( i ) {
|
|
|
let result = '';
|
|
|
while ( i-- ) result += ' ';
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
function readScript ( parser, start, attributes ) {
|
|
|
const scriptStart = parser.index;
|
|
|
let scriptEnd = null;
|
|
|
|
|
|
for ( const token of tokenizer( parser.remaining() ) ) {
|
|
|
parser.index = scriptStart + token.end;
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
scriptEnd = parser.index;
|
|
|
|
|
|
if ( parser.eat( '/script>' ) ) {
|
|
|
// this happens with trailing comments!
|
|
|
scriptEnd -= 1;
|
|
|
break;
|
|
|
}
|
|
|
|
|
|
if ( parser.eat( '</script>' ) ) {
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const source = spaces( scriptStart ) + parser.template.slice( scriptStart, scriptEnd );
|
|
|
|
|
|
let ast;
|
|
|
|
|
|
try {
|
|
|
ast = parse$1( source, {
|
|
|
ecmaVersion: 8,
|
|
|
sourceType: 'module'
|
|
|
});
|
|
|
} catch ( err ) {
|
|
|
parser.acornError( err );
|
|
|
}
|
|
|
|
|
|
if ( !ast.body.length ) return null;
|
|
|
|
|
|
ast.start = scriptStart;
|
|
|
|
|
|
return {
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
attributes,
|
|
|
content: ast
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function readStyle ( parser, start, attributes ) {
|
|
|
const contentStart = parser.index;
|
|
|
const styles = parser.readUntil( /<\/style>/ );
|
|
|
const contentEnd = parser.index;
|
|
|
|
|
|
parser.eat( '</style>', true );
|
|
|
const end = parser.index;
|
|
|
|
|
|
return {
|
|
|
start,
|
|
|
end,
|
|
|
attributes,
|
|
|
content: {
|
|
|
start: contentStart,
|
|
|
end: contentEnd,
|
|
|
styles
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function readEventHandlerDirective ( parser, start, name ) {
|
|
|
const quoteMark = (
|
|
|
parser.eat( `'` ) ? `'` :
|
|
|
parser.eat( `"` ) ? `"` :
|
|
|
null
|
|
|
);
|
|
|
|
|
|
const expressionStart = parser.index;
|
|
|
let end = null;
|
|
|
|
|
|
let depth = 0;
|
|
|
for ( const token of tokenizer( parser.remaining() ) ) {
|
|
|
if ( token.type === tt.parenL ) depth += 1;
|
|
|
if ( token.type === tt.parenR ) {
|
|
|
depth -= 1;
|
|
|
if ( depth === 0 ) {
|
|
|
end = expressionStart + token.end;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const expression = parseExpressionAt( parser.template.slice( 0, end ), expressionStart );
|
|
|
parser.index = expression.end;
|
|
|
|
|
|
if ( expression.type !== 'CallExpression' ) {
|
|
|
parser.error( `Expected call expression`, expressionStart );
|
|
|
}
|
|
|
|
|
|
if ( quoteMark ) {
|
|
|
parser.eat( quoteMark, true );
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'EventHandler',
|
|
|
name,
|
|
|
expression
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function readBindingDirective ( parser, start, name ) {
|
|
|
let value = name; // shorthand – bind:foo equivalent to bind:foo='foo'
|
|
|
|
|
|
if ( parser.eat( '=' ) ) {
|
|
|
const quoteMark = (
|
|
|
parser.eat( `'` ) ? `'` :
|
|
|
parser.eat( `"` ) ? `"` :
|
|
|
null
|
|
|
);
|
|
|
|
|
|
value = parser.read( /([a-zA-Z_$][a-zA-Z0-9_$]*)(\.[a-zA-Z_$][a-zA-Z0-9_$]*)*/ );
|
|
|
if ( !value ) parser.error( `Expected valid property name` );
|
|
|
|
|
|
if ( quoteMark ) {
|
|
|
parser.eat( quoteMark, true );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'Binding',
|
|
|
name,
|
|
|
value
|
|
|
};
|
|
|
}
|
|
|
|
|
|
const whitespace = /\s/;
|
|
|
|
|
|
function trimStart ( str ) {
|
|
|
let i = 0;
|
|
|
while ( whitespace.test( str[i] ) ) i += 1;
|
|
|
|
|
|
return str.slice( i );
|
|
|
}
|
|
|
|
|
|
function trimEnd ( str ) {
|
|
|
let i = str.length;
|
|
|
while ( whitespace.test( str[ i - 1 ] ) ) i -= 1;
|
|
|
|
|
|
return str.slice( 0, i );
|
|
|
}
|
|
|
|
|
|
// borrowed from Ractive – https://github.com/ractivejs/ractive/blob/faf93cbd33c3fedfd8d6dd48340990540bde4a94/src/utils/html.js
|
|
|
const htmlEntities = { quot: 34, amp: 38, apos: 39, lt: 60, gt: 62, nbsp: 160, iexcl: 161, cent: 162, pound: 163, curren: 164, yen: 165, brvbar: 166, sect: 167, uml: 168, copy: 169, ordf: 170, laquo: 171, not: 172, shy: 173, reg: 174, macr: 175, deg: 176, plusmn: 177, sup2: 178, sup3: 179, acute: 180, micro: 181, para: 182, middot: 183, cedil: 184, sup1: 185, ordm: 186, raquo: 187, frac14: 188, frac12: 189, frac34: 190, iquest: 191, Agrave: 192, Aacute: 193, Acirc: 194, Atilde: 195, Auml: 196, Aring: 197, AElig: 198, Ccedil: 199, Egrave: 200, Eacute: 201, Ecirc: 202, Euml: 203, Igrave: 204, Iacute: 205, Icirc: 206, Iuml: 207, ETH: 208, Ntilde: 209, Ograve: 210, Oacute: 211, Ocirc: 212, Otilde: 213, Ouml: 214, times: 215, Oslash: 216, Ugrave: 217, Uacute: 218, Ucirc: 219, Uuml: 220, Yacute: 221, THORN: 222, szlig: 223, agrave: 224, aacute: 225, acirc: 226, atilde: 227, auml: 228, aring: 229, aelig: 230, ccedil: 231, egrave: 232, eacute: 233, ecirc: 234, euml: 235, igrave: 236, iacute: 237, icirc: 238, iuml: 239, eth: 240, ntilde: 241, ograve: 242, oacute: 243, ocirc: 244, otilde: 245, ouml: 246, divide: 247, oslash: 248, ugrave: 249, uacute: 250, ucirc: 251, uuml: 252, yacute: 253, thorn: 254, yuml: 255, OElig: 338, oelig: 339, Scaron: 352, scaron: 353, Yuml: 376, fnof: 402, circ: 710, tilde: 732, Alpha: 913, Beta: 914, Gamma: 915, Delta: 916, Epsilon: 917, Zeta: 918, Eta: 919, Theta: 920, Iota: 921, Kappa: 922, Lambda: 923, Mu: 924, Nu: 925, Xi: 926, Omicron: 927, Pi: 928, Rho: 929, Sigma: 931, Tau: 932, Upsilon: 933, Phi: 934, Chi: 935, Psi: 936, Omega: 937, alpha: 945, beta: 946, gamma: 947, delta: 948, epsilon: 949, zeta: 950, eta: 951, theta: 952, iota: 953, kappa: 954, lambda: 955, mu: 956, nu: 957, xi: 958, omicron: 959, pi: 960, rho: 961, sigmaf: 962, sigma: 963, tau: 964, upsilon: 965, phi: 966, chi: 967, psi: 968, omega: 969, thetasym: 977, upsih: 978, piv: 982, ensp: 8194, emsp: 8195, thinsp: 8201, zwnj: 8204, zwj: 8205, lrm: 8206, rlm: 8207, ndash: 8211, mdash: 8212, lsquo: 8216, rsquo: 8217, sbquo: 8218, ldquo: 8220, rdquo: 8221, bdquo: 8222, dagger: 8224, Dagger: 8225, bull: 8226, hellip: 8230, permil: 8240, prime: 8242, Prime: 8243, lsaquo: 8249, rsaquo: 8250, oline: 8254, frasl: 8260, euro: 8364, image: 8465, weierp: 8472, real: 8476, trade: 8482, alefsym: 8501, larr: 8592, uarr: 8593, rarr: 8594, darr: 8595, harr: 8596, crarr: 8629, lArr: 8656, uArr: 8657, rArr: 8658, dArr: 8659, hArr: 8660, forall: 8704, part: 8706, exist: 8707, empty: 8709, nabla: 8711, isin: 8712, notin: 8713, ni: 8715, prod: 8719, sum: 8721, minus: 8722, lowast: 8727, radic: 8730, prop: 8733, infin: 8734, ang: 8736, and: 8743, or: 8744, cap: 8745, cup: 8746, int: 8747, there4: 8756, sim: 8764, cong: 8773, asymp: 8776, ne: 8800, equiv: 8801, le: 8804, ge: 8805, sub: 8834, sup: 8835, nsub: 8836, sube: 8838, supe: 8839, oplus: 8853, otimes: 8855, perp: 8869, sdot: 8901, lceil: 8968, rceil: 8969, lfloor: 8970, rfloor: 8971, lang: 9001, rang: 9002, loz: 9674, spades: 9824, clubs: 9827, hearts: 9829, diams: 9830 };
|
|
|
const controlCharacters = [ 8364, 129, 8218, 402, 8222, 8230, 8224, 8225, 710, 8240, 352, 8249, 338, 141, 381, 143, 144, 8216, 8217, 8220, 8221, 8226, 8211, 8212, 732, 8482, 353, 8250, 339, 157, 382, 376 ];
|
|
|
const entityPattern = new RegExp( '&(#?(?:x[\\w\\d]+|\\d+|' + Object.keys( htmlEntities ).join( '|' ) + '));?', 'g' );
|
|
|
|
|
|
function decodeCharacterReferences ( html ) {
|
|
|
return html.replace( entityPattern, ( match, entity ) => {
|
|
|
let code;
|
|
|
|
|
|
// Handle named entities
|
|
|
if ( entity[0] !== '#' ) {
|
|
|
code = htmlEntities[ entity ];
|
|
|
} else if ( entity[1] === 'x' ) {
|
|
|
code = parseInt( entity.substring( 2 ), 16 );
|
|
|
} else {
|
|
|
code = parseInt( entity.substring( 1 ), 10 );
|
|
|
}
|
|
|
|
|
|
if ( !code ) {
|
|
|
return match;
|
|
|
}
|
|
|
|
|
|
return String.fromCodePoint( validateCode( code ) );
|
|
|
});
|
|
|
}
|
|
|
const invalid = 65533;
|
|
|
|
|
|
// some code points are verboten. If we were inserting HTML, the browser would replace the illegal
|
|
|
// code points with alternatives in some cases - since we're bypassing that mechanism, we need
|
|
|
// to replace them ourselves
|
|
|
//
|
|
|
// Source: http://en.wikipedia.org/wiki/Character_encodings_in_HTML#Illegal_characters
|
|
|
function validateCode ( code ) {
|
|
|
if ( !code ) {
|
|
|
return invalid;
|
|
|
}
|
|
|
|
|
|
// line feed becomes generic whitespace
|
|
|
if ( code === 10 ) {
|
|
|
return 32;
|
|
|
}
|
|
|
|
|
|
// ASCII range. (Why someone would use HTML entities for ASCII characters I don't know, but...)
|
|
|
if ( code < 128 ) {
|
|
|
return code;
|
|
|
}
|
|
|
|
|
|
// code points 128-159 are dealt with leniently by browsers, but they're incorrect. We need
|
|
|
// to correct the mistake or we'll end up with missing € signs and so on
|
|
|
if ( code <= 159 ) {
|
|
|
return controlCharacters[ code - 128 ];
|
|
|
}
|
|
|
|
|
|
// basic multilingual plane
|
|
|
if ( code < 55296 ) {
|
|
|
return code;
|
|
|
}
|
|
|
|
|
|
// UTF-16 surrogate halves
|
|
|
if ( code <= 57343 ) {
|
|
|
return invalid;
|
|
|
}
|
|
|
|
|
|
// rest of the basic multilingual plane
|
|
|
if ( code <= 65535 ) {
|
|
|
return code;
|
|
|
}
|
|
|
|
|
|
// supplementary multilingual plane 0x10000 - 0x1ffff
|
|
|
if ( code >= 65536 && code <= 131071 ) {
|
|
|
return code;
|
|
|
}
|
|
|
|
|
|
// supplementary ideographic plane 0x20000 - 0x2ffff
|
|
|
if ( code >= 131072 && code <= 196607 ) {
|
|
|
return code;
|
|
|
}
|
|
|
|
|
|
return invalid;
|
|
|
}
|
|
|
|
|
|
const validTagName = /^[a-zA-Z]{1,}:?[a-zA-Z0-9\-]*/;
|
|
|
const voidElementNames = /^(?:area|base|br|col|command|doctype|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/;
|
|
|
const invalidUnquotedAttributeCharacters = /[\s"'=<>\/`]/;
|
|
|
|
|
|
const specials = {
|
|
|
script: {
|
|
|
read: readScript,
|
|
|
property: 'js'
|
|
|
},
|
|
|
|
|
|
style: {
|
|
|
read: readStyle,
|
|
|
property: 'css'
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function tag ( parser ) {
|
|
|
const start = parser.index++;
|
|
|
|
|
|
if ( parser.eat( '!--' ) ) {
|
|
|
const data = parser.readUntil( /-->/ );
|
|
|
parser.eat( '-->' );
|
|
|
|
|
|
parser.current().children.push({
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'Comment',
|
|
|
data
|
|
|
});
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
const isClosingTag = parser.eat( '/' );
|
|
|
|
|
|
// TODO handle cases like <li>one<li>two
|
|
|
|
|
|
const name = readTagName( parser );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
if ( isClosingTag ) {
|
|
|
if ( !parser.eat( '>' ) ) parser.error( `Expected '>'` );
|
|
|
|
|
|
const element = parser.current();
|
|
|
|
|
|
// strip leading/trailing whitespace as necessary
|
|
|
if ( element.children.length ) {
|
|
|
const firstChild = element.children[0];
|
|
|
const lastChild = element.children[ element.children.length - 1 ];
|
|
|
|
|
|
if ( firstChild.type === 'Text' ) {
|
|
|
firstChild.data = trimStart( firstChild.data );
|
|
|
if ( !firstChild.data ) element.children.shift();
|
|
|
}
|
|
|
|
|
|
if ( lastChild.type === 'Text' ) {
|
|
|
lastChild.data = trimEnd( lastChild.data );
|
|
|
if ( !lastChild.data ) element.children.pop();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
element.end = parser.index;
|
|
|
parser.stack.pop();
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
const attributes = [];
|
|
|
const uniqueNames = new Set();
|
|
|
|
|
|
let attribute;
|
|
|
while ( attribute = readAttribute( parser, uniqueNames ) ) {
|
|
|
attributes.push( attribute );
|
|
|
parser.allowWhitespace();
|
|
|
}
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
// special cases – <script> and <style>
|
|
|
if ( name in specials ) {
|
|
|
const special = specials[ name ];
|
|
|
|
|
|
if ( parser[ special.property ] ) {
|
|
|
parser.index = start;
|
|
|
parser.error( `You can only have one <${name}> tag per component` );
|
|
|
}
|
|
|
|
|
|
parser.eat( '>', true );
|
|
|
parser[ special.property ] = special.read( parser, start, attributes );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
const element = {
|
|
|
start,
|
|
|
end: null, // filled in later
|
|
|
type: 'Element',
|
|
|
name,
|
|
|
attributes,
|
|
|
children: []
|
|
|
};
|
|
|
|
|
|
parser.current().children.push( element );
|
|
|
|
|
|
const selfClosing = parser.eat( '/' ) || voidElementNames.test( name );
|
|
|
|
|
|
parser.eat( '>', true );
|
|
|
|
|
|
if ( selfClosing ) {
|
|
|
element.end = parser.index;
|
|
|
} else {
|
|
|
// don't push self-closing elements onto the stack
|
|
|
parser.stack.push( element );
|
|
|
}
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
function readTagName ( parser ) {
|
|
|
const start = parser.index;
|
|
|
|
|
|
const name = parser.readUntil( /(\s|\/|>)/ );
|
|
|
if ( !validTagName.test( name ) ) {
|
|
|
parser.error( `Expected valid tag name`, start );
|
|
|
}
|
|
|
|
|
|
return name;
|
|
|
}
|
|
|
|
|
|
function readAttribute ( parser, uniqueNames ) {
|
|
|
const start = parser.index;
|
|
|
|
|
|
const name = parser.readUntil( /(\s|=|\/|>)/ );
|
|
|
if ( !name ) return null;
|
|
|
if ( uniqueNames.has( name ) ) {
|
|
|
parser.error( 'Attributes need to be unique', start );
|
|
|
}
|
|
|
|
|
|
uniqueNames.add( name );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
if ( /^on:/.test( name ) ) {
|
|
|
parser.eat( '=', true );
|
|
|
return readEventHandlerDirective( parser, start, name.slice( 3 ) );
|
|
|
}
|
|
|
|
|
|
if ( /^bind:/.test( name ) ) {
|
|
|
return readBindingDirective( parser, start, name.slice( 5 ) );
|
|
|
}
|
|
|
|
|
|
if ( /^ref:/.test( name ) ) {
|
|
|
return {
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'Ref',
|
|
|
name: name.slice( 4 )
|
|
|
};
|
|
|
}
|
|
|
|
|
|
const value = parser.eat( '=' ) ? readAttributeValue( parser ) : true;
|
|
|
|
|
|
return {
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'Attribute',
|
|
|
name,
|
|
|
value
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function readAttributeValue ( parser ) {
|
|
|
let quoteMark;
|
|
|
|
|
|
if ( parser.eat( `'` ) ) quoteMark = `'`;
|
|
|
if ( parser.eat( `"` ) ) quoteMark = `"`;
|
|
|
|
|
|
let currentChunk = {
|
|
|
start: parser.index,
|
|
|
end: null,
|
|
|
type: 'Text',
|
|
|
data: ''
|
|
|
};
|
|
|
|
|
|
const done = quoteMark ?
|
|
|
char => char === quoteMark :
|
|
|
char => invalidUnquotedAttributeCharacters.test( char );
|
|
|
|
|
|
const chunks = [];
|
|
|
|
|
|
while ( parser.index < parser.template.length ) {
|
|
|
const index = parser.index;
|
|
|
|
|
|
if ( parser.eat( '{{' ) ) {
|
|
|
if ( currentChunk.data ) {
|
|
|
currentChunk.end = index;
|
|
|
chunks.push( currentChunk );
|
|
|
}
|
|
|
|
|
|
const expression = readExpression( parser );
|
|
|
parser.allowWhitespace();
|
|
|
if ( !parser.eat( '}}' ) ) {
|
|
|
parser.error( `Expected }}` );
|
|
|
}
|
|
|
|
|
|
chunks.push({
|
|
|
start: index,
|
|
|
end: parser.index,
|
|
|
type: 'MustacheTag',
|
|
|
expression
|
|
|
});
|
|
|
|
|
|
currentChunk = {
|
|
|
start: parser.index,
|
|
|
end: null,
|
|
|
type: 'Text',
|
|
|
data: ''
|
|
|
};
|
|
|
}
|
|
|
|
|
|
else if ( done( parser.template[ parser.index ] ) ) {
|
|
|
currentChunk.end = parser.index;
|
|
|
if ( quoteMark ) parser.index += 1;
|
|
|
|
|
|
if ( currentChunk.data ) chunks.push( currentChunk );
|
|
|
|
|
|
chunks.forEach( chunk => {
|
|
|
if ( chunk.type === 'Text' ) chunk.data = decodeCharacterReferences( chunk.data );
|
|
|
});
|
|
|
|
|
|
return chunks;
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
currentChunk.data += parser.template[ parser.index++ ];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
parser.error( `Unexpected end of input` );
|
|
|
}
|
|
|
|
|
|
const validIdentifier = /[a-zA-Z_$][a-zA-Z0-9_$]*/;
|
|
|
|
|
|
function trimWhitespace ( block, trimBefore, trimAfter ) {
|
|
|
const firstChild = block.children[0];
|
|
|
const lastChild = block.children[ block.children.length - 1 ];
|
|
|
|
|
|
if ( firstChild.type === 'Text' && trimBefore ) {
|
|
|
firstChild.data = trimStart( firstChild.data );
|
|
|
if ( !firstChild.data ) block.children.shift();
|
|
|
}
|
|
|
|
|
|
if ( lastChild.type === 'Text' && trimAfter ) {
|
|
|
lastChild.data = trimEnd( lastChild.data );
|
|
|
if ( !lastChild.data ) block.children.pop();
|
|
|
}
|
|
|
|
|
|
if ( block.else ) {
|
|
|
trimWhitespace( block.else, trimBefore, trimAfter );
|
|
|
}
|
|
|
|
|
|
if ( firstChild.elseif ) {
|
|
|
trimWhitespace( firstChild, trimBefore, trimAfter );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function mustache ( parser ) {
|
|
|
const start = parser.index;
|
|
|
parser.index += 2;
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
// {{/if}} or {{/each}}
|
|
|
if ( parser.eat( '/' ) ) {
|
|
|
let block = parser.current();
|
|
|
let expected;
|
|
|
|
|
|
if ( block.type === 'ElseBlock' ) {
|
|
|
block.end = start;
|
|
|
parser.stack.pop();
|
|
|
block = parser.current();
|
|
|
}
|
|
|
|
|
|
if ( block.type === 'IfBlock' ) {
|
|
|
expected = 'if';
|
|
|
} else if ( block.type === 'EachBlock' ) {
|
|
|
expected = 'each';
|
|
|
} else {
|
|
|
parser.error( `Unexpected block closing tag` );
|
|
|
}
|
|
|
|
|
|
parser.eat( expected, true );
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
while ( block.elseif ) {
|
|
|
block.end = parser.index;
|
|
|
parser.stack.pop();
|
|
|
block = parser.current();
|
|
|
|
|
|
if ( block.else ) {
|
|
|
block.else.end = start;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// strip leading/trailing whitespace as necessary
|
|
|
if ( !block.children.length ) parser.error( `Empty block`, block.start );
|
|
|
|
|
|
const charBefore = parser.template[ block.start - 1 ];
|
|
|
const charAfter = parser.template[ parser.index ];
|
|
|
const trimBefore = !charBefore || whitespace.test( charBefore );
|
|
|
const trimAfter = !charAfter || whitespace.test( charAfter );
|
|
|
|
|
|
trimWhitespace( block, trimBefore, trimAfter );
|
|
|
|
|
|
block.end = parser.index;
|
|
|
parser.stack.pop();
|
|
|
}
|
|
|
|
|
|
else if ( parser.eat( 'elseif' ) ) {
|
|
|
const block = parser.current();
|
|
|
if ( block.type !== 'IfBlock' ) parser.error( 'Cannot have an {{elseif ...}} block outside an {{#if ...}} block' );
|
|
|
|
|
|
parser.requireWhitespace();
|
|
|
|
|
|
const expression = readExpression( parser );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
block.else = {
|
|
|
start: parser.index,
|
|
|
end: null,
|
|
|
type: 'ElseBlock',
|
|
|
children: [
|
|
|
{
|
|
|
start: parser.index,
|
|
|
end: null,
|
|
|
type: 'IfBlock',
|
|
|
elseif: true,
|
|
|
expression,
|
|
|
children: []
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
parser.stack.push( block.else.children[0] );
|
|
|
}
|
|
|
|
|
|
else if ( parser.eat( 'else' ) ) {
|
|
|
const block = parser.current();
|
|
|
if ( block.type !== 'IfBlock' && block.type !== 'EachBlock' ) {
|
|
|
parser.error( 'Cannot have an {{else}} block outside an {{#if ...}} or {{#each ...}} block' );
|
|
|
}
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
block.else = {
|
|
|
start: parser.index,
|
|
|
end: null,
|
|
|
type: 'ElseBlock',
|
|
|
children: []
|
|
|
};
|
|
|
|
|
|
parser.stack.push( block.else );
|
|
|
}
|
|
|
|
|
|
// {{#if foo}} or {{#each foo}}
|
|
|
else if ( parser.eat( '#' ) ) {
|
|
|
let type;
|
|
|
|
|
|
if ( parser.eat( 'if' ) ) {
|
|
|
type = 'IfBlock';
|
|
|
} else if ( parser.eat( 'each' ) ) {
|
|
|
type = 'EachBlock';
|
|
|
} else {
|
|
|
parser.error( `Expected if or each` );
|
|
|
}
|
|
|
|
|
|
parser.requireWhitespace();
|
|
|
|
|
|
const expression = readExpression( parser );
|
|
|
|
|
|
const block = {
|
|
|
start,
|
|
|
end: null,
|
|
|
type,
|
|
|
expression,
|
|
|
children: []
|
|
|
};
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
// {{#each}} blocks must declare a context – {{#each list as item}}
|
|
|
if ( type === 'EachBlock' ) {
|
|
|
parser.eat( 'as', true );
|
|
|
parser.requireWhitespace();
|
|
|
|
|
|
block.context = parser.read( validIdentifier ); // TODO check it's not a keyword
|
|
|
if ( !block.context ) parser.error( `Expected name` );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
|
|
|
if ( parser.eat( ',' ) ) {
|
|
|
parser.allowWhitespace();
|
|
|
block.index = parser.read( validIdentifier );
|
|
|
if ( !block.index ) parser.error( `Expected name` );
|
|
|
parser.allowWhitespace();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
parser.current().children.push( block );
|
|
|
parser.stack.push( block );
|
|
|
}
|
|
|
|
|
|
// {{yield}}
|
|
|
else if ( parser.eat( 'yield' ) ) {
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
parser.current().children.push({
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'YieldTag'
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// {{{raw}}} mustache
|
|
|
else if ( parser.eat( '{' ) ) {
|
|
|
const expression = readExpression( parser );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}}', true );
|
|
|
|
|
|
parser.current().children.push({
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'RawMustacheTag',
|
|
|
expression
|
|
|
});
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
const expression = readExpression( parser );
|
|
|
|
|
|
parser.allowWhitespace();
|
|
|
parser.eat( '}}', true );
|
|
|
|
|
|
parser.current().children.push({
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'MustacheTag',
|
|
|
expression
|
|
|
});
|
|
|
}
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
function text ( parser ) {
|
|
|
const start = parser.index;
|
|
|
|
|
|
let data = '';
|
|
|
|
|
|
while ( parser.index < parser.template.length && !parser.match( '<' ) && !parser.match( '{{' ) ) {
|
|
|
data += parser.template[ parser.index++ ];
|
|
|
}
|
|
|
|
|
|
parser.current().children.push({
|
|
|
start,
|
|
|
end: parser.index,
|
|
|
type: 'Text',
|
|
|
data: decodeCharacterReferences( data )
|
|
|
});
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
function fragment ( parser ) {
|
|
|
if ( parser.match( '<' ) ) {
|
|
|
return tag;
|
|
|
}
|
|
|
|
|
|
if ( parser.match( '{{' ) ) {
|
|
|
return mustache;
|
|
|
}
|
|
|
|
|
|
return text;
|
|
|
}
|
|
|
|
|
|
function tabsToSpaces ( str ) {
|
|
|
return str.replace( /^\t+/, match => match.split( '\t' ).join( ' ' ) );
|
|
|
}
|
|
|
|
|
|
function getCodeFrame ( source, line, column ) {
|
|
|
const lines = source.split( '\n' );
|
|
|
|
|
|
const frameStart = Math.max( 0, line - 2 );
|
|
|
const frameEnd = Math.min( line + 3, lines.length );
|
|
|
|
|
|
const digits = String( frameEnd + 1 ).length;
|
|
|
|
|
|
return lines
|
|
|
.slice( frameStart, frameEnd )
|
|
|
.map( ( str, i ) => {
|
|
|
const isErrorLine = frameStart + i === line;
|
|
|
|
|
|
let lineNum = String( i + frameStart + 1 );
|
|
|
while ( lineNum.length < digits ) lineNum = ` ${lineNum}`;
|
|
|
|
|
|
if ( isErrorLine ) {
|
|
|
const indicator = spaces( digits + 2 + tabsToSpaces( str.slice( 0, column ) ).length ) + '^';
|
|
|
return `${lineNum}: ${tabsToSpaces( str )}\n${indicator}`;
|
|
|
}
|
|
|
|
|
|
return `${lineNum}: ${tabsToSpaces( str )}`;
|
|
|
})
|
|
|
.join( '\n' );
|
|
|
}
|
|
|
|
|
|
// https://github.com/darkskyapp/string-hash/blob/master/index.js
|
|
|
function hash ( str ) {
|
|
|
let hash = 5381;
|
|
|
let i = str.length;
|
|
|
|
|
|
while ( i-- ) hash = ( hash * 33 ) ^ str.charCodeAt( i );
|
|
|
return hash >>> 0;
|
|
|
}
|
|
|
|
|
|
function ParseError ( message, template, index ) {
|
|
|
const { line, column } = locate( template, index );
|
|
|
|
|
|
this.name = 'ParseError';
|
|
|
this.message = message;
|
|
|
this.frame = getCodeFrame( template, line, column );
|
|
|
|
|
|
this.loc = { line: line + 1, column };
|
|
|
this.pos = index;
|
|
|
}
|
|
|
|
|
|
ParseError.prototype.toString = function () {
|
|
|
return `${this.message} (${this.loc.line}:${this.loc.column})\n${this.frame}`;
|
|
|
};
|
|
|
|
|
|
function parse ( template ) {
|
|
|
if ( typeof template !== 'string' ) {
|
|
|
throw new TypeError( 'Template must be a string' );
|
|
|
}
|
|
|
|
|
|
const parser = {
|
|
|
index: 0,
|
|
|
template,
|
|
|
stack: [],
|
|
|
|
|
|
current () {
|
|
|
return this.stack[ this.stack.length - 1 ];
|
|
|
},
|
|
|
|
|
|
acornError ( err ) {
|
|
|
parser.error( err.message.replace( / \(\d+:\d+\)$/, '' ), err.pos );
|
|
|
},
|
|
|
|
|
|
error ( message, index = this.index ) {
|
|
|
throw new ParseError( message, this.template, index );
|
|
|
},
|
|
|
|
|
|
eat ( str, required ) {
|
|
|
if ( this.match( str ) ) {
|
|
|
this.index += str.length;
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
if ( required ) {
|
|
|
this.error( `Expected ${str}` );
|
|
|
}
|
|
|
},
|
|
|
|
|
|
match ( str ) {
|
|
|
return this.template.slice( this.index, this.index + str.length ) === str;
|
|
|
},
|
|
|
|
|
|
allowWhitespace () {
|
|
|
while ( this.index < this.template.length && whitespace.test( this.template[ this.index ] ) ) {
|
|
|
this.index++;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
read ( pattern ) {
|
|
|
const match = pattern.exec( this.template.slice( this.index ) );
|
|
|
if ( !match || match.index !== 0 ) return null;
|
|
|
|
|
|
parser.index += match[0].length;
|
|
|
|
|
|
return match[0];
|
|
|
},
|
|
|
|
|
|
readUntil ( pattern ) {
|
|
|
if ( this.index >= this.template.length ) parser.error( 'Unexpected end of input' );
|
|
|
|
|
|
const start = this.index;
|
|
|
const match = pattern.exec( this.template.slice( start ) );
|
|
|
|
|
|
if ( match ) {
|
|
|
const start = this.index;
|
|
|
this.index = start + match.index;
|
|
|
return this.template.slice( start, this.index );
|
|
|
}
|
|
|
|
|
|
this.index = this.template.length;
|
|
|
return this.template.slice( start );
|
|
|
},
|
|
|
|
|
|
remaining () {
|
|
|
return this.template.slice( this.index );
|
|
|
},
|
|
|
|
|
|
requireWhitespace () {
|
|
|
if ( !whitespace.test( this.template[ this.index ] ) ) {
|
|
|
this.error( `Expected whitespace` );
|
|
|
}
|
|
|
|
|
|
this.allowWhitespace();
|
|
|
},
|
|
|
|
|
|
html: {
|
|
|
start: null,
|
|
|
end: null,
|
|
|
type: 'Fragment',
|
|
|
children: []
|
|
|
},
|
|
|
|
|
|
css: null,
|
|
|
|
|
|
js: null
|
|
|
};
|
|
|
|
|
|
parser.stack.push( parser.html );
|
|
|
|
|
|
let state = fragment;
|
|
|
|
|
|
while ( parser.index < parser.template.length ) {
|
|
|
state = state( parser ) || fragment;
|
|
|
}
|
|
|
|
|
|
if ( state !== fragment || parser.stack.length > 1 ) {
|
|
|
parser.error( 'Unexpected end of input' );
|
|
|
}
|
|
|
|
|
|
// trim unnecessary whitespace
|
|
|
while ( parser.html.children.length ) {
|
|
|
const firstChild = parser.html.children[0];
|
|
|
parser.html.start = firstChild.start;
|
|
|
|
|
|
if ( firstChild.type !== 'Text' ) break;
|
|
|
|
|
|
const length = firstChild.data.length;
|
|
|
firstChild.data = trimStart( firstChild.data );
|
|
|
|
|
|
if ( firstChild.data === '' ) {
|
|
|
parser.html.children.shift();
|
|
|
} else {
|
|
|
parser.html.start += length - firstChild.data.length;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
while ( parser.html.children.length ) {
|
|
|
const lastChild = parser.html.children[ parser.html.children.length - 1 ];
|
|
|
parser.html.end = lastChild.end;
|
|
|
|
|
|
if ( lastChild.type !== 'Text' ) break;
|
|
|
|
|
|
const length = lastChild.data.length;
|
|
|
lastChild.data = trimEnd( lastChild.data );
|
|
|
|
|
|
if ( lastChild.data === '' ) {
|
|
|
parser.html.children.pop();
|
|
|
} else {
|
|
|
parser.html.end -= length - lastChild.data.length;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
hash: hash( template ),
|
|
|
html: parser.html,
|
|
|
css: parser.css,
|
|
|
js: parser.js
|
|
|
};
|
|
|
}
|
|
|
|
|
|
const disallowed = {
|
|
|
Literal: true,
|
|
|
ObjectExpression: true,
|
|
|
ArrayExpression: true
|
|
|
};
|
|
|
|
|
|
function data ( validator, prop ) {
|
|
|
while ( prop.type === 'ParenthesizedExpression' ) prop = prop.expression;
|
|
|
|
|
|
// TODO should we disallow references and expressions as well?
|
|
|
|
|
|
if ( disallowed[ prop.value.type ] ) {
|
|
|
validator.error( `'data' must be a function`, prop.value.start );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function checkForDupes ( validator, properties ) {
|
|
|
const seen = Object.create( null );
|
|
|
|
|
|
properties.forEach( prop => {
|
|
|
if ( seen[ prop.key.name ] ) {
|
|
|
validator.error( `Duplicate property '${prop.key.name}'`, prop.start );
|
|
|
}
|
|
|
|
|
|
seen[ prop.key.name ] = true;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function checkForComputedKeys ( validator, properties ) {
|
|
|
properties.forEach( prop => {
|
|
|
if ( prop.key.computed ) {
|
|
|
validator.error( `Cannot use computed keys`, prop.start );
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
const isFunctionExpression = {
|
|
|
FunctionExpression: true,
|
|
|
ArrowFunctionExpression: true
|
|
|
};
|
|
|
|
|
|
function computed ( validator, prop ) {
|
|
|
if ( prop.value.type !== 'ObjectExpression' ) {
|
|
|
validator.error( `The 'computed' property must be an object literal`, prop.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
checkForDupes( validator, prop.value.properties );
|
|
|
checkForComputedKeys( validator, prop.value.properties );
|
|
|
|
|
|
prop.value.properties.forEach( computation => {
|
|
|
if ( !isFunctionExpression[ computation.value.type ] ) {
|
|
|
validator.error( `Computed properties can be function expressions or arrow function expressions`, computation.value.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
const params = computation.value.params;
|
|
|
|
|
|
if ( params.length === 0 ) {
|
|
|
validator.error( `A computed value must depend on at least one property`, computation.value.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
params.forEach( param => {
|
|
|
const valid = param.type === 'Identifier' || param.type === 'AssignmentPattern' && param.left.type === 'Identifier';
|
|
|
|
|
|
if ( !valid ) {
|
|
|
validator.error( `Computed properties cannot use destructuring in function parameters`, param.start );
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function onrender () {
|
|
|
|
|
|
}
|
|
|
|
|
|
function onteardown () {
|
|
|
|
|
|
}
|
|
|
|
|
|
function helpers ( validator, prop ) {
|
|
|
if ( prop.value.type !== 'ObjectExpression' ) {
|
|
|
validator.error( `The 'helpers' property must be an object literal`, prop.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
checkForDupes( validator, prop.value.properties );
|
|
|
checkForComputedKeys( validator, prop.value.properties );
|
|
|
}
|
|
|
|
|
|
const builtin = {
|
|
|
set: true,
|
|
|
get: true,
|
|
|
on: true,
|
|
|
fire: true,
|
|
|
observe: true,
|
|
|
teardown: true
|
|
|
};
|
|
|
|
|
|
function methods ( validator, prop ) {
|
|
|
if ( prop.value.type !== 'ObjectExpression' ) {
|
|
|
validator.error( `The 'methods' property must be an object literal`, prop.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
checkForDupes( validator, prop.value.properties );
|
|
|
checkForComputedKeys( validator, prop.value.properties );
|
|
|
|
|
|
prop.value.properties.forEach( prop => {
|
|
|
if ( builtin[ prop.key.name ] ) {
|
|
|
validator.error( `Cannot overwrite built-in method '${prop.key.name}'` );
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function components ( validator, prop ) {
|
|
|
if ( prop.value.type !== 'ObjectExpression' ) {
|
|
|
validator.error( `The 'components' property must be an object literal`, prop.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
checkForDupes( validator, prop.value.properties );
|
|
|
checkForComputedKeys( validator, prop.value.properties );
|
|
|
|
|
|
prop.value.properties.forEach( component => {
|
|
|
const char = component.key.name[0];
|
|
|
if ( char === char.toLowerCase() ) {
|
|
|
validator.warn( `Component names should be capitalised`, component.start );
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function events ( validator, prop ) {
|
|
|
if ( prop.value.type !== 'ObjectExpression' ) {
|
|
|
validator.error( `The 'events' property must be an object literal`, prop.start );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
checkForDupes( validator, prop.value.properties );
|
|
|
checkForComputedKeys( validator, prop.value.properties );
|
|
|
}
|
|
|
|
|
|
var propValidators = {
|
|
|
data,
|
|
|
computed,
|
|
|
onrender,
|
|
|
onteardown,
|
|
|
helpers,
|
|
|
methods,
|
|
|
components,
|
|
|
events
|
|
|
};
|
|
|
|
|
|
// adapted from https://github.com/Glench/this.js/blob/master/lib/this.js
|
|
|
// BSD Licensed
|
|
|
|
|
|
function FuzzySet (arr, useLevenshtein, gramSizeLower, gramSizeUpper) {
|
|
|
// default options
|
|
|
arr = arr || [];
|
|
|
this.gramSizeLower = gramSizeLower || 2;
|
|
|
this.gramSizeUpper = gramSizeUpper || 3;
|
|
|
this.useLevenshtein = (typeof useLevenshtein !== 'boolean') ? true : useLevenshtein;
|
|
|
|
|
|
// define all the object functions and attributes
|
|
|
this.exactSet = {};
|
|
|
this.matchDict = {};
|
|
|
this.items = {};
|
|
|
|
|
|
// helper functions
|
|
|
function levenshtein ( str1, str2 ) {
|
|
|
const current = [];
|
|
|
let prev;
|
|
|
let value;
|
|
|
|
|
|
for (let i = 0; i <= str2.length; i++) {
|
|
|
for (let j = 0; j <= str1.length; j++) {
|
|
|
if (i && j) {
|
|
|
if (str1.charAt(j - 1) === str2.charAt(i - 1)) {
|
|
|
value = prev;
|
|
|
} else {
|
|
|
value = Math.min(current[j], current[j - 1], prev) + 1;
|
|
|
}
|
|
|
} else {
|
|
|
value = i + j;
|
|
|
}
|
|
|
|
|
|
prev = current[j];
|
|
|
current[j] = value;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return current.pop();
|
|
|
}
|
|
|
|
|
|
// return an edit distance from 0 to 1
|
|
|
function _distance (str1, str2) {
|
|
|
if (str1 === null && str2 === null) throw 'Trying to compare two null values';
|
|
|
if (str1 === null || str2 === null) return 0;
|
|
|
str1 = String(str1); str2 = String(str2);
|
|
|
|
|
|
const distance = levenshtein(str1, str2);
|
|
|
if (str1.length > str2.length) {
|
|
|
return 1 - distance / str1.length;
|
|
|
} else {
|
|
|
return 1 - distance / str2.length;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const _nonWordRe = /[^\w, ]+/;
|
|
|
|
|
|
function _iterateGrams (value, gramSize) {
|
|
|
gramSize = gramSize || 2;
|
|
|
const simplified = '-' + value.toLowerCase().replace(_nonWordRe, '') + '-';
|
|
|
const lenDiff = gramSize - simplified.length;
|
|
|
const results = [];
|
|
|
|
|
|
if (lenDiff > 0) {
|
|
|
for (let i = 0; i < lenDiff; ++i) {
|
|
|
value += '-';
|
|
|
}
|
|
|
}
|
|
|
for (let i = 0; i < simplified.length - gramSize + 1; ++i) {
|
|
|
results.push(simplified.slice(i, i + gramSize));
|
|
|
}
|
|
|
return results;
|
|
|
}
|
|
|
|
|
|
function _gramCounter (value, gramSize) {
|
|
|
// return an object where key=gram, value=number of occurrences
|
|
|
gramSize = gramSize || 2;
|
|
|
const result = {};
|
|
|
const grams = _iterateGrams(value, gramSize);
|
|
|
let i = 0;
|
|
|
|
|
|
for (i; i < grams.length; ++i) {
|
|
|
if (grams[i] in result) {
|
|
|
result[grams[i]] += 1;
|
|
|
} else {
|
|
|
result[grams[i]] = 1;
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
// the main functions
|
|
|
this.get = function (value, defaultValue) {
|
|
|
// check for value in set, returning defaultValue or null if none found
|
|
|
const result = this._get(value);
|
|
|
if (!result && typeof defaultValue !== 'undefined') {
|
|
|
return defaultValue;
|
|
|
}
|
|
|
return result;
|
|
|
};
|
|
|
|
|
|
this._get = function (value) {
|
|
|
const normalizedValue = this._normalizeStr(value);
|
|
|
const result = this.exactSet[normalizedValue];
|
|
|
|
|
|
if (result) {
|
|
|
return [[1, result]];
|
|
|
}
|
|
|
|
|
|
let results = [];
|
|
|
// start with high gram size and if there are no results, go to lower gram sizes
|
|
|
for (let gramSize = this.gramSizeUpper; gramSize >= this.gramSizeLower; --gramSize) {
|
|
|
results = this.__get(value, gramSize);
|
|
|
if (results) {
|
|
|
return results;
|
|
|
}
|
|
|
}
|
|
|
return null;
|
|
|
};
|
|
|
|
|
|
this.__get = function (value, gramSize) {
|
|
|
const normalizedValue = this._normalizeStr(value);
|
|
|
const matches = {};
|
|
|
const gramCounts = _gramCounter(normalizedValue, gramSize);
|
|
|
const items = this.items[gramSize];
|
|
|
let sumOfSquareGramCounts = 0;
|
|
|
let gram;
|
|
|
let gramCount;
|
|
|
let i;
|
|
|
let index;
|
|
|
let otherGramCount;
|
|
|
|
|
|
for (gram in gramCounts) {
|
|
|
gramCount = gramCounts[gram];
|
|
|
sumOfSquareGramCounts += Math.pow(gramCount, 2);
|
|
|
if (gram in this.matchDict) {
|
|
|
for (i = 0; i < this.matchDict[gram].length; ++i) {
|
|
|
index = this.matchDict[gram][i][0];
|
|
|
otherGramCount = this.matchDict[gram][i][1];
|
|
|
if (index in matches) {
|
|
|
matches[index] += gramCount * otherGramCount;
|
|
|
} else {
|
|
|
matches[index] = gramCount * otherGramCount;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function isEmptyObject ( obj ) {
|
|
|
for ( const prop in obj ) {
|
|
|
if ( obj.hasOwnProperty( prop ) )
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
if (isEmptyObject(matches)) {
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
const vectorNormal = Math.sqrt(sumOfSquareGramCounts);
|
|
|
let results = [];
|
|
|
let matchScore;
|
|
|
|
|
|
// build a results list of [score, str]
|
|
|
for (const matchIndex in matches) {
|
|
|
matchScore = matches[matchIndex];
|
|
|
results.push([matchScore / (vectorNormal * items[matchIndex][0]), items[matchIndex][1]]);
|
|
|
}
|
|
|
function sortDescending (a, b) {
|
|
|
if (a[0] < b[0]) {
|
|
|
return 1;
|
|
|
} else if (a[0] > b[0]) {
|
|
|
return -1;
|
|
|
} else {
|
|
|
return 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
results.sort(sortDescending);
|
|
|
if (this.useLevenshtein) {
|
|
|
const newResults = [];
|
|
|
const endIndex = Math.min(50, results.length);
|
|
|
// truncate somewhat arbitrarily to 50
|
|
|
for (let i = 0; i < endIndex; ++i) {
|
|
|
newResults.push([_distance(results[i][1], normalizedValue), results[i][1]]);
|
|
|
}
|
|
|
results = newResults;
|
|
|
results.sort(sortDescending);
|
|
|
}
|
|
|
const newResults = [];
|
|
|
for (let i = 0; i < results.length; ++i) {
|
|
|
if (results[i][0] == results[0][0]) {
|
|
|
newResults.push([results[i][0], this.exactSet[results[i][1]]]);
|
|
|
}
|
|
|
}
|
|
|
return newResults;
|
|
|
};
|
|
|
|
|
|
this.add = function (value) {
|
|
|
const normalizedValue = this._normalizeStr(value);
|
|
|
if (normalizedValue in this.exactSet) {
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
let i = this.gramSizeLower;
|
|
|
for (i; i < this.gramSizeUpper + 1; ++i) {
|
|
|
this._add(value, i);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this._add = function (value, gramSize) {
|
|
|
const normalizedValue = this._normalizeStr(value);
|
|
|
const items = this.items[gramSize] || [];
|
|
|
const index = items.length;
|
|
|
|
|
|
items.push(0);
|
|
|
const gramCounts = _gramCounter(normalizedValue, gramSize);
|
|
|
let sumOfSquareGramCounts = 0;
|
|
|
let gram;
|
|
|
let gramCount;
|
|
|
|
|
|
for (gram in gramCounts) {
|
|
|
gramCount = gramCounts[gram];
|
|
|
sumOfSquareGramCounts += Math.pow(gramCount, 2);
|
|
|
if (gram in this.matchDict) {
|
|
|
this.matchDict[gram].push([index, gramCount]);
|
|
|
} else {
|
|
|
this.matchDict[gram] = [[index, gramCount]];
|
|
|
}
|
|
|
}
|
|
|
const vectorNormal = Math.sqrt(sumOfSquareGramCounts);
|
|
|
items[index] = [vectorNormal, normalizedValue];
|
|
|
this.items[gramSize] = items;
|
|
|
this.exactSet[normalizedValue] = value;
|
|
|
};
|
|
|
|
|
|
this._normalizeStr = function (str) {
|
|
|
if (Object.prototype.toString.call(str) !== '[object String]') throw 'Must use a string as argument to FuzzySet functions';
|
|
|
return str.toLowerCase();
|
|
|
};
|
|
|
|
|
|
// return length of items in set
|
|
|
this.length = function () {
|
|
|
let count = 0;
|
|
|
let prop;
|
|
|
|
|
|
for (prop in this.exactSet) {
|
|
|
if (this.exactSet.hasOwnProperty(prop)) {
|
|
|
count += 1;
|
|
|
}
|
|
|
}
|
|
|
return count;
|
|
|
};
|
|
|
|
|
|
// return is set is empty
|
|
|
this.isEmpty = function () {
|
|
|
for (const prop in this.exactSet) {
|
|
|
if (this.exactSet.hasOwnProperty(prop)) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
return true;
|
|
|
};
|
|
|
|
|
|
// return list of values loaded into set
|
|
|
this.values = function () {
|
|
|
const values = [];
|
|
|
|
|
|
for (const prop in this.exactSet) {
|
|
|
if (this.exactSet.hasOwnProperty(prop)) {
|
|
|
values.push(this.exactSet[prop]);
|
|
|
}
|
|
|
}
|
|
|
return values;
|
|
|
};
|
|
|
|
|
|
|
|
|
// initialization
|
|
|
let i = this.gramSizeLower;
|
|
|
for (i; i < this.gramSizeUpper + 1; ++i) {
|
|
|
this.items[i] = [];
|
|
|
}
|
|
|
// add all the items to the set
|
|
|
for (i = 0; i < arr.length; ++i) {
|
|
|
this.add(arr[i]);
|
|
|
}
|
|
|
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
const validPropList = Object.keys( propValidators );
|
|
|
|
|
|
const fuzzySet = new FuzzySet( validPropList );
|
|
|
|
|
|
function validateJs ( validator, js ) {
|
|
|
js.content.body.forEach( node => {
|
|
|
// check there are no named exports
|
|
|
if ( node.type === 'ExportNamedDeclaration' ) {
|
|
|
validator.error( `A component can only have a default export`, node.start );
|
|
|
}
|
|
|
|
|
|
if ( node.type === 'ExportDefaultDeclaration' ) {
|
|
|
if ( validator.defaultExport ) {
|
|
|
validator.error( `Duplicate default export`, node.start );
|
|
|
}
|
|
|
|
|
|
validator.defaultExport = node;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// ensure all exported props are valid
|
|
|
if ( validator.defaultExport ) {
|
|
|
checkForComputedKeys( validator, validator.defaultExport.declaration.properties );
|
|
|
checkForDupes( validator, validator.defaultExport.declaration.properties );
|
|
|
|
|
|
validator.defaultExport.declaration.properties.forEach( prop => {
|
|
|
validator.templateProperties[ prop.key.value ] = prop;
|
|
|
});
|
|
|
|
|
|
validator.defaultExport.declaration.properties.forEach( prop => {
|
|
|
const propValidator = propValidators[ prop.key.name ];
|
|
|
|
|
|
if ( propValidator ) {
|
|
|
propValidator( validator, prop );
|
|
|
} else {
|
|
|
const matches = fuzzySet.get( prop.key.name );
|
|
|
if ( matches && matches[0] && matches[0][0] > 0.7 ) {
|
|
|
validator.error( `Unexpected property '${prop.key.name}' (did you mean '${matches[0][1]}'?)`, prop.start );
|
|
|
} else if ( /FunctionExpression/.test( prop.value.type ) ) {
|
|
|
validator.error( `Unexpected property '${prop.key.name}' (did you mean to include it in 'methods'?)`, prop.start );
|
|
|
} else {
|
|
|
validator.error( `Unexpected property '${prop.key.name}'`, prop.start );
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function validateHtml ( validator, html ) {
|
|
|
function visit ( node ) {
|
|
|
if ( node.type === 'EachBlock' ) {
|
|
|
if ( !~validator.names.indexOf( node.context ) ) validator.names.push( node.context );
|
|
|
if ( node.index && !~validator.names.indexOf( node.index ) ) validator.names.push( node.index );
|
|
|
}
|
|
|
|
|
|
if ( node.children ) {
|
|
|
node.children.forEach( visit );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
html.children.forEach( visit );
|
|
|
}
|
|
|
|
|
|
function validate ( parsed, source, options ) {
|
|
|
const locator = getLocator( source );
|
|
|
|
|
|
const validator = {
|
|
|
error: ( message, pos ) => {
|
|
|
const { line, column } = locator( pos );
|
|
|
|
|
|
const error = new Error( message );
|
|
|
error.frame = getCodeFrame( source, line, column );
|
|
|
error.loc = { line: line + 1, column };
|
|
|
error.pos = pos;
|
|
|
|
|
|
error.toString = () => `${error.message} (${error.loc.line}:${error.loc.column})\n${error.frame}`;
|
|
|
|
|
|
if ( options.onerror ) {
|
|
|
options.onerror( error );
|
|
|
} else {
|
|
|
throw error;
|
|
|
}
|
|
|
},
|
|
|
|
|
|
warn: ( message, pos ) => {
|
|
|
const { line, column } = locator( pos );
|
|
|
|
|
|
const frame = getCodeFrame( source, line, column );
|
|
|
|
|
|
options.onwarn({
|
|
|
message,
|
|
|
frame,
|
|
|
loc: { line: line + 1, column },
|
|
|
pos,
|
|
|
toString: () => `${message} (${line + 1}:${column})\n${frame}`
|
|
|
});
|
|
|
},
|
|
|
|
|
|
templateProperties: {},
|
|
|
|
|
|
names: []
|
|
|
};
|
|
|
|
|
|
if ( parsed.html ) {
|
|
|
validateHtml( validator, parsed.html );
|
|
|
}
|
|
|
|
|
|
if ( parsed.js ) {
|
|
|
validateJs( validator, parsed.js );
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
names: validator.names
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function walk ( ast, ref) {
|
|
|
var enter = ref.enter;
|
|
|
var leave = ref.leave;
|
|
|
|
|
|
visit( ast, null, enter, leave );
|
|
|
}
|
|
|
|
|
|
var context = {
|
|
|
skip: function () { return context.shouldSkip = true; },
|
|
|
shouldSkip: false
|
|
|
};
|
|
|
|
|
|
var childKeys = {};
|
|
|
|
|
|
var toString = Object.prototype.toString;
|
|
|
|
|
|
function isArray$1 ( thing ) {
|
|
|
return toString.call( thing ) === '[object Array]';
|
|
|
}
|
|
|
|
|
|
function visit ( node, parent, enter, leave, prop, index ) {
|
|
|
if ( !node ) return;
|
|
|
|
|
|
if ( enter ) {
|
|
|
context.shouldSkip = false;
|
|
|
enter.call( context, node, parent, prop, index );
|
|
|
if ( context.shouldSkip ) return;
|
|
|
}
|
|
|
|
|
|
var keys = childKeys[ node.type ] || (
|
|
|
childKeys[ node.type ] = Object.keys( node ).filter( function (key) { return typeof node[ key ] === 'object'; } )
|
|
|
);
|
|
|
|
|
|
for ( var i = 0; i < keys.length; i += 1 ) {
|
|
|
var key = keys[i];
|
|
|
var value = node[ key ];
|
|
|
|
|
|
if ( isArray$1( value ) ) {
|
|
|
for ( var j = 0; j < value.length; j += 1 ) {
|
|
|
visit( value[j], node, enter, leave, key, j );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( value && value.type ) {
|
|
|
visit( value, node, enter, leave, key, null );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if ( leave ) {
|
|
|
leave( node, parent, prop, index );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const start = /\n(\t+)/;
|
|
|
|
|
|
function deindent ( strings, ...values ) {
|
|
|
const indentation = start.exec( strings[0] )[1];
|
|
|
const pattern = new RegExp( `^${indentation}`, 'gm' );
|
|
|
|
|
|
let result = strings[0].replace( start, '' ).replace( pattern, '' );
|
|
|
|
|
|
let trailingIndentation = getTrailingIndentation( result );
|
|
|
|
|
|
for ( let i = 1; i < strings.length; i += 1 ) {
|
|
|
const value = String( values[ i - 1 ] ).replace( /\n/g, `\n${trailingIndentation}` );
|
|
|
result += value + strings[i].replace( pattern, '' );
|
|
|
|
|
|
trailingIndentation = getTrailingIndentation( result );
|
|
|
}
|
|
|
|
|
|
return result.trim();
|
|
|
}
|
|
|
|
|
|
function getTrailingIndentation ( str ) {
|
|
|
let i = str.length;
|
|
|
while ( str[ i - 1 ] === ' ' || str[ i - 1 ] === '\t' ) i -= 1;
|
|
|
return str.slice( i, str.length );
|
|
|
}
|
|
|
|
|
|
function isReference ( node, parent ) {
|
|
|
if ( node.type === 'MemberExpression' ) {
|
|
|
return !node.computed && isReference( node.object, node );
|
|
|
}
|
|
|
|
|
|
if ( node.type === 'Identifier' ) {
|
|
|
// the only time we could have an identifier node without a parent is
|
|
|
// if it's the entire body of a function without a block statement –
|
|
|
// i.e. an arrow function expression like `a => a`
|
|
|
if ( !parent ) return true;
|
|
|
|
|
|
// TODO is this right?
|
|
|
if ( parent.type === 'MemberExpression' || parent.type === 'MethodDefinition' ) {
|
|
|
return parent.computed || node === parent.object;
|
|
|
}
|
|
|
|
|
|
// disregard the `bar` in `{ bar: foo }`, but keep it in `{ [bar]: foo }`
|
|
|
if ( parent.type === 'Property' ) return parent.computed || node === parent.value;
|
|
|
|
|
|
// disregard the `bar` in `class Foo { bar () {...} }`
|
|
|
if ( parent.type === 'MethodDefinition' ) return false;
|
|
|
|
|
|
// disregard the `bar` in `export { foo as bar }`
|
|
|
if ( parent.type === 'ExportSpecifier' && node !== parent.local ) return;
|
|
|
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function counter ( used ) {
|
|
|
const counts = {};
|
|
|
|
|
|
used.forEach( name => counts[ name ] = 1 );
|
|
|
|
|
|
return function ( name ) {
|
|
|
if ( name in counts ) {
|
|
|
return `${name}${counts[ name ]++}`;
|
|
|
}
|
|
|
|
|
|
counts[ name ] = 1;
|
|
|
return name;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function flatten ( node ) {
|
|
|
const parts = [];
|
|
|
while ( node.type === 'MemberExpression' ) {
|
|
|
if ( node.computed ) return null;
|
|
|
parts.unshift( node.property.name );
|
|
|
|
|
|
node = node.object;
|
|
|
}
|
|
|
|
|
|
if ( node.type !== 'Identifier' ) return null;
|
|
|
|
|
|
const name = node.name;
|
|
|
parts.unshift( name );
|
|
|
|
|
|
return { name, keypath: parts.join( '.' ) };
|
|
|
}
|
|
|
|
|
|
function getGlobals ( imports, { globals, onerror, onwarn } ) {
|
|
|
const globalFn = getGlobalFn( globals );
|
|
|
|
|
|
return imports.map( x => {
|
|
|
let name = globalFn( x.source.value );
|
|
|
|
|
|
if ( !name ) {
|
|
|
if ( x.name.startsWith( '__import' ) ) {
|
|
|
const error = new Error( `Could not determine name for imported module '${x.source.value}' – use options.globals` );
|
|
|
if ( onerror ) {
|
|
|
onerror( error );
|
|
|
} else {
|
|
|
throw error;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
const warning = {
|
|
|
message: `No name was supplied for imported module '${x.source.value}'. Guessing '${x.name}', but you should use options.globals`
|
|
|
};
|
|
|
|
|
|
if ( onwarn ) {
|
|
|
onwarn( warning );
|
|
|
} else {
|
|
|
console.warn( warning ); // eslint-disable-line no-console
|
|
|
}
|
|
|
}
|
|
|
|
|
|
name = x.name;
|
|
|
}
|
|
|
|
|
|
return name;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function getGlobalFn ( globals ) {
|
|
|
if ( typeof globals === 'function' ) return globals;
|
|
|
if ( typeof globals === 'object' ) {
|
|
|
return id => globals[ id ];
|
|
|
}
|
|
|
|
|
|
return () => undefined;
|
|
|
}
|
|
|
|
|
|
function getIntro ( format, options, imports ) {
|
|
|
if ( format === 'es' ) return '';
|
|
|
if ( format === 'amd' ) return getAmdIntro( options, imports );
|
|
|
if ( format === 'cjs' ) return getCjsIntro( options, imports );
|
|
|
if ( format === 'iife' ) return getIifeIntro( options, imports );
|
|
|
if ( format === 'umd' ) return getUmdIntro( options, imports );
|
|
|
|
|
|
throw new Error( `Not implemented: ${format}` );
|
|
|
}
|
|
|
|
|
|
function getAmdIntro ( options, imports ) {
|
|
|
const sourceString = imports.length ?
|
|
|
`[ ${imports.map( declaration => `'${declaration.source.value}'` ).join( ', ' )} ], ` :
|
|
|
'';
|
|
|
|
|
|
const id = options.amd && options.amd.id;
|
|
|
|
|
|
return `define(${id ? ` '${id}', ` : ''}${sourceString}function (${paramString( imports )}) { 'use strict';\n\n`;
|
|
|
}
|
|
|
|
|
|
function getCjsIntro ( options, imports ) {
|
|
|
const requireBlock = imports
|
|
|
.map( declaration => `var ${declaration.name} = require( '${declaration.source.value}' );` )
|
|
|
.join( '\n\n' );
|
|
|
|
|
|
if ( requireBlock ) {
|
|
|
return `'use strict';\n\n${requireBlock}\n\n`;
|
|
|
}
|
|
|
|
|
|
return `'use strict';\n\n`;
|
|
|
}
|
|
|
|
|
|
function getIifeIntro ( options, imports ) {
|
|
|
if ( !options.name ) {
|
|
|
throw new Error( `Missing required 'name' option for IIFE export` );
|
|
|
}
|
|
|
|
|
|
return `var ${options.name} = (function (${paramString( imports )}) { 'use strict';\n\n`;
|
|
|
}
|
|
|
|
|
|
function getUmdIntro ( options, imports ) {
|
|
|
if ( !options.name ) {
|
|
|
throw new Error( `Missing required 'name' option for UMD export` );
|
|
|
}
|
|
|
|
|
|
const amdId = options.amd && options.amd.id ? `'${options.amd.id}', ` : '';
|
|
|
|
|
|
const amdDeps = imports.length ? `[${imports.map( declaration => `'${declaration.source.value}'` ).join( ', ')}], ` : '';
|
|
|
const cjsDeps = imports.map( declaration => `require('${declaration.source.value}')` ).join( ', ' );
|
|
|
const globalDeps = getGlobals( imports, options );
|
|
|
|
|
|
return deindent`
|
|
|
(function ( global, factory ) {
|
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(${cjsDeps}) :
|
|
|
typeof define === 'function' && define.amd ? define(${amdId}${amdDeps}factory) :
|
|
|
(global.${options.name} = factory(${globalDeps}));
|
|
|
}(this, (function (${paramString( imports )}) { 'use strict';` + '\n\n';
|
|
|
}
|
|
|
|
|
|
function paramString ( imports ) {
|
|
|
return imports.length ? ` ${imports.map( dep => dep.name ).join( ', ' )} ` : '';
|
|
|
}
|
|
|
|
|
|
function getOutro ( format, name, options, imports ) {
|
|
|
if ( format === 'es' ) {
|
|
|
return `export default ${name};`;
|
|
|
}
|
|
|
|
|
|
if ( format === 'amd' ) {
|
|
|
return `return ${name};\n\n});`;
|
|
|
}
|
|
|
|
|
|
if ( format === 'cjs' ) {
|
|
|
return `module.exports = ${name};`;
|
|
|
}
|
|
|
|
|
|
if ( format === 'iife' ) {
|
|
|
const globals = getGlobals( imports, options );
|
|
|
return `return ${name};\n\n}(${globals.join( ', ' )}));`;
|
|
|
}
|
|
|
|
|
|
if ( format === 'umd' ) {
|
|
|
return `return ${name};\n\n})));`;
|
|
|
}
|
|
|
|
|
|
throw new Error( `Not implemented: ${format}` );
|
|
|
}
|
|
|
|
|
|
var Comment = {
|
|
|
// do nothing
|
|
|
};
|
|
|
|
|
|
var EachBlock = {
|
|
|
enter ( generator, node ) {
|
|
|
const name = generator.getUniqueName( `eachBlock` );
|
|
|
const renderer = generator.getUniqueName( `renderEachBlock` );
|
|
|
const elseName = `${name}_else`;
|
|
|
const iterations = `${name}_iterations`;
|
|
|
const renderElse = `${renderer}_else`;
|
|
|
const i = generator.current.getUniqueName( `i` );
|
|
|
const { params } = generator.current;
|
|
|
|
|
|
const listName = `${name}_value`;
|
|
|
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
|
|
|
generator.addSourcemapLocations( node.expression );
|
|
|
|
|
|
const { dependencies, snippet } = generator.contextualise( node.expression );
|
|
|
|
|
|
const anchor = generator.createAnchor( name, `#each ${generator.source.slice( node.expression.start, node.expression.end )}` );
|
|
|
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
var ${name}_value = ${snippet};
|
|
|
var ${iterations} = [];
|
|
|
${node.else ? `var ${elseName} = null;` : ''}
|
|
|
|
|
|
for ( var ${i} = 0; ${i} < ${name}_value.length; ${i} += 1 ) {
|
|
|
${iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, component );
|
|
|
${!isToplevel ? `${iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );` : ''}
|
|
|
}
|
|
|
` );
|
|
|
if ( node.else ) {
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
if ( !${name}_value.length ) {
|
|
|
${elseName} = ${renderElse}( ${params}, component );
|
|
|
${!isToplevel ? `${elseName}.mount( ${anchor}.parentNode, ${anchor} );` : ''}
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
if ( isToplevel ) {
|
|
|
generator.current.mountStatements.push( deindent`
|
|
|
for ( var ${i} = 0; ${i} < ${iterations}.length; ${i} += 1 ) {
|
|
|
${iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
|
|
}
|
|
|
` );
|
|
|
if ( node.else ) {
|
|
|
generator.current.mountStatements.push( deindent`
|
|
|
if ( ${elseName} ) {
|
|
|
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
generator.current.updateStatements.push( deindent`
|
|
|
var ${name}_value = ${snippet};
|
|
|
|
|
|
for ( var ${i} = 0; ${i} < ${name}_value.length; ${i} += 1 ) {
|
|
|
if ( !${iterations}[${i}] ) {
|
|
|
${iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, component );
|
|
|
${iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
|
|
} else {
|
|
|
${iterations}[${i}].update( changed, ${params}, ${listName}, ${listName}[${i}], ${i} );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
for ( var ${i} = ${name}_value.length; ${i} < ${iterations}.length; ${i} += 1 ) {
|
|
|
${iterations}[${i}].teardown( true );
|
|
|
}
|
|
|
|
|
|
${iterations}.length = ${listName}.length;
|
|
|
` );
|
|
|
|
|
|
if ( node.else ) {
|
|
|
generator.current.updateStatements.push( deindent`
|
|
|
if ( !${name}_value.length && ${elseName} ) {
|
|
|
${elseName}.update( changed, ${params} );
|
|
|
} else if ( !${name}_value.length ) {
|
|
|
${elseName} = ${renderElse}( ${params}, component );
|
|
|
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
|
|
} else if ( ${elseName} ) {
|
|
|
${elseName}.teardown( true );
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
generator.current.teardownStatements.push( deindent`
|
|
|
for ( var ${i} = 0; ${i} < ${iterations}.length; ${i} += 1 ) {
|
|
|
${iterations}[${i}].teardown( ${isToplevel ? 'detach' : 'false'} );
|
|
|
}
|
|
|
` );
|
|
|
|
|
|
if ( node.else ) {
|
|
|
generator.current.teardownStatements.push( deindent`
|
|
|
if ( ${elseName} ) {
|
|
|
${elseName}.teardown( ${isToplevel ? 'detach' : 'false'} );
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
if ( node.else ) {
|
|
|
generator.generateBlock( node.else, renderElse );
|
|
|
}
|
|
|
|
|
|
const indexNames = Object.assign( {}, generator.current.indexNames );
|
|
|
const indexName = indexNames[ node.context ] = ( node.index || `${node.context}__index` );
|
|
|
|
|
|
const listNames = Object.assign( {}, generator.current.listNames );
|
|
|
listNames[ node.context ] = listName;
|
|
|
|
|
|
const contexts = Object.assign( {}, generator.current.contexts );
|
|
|
contexts[ node.context ] = true;
|
|
|
|
|
|
const indexes = Object.assign( {}, generator.current.indexes );
|
|
|
if ( node.index ) indexes[ indexName ] = node.context;
|
|
|
|
|
|
const contextDependencies = Object.assign( {}, generator.current.contextDependencies );
|
|
|
contextDependencies[ node.context ] = dependencies;
|
|
|
|
|
|
const blockParams = generator.current.params + `, ${listName}, ${node.context}, ${indexName}`;
|
|
|
|
|
|
generator.push({
|
|
|
name: renderer,
|
|
|
target: 'target',
|
|
|
expression: node.expression,
|
|
|
context: node.context,
|
|
|
localElementDepth: 0,
|
|
|
|
|
|
contextDependencies,
|
|
|
contexts,
|
|
|
indexes,
|
|
|
|
|
|
indexNames,
|
|
|
listNames,
|
|
|
params: blockParams,
|
|
|
|
|
|
initStatements: [],
|
|
|
mountStatements: [],
|
|
|
updateStatements: [ Object.keys( contexts ).map( contextName => {
|
|
|
const listName = listNames[ contextName ];
|
|
|
const indexName = indexNames[ contextName ];
|
|
|
|
|
|
return `var ${contextName} = ${listName}[${indexName}];`;
|
|
|
}).join( '\n' ) ],
|
|
|
detachStatements: [],
|
|
|
teardownStatements: [],
|
|
|
|
|
|
getUniqueName: generator.getUniqueNameMaker()
|
|
|
});
|
|
|
},
|
|
|
|
|
|
leave ( generator ) {
|
|
|
generator.addRenderer( generator.current );
|
|
|
generator.pop();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
// source: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
|
|
|
const lookup = {
|
|
|
accept: { appliesTo: [ 'form', 'input' ] },
|
|
|
'accept-charset': { propertyName: 'acceptCharset', appliesTo: [ 'form' ] },
|
|
|
accesskey: { propertyName: 'accessKey' },
|
|
|
action: { appliesTo: [ 'form' ] },
|
|
|
align: { appliesTo: [ 'applet', 'caption', 'col', 'colgroup', 'hr', 'iframe', 'img', 'table', 'tbody', 'td', 'tfoot' , 'th', 'thead', 'tr' ] },
|
|
|
allowfullscreen: { propertyName: 'allowFullscreen', appliesTo: [ 'iframe' ] },
|
|
|
alt: { appliesTo: [ 'applet', 'area', 'img', 'input' ] },
|
|
|
async: { appliesTo: [ 'script' ] },
|
|
|
autocomplete: { appliesTo: [ 'form', 'input' ] },
|
|
|
autofocus: { appliesTo: [ 'button', 'input', 'keygen', 'select', 'textarea' ] },
|
|
|
autoplay: { appliesTo: [ 'audio', 'video' ] },
|
|
|
autosave: { appliesTo: [ 'input' ] },
|
|
|
bgcolor: { propertyName: 'bgColor', appliesTo: [ 'body', 'col', 'colgroup', 'marquee', 'table', 'tbody', 'tfoot', 'td', 'th', 'tr' ] },
|
|
|
border: { appliesTo: [ 'img', 'object', 'table' ] },
|
|
|
buffered: { appliesTo: [ 'audio', 'video' ] },
|
|
|
challenge: { appliesTo: [ 'keygen' ] },
|
|
|
charset: { appliesTo: [ 'meta', 'script' ] },
|
|
|
checked: { appliesTo: [ 'command', 'input' ] },
|
|
|
cite: { appliesTo: [ 'blockquote', 'del', 'ins', 'q' ] },
|
|
|
class: { propertyName: 'className' },
|
|
|
code: { appliesTo: [ 'applet' ] },
|
|
|
codebase: { propertyName: 'codeBase', appliesTo: [ 'applet' ] },
|
|
|
color: { appliesTo: [ 'basefont', 'font', 'hr' ] },
|
|
|
cols: { appliesTo: [ 'textarea' ] },
|
|
|
colspan: { propertyName: 'colSpan', appliesTo: [ 'td', 'th' ] },
|
|
|
content: { appliesTo: [ 'meta' ] },
|
|
|
contenteditable: { propertyName: 'contentEditable' },
|
|
|
contextmenu: {},
|
|
|
controls: { appliesTo: [ 'audio', 'video' ] },
|
|
|
coords: { appliesTo: [ 'area' ] },
|
|
|
data: { appliesTo: [ 'object' ] },
|
|
|
datetime: { propertyName: 'dateTime', appliesTo: [ 'del', 'ins', 'time' ] },
|
|
|
default: { appliesTo: [ 'track' ] },
|
|
|
defer: { appliesTo: [ 'script' ] },
|
|
|
dir: {},
|
|
|
dirname: { propertyName: 'dirName', appliesTo: [ 'input', 'textarea' ] },
|
|
|
disabled: { appliesTo: [ 'button', 'command', 'fieldset', 'input', 'keygen', 'optgroup', 'option', 'select', 'textarea' ] },
|
|
|
download: { appliesTo: [ 'a', 'area' ] },
|
|
|
draggable: {},
|
|
|
dropzone: {},
|
|
|
enctype: { appliesTo: [ 'form' ] },
|
|
|
for: { propertyName: 'htmlFor', appliesTo: [ 'label', 'output' ] },
|
|
|
form: { appliesTo: [ 'button', 'fieldset', 'input', 'keygen', 'label', 'meter', 'object', 'output', 'progress', 'select', 'textarea' ] },
|
|
|
formaction: { appliesTo: [ 'input', 'button' ] },
|
|
|
headers: { appliesTo: [ 'td', 'th' ] },
|
|
|
height: { appliesTo: [ 'canvas', 'embed', 'iframe', 'img', 'input', 'object', 'video' ] },
|
|
|
hidden: {},
|
|
|
high: { appliesTo: [ 'meter' ] },
|
|
|
href: { appliesTo: [ 'a', 'area', 'base', 'link' ] },
|
|
|
hreflang: { appliesTo: [ 'a', 'area', 'link' ] },
|
|
|
'http-equiv': { propertyName: 'httpEquiv', appliesTo: [ 'meta' ] },
|
|
|
icon: { appliesTo: [ 'command' ] },
|
|
|
id: {},
|
|
|
ismap: { propertyName: 'isMap', appliesTo: [ 'img' ] },
|
|
|
itemprop: {},
|
|
|
keytype: { appliesTo: [ 'keygen' ] },
|
|
|
kind: { appliesTo: [ 'track' ] },
|
|
|
label: { appliesTo: [ 'track' ] },
|
|
|
lang: {},
|
|
|
language: { appliesTo: [ 'script' ] },
|
|
|
list: { appliesTo: [ 'input' ] },
|
|
|
loop: { appliesTo: [ 'audio', 'bgsound', 'marquee', 'video' ] },
|
|
|
low: { appliesTo: [ 'meter' ] },
|
|
|
manifest: { appliesTo: [ 'html' ] },
|
|
|
max: { appliesTo: [ 'input', 'meter', 'progress' ] },
|
|
|
maxlength: { propertyName: 'maxLength', appliesTo: [ 'input', 'textarea' ] },
|
|
|
media: { appliesTo: [ 'a', 'area', 'link', 'source', 'style' ] },
|
|
|
method: { appliesTo: [ 'form' ] },
|
|
|
min: { appliesTo: [ 'input', 'meter' ] },
|
|
|
multiple: { appliesTo: [ 'input', 'select' ] },
|
|
|
muted: { appliesTo: [ 'video' ] },
|
|
|
name: { appliesTo: [ 'button', 'form', 'fieldset', 'iframe', 'input', 'keygen', 'object', 'output', 'select', 'textarea', 'map', 'meta', 'param' ] },
|
|
|
novalidate: { propertyName: 'noValidate', appliesTo: [ 'form' ] },
|
|
|
open: { appliesTo: [ 'details' ] },
|
|
|
optimum: { appliesTo: [ 'meter' ] },
|
|
|
pattern: { appliesTo: [ 'input' ] },
|
|
|
ping: { appliesTo: [ 'a', 'area' ] },
|
|
|
placeholder: { appliesTo: [ 'input', 'textarea' ] },
|
|
|
poster: { appliesTo: [ 'video' ] },
|
|
|
preload: { appliesTo: [ 'audio', 'video' ] },
|
|
|
radiogroup: { appliesTo: [ 'command' ] },
|
|
|
readonly: { propertyName: 'readOnly', appliesTo: [ 'input', 'textarea' ] },
|
|
|
rel: { appliesTo: [ 'a', 'area', 'link' ] },
|
|
|
required: { appliesTo: [ 'input', 'select', 'textarea' ] },
|
|
|
reversed: { appliesTo: [ 'ol' ] },
|
|
|
rows: { appliesTo: [ 'textarea' ] },
|
|
|
rowspan: { propertyName: 'rowSpan', appliesTo: [ 'td', 'th' ] },
|
|
|
sandbox: { appliesTo: [ 'iframe' ] },
|
|
|
scope: { appliesTo: [ 'th' ] },
|
|
|
scoped: { appliesTo: [ 'style' ] },
|
|
|
seamless: { appliesTo: [ 'iframe' ] },
|
|
|
selected: { appliesTo: [ 'option' ] },
|
|
|
shape: { appliesTo: [ 'a', 'area' ] },
|
|
|
size: { appliesTo: [ 'input', 'select' ] },
|
|
|
sizes: { appliesTo: [ 'link', 'img', 'source' ] },
|
|
|
span: { appliesTo: [ 'col', 'colgroup' ] },
|
|
|
spellcheck: {},
|
|
|
src: { appliesTo: [ 'audio', 'embed', 'iframe', 'img', 'input', 'script', 'source', 'track', 'video' ] },
|
|
|
srcdoc: { appliesTo: [ 'iframe' ] },
|
|
|
srclang: { appliesTo: [ 'track' ] },
|
|
|
srcset: { appliesTo: [ 'img' ] },
|
|
|
start: { appliesTo: [ 'ol' ] },
|
|
|
step: { appliesTo: [ 'input' ] },
|
|
|
style: { propertyName: 'style.cssText' },
|
|
|
summary: { appliesTo: [ 'table' ] },
|
|
|
tabindex: { propertyName: 'tabIndex' },
|
|
|
target: { appliesTo: [ 'a', 'area', 'base', 'form' ] },
|
|
|
title: {},
|
|
|
type: { appliesTo: [ 'button', 'input', 'command', 'embed', 'object', 'script', 'source', 'style', 'menu' ] },
|
|
|
usemap: { propertyName: 'useMap', appliesTo: [ 'img', 'input', 'object' ] },
|
|
|
value: { appliesTo: [ 'button', 'option', 'input', 'li', 'meter', 'progress', 'param' ] },
|
|
|
width: { appliesTo: [ 'canvas', 'embed', 'iframe', 'img', 'input', 'object', 'video' ] },
|
|
|
wrap: { appliesTo: [ 'textarea' ] }
|
|
|
};
|
|
|
|
|
|
Object.keys( lookup ).forEach( name => {
|
|
|
const metadata = lookup[ name ];
|
|
|
if ( !metadata.propertyName ) metadata.propertyName = name;
|
|
|
});
|
|
|
|
|
|
function createBinding ( generator, node, attribute, current, local ) {
|
|
|
const parts = attribute.value.split( '.' );
|
|
|
|
|
|
const deep = parts.length > 1;
|
|
|
const contextual = parts[0] in current.contexts;
|
|
|
|
|
|
if ( contextual ) local.allUsedContexts.add( parts[0] );
|
|
|
|
|
|
if ( local.isComponent ) {
|
|
|
local.bindings.push({
|
|
|
name: attribute.name,
|
|
|
value: contextual ? attribute.value : `root.${attribute.value}`
|
|
|
});
|
|
|
}
|
|
|
|
|
|
const handler = current.getUniqueName( `${local.name}ChangeHandler` );
|
|
|
let setter;
|
|
|
|
|
|
let eventName = 'change';
|
|
|
if ( node.name === 'input' ) {
|
|
|
const type = node.attributes.find( attr => attr.type === 'Attribute' && attr.name === 'type' );
|
|
|
if ( !type || type.value[0].data === 'text' ) {
|
|
|
// TODO in validation, should throw if type attribute is not static
|
|
|
eventName = 'input';
|
|
|
}
|
|
|
}
|
|
|
|
|
|
let value;
|
|
|
|
|
|
if ( local.isComponent ) {
|
|
|
value = 'value';
|
|
|
} else if ( node.name === 'select' ) {
|
|
|
// TODO <select multiple> – can use select.selectedOptions
|
|
|
value = 'selectedOption && selectedOption.__value';
|
|
|
} else {
|
|
|
value = `${local.name}.${attribute.name}`;
|
|
|
}
|
|
|
|
|
|
if ( contextual ) {
|
|
|
// find the top-level property that this is a child of
|
|
|
let fragment = current;
|
|
|
let prop = parts[0];
|
|
|
|
|
|
do {
|
|
|
if ( fragment.expression && fragment.context === prop ) {
|
|
|
if ( !isReference( fragment.expression ) ) {
|
|
|
// TODO this should happen in prior validation step
|
|
|
throw new Error( `${prop} is read-only, it cannot be bound` );
|
|
|
}
|
|
|
|
|
|
prop = flatten( fragment.expression ).name;
|
|
|
}
|
|
|
} while ( fragment = fragment.parent );
|
|
|
|
|
|
const listName = current.listNames[ parts[0] ];
|
|
|
const indexName = current.indexNames[ parts[0] ];
|
|
|
|
|
|
setter = deindent`
|
|
|
var list = this.__svelte.${listName};
|
|
|
var index = this.__svelte.${indexName};
|
|
|
list[index]${parts.slice( 1 ).map( part => `.${part}` ).join( '' )} = ${value};
|
|
|
|
|
|
component.set({ ${prop}: component.get( '${prop}' ) });
|
|
|
`;
|
|
|
} else if ( deep ) {
|
|
|
setter = deindent`
|
|
|
var ${parts[0]} = component.get( '${parts[0]}' );
|
|
|
${parts[0]}.${parts.slice( 1 ).join( '.' )} = ${value};
|
|
|
component.set({ ${parts[0]}: ${parts[0]} });
|
|
|
`;
|
|
|
} else {
|
|
|
setter = `component.set({ ${attribute.value}: ${value} });`;
|
|
|
}
|
|
|
|
|
|
// special case
|
|
|
if ( node.name === 'select' ) {
|
|
|
setter = `var selectedOption = ${local.name}.selectedOptions[0] || ${local.name}.options[0];\n` + setter;
|
|
|
}
|
|
|
|
|
|
if ( local.isComponent ) {
|
|
|
generator.hasComplexBindings = true;
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
var ${local.name}_updating = false;
|
|
|
|
|
|
component.__bindings.push( function () {
|
|
|
${local.name}.observe( '${attribute.name}', function ( value ) {
|
|
|
${local.name}_updating = true;
|
|
|
${setter}
|
|
|
${local.name}_updating = false;
|
|
|
});
|
|
|
});
|
|
|
` );
|
|
|
|
|
|
local.update.push( deindent`
|
|
|
if ( !${local.name}_updating && '${parts[0]}' in changed ) {
|
|
|
${local.name}.set({ ${attribute.name}: ${contextual ? attribute.value : `root.${attribute.value}`} });
|
|
|
}
|
|
|
` );
|
|
|
} else {
|
|
|
const updateElement = `${local.name}.${attribute.name} = ${contextual ? attribute.value : `root.${attribute.value}`}`;
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
var ${local.name}_updating = false;
|
|
|
|
|
|
function ${handler} () {
|
|
|
${local.name}_updating = true;
|
|
|
${setter}
|
|
|
${local.name}_updating = false;
|
|
|
}
|
|
|
|
|
|
${local.name}.addEventListener( '${eventName}', ${handler}, false );
|
|
|
${updateElement};
|
|
|
` );
|
|
|
|
|
|
local.update.push( deindent`
|
|
|
if ( !${local.name}_updating ) ${updateElement};
|
|
|
` );
|
|
|
|
|
|
local.teardown.push( deindent`
|
|
|
${local.name}.removeEventListener( '${eventName}', ${handler}, false );
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
if ( node.name === 'select' ) {
|
|
|
generator.hasComplexBindings = true;
|
|
|
local.init.push( `component.__bindings.push( ${handler} )` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function addElementAttributes ( generator, node, local ) {
|
|
|
node.attributes.forEach( attribute => {
|
|
|
if ( attribute.type === 'Attribute' ) {
|
|
|
let metadata = generator.current.namespace ? null : lookup[ attribute.name ];
|
|
|
if ( metadata && metadata.appliesTo && !~metadata.appliesTo.indexOf( node.name ) ) metadata = null;
|
|
|
|
|
|
let dynamic = false;
|
|
|
|
|
|
const isBoundOptionValue = node.name === 'option' && attribute.name === 'value'; // TODO check it's actually bound
|
|
|
const propertyName = isBoundOptionValue ? '__value' : metadata && metadata.propertyName;
|
|
|
|
|
|
if ( attribute.value === true ) {
|
|
|
// attributes without values, e.g. <textarea readonly>
|
|
|
if ( propertyName ) {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.${propertyName} = true;
|
|
|
` );
|
|
|
} else {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.setAttribute( '${attribute.name}', true );
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
// special case – autofocus. has to be handled in a bit of a weird way
|
|
|
if ( attribute.name === 'autofocus' ) {
|
|
|
generator.current.autofocus = local.name;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( attribute.value.length === 0 ) {
|
|
|
if ( propertyName ) {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.${propertyName} = '';
|
|
|
` );
|
|
|
} else {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.setAttribute( '${attribute.name}', '' );
|
|
|
` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( attribute.value.length === 1 ) {
|
|
|
const value = attribute.value[0];
|
|
|
|
|
|
let result = '';
|
|
|
|
|
|
if ( value.type === 'Text' ) {
|
|
|
// static attributes
|
|
|
result = JSON.stringify( value.data );
|
|
|
|
|
|
if ( attribute.name === 'xmlns' ) {
|
|
|
// special case
|
|
|
// TODO this attribute must be static – enforce at compile time
|
|
|
local.namespace = value.data;
|
|
|
} else if ( propertyName ) {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.${propertyName} = ${result};
|
|
|
` );
|
|
|
} else {
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.setAttribute( '${attribute.name}', ${result} );
|
|
|
` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
dynamic = true;
|
|
|
|
|
|
// dynamic – but potentially non-string – attributes
|
|
|
const { snippet } = generator.contextualise( value.expression );
|
|
|
|
|
|
const updater = propertyName ?
|
|
|
`${local.name}.${propertyName} = ${snippet};` :
|
|
|
`${local.name}.setAttribute( '${attribute.name}', ${snippet} );`; // TODO use snippet both times – see note below
|
|
|
|
|
|
local.init.push( updater );
|
|
|
local.update.push( updater );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
dynamic = true;
|
|
|
|
|
|
const value = ( attribute.value[0].type === 'Text' ? '' : `"" + ` ) + (
|
|
|
attribute.value.map( chunk => {
|
|
|
if ( chunk.type === 'Text' ) {
|
|
|
return JSON.stringify( chunk.data );
|
|
|
} else {
|
|
|
generator.addSourcemapLocations( chunk.expression );
|
|
|
|
|
|
const { string } = generator.contextualise( chunk.expression ); // TODO use snippet for sourcemap support – need to add a 'copy' feature to MagicString first
|
|
|
return `( ${string} )`;
|
|
|
}
|
|
|
}).join( ' + ' )
|
|
|
);
|
|
|
|
|
|
const updater = propertyName ?
|
|
|
`${local.name}.${propertyName} = ${value};` :
|
|
|
`${local.name}.setAttribute( '${attribute.name}', ${value} );`;
|
|
|
|
|
|
local.init.push( updater );
|
|
|
local.update.push( updater );
|
|
|
}
|
|
|
|
|
|
if ( isBoundOptionValue ) {
|
|
|
( dynamic ? local.update : local.init ).push( `${local.name}.value = ${local.name}.__value` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'EventHandler' ) {
|
|
|
// TODO verify that it's a valid callee (i.e. built-in or declared method)
|
|
|
generator.addSourcemapLocations( attribute.expression );
|
|
|
generator.code.prependRight( attribute.expression.start, 'component.' );
|
|
|
|
|
|
const usedContexts = new Set();
|
|
|
attribute.expression.arguments.forEach( arg => {
|
|
|
const { contexts } = generator.contextualise( arg, true );
|
|
|
|
|
|
contexts.forEach( context => {
|
|
|
usedContexts.add( context );
|
|
|
local.allUsedContexts.add( context );
|
|
|
});
|
|
|
});
|
|
|
|
|
|
// TODO hoist event handlers? can do `this.__component.method(...)`
|
|
|
const declarations = [...usedContexts].map( name => {
|
|
|
if ( name === 'root' ) return 'var root = this.__svelte.root;';
|
|
|
|
|
|
const listName = generator.current.listNames[ name ];
|
|
|
const indexName = generator.current.indexNames[ name ];
|
|
|
|
|
|
return `var ${listName} = this.__svelte.${listName}, ${indexName} = this.__svelte.${indexName}, ${name} = ${listName}[${indexName}]`;
|
|
|
});
|
|
|
|
|
|
const handlerName = generator.current.getUniqueName( `${attribute.name}Handler` );
|
|
|
const handlerBody = ( declarations.length ? declarations.join( '\n' ) + '\n\n' : '' ) + `[✂${attribute.expression.start}-${attribute.expression.end}✂];`;
|
|
|
|
|
|
if ( attribute.name in generator.events ) {
|
|
|
local.init.push( deindent`
|
|
|
var ${handlerName} = template.events.${attribute.name}.call( component, ${local.name}, function ( event ) {
|
|
|
${handlerBody}
|
|
|
});
|
|
|
` );
|
|
|
|
|
|
local.teardown.push( deindent`
|
|
|
${handlerName}.teardown();
|
|
|
` );
|
|
|
} else {
|
|
|
local.init.push( deindent`
|
|
|
function ${handlerName} ( event ) {
|
|
|
${handlerBody}
|
|
|
}
|
|
|
|
|
|
${local.name}.addEventListener( '${attribute.name}', ${handlerName}, false );
|
|
|
` );
|
|
|
|
|
|
local.teardown.push( deindent`
|
|
|
${local.name}.removeEventListener( '${attribute.name}', ${handlerName}, false );
|
|
|
` );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'Binding' ) {
|
|
|
createBinding( generator, node, attribute, generator.current, local );
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'Ref' ) {
|
|
|
generator.usesRefs = true;
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
component.refs.${attribute.name} = ${local.name};
|
|
|
` );
|
|
|
|
|
|
local.teardown.push( deindent`
|
|
|
if ( component.refs.${attribute.name} === ${local.name} ) component.refs.${attribute.name} = null;
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
throw new Error( `Not implemented: ${attribute.type}` );
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function addComponentAttributes ( generator, node, local ) {
|
|
|
local.staticAttributes = [];
|
|
|
local.dynamicAttributes = [];
|
|
|
local.bindings = [];
|
|
|
|
|
|
node.attributes.forEach( attribute => {
|
|
|
if ( attribute.type === 'Attribute' ) {
|
|
|
if ( attribute.value === true ) {
|
|
|
// attributes without values, e.g. <textarea readonly>
|
|
|
local.staticAttributes.push({
|
|
|
name: attribute.name,
|
|
|
value: true
|
|
|
});
|
|
|
}
|
|
|
|
|
|
else if ( attribute.value.length === 0 ) {
|
|
|
local.staticAttributes.push({
|
|
|
name: attribute.name,
|
|
|
value: `''`
|
|
|
});
|
|
|
}
|
|
|
|
|
|
else if ( attribute.value.length === 1 ) {
|
|
|
const value = attribute.value[0];
|
|
|
|
|
|
if ( value.type === 'Text' ) {
|
|
|
// static attributes
|
|
|
const result = isNaN( parseFloat( value.data ) ) ? JSON.stringify( value.data ) : value.data;
|
|
|
local.staticAttributes.push({
|
|
|
name: attribute.name,
|
|
|
value: result
|
|
|
});
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
// simple dynamic attributes
|
|
|
const { dependencies, string } = generator.contextualise( value.expression );
|
|
|
|
|
|
// TODO only update attributes that have changed
|
|
|
local.dynamicAttributes.push({
|
|
|
name: attribute.name,
|
|
|
value: string,
|
|
|
dependencies
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
// complex dynamic attributes
|
|
|
const allDependencies = [];
|
|
|
|
|
|
const value = ( attribute.value[0].type === 'Text' ? '' : `"" + ` ) + (
|
|
|
attribute.value.map( chunk => {
|
|
|
if ( chunk.type === 'Text' ) {
|
|
|
return JSON.stringify( chunk.data );
|
|
|
} else {
|
|
|
generator.addSourcemapLocations( chunk.expression );
|
|
|
|
|
|
const { dependencies, string } = generator.contextualise( chunk.expression );
|
|
|
dependencies.forEach( dependency => {
|
|
|
if ( !~allDependencies.indexOf( dependency ) ) allDependencies.push( dependency );
|
|
|
});
|
|
|
|
|
|
return `( ${string} )`;
|
|
|
}
|
|
|
}).join( ' + ' )
|
|
|
);
|
|
|
|
|
|
local.dynamicAttributes.push({
|
|
|
name: attribute.name,
|
|
|
value,
|
|
|
dependencies: allDependencies
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'EventHandler' ) {
|
|
|
// TODO verify that it's a valid callee (i.e. built-in or declared method)
|
|
|
generator.addSourcemapLocations( attribute.expression );
|
|
|
generator.code.prependRight( attribute.expression.start, 'component.' );
|
|
|
|
|
|
const usedContexts = new Set();
|
|
|
attribute.expression.arguments.forEach( arg => {
|
|
|
const { contexts } = generator.contextualise( arg, true, true );
|
|
|
|
|
|
contexts.forEach( context => {
|
|
|
usedContexts.add( context );
|
|
|
local.allUsedContexts.add( context );
|
|
|
});
|
|
|
});
|
|
|
|
|
|
// TODO hoist event handlers? can do `this.__component.method(...)`
|
|
|
const declarations = [...usedContexts].map( name => {
|
|
|
if ( name === 'root' ) return 'var root = this.__svelte.root;';
|
|
|
|
|
|
const listName = generator.current.listNames[ name ];
|
|
|
const indexName = generator.current.indexNames[ name ];
|
|
|
|
|
|
return `var ${listName} = this.__svelte.${listName}, ${indexName} = this.__svelte.${indexName}, ${name} = ${listName}[${indexName}]`;
|
|
|
});
|
|
|
|
|
|
const handlerBody = ( declarations.length ? declarations.join( '\n' ) + '\n\n' : '' ) + `[✂${attribute.expression.start}-${attribute.expression.end}✂];`;
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
${local.name}.on( '${attribute.name}', function ( event ) {
|
|
|
${handlerBody}
|
|
|
});
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'Binding' ) {
|
|
|
createBinding( generator, node, attribute, generator.current, local );
|
|
|
}
|
|
|
|
|
|
else if ( attribute.type === 'Ref' ) {
|
|
|
generator.usesRefs = true;
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
component.refs.${attribute.name} = ${local.name};
|
|
|
` );
|
|
|
|
|
|
local.teardown.push( deindent`
|
|
|
if ( component.refs.${attribute.name} === ${local.name} ) component.refs.${attribute.name} = null;
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
throw new Error( `Not implemented: ${attribute.type}` );
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var Component = {
|
|
|
enter ( generator, node ) {
|
|
|
const hasChildren = node.children.length > 0;
|
|
|
const name = generator.current.getUniqueName( `${node.name[0].toLowerCase()}${node.name.slice( 1 )}` );
|
|
|
|
|
|
const local = {
|
|
|
name,
|
|
|
namespace: generator.current.namespace,
|
|
|
isComponent: true,
|
|
|
|
|
|
allUsedContexts: new Set(),
|
|
|
|
|
|
init: [],
|
|
|
mount: [],
|
|
|
update: [],
|
|
|
detach: [],
|
|
|
teardown: []
|
|
|
};
|
|
|
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
|
|
|
generator.hasComponents = true;
|
|
|
|
|
|
addComponentAttributes( generator, node, local );
|
|
|
|
|
|
const componentInitProperties = [
|
|
|
`target: ${!isToplevel ? generator.current.target: 'null'}`,
|
|
|
'root: component.root || component'
|
|
|
];
|
|
|
|
|
|
// Component has children, put them in a separate {{yield}} block
|
|
|
if ( hasChildren ) {
|
|
|
const yieldName = generator.current.getUniqueName( `render${name}YieldFragment` );
|
|
|
|
|
|
generator.generateBlock( node, yieldName );
|
|
|
|
|
|
generator.current.initStatements.push(`var ${name}_yieldFragment = ${yieldName}( root, component );`);
|
|
|
generator.current.updateStatements.push(`${name}_yieldFragment.update ( changed, root );`);
|
|
|
|
|
|
componentInitProperties.push(`yield: ${name}_yieldFragment`);
|
|
|
}
|
|
|
|
|
|
const statements = [];
|
|
|
|
|
|
if ( local.staticAttributes.length || local.dynamicAttributes.length || local.bindings.length ) {
|
|
|
const initialProps = local.staticAttributes
|
|
|
.concat( local.dynamicAttributes )
|
|
|
.map( attribute => `${attribute.name}: ${attribute.value}` );
|
|
|
|
|
|
if ( initialProps.length ) {
|
|
|
statements.push( deindent`
|
|
|
var ${name}_initialData = {
|
|
|
${initialProps.join( ',\n' )}
|
|
|
};
|
|
|
` );
|
|
|
} else {
|
|
|
statements.push( `var ${name}_initialData = {};` );
|
|
|
}
|
|
|
|
|
|
if ( local.bindings.length ) {
|
|
|
const bindings = local.bindings.map( binding => {
|
|
|
const parts = binding.value.split( '.' );
|
|
|
const tail = parts.pop();
|
|
|
return `if ( '${tail}' in ${parts.join( '.' )} ) ${name}_initialData.${binding.name} = ${binding.value};`;
|
|
|
});
|
|
|
|
|
|
statements.push( bindings.join( '\n' ) );
|
|
|
}
|
|
|
componentInitProperties.push(`data: ${name}_initialData`);
|
|
|
}
|
|
|
|
|
|
local.init.unshift( deindent`
|
|
|
${statements.join( '\n\n' )}
|
|
|
var ${name} = new template.components.${node.name}({
|
|
|
${componentInitProperties.join(',\n')}
|
|
|
});
|
|
|
` );
|
|
|
|
|
|
if ( isToplevel ) {
|
|
|
local.mount.unshift( `${name}.mount( target, anchor );` );
|
|
|
}
|
|
|
|
|
|
if ( local.dynamicAttributes.length ) {
|
|
|
const updates = local.dynamicAttributes.map( attribute => {
|
|
|
if ( attribute.dependencies.length ) {
|
|
|
return deindent`
|
|
|
if ( ${attribute.dependencies.map( dependency => `'${dependency}' in changed` ).join( '||' )} ) ${name}_changes.${attribute.name} = ${attribute.value};
|
|
|
`;
|
|
|
}
|
|
|
|
|
|
// TODO this is an odd situation to encounter – I *think* it should only happen with
|
|
|
// each block indices, in which case it may be possible to optimise this
|
|
|
return `${name}_changes.${attribute.name} = ${attribute.value};`;
|
|
|
});
|
|
|
|
|
|
local.update.push( deindent`
|
|
|
var ${name}_changes = {};
|
|
|
|
|
|
${updates.join( '\n' )}
|
|
|
|
|
|
if ( Object.keys( ${name}_changes ).length ) ${name}.set( ${name}_changes );
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
local.teardown.push( `${name}.teardown( ${isToplevel ? 'detach' : 'false'} );` );
|
|
|
|
|
|
generator.current.initStatements.push( local.init.join( '\n' ) );
|
|
|
if ( local.update.length ) generator.current.updateStatements.push( local.update.join( '\n' ) );
|
|
|
if ( local.mount.length ) generator.current.mountStatements.push( local.mount.join( '\n' ) );
|
|
|
if ( local.detach.length ) generator.current.detachStatements.push( local.detach.join( '\n' ) );
|
|
|
generator.current.teardownStatements.push( local.teardown.join( '\n' ) );
|
|
|
|
|
|
generator.push({
|
|
|
namespace: local.namespace,
|
|
|
target: name,
|
|
|
parent: generator.current,
|
|
|
elementDepth: generator.current.elementDepth + 1,
|
|
|
localElementDepth: generator.current.localElementDepth + 1
|
|
|
});
|
|
|
},
|
|
|
|
|
|
leave ( generator ) {
|
|
|
generator.pop();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var Element = {
|
|
|
enter ( generator, node ) {
|
|
|
const isComponent = node.name in generator.components;
|
|
|
if ( isComponent ) {
|
|
|
return Component.enter( generator, node );
|
|
|
}
|
|
|
|
|
|
const name = generator.current.getUniqueName( node.name );
|
|
|
|
|
|
const local = {
|
|
|
name,
|
|
|
namespace: node.name === 'svg' ? 'http://www.w3.org/2000/svg' : generator.current.namespace,
|
|
|
isComponent: false,
|
|
|
|
|
|
allUsedContexts: new Set(),
|
|
|
|
|
|
init: [],
|
|
|
mount: [],
|
|
|
update: [],
|
|
|
detach: [],
|
|
|
teardown: []
|
|
|
};
|
|
|
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
|
|
|
addElementAttributes( generator, node, local );
|
|
|
|
|
|
if ( local.allUsedContexts.size ) {
|
|
|
const contextNames = [...local.allUsedContexts];
|
|
|
|
|
|
const initialProps = contextNames.map( contextName => {
|
|
|
if ( contextName === 'root' ) return `root: root`;
|
|
|
|
|
|
const listName = generator.current.listNames[ contextName ];
|
|
|
const indexName = generator.current.indexNames[ contextName ];
|
|
|
|
|
|
return `${listName}: ${listName},\n${indexName}: ${indexName}`;
|
|
|
}).join( ',\n' );
|
|
|
|
|
|
const updates = contextNames.map( contextName => {
|
|
|
if ( contextName === 'root' ) return `${name}.__svelte.root = root;`;
|
|
|
|
|
|
const listName = generator.current.listNames[ contextName ];
|
|
|
const indexName = generator.current.indexNames[ contextName ];
|
|
|
|
|
|
return `${name}.__svelte.${listName} = ${listName};\n${name}.__svelte.${indexName} = ${indexName};`;
|
|
|
}).join( '\n' );
|
|
|
|
|
|
local.init.push( deindent`
|
|
|
${name}.__svelte = {
|
|
|
${initialProps}
|
|
|
};
|
|
|
` );
|
|
|
|
|
|
local.update.push( updates );
|
|
|
}
|
|
|
|
|
|
let render = local.namespace ?
|
|
|
`var ${name} = document.createElementNS( '${local.namespace}', '${node.name}' );` :
|
|
|
`var ${name} = document.createElement( '${node.name}' );`;
|
|
|
|
|
|
if ( generator.cssId && !generator.current.elementDepth ) {
|
|
|
render += `\n${name}.setAttribute( '${generator.cssId}', '' );`;
|
|
|
}
|
|
|
|
|
|
local.init.unshift( render );
|
|
|
if ( isToplevel ) {
|
|
|
local.detach.push( `${name}.parentNode.removeChild( ${name} );` );
|
|
|
}
|
|
|
|
|
|
// special case – bound <option> without a value attribute
|
|
|
if ( node.name === 'option' && !node.attributes.find( attribute => attribute.type === 'Attribute' && attribute.name === 'value' ) ) { // TODO check it's bound
|
|
|
// const dynamic = node.children.length > 1 || node.children[0].type !== 'Text';
|
|
|
// TODO do this in init for static values... have to do it in `leave`, because they don't exist yet
|
|
|
local.update.push( `${name}.__value = ${name}.textContent` );
|
|
|
}
|
|
|
|
|
|
generator.current.initStatements.push( local.init.join( '\n' ) );
|
|
|
if ( local.update.length ) generator.current.updateStatements.push( local.update.join( '\n' ) );
|
|
|
if ( local.mount.length ) generator.current.mountStatements.push( local.mount.join( '\n' ) );
|
|
|
if ( local.detach.length ) generator.current.detachStatements.push( local.detach.join( '\n' ) );
|
|
|
generator.current.teardownStatements.push( local.teardown.join( '\n' ) );
|
|
|
|
|
|
generator.createMountStatement( name );
|
|
|
|
|
|
generator.push({
|
|
|
namespace: local.namespace,
|
|
|
target: name,
|
|
|
parent: generator.current,
|
|
|
elementDepth: generator.current.elementDepth + 1,
|
|
|
localElementDepth: generator.current.localElementDepth + 1
|
|
|
});
|
|
|
},
|
|
|
|
|
|
leave ( generator, node ) {
|
|
|
const isComponent = node.name in generator.components;
|
|
|
if ( isComponent ) {
|
|
|
return Component.leave( generator, node );
|
|
|
}
|
|
|
|
|
|
generator.pop();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function getConditionsAndBlocks ( generator, node, _name, i = 0 ) {
|
|
|
generator.addSourcemapLocations( node.expression );
|
|
|
const name = `${_name}_${i}`;
|
|
|
|
|
|
const conditionsAndBlocks = [{
|
|
|
condition: generator.contextualise( node.expression ).snippet,
|
|
|
block: name
|
|
|
}];
|
|
|
generator.generateBlock( node, name );
|
|
|
|
|
|
if ( node.else && node.else.children.length === 1 &&
|
|
|
node.else.children[0].type === 'IfBlock' ) {
|
|
|
conditionsAndBlocks.push(
|
|
|
...getConditionsAndBlocks( generator, node.else.children[0], _name, i + 1 ) );
|
|
|
} else {
|
|
|
const name = `${_name}_${i + 1}`;
|
|
|
conditionsAndBlocks.push({
|
|
|
condition: null,
|
|
|
block: node.else ? name : null,
|
|
|
});
|
|
|
if (node.else) {
|
|
|
generator.generateBlock( node.else, name );
|
|
|
}
|
|
|
}
|
|
|
return conditionsAndBlocks;
|
|
|
}
|
|
|
|
|
|
var IfBlock = {
|
|
|
enter ( generator, node ) {
|
|
|
const { params } = generator.current;
|
|
|
const name = generator.getUniqueName( `ifBlock` );
|
|
|
const getBlock = generator.getUniqueName( `getBlock` );
|
|
|
const currentBlock = generator.getUniqueName( `currentBlock` );
|
|
|
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
const conditionsAndBlocks = getConditionsAndBlocks( generator, node, generator.getUniqueName( `renderIfBlock` ) );
|
|
|
|
|
|
const anchor = generator.createAnchor( name, `#if ${generator.source.slice( node.expression.start, node.expression.end )}` );
|
|
|
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
function ${getBlock} ( ${params} ) {
|
|
|
${conditionsAndBlocks.map( ({ condition, block }) => {
|
|
|
return `${condition ? `if ( ${condition} ) ` : ''}return ${block};`;
|
|
|
} ).join( '\n' )}
|
|
|
}
|
|
|
|
|
|
var ${currentBlock} = ${getBlock}( ${params} );
|
|
|
var ${name} = ${currentBlock} && ${currentBlock}( ${params}, component );
|
|
|
` );
|
|
|
|
|
|
const mountStatement = `if ( ${name} ) ${name}.mount( ${anchor}.parentNode, ${anchor} );`;
|
|
|
if ( isToplevel ) {
|
|
|
generator.current.mountStatements.push( mountStatement );
|
|
|
} else {
|
|
|
generator.current.initStatements.push( mountStatement );
|
|
|
}
|
|
|
|
|
|
generator.current.updateStatements.push( deindent`
|
|
|
var _${currentBlock} = ${currentBlock};
|
|
|
${currentBlock} = ${getBlock}( ${params} );
|
|
|
if ( _${currentBlock} === ${currentBlock} && ${name}) {
|
|
|
${name}.update( changed, ${params} );
|
|
|
} else {
|
|
|
if ( ${name} ) ${name}.teardown( true );
|
|
|
${name} = ${currentBlock} && ${currentBlock}( ${params}, component );
|
|
|
if ( ${name} ) ${name}.mount( ${anchor}.parentNode, ${anchor} );
|
|
|
}
|
|
|
` );
|
|
|
|
|
|
generator.current.teardownStatements.push( deindent`
|
|
|
if ( ${name} ) ${name}.teardown( ${isToplevel ? 'detach' : 'false'} );
|
|
|
` );
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var MustacheTag = {
|
|
|
enter ( generator, node ) {
|
|
|
const name = generator.current.getUniqueName( 'text' );
|
|
|
|
|
|
generator.addSourcemapLocations( node.expression );
|
|
|
const { snippet } = generator.contextualise( node.expression );
|
|
|
|
|
|
generator.addElement( name, `document.createTextNode( ${snippet} )`, true );
|
|
|
|
|
|
generator.current.updateStatements.push( deindent`
|
|
|
${name}.data = ${snippet};
|
|
|
` );
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var RawMustacheTag = {
|
|
|
enter ( generator, node ) {
|
|
|
const name = generator.current.getUniqueName( 'raw' );
|
|
|
|
|
|
generator.addSourcemapLocations( node.expression );
|
|
|
const { snippet } = generator.contextualise( node.expression );
|
|
|
|
|
|
// we would have used comments here, but the `insertAdjacentHTML` api only
|
|
|
// exists for `Element`s.
|
|
|
const before = `${name}_before`;
|
|
|
generator.addElement( before, `document.createElement( 'noscript' )`, true );
|
|
|
const after = `${name}_after`;
|
|
|
generator.addElement( after, `document.createElement( 'noscript' )`, true );
|
|
|
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
|
|
|
const mountStatement = deindent`
|
|
|
${before}.insertAdjacentHTML( 'afterend', ${snippet} );
|
|
|
`;
|
|
|
const detachStatement = deindent`
|
|
|
while ( ${before}.nextSibling && ${before}.nextSibling !== ${after} ) {
|
|
|
${before}.parentNode.removeChild( ${before}.nextSibling );
|
|
|
}
|
|
|
`;
|
|
|
|
|
|
if ( isToplevel ) {
|
|
|
generator.current.mountStatements.push(mountStatement);
|
|
|
} else {
|
|
|
generator.current.initStatements.push(mountStatement);
|
|
|
}
|
|
|
|
|
|
generator.current.updateStatements.push( deindent`
|
|
|
${detachStatement}
|
|
|
${mountStatement}
|
|
|
` );
|
|
|
|
|
|
if ( isToplevel ) {
|
|
|
const { detachStatements } = generator.current;
|
|
|
// we need `before` and `after` to still be in the DOM when running the
|
|
|
// detach code, so splice in the detach code *before* detaching
|
|
|
// `before`/`after`.
|
|
|
detachStatements.splice( detachStatements.length - 2, 0, detachStatement);
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var Text = {
|
|
|
enter ( generator, node ) {
|
|
|
if ( generator.current.namespace && !/\S/.test( node.data ) ) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
const name = generator.current.getUniqueName( `text` );
|
|
|
generator.addElement( name, `document.createTextNode( ${JSON.stringify( node.data )} )` );
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var YieldTag = {
|
|
|
enter ( generator ) {
|
|
|
const anchor = generator.createAnchor( 'yield', 'yield' );
|
|
|
generator.current.mountStatements.push(`component.yield && component.yield.mount( ${generator.current.target}, ${anchor} );`);
|
|
|
generator.current.teardownStatements.push(`component.yield && component.yield.teardown( detach );`);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var visitors = {
|
|
|
Comment,
|
|
|
EachBlock,
|
|
|
Element,
|
|
|
IfBlock,
|
|
|
MustacheTag,
|
|
|
RawMustacheTag,
|
|
|
Text,
|
|
|
YieldTag
|
|
|
};
|
|
|
|
|
|
// largely borrowed from Ractive – https://github.com/ractivejs/ractive/blob/2ec648aaf5296bb88c21812e947e0e42fcc456e3/src/Ractive/config/custom/css/transform.js
|
|
|
const selectorsPattern = /(?:^|\})?\s*([^\{\}]+)\s*\{/g;
|
|
|
const commentsPattern = /\/\*.*?\*\//g;
|
|
|
const selectorUnitPattern = /((?:(?:\[[^\]+]\])|(?:[^\s\+\>~:]))+)((?:::?[^\s\+\>\~\(:]+(?:\([^\)]+\))?)*\s*[\s\+\>\~]?)\s*/g;
|
|
|
const excludePattern = /^(?:@|\d+%)/;
|
|
|
|
|
|
function transformSelector ( selector, parent ) {
|
|
|
const selectorUnits = [];
|
|
|
let match;
|
|
|
|
|
|
while ( match = selectorUnitPattern.exec( selector ) ) {
|
|
|
selectorUnits.push({
|
|
|
str: match[0],
|
|
|
base: match[1],
|
|
|
modifiers: match[2]
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// For each simple selector within the selector, we need to create a version
|
|
|
// that a) combines with the id, and b) is inside the id
|
|
|
const base = selectorUnits.map( unit => unit.str );
|
|
|
|
|
|
const transformed = [];
|
|
|
let i = selectorUnits.length;
|
|
|
|
|
|
while ( i-- ) {
|
|
|
const appended = base.slice();
|
|
|
|
|
|
// Pseudo-selectors should go after the attribute selector
|
|
|
const unit = selectorUnits[i];
|
|
|
appended[i] = unit.base + parent + unit.modifiers || '';
|
|
|
|
|
|
const prepended = base.slice();
|
|
|
prepended[i] = parent + ' ' + prepended[i];
|
|
|
|
|
|
transformed.push( appended.join( ' ' ), prepended.join( ' ' ) );
|
|
|
}
|
|
|
|
|
|
return transformed.join( ', ' );
|
|
|
}
|
|
|
|
|
|
function transformCss ( css, hash ) {
|
|
|
const attr = `[svelte-${hash}]`;
|
|
|
|
|
|
return css
|
|
|
.replace( commentsPattern, '' )
|
|
|
.replace( selectorsPattern, ( match, $1 ) => {
|
|
|
// don't transform at-rules and keyframe declarations
|
|
|
if ( excludePattern.test( $1 ) ) return match;
|
|
|
|
|
|
const selectors = $1.split( ',' ).map( selector => selector.trim() );
|
|
|
const transformed = selectors
|
|
|
.map( selector => transformSelector( selector, attr ) )
|
|
|
.join( ', ' ) + ' ';
|
|
|
|
|
|
return match.replace( $1, transformed );
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function process ( parsed ) {
|
|
|
const scoped = transformCss( spaces( parsed.css.content.start ) + parsed.css.content.styles, parsed.hash );
|
|
|
|
|
|
return deindent`
|
|
|
let addedCss = false;
|
|
|
function addCss () {
|
|
|
var style = document.createElement( 'style' );
|
|
|
style.textContent = ${JSON.stringify( scoped )};
|
|
|
document.head.appendChild( style );
|
|
|
|
|
|
addedCss = true;
|
|
|
}
|
|
|
`;
|
|
|
}
|
|
|
|
|
|
function generate ( parsed, source, options, names ) {
|
|
|
const format = options.format || 'es';
|
|
|
const renderers = [];
|
|
|
|
|
|
const generator = {
|
|
|
addElement ( name, renderStatement, needsIdentifier = false ) {
|
|
|
const isToplevel = generator.current.localElementDepth === 0;
|
|
|
if ( needsIdentifier || isToplevel ) {
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
var ${name} = ${renderStatement};
|
|
|
` );
|
|
|
generator.createMountStatement( name );
|
|
|
} else {
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
${generator.current.target}.appendChild( ${renderStatement} );
|
|
|
` );
|
|
|
}
|
|
|
if ( isToplevel ) {
|
|
|
generator.current.detachStatements.push( deindent`
|
|
|
${name}.parentNode.removeChild( ${name} );
|
|
|
` );
|
|
|
}
|
|
|
},
|
|
|
|
|
|
createMountStatement ( name ) {
|
|
|
if ( generator.current.target === 'target' ) {
|
|
|
generator.current.mountStatements.push( deindent`
|
|
|
target.insertBefore( ${name}, anchor );
|
|
|
` );
|
|
|
} else {
|
|
|
generator.current.initStatements.push( deindent`
|
|
|
${generator.current.target}.appendChild( ${name} );
|
|
|
` );
|
|
|
}
|
|
|
},
|
|
|
|
|
|
createAnchor ( _name, description = '' ) {
|
|
|
const name = `${_name}_anchor`;
|
|
|
const statement = `document.createComment( ${JSON.stringify( description )} )`;
|
|
|
generator.addElement( name, statement, true );
|
|
|
return name;
|
|
|
},
|
|
|
|
|
|
generateBlock ( node, name ) {
|
|
|
generator.push({
|
|
|
name,
|
|
|
target: 'target',
|
|
|
localElementDepth: 0,
|
|
|
|
|
|
initStatements: [],
|
|
|
mountStatements: [],
|
|
|
updateStatements: [],
|
|
|
detachStatements: [],
|
|
|
teardownStatements: [],
|
|
|
|
|
|
getUniqueName: generator.getUniqueNameMaker()
|
|
|
});
|
|
|
// walk the children here
|
|
|
node.children.forEach( generator.visit );
|
|
|
generator.addRenderer( generator.current );
|
|
|
generator.pop();
|
|
|
// unset the children, to avoid them being visited again
|
|
|
node.children = [];
|
|
|
},
|
|
|
|
|
|
addRenderer ( fragment ) {
|
|
|
if ( fragment.autofocus ) {
|
|
|
fragment.initStatements.push( `${fragment.autofocus}.focus();` );
|
|
|
}
|
|
|
|
|
|
const detachStatements = fragment.detachStatements.join( '\n\n' );
|
|
|
const teardownStatements = fragment.teardownStatements.join( '\n\n' );
|
|
|
|
|
|
const detachBlock = deindent`
|
|
|
if ( detach ) {
|
|
|
${detachStatements}
|
|
|
}
|
|
|
`;
|
|
|
|
|
|
const teardownBlock = deindent`
|
|
|
${teardownStatements}${detachStatements ? `\n\n${detachBlock}` : ``}
|
|
|
`;
|
|
|
|
|
|
renderers.push( deindent`
|
|
|
function ${fragment.name} ( ${fragment.params}, component ) {
|
|
|
${fragment.initStatements.join( '\n\n' )}
|
|
|
|
|
|
return {
|
|
|
mount: function ( target, anchor ) {
|
|
|
${fragment.mountStatements.join( '\n\n' )}
|
|
|
},
|
|
|
|
|
|
update: function ( changed, ${fragment.params} ) {
|
|
|
${fragment.updateStatements.join( '\n\n' )}
|
|
|
},
|
|
|
|
|
|
teardown: function ( detach ) {
|
|
|
${teardownBlock}
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
` );
|
|
|
},
|
|
|
|
|
|
addSourcemapLocations ( node ) {
|
|
|
walk( node, {
|
|
|
enter ( node ) {
|
|
|
generator.code.addSourcemapLocation( node.start );
|
|
|
generator.code.addSourcemapLocation( node.end );
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
code: new MagicString__default( source ),
|
|
|
|
|
|
components: {},
|
|
|
|
|
|
contextualise ( expression, isEventHandler ) {
|
|
|
const usedContexts = [];
|
|
|
const dependencies = [];
|
|
|
|
|
|
const { contextDependencies, contexts, indexes } = generator.current;
|
|
|
|
|
|
walk( expression, {
|
|
|
enter ( node, parent ) {
|
|
|
if ( isReference( node, parent ) ) {
|
|
|
const { name } = flatten( node );
|
|
|
|
|
|
if ( parent && parent.type === 'CallExpression' && node === parent.callee ) {
|
|
|
if ( generator.helpers[ name ] ) generator.code.prependRight( node.start, `template.helpers.` );
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if ( name === 'event' && isEventHandler ) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if ( contexts[ name ] ) {
|
|
|
dependencies.push( ...contextDependencies[ name ] );
|
|
|
if ( !~usedContexts.indexOf( name ) ) usedContexts.push( name );
|
|
|
} else if ( indexes[ name ] ) {
|
|
|
const context = indexes[ name ];
|
|
|
if ( !~usedContexts.indexOf( context ) ) usedContexts.push( context );
|
|
|
} else {
|
|
|
dependencies.push( name );
|
|
|
generator.code.prependRight( node.start, `root.` );
|
|
|
if ( !~usedContexts.indexOf( 'root' ) ) usedContexts.push( 'root' );
|
|
|
}
|
|
|
|
|
|
this.skip();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
return {
|
|
|
dependencies,
|
|
|
contexts: usedContexts,
|
|
|
snippet: `[✂${expression.start}-${expression.end}✂]`,
|
|
|
string: generator.code.slice( expression.start, expression.end )
|
|
|
};
|
|
|
},
|
|
|
|
|
|
events: {},
|
|
|
|
|
|
getUniqueName: counter( names ),
|
|
|
|
|
|
getUniqueNameMaker () {
|
|
|
return counter( names );
|
|
|
},
|
|
|
|
|
|
cssId: parsed.css ? `svelte-${parsed.hash}` : '',
|
|
|
|
|
|
helpers: {},
|
|
|
|
|
|
pop () {
|
|
|
const tail = generator.current;
|
|
|
generator.current = tail.parent;
|
|
|
|
|
|
return tail;
|
|
|
},
|
|
|
|
|
|
push ( fragment ) {
|
|
|
const newFragment = Object.assign( {}, generator.current, fragment, {
|
|
|
parent: generator.current
|
|
|
});
|
|
|
|
|
|
generator.current = newFragment;
|
|
|
},
|
|
|
|
|
|
usesRefs: false,
|
|
|
|
|
|
source,
|
|
|
|
|
|
visit ( node ) {
|
|
|
const visitor = visitors[ node.type ];
|
|
|
if ( !visitor ) throw new Error( `Not implemented: ${node.type}` );
|
|
|
|
|
|
if ( visitor.enter ) visitor.enter( generator, node );
|
|
|
|
|
|
if ( node.children ) {
|
|
|
node.children.forEach( child => {
|
|
|
generator.visit( child );
|
|
|
});
|
|
|
}
|
|
|
|
|
|
if ( visitor.leave ) visitor.leave( generator, node );
|
|
|
}
|
|
|
};
|
|
|
|
|
|
const templateProperties = {};
|
|
|
const imports = [];
|
|
|
|
|
|
if ( parsed.js ) {
|
|
|
generator.addSourcemapLocations( parsed.js.content );
|
|
|
|
|
|
// imports need to be hoisted out of the IIFE
|
|
|
for ( let i = 0; i < parsed.js.content.body.length; i += 1 ) {
|
|
|
const node = parsed.js.content.body[i];
|
|
|
if ( node.type === 'ImportDeclaration' ) {
|
|
|
let a = node.start;
|
|
|
let b = node.end;
|
|
|
while ( /[ \t]/.test( source[ a - 1 ] ) ) a -= 1;
|
|
|
while ( source[b] === '\n' ) b += 1;
|
|
|
|
|
|
//imports.push( source.slice( a, b ).replace( /^\s/, '' ) );
|
|
|
imports.push( node );
|
|
|
generator.code.remove( a, b );
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const defaultExport = parsed.js.content.body.find( node => node.type === 'ExportDefaultDeclaration' );
|
|
|
|
|
|
if ( defaultExport ) {
|
|
|
const finalNode = parsed.js.content.body[ parsed.js.content.body.length - 1 ];
|
|
|
if ( defaultExport === finalNode ) {
|
|
|
// export is last property, we can just return it
|
|
|
generator.code.overwrite( defaultExport.start, defaultExport.declaration.start, `return ` );
|
|
|
} else {
|
|
|
// TODO ensure `template` isn't already declared
|
|
|
generator.code.overwrite( defaultExport.start, defaultExport.declaration.start, `var template = ` );
|
|
|
|
|
|
let i = defaultExport.start;
|
|
|
while ( /\s/.test( source[ i - 1 ] ) ) i--;
|
|
|
|
|
|
const indentation = source.slice( i, defaultExport.start );
|
|
|
generator.code.appendLeft( finalNode.end, `\n\n${indentation}return template;` );
|
|
|
}
|
|
|
|
|
|
defaultExport.declaration.properties.forEach( prop => {
|
|
|
templateProperties[ prop.key.name ] = prop.value;
|
|
|
});
|
|
|
|
|
|
generator.code.prependRight( parsed.js.content.start, 'var template = (function () {' );
|
|
|
} else {
|
|
|
generator.code.prependRight( parsed.js.content.start, '(function () {' );
|
|
|
}
|
|
|
|
|
|
generator.code.appendLeft( parsed.js.content.end, '}());' );
|
|
|
|
|
|
[ 'helpers', 'events', 'components' ].forEach( key => {
|
|
|
if ( templateProperties[ key ] ) {
|
|
|
templateProperties[ key ].properties.forEach( prop => {
|
|
|
generator[ key ][ prop.key.name ] = prop.value;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
generator.push({
|
|
|
name: 'renderMainFragment',
|
|
|
namespace: null,
|
|
|
target: 'target',
|
|
|
elementDepth: 0,
|
|
|
localElementDepth: 0,
|
|
|
|
|
|
initStatements: [],
|
|
|
mountStatements: [],
|
|
|
updateStatements: [],
|
|
|
detachStatements: [],
|
|
|
teardownStatements: [],
|
|
|
|
|
|
contexts: {},
|
|
|
indexes: {},
|
|
|
|
|
|
params: 'root',
|
|
|
indexNames: {},
|
|
|
listNames: {},
|
|
|
|
|
|
getUniqueName: generator.getUniqueNameMaker()
|
|
|
});
|
|
|
|
|
|
parsed.html.children.forEach( generator.visit );
|
|
|
|
|
|
generator.addRenderer( generator.pop() );
|
|
|
|
|
|
const topLevelStatements = [];
|
|
|
|
|
|
const setStatements = [ deindent`
|
|
|
var oldState = state;
|
|
|
state = Object.assign( {}, oldState, newState );
|
|
|
` ];
|
|
|
|
|
|
if ( templateProperties.computed ) {
|
|
|
const statements = [];
|
|
|
const dependencies = new Map();
|
|
|
|
|
|
templateProperties.computed.properties.forEach( prop => {
|
|
|
const key = prop.key.name;
|
|
|
const value = prop.value;
|
|
|
|
|
|
const deps = value.params.map( param => param.name );
|
|
|
dependencies.set( key, deps );
|
|
|
});
|
|
|
|
|
|
const visited = new Set();
|
|
|
|
|
|
function visit ( key ) {
|
|
|
if ( !dependencies.has( key ) ) return; // not a computation
|
|
|
|
|
|
if ( visited.has( key ) ) return;
|
|
|
visited.add( key );
|
|
|
|
|
|
const deps = dependencies.get( key );
|
|
|
deps.forEach( visit );
|
|
|
|
|
|
statements.push( deindent`
|
|
|
if ( ${deps.map( dep => `( '${dep}' in newState && typeof state.${dep} === 'object' || state.${dep} !== oldState.${dep} )` ).join( ' || ' )} ) {
|
|
|
state.${key} = newState.${key} = template.computed.${key}( ${deps.map( dep => `state.${dep}` ).join( ', ' )} );
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
templateProperties.computed.properties.forEach( prop => visit( prop.key.name ) );
|
|
|
|
|
|
topLevelStatements.push( deindent`
|
|
|
function applyComputations ( state, newState, oldState ) {
|
|
|
${statements.join( '\n\n' )}
|
|
|
}
|
|
|
` );
|
|
|
|
|
|
setStatements.push( `applyComputations( state, newState, oldState )` );
|
|
|
}
|
|
|
|
|
|
setStatements.push( deindent`
|
|
|
dispatchObservers( observers.immediate, newState, oldState );
|
|
|
if ( mainFragment ) mainFragment.update( newState, state );
|
|
|
dispatchObservers( observers.deferred, newState, oldState );
|
|
|
` );
|
|
|
|
|
|
const importBlock = imports
|
|
|
.map( ( declaration, i ) => {
|
|
|
if ( format === 'es' ) {
|
|
|
return source.slice( declaration.start, declaration.end );
|
|
|
}
|
|
|
|
|
|
const defaultImport = declaration.specifiers.find( x => x.type === 'ImportDefaultSpecifier' || x.type === 'ImportSpecifier' && x.imported.name === 'default' );
|
|
|
const namespaceImport = declaration.specifiers.find( x => x.type === 'ImportNamespaceSpecifier' );
|
|
|
const namedImports = declaration.specifiers.filter( x => x.type === 'ImportSpecifier' && x.imported.name !== 'default' );
|
|
|
|
|
|
const name = ( defaultImport || namespaceImport ) ? ( defaultImport || namespaceImport ).local.name : `__import${i}`;
|
|
|
declaration.name = name; // hacky but makes life a bit easier later
|
|
|
|
|
|
const statements = namedImports.map( specifier => {
|
|
|
return `var ${specifier.local.name} = ${name}.${specifier.imported.name}`;
|
|
|
});
|
|
|
|
|
|
if ( defaultImport ) {
|
|
|
statements.push( `${name} = ( ${name} && ${name}.__esModule ) ? ${name}['default'] : ${name};` );
|
|
|
}
|
|
|
|
|
|
return statements.join( '\n' );
|
|
|
})
|
|
|
.filter( Boolean )
|
|
|
.join( '\n' );
|
|
|
|
|
|
if ( parsed.js ) {
|
|
|
if ( imports.length ) {
|
|
|
topLevelStatements.push( importBlock );
|
|
|
}
|
|
|
|
|
|
topLevelStatements.push( `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]` );
|
|
|
}
|
|
|
|
|
|
if ( parsed.css ) {
|
|
|
topLevelStatements.push( process( parsed ) );
|
|
|
}
|
|
|
|
|
|
topLevelStatements.push( ...renderers.reverse() );
|
|
|
|
|
|
const constructorName = options.name || 'SvelteComponent';
|
|
|
|
|
|
const initStatements = [];
|
|
|
|
|
|
if ( parsed.css ) {
|
|
|
initStatements.push( `if ( !addedCss ) addCss();` );
|
|
|
}
|
|
|
|
|
|
if ( generator.hasComponents ) {
|
|
|
initStatements.push( deindent`
|
|
|
this.__renderHooks = [];
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
if ( generator.hasComplexBindings ) {
|
|
|
initStatements.push( deindent`
|
|
|
this.__bindings = [];
|
|
|
var mainFragment = renderMainFragment( state, this );
|
|
|
if ( options.target ) this.mount( options.target );
|
|
|
while ( this.__bindings.length ) this.__bindings.pop()();
|
|
|
` );
|
|
|
|
|
|
setStatements.push( `while ( this.__bindings.length ) this.__bindings.pop()();` );
|
|
|
} else {
|
|
|
initStatements.push( deindent`
|
|
|
var mainFragment = renderMainFragment( state, this );
|
|
|
if ( options.target ) this.mount( options.target );
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
if ( generator.hasComponents ) {
|
|
|
const statement = deindent`
|
|
|
while ( this.__renderHooks.length ) {
|
|
|
var hook = this.__renderHooks.pop();
|
|
|
hook.fn.call( hook.context );
|
|
|
}
|
|
|
`;
|
|
|
|
|
|
initStatements.push( statement );
|
|
|
setStatements.push( statement );
|
|
|
}
|
|
|
|
|
|
if ( templateProperties.onrender ) {
|
|
|
initStatements.push( deindent`
|
|
|
if ( options.root ) {
|
|
|
options.root.__renderHooks.push({ fn: template.onrender, context: this });
|
|
|
} else {
|
|
|
template.onrender.call( this );
|
|
|
}
|
|
|
` );
|
|
|
}
|
|
|
|
|
|
const initialState = templateProperties.data ? `Object.assign( template.data(), options.data )` : `options.data || {}`;
|
|
|
|
|
|
topLevelStatements.push( deindent`
|
|
|
function ${constructorName} ( options ) {
|
|
|
options = options || {};
|
|
|
|
|
|
var component = this;${generator.usesRefs ? `\nthis.refs = {}` : ``}
|
|
|
var state = ${initialState};${templateProperties.computed ? `\napplyComputations( state, state, {} );` : ``}
|
|
|
|
|
|
var observers = {
|
|
|
immediate: Object.create( null ),
|
|
|
deferred: Object.create( null )
|
|
|
};
|
|
|
|
|
|
var callbacks = Object.create( null );
|
|
|
|
|
|
function dispatchObservers ( group, newState, oldState ) {
|
|
|
for ( var key in group ) {
|
|
|
if ( !( key in newState ) ) continue;
|
|
|
|
|
|
var newValue = newState[ key ];
|
|
|
var oldValue = oldState[ key ];
|
|
|
|
|
|
if ( newValue === oldValue && typeof newValue !== 'object' ) continue;
|
|
|
|
|
|
var callbacks = group[ key ];
|
|
|
if ( !callbacks ) continue;
|
|
|
|
|
|
for ( var i = 0; i < callbacks.length; i += 1 ) {
|
|
|
var callback = callbacks[i];
|
|
|
if ( callback.__calling ) continue;
|
|
|
|
|
|
callback.__calling = true;
|
|
|
callback.call( component, newValue, oldValue );
|
|
|
callback.__calling = false;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
this.fire = function fire ( eventName, data ) {
|
|
|
var handlers = eventName in callbacks && callbacks[ eventName ].slice();
|
|
|
if ( !handlers ) return;
|
|
|
|
|
|
for ( var i = 0; i < handlers.length; i += 1 ) {
|
|
|
handlers[i].call( this, data );
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.get = function get ( key ) {
|
|
|
return key ? state[ key ] : state;
|
|
|
};
|
|
|
|
|
|
this.set = function set ( newState ) {
|
|
|
${setStatements.join( '\n\n' )}
|
|
|
};
|
|
|
|
|
|
this.mount = function mount ( target, anchor ) {
|
|
|
mainFragment.mount( target, anchor );
|
|
|
}
|
|
|
|
|
|
this.observe = function ( key, callback, options ) {
|
|
|
var group = ( options && options.defer ) ? observers.deferred : observers.immediate;
|
|
|
|
|
|
( group[ key ] || ( group[ key ] = [] ) ).push( callback );
|
|
|
|
|
|
if ( !options || options.init !== false ) {
|
|
|
callback.__calling = true;
|
|
|
callback.call( component, state[ key ] );
|
|
|
callback.__calling = false;
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
cancel: function () {
|
|
|
var index = group[ key ].indexOf( callback );
|
|
|
if ( ~index ) group[ key ].splice( index, 1 );
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
this.on = function on ( eventName, handler ) {
|
|
|
var handlers = callbacks[ eventName ] || ( callbacks[ eventName ] = [] );
|
|
|
handlers.push( handler );
|
|
|
|
|
|
return {
|
|
|
cancel: function () {
|
|
|
var index = handlers.indexOf( handler );
|
|
|
if ( ~index ) handlers.splice( index, 1 );
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
this.teardown = function teardown ( detach ) {
|
|
|
this.fire( 'teardown' );${templateProperties.onteardown ? `\ntemplate.onteardown.call( this );` : ``}
|
|
|
|
|
|
mainFragment.teardown( detach !== false );
|
|
|
mainFragment = null;
|
|
|
|
|
|
state = {};
|
|
|
};
|
|
|
|
|
|
this.root = options.root;
|
|
|
this.yield = options.yield;
|
|
|
|
|
|
${initStatements.join( '\n\n' )}
|
|
|
}
|
|
|
` );
|
|
|
|
|
|
if ( templateProperties.methods ) {
|
|
|
topLevelStatements.push( `${constructorName}.prototype = template.methods;` );
|
|
|
}
|
|
|
|
|
|
const result = topLevelStatements.join( '\n\n' );
|
|
|
|
|
|
const pattern = /\[✂(\d+)-(\d+)$/;
|
|
|
|
|
|
const parts = result.split( '✂]' );
|
|
|
const finalChunk = parts.pop();
|
|
|
|
|
|
const compiled = new MagicString.Bundle({ separator: '' });
|
|
|
|
|
|
function addString ( str ) {
|
|
|
compiled.addSource({
|
|
|
content: new MagicString__default( str )
|
|
|
});
|
|
|
}
|
|
|
|
|
|
const intro = getIntro( format, options, imports );
|
|
|
if ( intro ) addString( intro );
|
|
|
|
|
|
// a filename is necessary for sourcemap generation
|
|
|
const filename = options.filename || 'SvelteComponent.html';
|
|
|
|
|
|
parts.forEach( str => {
|
|
|
const chunk = str.replace( pattern, '' );
|
|
|
if ( chunk ) addString( chunk );
|
|
|
|
|
|
const match = pattern.exec( str );
|
|
|
|
|
|
const snippet = generator.code.snip( +match[1], +match[2] );
|
|
|
|
|
|
compiled.addSource({
|
|
|
filename,
|
|
|
content: snippet
|
|
|
});
|
|
|
});
|
|
|
|
|
|
addString( finalChunk );
|
|
|
addString( '\n\n' + getOutro( format, constructorName, options, imports ) );
|
|
|
|
|
|
return {
|
|
|
code: compiled.toString(),
|
|
|
map: compiled.generateMap({ includeContent: true })
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function compile ( source, options = {} ) {
|
|
|
const parsed = parse( source, options );
|
|
|
|
|
|
if ( !options.onwarn ) {
|
|
|
options.onwarn = warning => {
|
|
|
if ( warning.loc ) {
|
|
|
console.warn( `(${warning.loc.line}:${warning.loc.column}) – ${warning.message}` ); // eslint-disable-line no-console
|
|
|
} else {
|
|
|
console.warn( warning.message ); // eslint-disable-line no-console
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
|
|
|
const { names } = validate( parsed, source, options );
|
|
|
|
|
|
return generate( parsed, source, options, names );
|
|
|
}
|
|
|
|
|
|
exports.compile = compile;
|
|
|
exports.parse = parse;
|
|
|
exports.validate = validate;
|
|
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
|
|
})));
|
|
|
//# sourceMappingURL=svelte.js.map
|