\");\n\n if (options.langId) {\n html += \"\".concat(options.langId, \"\");\n }\n\n html += \"\";\n lines.forEach(function (l) {\n html += \"\";\n l.forEach(function (token) {\n html += \"\").concat(escapeHtml(token.content), \"\");\n });\n html += \"\\n\";\n });\n html = html.replace(/\\n*$/, ''); // Get rid of final new lines\n\n html += \"\";\n return html;\n}\n\nvar htmlEscapes = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": '''\n};\n\nfunction escapeHtml(html) {\n return html.replace(/[&<>\"']/g, function (chr) {\n return htmlEscapes[chr];\n });\n}\n\nvar Registry = /*#__PURE__*/function (_Registry$) {\n _inherits(Registry, _Registry$);\n\n var _super = _createSuper(Registry);\n\n function Registry(_resolver) {\n var _this2;\n\n _classCallCheck(this, Registry);\n\n _this2 = _super.call(this, _resolver);\n _this2._resolver = _resolver;\n _this2.themesPath = 'themes/';\n _this2._resolvedThemes = {};\n _this2._resolvedGammer = {};\n return _this2;\n }\n\n _createClass(Registry, [{\n key: \"getTheme\",\n value: function getTheme(theme) {\n if (typeof theme === 'string') {\n return this._resolvedThemes[theme];\n } else {\n return theme;\n }\n }\n }, {\n key: \"loadTheme\",\n value: function () {\n var _loadTheme = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(theme) {\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n if (!(typeof theme === 'string')) {\n _context2.next = 8;\n break;\n }\n\n if (this._resolvedThemes[theme]) {\n _context2.next = 5;\n break;\n }\n\n _context2.next = 4;\n return fetchTheme(\"\".concat(this.themesPath).concat(theme, \".json\"));\n\n case 4:\n this._resolvedThemes[theme] = _context2.sent;\n\n case 5:\n return _context2.abrupt(\"return\", this._resolvedThemes[theme]);\n\n case 8:\n theme = toShikiTheme(theme);\n\n if (theme.name) {\n this._resolvedThemes[theme.name] = theme;\n }\n\n return _context2.abrupt(\"return\", theme);\n\n case 11:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n }));\n\n function loadTheme(_x6) {\n return _loadTheme.apply(this, arguments);\n }\n\n return loadTheme;\n }()\n }, {\n key: \"loadThemes\",\n value: function () {\n var _loadThemes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(themes) {\n var _this3 = this;\n\n return _regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.next = 2;\n return Promise.all(themes.map(function (theme) {\n return _this3.loadTheme(theme);\n }));\n\n case 2:\n return _context3.abrupt(\"return\", _context3.sent);\n\n case 3:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3);\n }));\n\n function loadThemes(_x7) {\n return _loadThemes.apply(this, arguments);\n }\n\n return loadThemes;\n }()\n }, {\n key: \"getGrammer\",\n value: function getGrammer(name) {\n return this._resolvedGammer[name];\n }\n }, {\n key: \"loadLanguage\",\n value: function () {\n var _loadLanguage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(lang) {\n var _this4 = this;\n\n var g;\n return _regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n _context4.next = 2;\n return this.loadGrammar(lang.scopeName);\n\n case 2:\n g = _context4.sent;\n this._resolvedGammer[lang.id] = g;\n\n if (lang.aliases) {\n lang.aliases.forEach(function (la) {\n _this4._resolvedGammer[la] = g;\n });\n }\n\n case 5:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4, this);\n }));\n\n function loadLanguage(_x8) {\n return _loadLanguage.apply(this, arguments);\n }\n\n return loadLanguage;\n }()\n }, {\n key: \"loadLanguages\",\n value: function () {\n var _loadLanguages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(langs) {\n var _iterator, _step, lang, _iterator2, _step2, _lang2;\n\n return _regeneratorRuntime.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n _iterator = _createForOfIteratorHelper(langs);\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n lang = _step.value;\n\n this._resolver.addLanguage(lang);\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n _iterator2 = _createForOfIteratorHelper(langs);\n _context5.prev = 3;\n\n _iterator2.s();\n\n case 5:\n if ((_step2 = _iterator2.n()).done) {\n _context5.next = 11;\n break;\n }\n\n _lang2 = _step2.value;\n _context5.next = 9;\n return this.loadLanguage(_lang2);\n\n case 9:\n _context5.next = 5;\n break;\n\n case 11:\n _context5.next = 16;\n break;\n\n case 13:\n _context5.prev = 13;\n _context5.t0 = _context5[\"catch\"](3);\n\n _iterator2.e(_context5.t0);\n\n case 16:\n _context5.prev = 16;\n\n _iterator2.f();\n\n return _context5.finish(16);\n\n case 19:\n case \"end\":\n return _context5.stop();\n }\n }\n }, _callee5, this, [[3, 13, 16, 19]]);\n }));\n\n function loadLanguages(_x9) {\n return _loadLanguages.apply(this, arguments);\n }\n\n return loadLanguages;\n }()\n }]);\n\n return Registry;\n}(Registry$1);\n\nfunction resolveLang(lang) {\n return typeof lang === 'string' ? languages.find(function (l) {\n var _a;\n\n return l.id === lang || ((_a = l.aliases) === null || _a === void 0 ? void 0 : _a.includes(lang));\n }) : lang;\n}\n\nfunction resolveOptions(options) {\n var _a;\n\n var _languages = languages;\n\n var _themes = options.themes || [];\n\n if ((_a = options.langs) === null || _a === void 0 ? void 0 : _a.length) {\n _languages = options.langs.map(resolveLang);\n }\n\n if (options.theme) {\n _themes.unshift(options.theme);\n }\n\n if (!_themes.length) {\n _themes = ['nord'];\n }\n\n return {\n _languages: _languages,\n _themes: _themes\n };\n}\n\nfunction getHighlighter(_x10) {\n return _getHighlighter.apply(this, arguments);\n}\n\nfunction _getHighlighter() {\n _getHighlighter = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(options) {\n var _a, _b, _resolveOptions, _languages, _themes, _resolver, _registry, themes, _defaultTheme, getTheme, getGrammer, codeToThemedTokens, codeToHtml, loadTheme, _loadTheme2, loadLanguage, _loadLanguage2, getBackgroundColor, getForegroundColor;\n\n return _regeneratorRuntime.wrap(function _callee13$(_context13) {\n while (1) {\n switch (_context13.prev = _context13.next) {\n case 0:\n getForegroundColor = function _getForegroundColor(theme) {\n var _getTheme4 = getTheme(theme),\n _theme = _getTheme4._theme;\n\n return _theme.fg;\n };\n\n getBackgroundColor = function _getBackgroundColor(theme) {\n var _getTheme3 = getTheme(theme),\n _theme = _getTheme3._theme;\n\n return _theme.bg;\n };\n\n _loadLanguage2 = function _loadLanguage4() {\n _loadLanguage2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(lang) {\n var _lang;\n\n return _regeneratorRuntime.wrap(function _callee12$(_context12) {\n while (1) {\n switch (_context12.prev = _context12.next) {\n case 0:\n _lang = resolveLang(lang);\n\n _resolver.addLanguage(_lang);\n\n _context12.next = 4;\n return _registry.loadLanguage(_lang);\n\n case 4:\n case \"end\":\n return _context12.stop();\n }\n }\n }, _callee12);\n }));\n return _loadLanguage2.apply(this, arguments);\n };\n\n loadLanguage = function _loadLanguage3(_x12) {\n return _loadLanguage2.apply(this, arguments);\n };\n\n _loadTheme2 = function _loadTheme4() {\n _loadTheme2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(theme) {\n return _regeneratorRuntime.wrap(function _callee11$(_context11) {\n while (1) {\n switch (_context11.prev = _context11.next) {\n case 0:\n _context11.next = 2;\n return _registry.loadTheme(theme);\n\n case 2:\n case \"end\":\n return _context11.stop();\n }\n }\n }, _callee11);\n }));\n return _loadTheme2.apply(this, arguments);\n };\n\n loadTheme = function _loadTheme3(_x11) {\n return _loadTheme2.apply(this, arguments);\n };\n\n codeToHtml = function _codeToHtml(code) {\n var lang = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'text';\n var theme = arguments.length > 2 ? arguments[2] : undefined;\n var tokens = codeToThemedTokens(code, lang, theme, {\n includeExplanation: false\n });\n\n var _getTheme2 = getTheme(theme),\n _theme = _getTheme2._theme;\n\n return renderToHtml(tokens, {\n fg: _theme.fg,\n bg: _theme.bg\n });\n };\n\n codeToThemedTokens = function _codeToThemedTokens(code) {\n var lang = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'text';\n var theme = arguments.length > 2 ? arguments[2] : undefined;\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {\n includeExplanation: true\n };\n\n if (isPlaintext(lang)) {\n return [[{\n content: code\n }]];\n }\n\n var _getGrammer = getGrammer(lang),\n _grammer = _getGrammer._grammer;\n\n var _getTheme = getTheme(theme),\n _theme = _getTheme._theme,\n _colorMap = _getTheme._colorMap;\n\n return tokenizeWithTheme(_theme, _colorMap, code, _grammer, options);\n };\n\n getGrammer = function _getGrammer2(lang) {\n var _grammer = _registry.getGrammer(lang);\n\n if (!_grammer) {\n throw Error(\"No language registration for \".concat(lang));\n }\n\n return {\n _grammer: _grammer\n };\n };\n\n getTheme = function _getTheme5(theme) {\n var _theme = theme ? _registry.getTheme(theme) : _defaultTheme;\n\n if (!_theme) {\n throw Error(\"No theme registration for \".concat(theme));\n }\n\n _registry.setTheme(_theme);\n\n var _colorMap = _registry.getColorMap();\n\n return {\n _theme: _theme,\n _colorMap: _colorMap\n };\n };\n\n _resolveOptions = resolveOptions(options), _languages = _resolveOptions._languages, _themes = _resolveOptions._themes;\n _resolver = new Resolver(getOnigasm(), 'onigasm');\n _registry = new Registry(_resolver);\n _context13.next = 15;\n return _registry.loadThemes(_themes);\n\n case 15:\n themes = _context13.sent;\n _defaultTheme = themes[0];\n _context13.next = 19;\n return _registry.loadLanguages(_languages);\n\n case 19:\n if ((_a = options.paths) === null || _a === void 0 ? void 0 : _a.themes) {\n _registry.themesPath = options.paths.themes;\n }\n\n if ((_b = options.paths) === null || _b === void 0 ? void 0 : _b.languages) {\n _resolver.languagesPath = options.paths.languages;\n }\n\n return _context13.abrupt(\"return\", {\n codeToThemedTokens: codeToThemedTokens,\n codeToHtml: codeToHtml,\n loadTheme: loadTheme,\n loadLanguage: loadLanguage,\n getBackgroundColor: getBackgroundColor,\n getForegroundColor: getForegroundColor\n });\n\n case 22:\n case \"end\":\n return _context13.stop();\n }\n }\n }, _callee13);\n }));\n return _getHighlighter.apply(this, arguments);\n}\n\nfunction isPlaintext(lang) {\n return !lang || ['plaintext', 'txt', 'text'].includes(lang);\n}\n\nexport { languages as BUNDLED_LANGUAGES, themes as BUNDLED_THEMES, getHighlighter, fetchTheme as loadTheme, renderToHtml, setCDN, setOnigasmWASM };","function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar hasLocalStorage = false;\n\ntry {\n hasLocalStorage = typeof localStorage !== \"undefined\";\n} catch (error) {}\n\nvar hasProcess = typeof process !== \"undefined\";\nvar shouldDebug = hasLocalStorage && /*#__PURE__*/localStorage.getItem(\"DEBUG\") || hasProcess && process.env.DEBUG;\nvar debugLog = shouldDebug ? console.log : function (_message) {\n return \"\";\n};\n/**\r\n * Makes a virtual copy of the TypeScript environment. This is the main API you want to be using with\r\n * @typescript/vfs. A lot of the other exposed functions are used by this function to get set up.\r\n *\r\n * @param sys an object which conforms to the TS Sys (a shim over read/write access to the fs)\r\n * @param rootFiles a list of files which are considered inside the project\r\n * @param ts a copy pf the TypeScript module\r\n * @param compilerOptions the options for this compiler run\r\n * @param customTransformers custom transformers for this compiler run\r\n */\n\nfunction createVirtualTypeScriptEnvironment(sys, rootFiles, ts, compilerOptions, customTransformers) {\n if (compilerOptions === void 0) {\n compilerOptions = {};\n }\n\n var mergedCompilerOpts = _extends({}, defaultCompilerOptions(ts), compilerOptions);\n\n var _createVirtualLanguag = createVirtualLanguageServiceHost(sys, rootFiles, mergedCompilerOpts, ts, customTransformers),\n languageServiceHost = _createVirtualLanguag.languageServiceHost,\n _updateFile = _createVirtualLanguag.updateFile;\n\n var languageService = ts.createLanguageService(languageServiceHost);\n var diagnostics = languageService.getCompilerOptionsDiagnostics();\n\n if (diagnostics.length) {\n var compilerHost = createVirtualCompilerHost(sys, compilerOptions, ts);\n throw new Error(ts.formatDiagnostics(diagnostics, compilerHost.compilerHost));\n }\n\n return {\n // @ts-ignore\n name: \"vfs\",\n sys: sys,\n languageService: languageService,\n getSourceFile: function getSourceFile(fileName) {\n var _languageService$getP;\n\n return (_languageService$getP = languageService.getProgram()) == null ? void 0 : _languageService$getP.getSourceFile(fileName);\n },\n createFile: function createFile(fileName, content) {\n _updateFile(ts.createSourceFile(fileName, content, mergedCompilerOpts.target, false));\n },\n updateFile: function updateFile(fileName, content, optPrevTextSpan) {\n var prevSourceFile = languageService.getProgram().getSourceFile(fileName);\n\n if (!prevSourceFile) {\n throw new Error(\"Did not find a source file for \" + fileName);\n }\n\n var prevFullContents = prevSourceFile.text; // TODO: Validate if the default text span has a fencepost error?\n\n var prevTextSpan = optPrevTextSpan != null ? optPrevTextSpan : ts.createTextSpan(0, prevFullContents.length);\n var newText = prevFullContents.slice(0, prevTextSpan.start) + content + prevFullContents.slice(prevTextSpan.start + prevTextSpan.length);\n var newSourceFile = ts.updateSourceFile(prevSourceFile, newText, {\n span: prevTextSpan,\n newLength: content.length\n });\n\n _updateFile(newSourceFile);\n }\n };\n}\n/**\r\n * Grab the list of lib files for a particular target, will return a bit more than necessary (by including\r\n * the dom) but that's OK\r\n *\r\n * @param target The compiler settings target baseline\r\n * @param ts A copy of the TypeScript module\r\n */\n\n\nvar knownLibFilesForCompilerOptions = function knownLibFilesForCompilerOptions(compilerOptions, ts) {\n var target = compilerOptions.target || ts.ScriptTarget.ES5;\n var lib = compilerOptions.lib || [];\n var files = [\"lib.d.ts\", \"lib.dom.d.ts\", \"lib.dom.iterable.d.ts\", \"lib.webworker.d.ts\", \"lib.webworker.importscripts.d.ts\", \"lib.scripthost.d.ts\", \"lib.es5.d.ts\", \"lib.es6.d.ts\", \"lib.es2015.collection.d.ts\", \"lib.es2015.core.d.ts\", \"lib.es2015.d.ts\", \"lib.es2015.generator.d.ts\", \"lib.es2015.iterable.d.ts\", \"lib.es2015.promise.d.ts\", \"lib.es2015.proxy.d.ts\", \"lib.es2015.reflect.d.ts\", \"lib.es2015.symbol.d.ts\", \"lib.es2015.symbol.wellknown.d.ts\", \"lib.es2016.array.include.d.ts\", \"lib.es2016.d.ts\", \"lib.es2016.full.d.ts\", \"lib.es2017.d.ts\", \"lib.es2017.full.d.ts\", \"lib.es2017.intl.d.ts\", \"lib.es2017.object.d.ts\", \"lib.es2017.sharedmemory.d.ts\", \"lib.es2017.string.d.ts\", \"lib.es2017.typedarrays.d.ts\", \"lib.es2018.asyncgenerator.d.ts\", \"lib.es2018.asynciterable.d.ts\", \"lib.es2018.d.ts\", \"lib.es2018.full.d.ts\", \"lib.es2018.intl.d.ts\", \"lib.es2018.promise.d.ts\", \"lib.es2018.regexp.d.ts\", \"lib.es2019.array.d.ts\", \"lib.es2019.d.ts\", \"lib.es2019.full.d.ts\", \"lib.es2019.object.d.ts\", \"lib.es2019.string.d.ts\", \"lib.es2019.symbol.d.ts\", \"lib.es2020.d.ts\", \"lib.es2020.full.d.ts\", \"lib.es2020.string.d.ts\", \"lib.es2020.symbol.wellknown.d.ts\", \"lib.es2020.bigint.d.ts\", \"lib.es2020.promise.d.ts\", \"lib.es2020.sharedmemory.d.ts\", \"lib.es2020.intl.d.ts\", \"lib.esnext.array.d.ts\", \"lib.esnext.asynciterable.d.ts\", \"lib.esnext.bigint.d.ts\", \"lib.esnext.d.ts\", \"lib.esnext.full.d.ts\", \"lib.esnext.intl.d.ts\", \"lib.esnext.symbol.d.ts\"];\n var targetToCut = ts.ScriptTarget[target];\n var matches = files.filter(function (f) {\n return f.startsWith(\"lib.\" + targetToCut.toLowerCase());\n });\n var targetCutIndex = files.indexOf(matches.pop());\n\n var getMax = function getMax(array) {\n return array && array.length ? array.reduce(function (max, current) {\n return current > max ? current : max;\n }) : undefined;\n }; // Find the index for everything in\n\n\n var indexesForCutting = lib.map(function (lib) {\n var matches = files.filter(function (f) {\n return f.startsWith(\"lib.\" + lib.toLowerCase());\n });\n if (matches.length === 0) return 0;\n var cutIndex = files.indexOf(matches.pop());\n return cutIndex;\n });\n var libCutIndex = getMax(indexesForCutting) || 0;\n var finalCutIndex = Math.max(targetCutIndex, libCutIndex);\n return files.slice(0, finalCutIndex + 1);\n};\n/**\r\n * Sets up a Map with lib contents by grabbing the necessary files from\r\n * the local copy of typescript via the file system.\r\n */\n\n\nvar createDefaultMapFromNodeModules = function createDefaultMapFromNodeModules(compilerOptions, ts) {\n var tsModule = ts || require(\"typescript\");\n\n var path = require(\"path\");\n\n var fs = require(\"fs\");\n\n var getLib = function getLib(name) {\n var lib = path.dirname(require.resolve(\"typescript\"));\n return fs.readFileSync(path.join(lib, name), \"utf8\");\n };\n\n var libs = knownLibFilesForCompilerOptions(compilerOptions, tsModule);\n var fsMap = new Map();\n libs.forEach(function (lib) {\n fsMap.set(\"/\" + lib, getLib(lib));\n });\n return fsMap;\n};\n/**\r\n * Adds recursively files from the FS into the map based on the folder\r\n */\n\n\nvar addAllFilesFromFolder = function addAllFilesFromFolder(map, workingDir) {\n var path = require(\"path\");\n\n var fs = require(\"fs\");\n\n var walk = function walk(dir) {\n var results = [];\n var list = fs.readdirSync(dir);\n list.forEach(function (file) {\n file = path.join(dir, file);\n var stat = fs.statSync(file);\n\n if (stat && stat.isDirectory()) {\n /* Recurse into a subdirectory */\n results = results.concat(walk(file));\n } else {\n /* Is a file */\n results.push(file);\n }\n });\n return results;\n };\n\n var allFiles = walk(workingDir);\n allFiles.forEach(function (lib) {\n var fsPath = \"/node_modules/@types\" + lib.replace(workingDir, \"\");\n var content = fs.readFileSync(lib, \"utf8\");\n var validExtensions = [\".ts\", \".tsx\"];\n\n if (validExtensions.includes(path.extname(fsPath))) {\n map.set(fsPath, content);\n }\n });\n};\n/** Adds all files from node_modules/@types into the FS Map */\n\n\nvar addFilesForTypesIntoFolder = function addFilesForTypesIntoFolder(map) {\n return addAllFilesFromFolder(map, \"node_modules/@types\");\n};\n/**\r\n * Create a virtual FS Map with the lib files from a particular TypeScript\r\n * version based on the target, Always includes dom ATM.\r\n *\r\n * @param options The compiler target, which dictates the libs to set up\r\n * @param version the versions of TypeScript which are supported\r\n * @param cache should the values be stored in local storage\r\n * @param ts a copy of the typescript import\r\n * @param lzstring an optional copy of the lz-string import\r\n * @param fetcher an optional replacement for the global fetch function (tests mainly)\r\n * @param storer an optional replacement for the localStorage global (tests mainly)\r\n */\n\n\nvar createDefaultMapFromCDN = function createDefaultMapFromCDN(options, version, cache, ts, lzstring, fetcher, storer) {\n var fetchlike = fetcher || fetch;\n var storelike = storer || localStorage;\n var fsMap = new Map();\n var files = knownLibFilesForCompilerOptions(options, ts);\n var prefix = \"https://typescript.azureedge.net/cdn/\" + version + \"/typescript/lib/\";\n\n function zip(str) {\n return lzstring ? lzstring.compressToUTF16(str) : str;\n }\n\n function unzip(str) {\n return lzstring ? lzstring.decompressFromUTF16(str) : str;\n } // Map the known libs to a node fetch promise, then return the contents\n\n\n function uncached() {\n return Promise.all(files.map(function (lib) {\n return fetchlike(prefix + lib).then(function (resp) {\n return resp.text();\n });\n })).then(function (contents) {\n contents.forEach(function (text, index) {\n return fsMap.set(\"/\" + files[index], text);\n });\n });\n } // A localstorage and lzzip aware version of the lib files\n\n\n function cached() {\n var keys = Object.keys(localStorage);\n keys.forEach(function (key) {\n // Remove anything which isn't from this version\n if (key.startsWith(\"ts-lib-\") && !key.startsWith(\"ts-lib-\" + version)) {\n storelike.removeItem(key);\n }\n });\n return Promise.all(files.map(function (lib) {\n var cacheKey = \"ts-lib-\" + version + \"-\" + lib;\n var content = storelike.getItem(cacheKey);\n\n if (!content) {\n // Make the API call and store the text concent in the cache\n return fetchlike(prefix + lib).then(function (resp) {\n return resp.text();\n }).then(function (t) {\n storelike.setItem(cacheKey, zip(t));\n return t;\n });\n } else {\n return Promise.resolve(unzip(content));\n }\n })).then(function (contents) {\n contents.forEach(function (text, index) {\n var name = \"/\" + files[index];\n fsMap.set(name, text);\n });\n });\n }\n\n var func = cache ? cached : uncached;\n return func().then(function () {\n return fsMap;\n });\n};\n\nfunction notImplemented(methodName) {\n throw new Error(\"Method '\" + methodName + \"' is not implemented.\");\n}\n\nfunction audit(name, fn) {\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var res = fn.apply(void 0, args);\n var smallres = typeof res === \"string\" ? res.slice(0, 80) + \"...\" : res;\n debugLog.apply(void 0, [\"> \" + name].concat(args));\n debugLog(\"< \" + smallres);\n return res;\n };\n}\n/** The default compiler options if TypeScript could ever change the compiler options */\n\n\nvar defaultCompilerOptions = function defaultCompilerOptions(ts) {\n return _extends({}, ts.getDefaultCompilerOptions(), {\n jsx: ts.JsxEmit.React,\n strict: true,\n esModuleInterop: true,\n module: ts.ModuleKind.ESNext,\n suppressOutputPathCheck: true,\n skipLibCheck: true,\n skipDefaultLibCheck: true,\n moduleResolution: ts.ModuleResolutionKind.NodeJs\n });\n}; // \"/DOM.d.ts\" => \"/lib.dom.d.ts\"\n\n\nvar libize = function libize(path) {\n return path.replace(\"/\", \"/lib.\").toLowerCase();\n};\n/**\r\n * Creates an in-memory System object which can be used in a TypeScript program, this\r\n * is what provides read/write aspects of the virtual fs\r\n */\n\n\nfunction createSystem(files) {\n return {\n args: [],\n createDirectory: function createDirectory() {\n return notImplemented(\"createDirectory\");\n },\n // TODO: could make a real file tree\n directoryExists: audit(\"directoryExists\", function (directory) {\n return Array.from(files.keys()).some(function (path) {\n return path.startsWith(directory);\n });\n }),\n exit: function exit() {\n return notImplemented(\"exit\");\n },\n fileExists: audit(\"fileExists\", function (fileName) {\n return files.has(fileName) || files.has(libize(fileName));\n }),\n getCurrentDirectory: function getCurrentDirectory() {\n return \"/\";\n },\n getDirectories: function getDirectories() {\n return [];\n },\n getExecutingFilePath: function getExecutingFilePath() {\n return notImplemented(\"getExecutingFilePath\");\n },\n readDirectory: audit(\"readDirectory\", function (directory) {\n return directory === \"/\" ? Array.from(files.keys()) : [];\n }),\n readFile: audit(\"readFile\", function (fileName) {\n return files.get(fileName) || files.get(libize(fileName));\n }),\n resolvePath: function resolvePath(path) {\n return path;\n },\n newLine: \"\\n\",\n useCaseSensitiveFileNames: true,\n write: function write() {\n return notImplemented(\"write\");\n },\n writeFile: function writeFile(fileName, contents) {\n files.set(fileName, contents);\n }\n };\n}\n/**\r\n * Creates a file-system backed System object which can be used in a TypeScript program, you provide\r\n * a set of virtual files which are prioritised over the FS versions, then a path to the root of your\r\n * project (basically the folder your node_modules lives)\r\n */\n\n\nfunction createFSBackedSystem(files, _projectRoot, ts) {\n // We need to make an isolated folder for the tsconfig, but also need to be able to resolve the\n // existing node_modules structures going back through the history\n var root = _projectRoot + \"/vfs\";\n\n var path = require(\"path\"); // The default System in TypeScript\n\n\n var nodeSys = ts.sys;\n var tsLib = path.dirname(require.resolve(\"typescript\"));\n return {\n // @ts-ignore\n name: \"fs-vfs\",\n root: root,\n args: [],\n createDirectory: function createDirectory() {\n return notImplemented(\"createDirectory\");\n },\n // TODO: could make a real file tree\n directoryExists: audit(\"directoryExists\", function (directory) {\n return Array.from(files.keys()).some(function (path) {\n return path.startsWith(directory);\n }) || nodeSys.directoryExists(directory);\n }),\n exit: nodeSys.exit,\n fileExists: audit(\"fileExists\", function (fileName) {\n if (files.has(fileName)) return true; // Don't let other tsconfigs end up touching the vfs\n\n if (fileName.includes(\"tsconfig.json\") || fileName.includes(\"tsconfig.json\")) return false;\n\n if (fileName.startsWith(\"/lib\")) {\n var tsLibName = tsLib + \"/\" + fileName.replace(\"/\", \"\");\n return nodeSys.fileExists(tsLibName);\n }\n\n return nodeSys.fileExists(fileName);\n }),\n getCurrentDirectory: function getCurrentDirectory() {\n return root;\n },\n getDirectories: nodeSys.getDirectories,\n getExecutingFilePath: function getExecutingFilePath() {\n return notImplemented(\"getExecutingFilePath\");\n },\n readDirectory: audit(\"readDirectory\", function () {\n if ((arguments.length <= 0 ? undefined : arguments[0]) === \"/\") {\n return Array.from(files.keys());\n } else {\n return nodeSys.readDirectory.apply(nodeSys, arguments);\n }\n }),\n readFile: audit(\"readFile\", function (fileName) {\n if (files.has(fileName)) return files.get(fileName);\n\n if (fileName.startsWith(\"/lib\")) {\n var tsLibName = tsLib + \"/\" + fileName.replace(\"/\", \"\");\n var result = nodeSys.readFile(tsLibName);\n\n if (!result) {\n var libs = nodeSys.readDirectory(tsLib);\n throw new Error(\"TSVFS: A request was made for \" + tsLibName + \" but there wasn't a file found in the file map. You likely have a mismatch in the compiler options for the CDN download vs the compiler program. Existing Libs: \" + libs + \".\");\n }\n\n return result;\n }\n\n return nodeSys.readFile(fileName);\n }),\n resolvePath: function resolvePath(path) {\n if (files.has(path)) return path;\n return nodeSys.resolvePath(path);\n },\n newLine: \"\\n\",\n useCaseSensitiveFileNames: true,\n write: function write() {\n return notImplemented(\"write\");\n },\n writeFile: function writeFile(fileName, contents) {\n files.set(fileName, contents);\n }\n };\n}\n/**\r\n * Creates an in-memory CompilerHost -which is essentially an extra wrapper to System\r\n * which works with TypeScript objects - returns both a compiler host, and a way to add new SourceFile\r\n * instances to the in-memory file system.\r\n */\n\n\nfunction createVirtualCompilerHost(sys, compilerOptions, ts) {\n var sourceFiles = new Map();\n\n var save = function save(sourceFile) {\n sourceFiles.set(sourceFile.fileName, sourceFile);\n return sourceFile;\n };\n\n var vHost = {\n compilerHost: _extends({}, sys, {\n getCanonicalFileName: function getCanonicalFileName(fileName) {\n return fileName;\n },\n getDefaultLibFileName: function getDefaultLibFileName() {\n return \"/\" + ts.getDefaultLibFileName(compilerOptions);\n },\n // getDefaultLibLocation: () => '/',\n getDirectories: function getDirectories() {\n return [];\n },\n getNewLine: function getNewLine() {\n return sys.newLine;\n },\n getSourceFile: function getSourceFile(fileName) {\n return sourceFiles.get(fileName) || save(ts.createSourceFile(fileName, sys.readFile(fileName), compilerOptions.target || defaultCompilerOptions(ts).target, false));\n },\n useCaseSensitiveFileNames: function useCaseSensitiveFileNames() {\n return sys.useCaseSensitiveFileNames;\n }\n }),\n updateFile: function updateFile(sourceFile) {\n var alreadyExists = sourceFiles.has(sourceFile.fileName);\n sys.writeFile(sourceFile.fileName, sourceFile.text);\n sourceFiles.set(sourceFile.fileName, sourceFile);\n return alreadyExists;\n }\n };\n return vHost;\n}\n/**\r\n * Creates an object which can host a language service against the virtual file-system\r\n */\n\n\nfunction createVirtualLanguageServiceHost(sys, rootFiles, compilerOptions, ts, customTransformers) {\n var fileNames = [].concat(rootFiles);\n\n var _createVirtualCompile = createVirtualCompilerHost(sys, compilerOptions, ts),\n compilerHost = _createVirtualCompile.compilerHost,\n _updateFile2 = _createVirtualCompile.updateFile;\n\n var fileVersions = new Map();\n var projectVersion = 0;\n\n var languageServiceHost = _extends({}, compilerHost, {\n getProjectVersion: function getProjectVersion() {\n return projectVersion.toString();\n },\n getCompilationSettings: function getCompilationSettings() {\n return compilerOptions;\n },\n getCustomTransformers: function getCustomTransformers() {\n return customTransformers;\n },\n getScriptFileNames: function getScriptFileNames() {\n return fileNames;\n },\n getScriptSnapshot: function getScriptSnapshot(fileName) {\n var contents = sys.readFile(fileName);\n\n if (contents) {\n return ts.ScriptSnapshot.fromString(contents);\n }\n\n return;\n },\n getScriptVersion: function getScriptVersion(fileName) {\n return fileVersions.get(fileName) || \"0\";\n },\n writeFile: sys.writeFile\n });\n\n var lsHost = {\n languageServiceHost: languageServiceHost,\n updateFile: function updateFile(sourceFile) {\n projectVersion++;\n fileVersions.set(sourceFile.fileName, projectVersion.toString());\n\n if (!fileNames.includes(sourceFile.fileName)) {\n fileNames.push(sourceFile.fileName);\n }\n\n _updateFile2(sourceFile);\n }\n };\n return lsHost;\n}\n\nexport { addAllFilesFromFolder, addFilesForTypesIntoFolder, createDefaultMapFromCDN, createDefaultMapFromNodeModules, createFSBackedSystem, createSystem, createVirtualCompilerHost, createVirtualLanguageServiceHost, createVirtualTypeScriptEnvironment, knownLibFilesForCompilerOptions };","import { createSystem, createFSBackedSystem, createVirtualTypeScriptEnvironment } from '@typescript/vfs';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n\n _setPrototypeOf(subClass, superClass);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _construct(Parent, args, Class) {\n if (_isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) _setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nfunction _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !_isNativeFunction(Class)) return Class;\n\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return _setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) {\n var it;\n\n if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) {\n if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n if (it) o = it;\n var i = 0;\n return function () {\n if (i >= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n };\n }\n\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n it = o[Symbol.iterator]();\n return it.next.bind(it);\n}\n\nfunction parsePrimitive(value, type) {\n switch (type) {\n case \"number\":\n return +value;\n\n case \"string\":\n return value;\n\n case \"boolean\":\n return value.toLowerCase() === \"true\" || value.length === 0;\n }\n\n throw new TwoslashError(\"Unknown primitive value in compiler flag\", \"The only recognized primitives are number, string and boolean. Got \" + type + \" with \" + value + \".\", \"This is likely a typo.\");\n}\n\nfunction cleanMarkdownEscaped(code) {\n code = code.replace(/¨D/g, \"$\");\n code = code.replace(/¨T/g, \"~\");\n return code;\n}\n\nfunction typesToExtension(types) {\n var map = {\n js: \"js\",\n javascript: \"js\",\n ts: \"ts\",\n typescript: \"ts\",\n tsx: \"tsx\",\n jsx: \"jsx\",\n json: \"json\",\n jsn: \"json\"\n };\n if (map[types]) return map[types];\n throw new TwoslashError(\"Unknown TypeScript extension given to Twoslash\", \"Received \" + types + \" but Twoslash only accepts: \" + Object.keys(map) + \" \", \"\");\n}\n\nfunction getIdentifierTextSpans(ts, sourceFile) {\n var textSpans = [];\n checkChildren(sourceFile);\n return textSpans;\n\n function checkChildren(node) {\n ts.forEachChild(node, function (child) {\n if (ts.isIdentifier(child)) {\n var start = child.getStart(sourceFile, false);\n textSpans.push({\n span: ts.createTextSpan(start, child.end - start),\n text: child.getText(sourceFile)\n });\n }\n\n checkChildren(child);\n });\n }\n}\n/** Came from https://ourcodeworld.com/articles/read/223/how-to-retrieve-the-closest-word-in-a-string-with-a-given-index-in-javascript */\n\n\nfunction getClosestWord(str, pos) {\n // Make copies\n str = String(str);\n pos = Number(pos) >>> 0; // Search for the word's beginning and end.\n\n var left = str.slice(0, pos + 1).search(/\\S+$/),\n right = str.slice(pos).search(/\\s/); // The last word in the string is a special case.\n\n if (right < 0) {\n return {\n word: str.slice(left),\n startPos: left\n };\n } // Return the word, using the located bounds to extract it from the string.\n\n\n return {\n word: str.slice(left, right + pos),\n startPos: left\n };\n}\n/** To ensure that errors are matched up right */\n\n\nfunction validateCodeForErrors(relevantErrors, handbookOptions, extension, originalCode, vfsRoot) {\n var inErrsButNotFoundInTheHeader = relevantErrors.filter(function (e) {\n return !handbookOptions.errors.includes(e.code);\n });\n var errorsFound = Array.from(new Set(inErrsButNotFoundInTheHeader.map(function (e) {\n return e.code;\n }))).join(\" \");\n\n if (inErrsButNotFoundInTheHeader.length) {\n var errorsToShow = new Set(relevantErrors.map(function (e) {\n return e.code;\n }));\n var codeToAdd = \"// @errors: \" + Array.from(errorsToShow).join(\" \");\n var missing = handbookOptions.errors.length ? \"\\nThe existing annotation specified \" + handbookOptions.errors.join(\" \") : \"\\nExpected: \" + codeToAdd; // These get filled by below\n\n var filesToErrors = {};\n var noFiles = [];\n inErrsButNotFoundInTheHeader.forEach(function (d) {\n var _d$file;\n\n var fileRef = ((_d$file = d.file) == null ? void 0 : _d$file.fileName) && d.file.fileName.replace(vfsRoot, \"\");\n if (!fileRef) noFiles.push(d);else {\n var existing = filesToErrors[fileRef];\n if (existing) existing.push(d);else filesToErrors[fileRef] = [d];\n }\n });\n\n var showDiagnostics = function showDiagnostics(title, diags) {\n return title + \"\\n \" + diags.map(function (e) {\n var msg = typeof e.messageText === \"string\" ? e.messageText : e.messageText.messageText;\n return \"[\" + e.code + \"] \" + e.start + \" - \" + msg;\n }).join(\"\\n \");\n };\n\n var innerDiags = [];\n\n if (noFiles.length) {\n innerDiags.push(showDiagnostics(\"Ambient Errors\", noFiles));\n }\n\n Object.keys(filesToErrors).forEach(function (filepath) {\n innerDiags.push(showDiagnostics(filepath, filesToErrors[filepath]));\n });\n var allMessages = innerDiags.join(\"\\n\\n\");\n var newErr = new TwoslashError(\"Errors were thrown in the sample, but not included in an errors tag\", \"These errors were not marked as being expected: \" + errorsFound + \". \" + missing, \"Compiler Errors:\\n\\n\" + allMessages);\n newErr.code = \"## Code\\n\\n'''\" + extension + \"\\n\" + originalCode + \"\\n'''\";\n throw newErr;\n }\n}\n/** Mainly to warn myself, I've lost a good few minutes to this before */\n\n\nfunction validateInput(code) {\n if (code.includes(\"// @errors \")) {\n throw new TwoslashError(\"You have '// @errors ' (with a space)\", \"You want '// @errors: ' (with a colon)\", \"This is a pretty common typo\");\n }\n\n if (code.includes(\"// @filename \")) {\n throw new TwoslashError(\"You have '// @filename ' (with a space)\", \"You want '// @filename: ' (with a colon)\", \"This is a pretty common typo\");\n }\n}\n\nvar hasLocalStorage = false;\n\ntry {\n hasLocalStorage = typeof localStorage !== \"undefined\";\n} catch (error) {}\n\nvar hasProcess = typeof process !== \"undefined\";\nvar shouldDebug = hasLocalStorage && /*#__PURE__*/localStorage.getItem(\"DEBUG\") || hasProcess && process.env.DEBUG;\nvar log = shouldDebug ? console.log : function (_message) {\n return \"\";\n};\n\nvar TwoslashError = /*#__PURE__*/function (_Error) {\n _inheritsLoose(TwoslashError, _Error);\n\n function TwoslashError(title, description, recommendation, code) {\n var _this;\n\n var message = \"\\n## \" + title + \"\\n\\n\" + description + \"\\n\";\n\n if (recommendation) {\n message += \"\\n\" + recommendation;\n }\n\n if (code) {\n message += \"\\n\" + code;\n }\n\n _this = _Error.call(this, message) || this;\n _this.title = void 0;\n _this.description = void 0;\n _this.recommendation = void 0;\n _this.code = void 0;\n _this.title = title;\n _this.description = description;\n _this.recommendation = recommendation;\n _this.code = code;\n return _this;\n }\n\n return TwoslashError;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\n\nfunction filterHighlightLines(codeLines) {\n var highlights = [];\n var queries = [];\n var nextContentOffset = 0;\n var contentOffset = 0;\n var removedLines = 0;\n\n var _loop = function _loop(_i) {\n var line = codeLines[_i];\n\n var moveForward = function moveForward() {\n contentOffset = nextContentOffset;\n nextContentOffset += line.length + 1;\n };\n\n var stripLine = function stripLine(logDesc) {\n log(\"Removing line \" + _i + \" for \" + logDesc);\n removedLines++;\n codeLines.splice(_i, 1);\n _i--;\n }; // We only need to run regexes over lines with comments\n\n\n if (!line.includes(\"//\")) {\n moveForward();\n } else {\n var highlightMatch = /^\\s*\\/\\/\\s*\\^+( .+)?$/.exec(line);\n var queryMatch = /^\\s*\\/\\/\\s*\\^\\?\\s*$/.exec(line); // https://regex101.com/r/2yDsRk/1\n\n var removePrettierIgnoreMatch = /^\\s*\\/\\/ prettier-ignore$/.exec(line);\n var completionsQuery = /^\\s*\\/\\/\\s*\\^\\|$/.exec(line);\n\n if (queryMatch !== null) {\n var start = line.indexOf(\"^\");\n queries.push({\n kind: \"query\",\n offset: start,\n text: undefined,\n docs: undefined,\n line: _i + removedLines - 1\n });\n stripLine(\"having a query\");\n } else if (highlightMatch !== null) {\n var _start = line.indexOf(\"^\");\n\n var length = line.lastIndexOf(\"^\") - _start + 1;\n var position = contentOffset + _start;\n var description = highlightMatch[1] ? highlightMatch[1].trim() : \"\";\n highlights.push({\n kind: \"highlight\",\n position: position,\n length: length,\n description: description,\n line: _i\n });\n stripLine(\"having a highlight\");\n } else if (removePrettierIgnoreMatch !== null) {\n stripLine(\"being a prettier ignore\");\n } else if (completionsQuery !== null) {\n var _start2 = line.indexOf(\"^\"); // prettier-ignore\n\n\n queries.push({\n kind: \"completion\",\n offset: _start2,\n text: undefined,\n docs: undefined,\n line: _i + removedLines - 1\n });\n stripLine(\"having a completion query\");\n } else {\n moveForward();\n }\n }\n\n i = _i;\n };\n\n for (var i = 0; i < codeLines.length; i++) {\n _loop(i);\n }\n\n return {\n highlights: highlights,\n queries: queries\n };\n}\n\nfunction getOptionValueFromMap(name, key, optMap) {\n var result = optMap.get(key.toLowerCase());\n log(\"Get \" + name + \" mapped option: \" + key + \" => \" + result);\n\n if (result === undefined) {\n var keys = Array.from(optMap.keys());\n throw new TwoslashError(\"Invalid inline compiler value\", \"Got \" + key + \" for \" + name + \" but it is not a supported value by the TS compiler.\", \"Allowed values: \" + keys.join(\",\"));\n }\n\n return result;\n}\n\nfunction setOption(name, value, opts, ts) {\n log(\"Setting \" + name + \" to \" + value);\n\n var _loop2 = function _loop2() {\n var opt = _step.value;\n\n if (opt.name.toLowerCase() === name.toLowerCase()) {\n switch (opt.type) {\n case \"number\":\n case \"string\":\n case \"boolean\":\n opts[opt.name] = parsePrimitive(value, opt.type);\n break;\n\n case \"list\":\n var elementType = opt.element.type;\n var strings = value.split(\",\");\n\n if (typeof elementType === \"string\") {\n opts[opt.name] = strings.map(function (v) {\n return parsePrimitive(v, elementType);\n });\n } else {\n opts[opt.name] = strings.map(function (v) {\n return getOptionValueFromMap(opt.name, v, elementType);\n });\n }\n\n break;\n\n default:\n // It's a map!\n var optMap = opt.type;\n opts[opt.name] = getOptionValueFromMap(opt.name, value, optMap);\n break;\n }\n\n return {\n v: void 0\n };\n }\n };\n\n for (var _iterator = _createForOfIteratorHelperLoose(ts.optionDeclarations), _step; !(_step = _iterator()).done;) {\n var _ret = _loop2();\n\n if (typeof _ret === \"object\") return _ret.v;\n }\n\n throw new TwoslashError(\"Invalid inline compiler flag\", \"There isn't a TypeScript compiler flag called '\" + name + \"'.\", \"This is likely a typo, you can check all the compiler flags in the TSConfig reference, or check the additional Twoslash flags in the npm page for @typescript/twoslash.\");\n}\n\nvar booleanConfigRegexp = /^\\/\\/\\s?@(\\w+)$/; // https://regex101.com/r/8B2Wwh/1\n\nvar valuedConfigRegexp = /^\\/\\/\\s?@(\\w+):\\s?(.+)$/;\n\nfunction filterCompilerOptions(codeLines, defaultCompilerOptions, ts) {\n var options = _extends({}, defaultCompilerOptions);\n\n for (var _i2 = 0; _i2 < codeLines.length;) {\n var match = void 0;\n\n if (match = booleanConfigRegexp.exec(codeLines[_i2])) {\n options[match[1]] = true;\n setOption(match[1], \"true\", options, ts);\n } else if (match = valuedConfigRegexp.exec(codeLines[_i2])) {\n // Skip a filename tag, which should propagate through this stage\n if (match[1] === \"filename\") {\n _i2++;\n continue;\n }\n\n setOption(match[1], match[2], options, ts);\n } else {\n _i2++;\n continue;\n }\n\n codeLines.splice(_i2, 1);\n }\n\n return options;\n}\n\nfunction filterCustomTags(codeLines, customTags) {\n var tags = [];\n\n for (var _i3 = 0; _i3 < codeLines.length;) {\n var match = void 0;\n\n if (match = valuedConfigRegexp.exec(codeLines[_i3])) {\n if (customTags.includes(match[1])) {\n tags.push({\n name: match[1],\n line: _i3,\n annotation: codeLines[_i3].split(\"@\" + match[1] + \": \")[1]\n });\n codeLines.splice(_i3, 1);\n }\n }\n\n _i3++;\n }\n\n return tags;\n} // Keys in this object are used to filter out handbook options\n// before compiler options are set.\n\n\nvar defaultHandbookOptions = {\n errors: [],\n noErrors: false,\n showEmit: false,\n showEmittedFile: undefined,\n noStaticSemanticInfo: false,\n emit: false,\n noErrorValidation: false\n};\n\nfunction filterHandbookOptions(codeLines) {\n var options = _extends({}, defaultHandbookOptions);\n\n for (var _i4 = 0; _i4 < codeLines.length; _i4++) {\n var match = void 0;\n\n if (match = booleanConfigRegexp.exec(codeLines[_i4])) {\n if (match[1] in options) {\n options[match[1]] = true;\n log(\"Setting options.\" + match[1] + \" to true\");\n codeLines.splice(_i4, 1);\n _i4--;\n }\n } else if (match = valuedConfigRegexp.exec(codeLines[_i4])) {\n if (match[1] in options) {\n options[match[1]] = match[2];\n log(\"Setting options.\" + match[1] + \" to \" + match[2]);\n codeLines.splice(_i4, 1);\n _i4--;\n }\n }\n } // Edge case the errors object to turn it into a string array\n\n\n if (\"errors\" in options && typeof options.errors === \"string\") {\n options.errors = options.errors.split(\" \").map(Number);\n log(\"Setting options.error to \", options.errors);\n }\n\n return options;\n}\n/**\r\n * Runs the checker against a TypeScript/JavaScript code sample returning potentially\r\n * difference code, and a set of annotations around how it works.\r\n *\r\n * @param code The twoslash markup'd code\r\n * @param extension For example: \"ts\", \"tsx\", \"typescript\", \"javascript\" or \"js\".\r\n * @param options Additional options for twoslash\r\n */\n\n\nfunction twoslasher(code, extension, options) {\n var _options$tsModule, _options$lzstringModu, _options$defaultCompi;\n\n if (options === void 0) {\n options = {};\n }\n\n var ts = (_options$tsModule = options.tsModule) != null ? _options$tsModule : require(\"typescript\");\n var lzstring = (_options$lzstringModu = options.lzstringModule) != null ? _options$lzstringModu : require(\"lz-string\");\n var originalCode = code;\n var safeExtension = typesToExtension(extension);\n var defaultFileName = \"index.\" + safeExtension;\n log(\"\\n\\nLooking at code: \\n```\" + safeExtension + \"\\n\" + code + \"\\n```\\n\");\n\n var defaultCompilerOptions = _extends({\n strict: true,\n target: ts.ScriptTarget.ES2016,\n allowJs: true\n }, (_options$defaultCompi = options.defaultCompilerOptions) != null ? _options$defaultCompi : {});\n\n validateInput(code);\n code = cleanMarkdownEscaped(code); // NOTE: codeLines is mutated by the below functions:\n\n var codeLines = code.split(/\\r\\n?|\\n/g);\n var tags = options.customTags ? filterCustomTags(codeLines, options.customTags) : [];\n\n var handbookOptions = _extends({}, filterHandbookOptions(codeLines), options.defaultOptions);\n\n var compilerOptions = filterCompilerOptions(codeLines, defaultCompilerOptions, ts); // Handle special casing the lookup for when using jsx preserve which creates .jsx files\n\n if (!handbookOptions.showEmittedFile) {\n handbookOptions.showEmittedFile = compilerOptions.jsx && compilerOptions.jsx === ts.JsxEmit.Preserve ? \"index.jsx\" : \"index.js\";\n }\n\n var getRoot = function getRoot() {\n var pa = \"pa\";\n\n var path = require(pa + \"th\");\n\n var rootPath = options.vfsRoot || process.cwd();\n return rootPath.split(path.sep).join(path.posix.sep);\n }; // In a browser we want to DI everything, in node we can use local infra\n\n\n var useFS = !!options.fsMap;\n var vfs = useFS && options.fsMap ? options.fsMap : new Map();\n var system = useFS ? createSystem(vfs) : createFSBackedSystem(vfs, getRoot(), ts);\n var fsRoot = useFS ? \"/\" : getRoot() + \"/\";\n var env = createVirtualTypeScriptEnvironment(system, [], ts, compilerOptions, options.customTransformers);\n var ls = env.languageService;\n code = codeLines.join(\"\\n\");\n var partialQueries = [];\n var queries = [];\n var highlights = [];\n var nameContent = splitTwoslashCodeInfoFiles(code, defaultFileName, fsRoot);\n var sourceFiles = [\"js\", \"jsx\", \"ts\", \"tsx\"];\n /** All of the referenced files in the markup */\n\n var filenames = nameContent.map(function (nc) {\n return nc[0];\n });\n\n var _loop3 = function _loop3() {\n var file = _step2.value;\n var filename = file[0],\n codeLines = file[1];\n var filetype = filename.split(\".\").pop() || \"\"; // Only run the LSP-y things on source files\n\n var allowJSON = compilerOptions.resolveJsonModule && filetype === \"json\";\n\n if (!sourceFiles.includes(filetype) && !allowJSON) {\n return \"continue\";\n } // Create the file in the vfs\n\n\n var newFileCode = codeLines.join(\"\\n\");\n env.createFile(filename, newFileCode);\n var updates = filterHighlightLines(codeLines);\n highlights = highlights.concat(updates.highlights); // ------ Do the LSP lookup for the queries\n\n var lspedQueries = updates.queries.map(function (q, i) {\n var sourceFile = env.getSourceFile(filename);\n var position = ts.getPositionOfLineAndCharacter(sourceFile, q.line, q.offset);\n\n switch (q.kind) {\n case \"query\":\n {\n var quickInfo = ls.getQuickInfoAtPosition(filename, position); // prettier-ignore\n\n var text;\n var docs;\n\n if (quickInfo && quickInfo.displayParts) {\n text = quickInfo.displayParts.map(function (dp) {\n return dp.text;\n }).join(\"\");\n docs = quickInfo.documentation ? quickInfo.documentation.map(function (d) {\n return d.text;\n }).join(\"\" + text + \"
\\n */\n\n\nvar preOpenerFromRenderingOptsWithExtras = function preOpenerFromRenderingOptsWithExtras(opts, meta, classes) {\n var bg = opts.bg || \"#fff\";\n var fg = opts.fg || \"black\";\n var theme = opts.themeName || \"\"; // shiki + `class` from fence + with-title if title exists + classes\n\n var classList = [\"shiki\", theme, meta[\"class\"], meta.title ? \"with-title\" : \"\"].concat(classes || []).filter(Boolean).join(\" \").trim();\n var attributes = Object.entries(meta).filter(function (entry) {\n // exclude types other than string, number, boolean\n // exclude keys class, twoslash\n // exclude falsy booleans\n return [\"string\", \"number\", \"boolean\"].includes(typeof entry[1]) && ![\"class\", \"twoslash\"].includes(entry[0]) && entry[1] !== false;\n }).map(function (_ref) {\n var key = _ref[0],\n value = _ref[1];\n return key + \"=\\\"\" + value + \"\\\"\";\n }).join(\" \").trim(); // prettier-ignore\n\n return \"\";\n};\n/** You don't have a language which shiki twoslash can handle, make a DOM compatible version */\n\n\nfunction plainTextRenderer(code, options, meta) {\n var html = \"\";\n html += preOpenerFromRenderingOptsWithExtras(options, meta, []);\n\n if (meta.title) {\n html += \"\" + meta.title + \"\";\n }\n\n if (options.langId) {\n html += \"\" + options.langId + \"\";\n }\n\n html += \"\";\n html += escapeHtml(code);\n html = html.replace(/\\n*$/, \"\"); // Get rid of final new lines\n\n html += \"\";\n return html;\n} // What we're trying to do is merge two sets of information into a single tree for HTML\n// 1: Syntax highlight info from shiki\n// 2: Twoslash metadata like errors, identifiers etc\n// Because shiki gives use a set of lines to work from, then the first thing which happens\n// is converting twoslash data into the same format.\n// Things which make it hard:\n//\n// - Twoslash results can be cut, so sometimes there is edge cases between twoslash results\n// - Twoslash results can be multi-file\n// - the DOM requires a flattened graph of html elements (e.g. spans can' be interspersed)\n//\n\n\nfunction twoslashRenderer(lines, options, twoslash, meta) {\n var html = \"\";\n var hasHighlight = meta.highlight && shouldBeHighlightable(meta.highlight);\n var hl = shouldHighlightLine(meta.highlight);\n html += preOpenerFromRenderingOptsWithExtras(options, meta, [\"twoslash\", \"lsp\"]);\n\n if (meta.title) {\n html += \"\" + meta.title + \"\";\n }\n\n if (options.langId) {\n html += \"\" + options.langId + \"\";\n }\n\n html += \"\";\n var errorsGroupedByLine = groupBy(twoslash.errors, function (e) {\n return e.line;\n }) || new Map();\n var staticQuickInfosGroupedByLine = groupBy(twoslash.staticQuickInfos, function (q) {\n return q.line;\n }) || new Map(); // A query is always about the line above it!\n\n var queriesGroupedByLine = groupBy(twoslash.queries, function (q) {\n return q.line - 1;\n }) || new Map();\n /**\r\n * This is the index of the original twoslash code reference, it is not\r\n * related to the HTML output\r\n */\n\n var filePos = 0;\n lines.forEach(function (l, i) {\n var errors = errorsGroupedByLine.get(i) || [];\n var lspValues = staticQuickInfosGroupedByLine.get(i) || [];\n var queries = queriesGroupedByLine.get(i) || [];\n var hiClass = hasHighlight ? hl(i) ? \" highlight\" : \" dim\" : \"\";\n var prefix = \"\";\n\n if (l.length === 0 && i === 0) {\n // Skip the first newline if it's blank\n filePos += 1;\n } else if (l.length === 0) {\n var emptyLine = prefix + \" \";\n html += emptyLine;\n filePos += 1;\n } else {\n html += prefix; // Keep track of the position of the current token in a line so we can match it up to the\n // errors and lang serv identifiers\n\n var tokenPos = 0;\n l.forEach(function (token) {\n var targetedQueryWord;\n var tokenContent = \"\"; // Underlining particular words\n\n var findTokenFunc = function findTokenFunc(start) {\n return function (e) {\n return start <= e.character && start + token.content.length >= e.character + e.length;\n };\n };\n\n var errorsInToken = errors.filter(findTokenFunc(tokenPos));\n var lspResponsesInToken = lspValues.filter(findTokenFunc(tokenPos));\n var queriesInToken = queries.filter(findTokenFunc(tokenPos)); // Does this line have a word targeted by a query?\n\n targetedQueryWord = targetedQueryWord || lspResponsesInToken.find(function (response) {\n return response.text === (queries.length && queries[0].text);\n });\n var allTokens = [].concat(errorsInToken, lspResponsesInToken, queriesInToken);\n var allTokensByStart = allTokens.sort(function (l, r) {\n return (l.start || 0) - (r.start || 0);\n });\n\n if (allTokensByStart.length) {\n var _targetedQueryWord;\n\n var ranges = allTokensByStart.map(function (token) {\n var range = {\n begin: token.start - filePos,\n end: token.start + token.length - filePos\n }; // prettier-ignore\n\n if (\"renderedMessage\" in token) range.classes = \"err\";\n if (\"kind\" in token) range.classes = token.kind;\n\n if (\"targetString\" in token) {\n range.classes = \"lsp\";\n var lspText = options.includeJSDocInHover && token.docs ? token.docs + \"\\n\\n\" + token.text : token.text;\n range[\"lsp\"] = lspText;\n }\n\n return range;\n });\n tokenContent += createHighlightedString(ranges, token.content, (_targetedQueryWord = targetedQueryWord) == null ? void 0 : _targetedQueryWord.text);\n } else {\n tokenContent += subTripleArrow(token.content);\n }\n\n html += \"\" + tokenContent + \"\";\n tokenPos += token.content.length;\n filePos += token.content.length;\n });\n html += \"\"; // This is the \\n which the represents\n\n filePos += 1;\n } // Adding error messages to the line after\n\n\n if (errors.length) {\n var messages = errors.map(function (e) {\n return escapeHtml(e.renderedMessage);\n }).join(\"\");\n var codes = errors.map(function (e) {\n return e.code;\n }).join(\"
\");\n html += \"\" + messages + \"\" + codes + \"\";\n html += \"\" + messages + \"\";\n } // Add queries to the next line\n\n\n if (queries.length) {\n queries.forEach(function (query) {\n // This is used to wrap popovers and completions to improve styling options for users.\n html += \"\";\n });\n }\n });\n html = replaceTripleArrowEncoded(html.replace(/\\n*$/, \"\")); // Get rid of final new lines\n\n if (options.addTryButton) {\n var playgroundLink = \"Try\";\n html += \"\" + playgroundLink;\n } else {\n html += \"\";\n } // Attach annotations which live above of the code\n\n\n if (twoslash.tags && twoslash.tags.length) {\n html += htmlForTags(twoslash.tags);\n }\n\n html += \"\";\n return html;\n}\n/** Returns a map where all the keys are the value in keyGetter */\n\n\nfunction groupBy(list, keyGetter) {\n var map = new Map();\n list.forEach(function (item) {\n var key = keyGetter(item);\n var collection = map.get(key);\n\n if (!collection) {\n map.set(key, [item]);\n } else {\n collection.push(item);\n }\n });\n return map;\n}\n\nfunction defaultShikiRenderer(lines, options, meta) {\n var html = \"\";\n var hasHighlight = meta.highlight && shouldBeHighlightable(meta.highlight);\n var hl = shouldHighlightLine(meta.highlight);\n html += preOpenerFromRenderingOptsWithExtras(options, meta, []);\n\n if (meta.title) {\n html += \"\";\n lines.forEach(function (l, i) {\n if (l.length === 0) {\n html += \"\";\n } else {\n var hiClass = hasHighlight ? hl(i) ? \" highlight\" : \" dim\" : \"\";\n var prefix = \"\";\n html += prefix;\n l.forEach(function (token) {\n html += \"\" + escapeHtml(token.content) + \"\";\n });\n html += \"\";\n }\n });\n html = html.replace(/\\n*$/, \"\"); // Get rid of final new lines\n\n html += \"\";\n lines.forEach(function (l) {\n if (l.length === 0) {\n html += \"\";\n } else {\n html += \"\";\n l.forEach(function (token) {\n // This means we're looking at a token which could be '\"module\"', '\"', '\"compilerOptions\"' etc\n if (tokenIsJSONKey(token) && isKeyInTSConfig(token)) {\n var key = token.content.slice(1, token.content.length - 1);\n var oneliner = tsconfig[key]; // prettier-ignore\n\n html += \"\\\"\\\"\";\n } else {\n html += \"\" + escapeHtml(token.content) + \"\";\n }\n });\n html += \"\";\n }\n });\n html = html.replace(/\\n*$/, \"\"); // Get rid of final new lines\n\n html += \"\n A markup format for TypeScript code, ideal for creating\n self-contained code samples which let the TypeScript compiler\n do the extra leg-work.\n
\nIf you know TypeScript, you basically know twoslash.
\n\n Twoslash adds the ability to declare tsconfig options inline,\n split a sample into multiple files and a few other useful\n commands. You can see the full API{\" \"}\n \n inside the README\n \n
\nThe Twoslash markup language helps with:
\n{codeSamples[0].blurb}
\n\n Downloading Sandbox...\n
\n\n Twoslash's usage guide is available on the npm README at{\" \"}\n \n @typescript/twoslash\n \n .\n