You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2975 lines
83 KiB
2975 lines
83 KiB
1 month ago
|
import fs from 'node:fs';
|
||
|
|
import { normalizePath as normalizePath$1, isCSSRequest, transformWithEsbuild, formatPostcssSourceMap, createFilter } from 'vite';
|
||
|
|
import { shallowRef, computed } from 'vue';
|
||
|
|
import { createRequire } from 'node:module';
|
||
|
|
import path from 'node:path';
|
||
|
|
import { createHash } from 'node:crypto';
|
||
|
|
import require$$0 from 'tty';
|
||
|
|
import require$$1 from 'util';
|
||
|
|
|
||
|
|
const version = "5.1.3";
|
||
|
|
|
||
|
|
function resolveCompiler(root) {
|
||
|
|
const compiler = tryResolveCompiler(root) || tryResolveCompiler();
|
||
|
|
if (!compiler) {
|
||
|
|
throw new Error(
|
||
|
|
`Failed to resolve vue/compiler-sfc.
|
||
|
|
@vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree.`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
return compiler;
|
||
|
|
}
|
||
|
|
function tryResolveCompiler(root) {
|
||
|
|
const vueMeta = tryRequire("vue/package.json", root);
|
||
|
|
if (vueMeta && vueMeta.version.split(".")[0] >= 3) {
|
||
|
|
return tryRequire("vue/compiler-sfc", root);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const _require = createRequire(import.meta.url);
|
||
|
|
function tryRequire(id, from) {
|
||
|
|
try {
|
||
|
|
return from ? _require(_require.resolve(id, { paths: [from] })) : _require(id);
|
||
|
|
} catch (e) {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function parseVueRequest(id) {
|
||
|
|
const [filename, rawQuery] = id.split(`?`, 2);
|
||
|
|
const query = Object.fromEntries(new URLSearchParams(rawQuery));
|
||
|
|
if (query.vue != null) {
|
||
|
|
query.vue = true;
|
||
|
|
}
|
||
|
|
if (query.index != null) {
|
||
|
|
query.index = Number(query.index);
|
||
|
|
}
|
||
|
|
if (query.raw != null) {
|
||
|
|
query.raw = true;
|
||
|
|
}
|
||
|
|
if (query.url != null) {
|
||
|
|
query.url = true;
|
||
|
|
}
|
||
|
|
if (query.scoped != null) {
|
||
|
|
query.scoped = true;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
filename,
|
||
|
|
query
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
const cache = /* @__PURE__ */ new Map();
|
||
|
|
const hmrCache = /* @__PURE__ */ new Map();
|
||
|
|
const prevCache = /* @__PURE__ */ new Map();
|
||
|
|
function createDescriptor(filename, source, { root, isProduction, sourceMap, compiler, template }, hmr = false) {
|
||
|
|
const { descriptor, errors } = compiler.parse(source, {
|
||
|
|
filename,
|
||
|
|
sourceMap,
|
||
|
|
templateParseOptions: template?.compilerOptions
|
||
|
|
});
|
||
|
|
const normalizedPath = normalizePath$1(path.relative(root, filename));
|
||
|
|
descriptor.id = getHash(normalizedPath + (isProduction ? source : ""));
|
||
|
|
(hmr ? hmrCache : cache).set(filename, descriptor);
|
||
|
|
return { descriptor, errors };
|
||
|
|
}
|
||
|
|
function getPrevDescriptor(filename) {
|
||
|
|
return prevCache.get(filename);
|
||
|
|
}
|
||
|
|
function invalidateDescriptor(filename, hmr = false) {
|
||
|
|
const _cache = hmr ? hmrCache : cache;
|
||
|
|
const prev = _cache.get(filename);
|
||
|
|
_cache.delete(filename);
|
||
|
|
if (prev) {
|
||
|
|
prevCache.set(filename, prev);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function getDescriptor(filename, options, createIfNotFound = true, hmr = false, code) {
|
||
|
|
const _cache = hmr ? hmrCache : cache;
|
||
|
|
if (_cache.has(filename)) {
|
||
|
|
return _cache.get(filename);
|
||
|
|
}
|
||
|
|
if (createIfNotFound) {
|
||
|
|
const { descriptor, errors } = createDescriptor(
|
||
|
|
filename,
|
||
|
|
code ?? fs.readFileSync(filename, "utf-8"),
|
||
|
|
options,
|
||
|
|
hmr
|
||
|
|
);
|
||
|
|
if (errors.length && !hmr) {
|
||
|
|
throw errors[0];
|
||
|
|
}
|
||
|
|
return descriptor;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function getSrcDescriptor(filename, query) {
|
||
|
|
if (query.scoped) {
|
||
|
|
return cache.get(`${filename}?src=${query.src}`);
|
||
|
|
}
|
||
|
|
return cache.get(filename);
|
||
|
|
}
|
||
|
|
function getTempSrcDescriptor(filename, query) {
|
||
|
|
return {
|
||
|
|
filename,
|
||
|
|
id: query.id || "",
|
||
|
|
styles: [
|
||
|
|
{
|
||
|
|
scoped: query.scoped,
|
||
|
|
loc: {
|
||
|
|
start: { line: 0, column: 0 }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function setSrcDescriptor(filename, entry, scoped) {
|
||
|
|
if (scoped) {
|
||
|
|
cache.set(`${filename}?src=${entry.id}`, entry);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
cache.set(filename, entry);
|
||
|
|
}
|
||
|
|
function getHash(text) {
|
||
|
|
return createHash("sha256").update(text).digest("hex").substring(0, 8);
|
||
|
|
}
|
||
|
|
|
||
|
|
function slash(path) {
|
||
|
|
const isExtendedLengthPath = path.startsWith('\\\\?\\');
|
||
|
|
|
||
|
|
if (isExtendedLengthPath) {
|
||
|
|
return path;
|
||
|
|
}
|
||
|
|
|
||
|
|
return path.replace(/\\/g, '/');
|
||
|
|
}
|
||
|
|
|
||
|
|
function createRollupError(id, error) {
|
||
|
|
const { message, name, stack } = error;
|
||
|
|
const rollupError = {
|
||
|
|
id,
|
||
|
|
plugin: "vue",
|
||
|
|
message,
|
||
|
|
name,
|
||
|
|
stack
|
||
|
|
};
|
||
|
|
if ("code" in error && error.loc) {
|
||
|
|
rollupError.loc = {
|
||
|
|
file: id,
|
||
|
|
line: error.loc.start.line,
|
||
|
|
column: error.loc.start.column
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return rollupError;
|
||
|
|
}
|
||
|
|
|
||
|
|
async function transformTemplateAsModule(code, descriptor, options, pluginContext, ssr, customElement) {
|
||
|
|
const result = compile(
|
||
|
|
code,
|
||
|
|
descriptor,
|
||
|
|
options,
|
||
|
|
pluginContext,
|
||
|
|
ssr,
|
||
|
|
customElement
|
||
|
|
);
|
||
|
|
let returnCode = result.code;
|
||
|
|
if (options.devServer && options.devServer.config.server.hmr !== false && !ssr && !options.isProduction) {
|
||
|
|
returnCode += `
|
||
|
|
import.meta.hot.accept(({ render }) => {
|
||
|
|
__VUE_HMR_RUNTIME__.rerender(${JSON.stringify(descriptor.id)}, render)
|
||
|
|
})`;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
code: returnCode,
|
||
|
|
map: result.map
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function transformTemplateInMain(code, descriptor, options, pluginContext, ssr, customElement) {
|
||
|
|
const result = compile(
|
||
|
|
code,
|
||
|
|
descriptor,
|
||
|
|
options,
|
||
|
|
pluginContext,
|
||
|
|
ssr,
|
||
|
|
customElement
|
||
|
|
);
|
||
|
|
return {
|
||
|
|
...result,
|
||
|
|
code: result.code.replace(
|
||
|
|
/\nexport (function|const) (render|ssrRender)/,
|
||
|
|
"\n$1 _sfc_$2"
|
||
|
|
)
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function compile(code, descriptor, options, pluginContext, ssr, customElement) {
|
||
|
|
const filename = descriptor.filename;
|
||
|
|
resolveScript(descriptor, options, ssr, customElement);
|
||
|
|
const result = options.compiler.compileTemplate({
|
||
|
|
...resolveTemplateCompilerOptions(descriptor, options, ssr),
|
||
|
|
source: code
|
||
|
|
});
|
||
|
|
if (result.errors.length) {
|
||
|
|
result.errors.forEach(
|
||
|
|
(error) => pluginContext.error(
|
||
|
|
typeof error === "string" ? { id: filename, message: error } : createRollupError(filename, error)
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (result.tips.length) {
|
||
|
|
result.tips.forEach(
|
||
|
|
(tip) => pluginContext.warn({
|
||
|
|
id: filename,
|
||
|
|
message: tip
|
||
|
|
})
|
||
|
|
);
|
||
|
|
}
|
||
|
|
return result;
|
||
|
|
}
|
||
|
|
function resolveTemplateCompilerOptions(descriptor, options, ssr) {
|
||
|
|
const block = descriptor.template;
|
||
|
|
if (!block) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const resolvedScript = getResolvedScript(descriptor, ssr);
|
||
|
|
const hasScoped = descriptor.styles.some((s) => s.scoped);
|
||
|
|
const { id, filename, cssVars } = descriptor;
|
||
|
|
let transformAssetUrls = options.template?.transformAssetUrls;
|
||
|
|
let assetUrlOptions;
|
||
|
|
if (transformAssetUrls === false) ; else if (options.devServer) {
|
||
|
|
if (filename.startsWith(options.root)) {
|
||
|
|
const devBase = options.devServer.config.base;
|
||
|
|
assetUrlOptions = {
|
||
|
|
base: (options.devServer.config.server?.origin ?? "") + devBase + slash(path.relative(options.root, path.dirname(filename))),
|
||
|
|
includeAbsolute: !!devBase
|
||
|
|
};
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
assetUrlOptions = {
|
||
|
|
includeAbsolute: true
|
||
|
|
};
|
||
|
|
}
|
||
|
|
if (transformAssetUrls && typeof transformAssetUrls === "object") {
|
||
|
|
if (Object.values(transformAssetUrls).some((val) => Array.isArray(val))) {
|
||
|
|
transformAssetUrls = {
|
||
|
|
...assetUrlOptions,
|
||
|
|
tags: transformAssetUrls
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
transformAssetUrls = { ...assetUrlOptions, ...transformAssetUrls };
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
transformAssetUrls = assetUrlOptions;
|
||
|
|
}
|
||
|
|
let preprocessOptions = block.lang && options.template?.preprocessOptions;
|
||
|
|
if (block.lang === "pug") {
|
||
|
|
preprocessOptions = {
|
||
|
|
doctype: "html",
|
||
|
|
...preprocessOptions
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const expressionPlugins = options.template?.compilerOptions?.expressionPlugins || [];
|
||
|
|
const lang = descriptor.scriptSetup?.lang || descriptor.script?.lang;
|
||
|
|
if (lang && /tsx?$/.test(lang) && !expressionPlugins.includes("typescript")) {
|
||
|
|
expressionPlugins.push("typescript");
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
...options.template,
|
||
|
|
id,
|
||
|
|
ast: canReuseAST(options.compiler.version) ? descriptor.template?.ast : void 0,
|
||
|
|
filename,
|
||
|
|
scoped: hasScoped,
|
||
|
|
slotted: descriptor.slotted,
|
||
|
|
isProd: options.isProduction,
|
||
|
|
inMap: block.src ? void 0 : block.map,
|
||
|
|
ssr,
|
||
|
|
ssrCssVars: cssVars,
|
||
|
|
transformAssetUrls,
|
||
|
|
preprocessLang: block.lang === "html" ? void 0 : block.lang,
|
||
|
|
preprocessOptions,
|
||
|
|
compilerOptions: {
|
||
|
|
...options.template?.compilerOptions,
|
||
|
|
scopeId: hasScoped ? `data-v-${id}` : void 0,
|
||
|
|
bindingMetadata: resolvedScript ? resolvedScript.bindings : void 0,
|
||
|
|
expressionPlugins,
|
||
|
|
sourceMap: options.sourceMap
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function canReuseAST(version) {
|
||
|
|
if (version) {
|
||
|
|
const [_, minor, patch] = version.split(".").map(Number);
|
||
|
|
if (minor >= 4 && patch >= 3) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
let clientCache = /* @__PURE__ */ new WeakMap();
|
||
|
|
let ssrCache = /* @__PURE__ */ new WeakMap();
|
||
|
|
const typeDepToSFCMap = /* @__PURE__ */ new Map();
|
||
|
|
function invalidateScript(filename) {
|
||
|
|
const desc = cache.get(filename);
|
||
|
|
if (desc) {
|
||
|
|
clientCache.delete(desc);
|
||
|
|
ssrCache.delete(desc);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function getResolvedScript(descriptor, ssr) {
|
||
|
|
return (ssr ? ssrCache : clientCache).get(descriptor);
|
||
|
|
}
|
||
|
|
function setResolvedScript(descriptor, script, ssr) {
|
||
|
|
(ssr ? ssrCache : clientCache).set(descriptor, script);
|
||
|
|
}
|
||
|
|
function clearScriptCache() {
|
||
|
|
clientCache = /* @__PURE__ */ new WeakMap();
|
||
|
|
ssrCache = /* @__PURE__ */ new WeakMap();
|
||
|
|
}
|
||
|
|
function isUseInlineTemplate(descriptor, options) {
|
||
|
|
return !options.devServer && !options.devToolsEnabled && !!descriptor.scriptSetup && !descriptor.template?.src;
|
||
|
|
}
|
||
|
|
const scriptIdentifier = `_sfc_main`;
|
||
|
|
function resolveScript(descriptor, options, ssr, customElement) {
|
||
|
|
if (!descriptor.script && !descriptor.scriptSetup) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const cached = getResolvedScript(descriptor, ssr);
|
||
|
|
if (cached) {
|
||
|
|
return cached;
|
||
|
|
}
|
||
|
|
let resolved = null;
|
||
|
|
resolved = options.compiler.compileScript(descriptor, {
|
||
|
|
...options.script,
|
||
|
|
id: descriptor.id,
|
||
|
|
isProd: options.isProduction,
|
||
|
|
inlineTemplate: isUseInlineTemplate(descriptor, options),
|
||
|
|
templateOptions: resolveTemplateCompilerOptions(descriptor, options, ssr),
|
||
|
|
sourceMap: options.sourceMap,
|
||
|
|
genDefaultAs: canInlineMain(descriptor, options) ? scriptIdentifier : void 0,
|
||
|
|
customElement,
|
||
|
|
propsDestructure: options.features?.propsDestructure ?? options.script?.propsDestructure
|
||
|
|
});
|
||
|
|
if (!options.isProduction && resolved?.deps) {
|
||
|
|
for (const [key, sfcs] of typeDepToSFCMap) {
|
||
|
|
if (sfcs.has(descriptor.filename) && !resolved.deps.includes(key)) {
|
||
|
|
sfcs.delete(descriptor.filename);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (const dep of resolved.deps) {
|
||
|
|
const existingSet = typeDepToSFCMap.get(dep);
|
||
|
|
if (!existingSet) {
|
||
|
|
typeDepToSFCMap.set(dep, /* @__PURE__ */ new Set([descriptor.filename]));
|
||
|
|
} else {
|
||
|
|
existingSet.add(descriptor.filename);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
setResolvedScript(descriptor, resolved, ssr);
|
||
|
|
return resolved;
|
||
|
|
}
|
||
|
|
function canInlineMain(descriptor, options) {
|
||
|
|
if (descriptor.script?.src || descriptor.scriptSetup?.src) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
const lang = descriptor.script?.lang || descriptor.scriptSetup?.lang;
|
||
|
|
if (!lang || lang === "js") {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
if (lang === "ts" && options.devServer) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
const comma = ','.charCodeAt(0);
|
||
|
|
const semicolon = ';'.charCodeAt(0);
|
||
|
|
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
|
||
|
|
const intToChar = new Uint8Array(64); // 64 possible chars.
|
||
|
|
const charToInt = new Uint8Array(128); // z is 122 in ASCII
|
||
|
|
for (let i = 0; i < chars.length; i++) {
|
||
|
|
const c = chars.charCodeAt(i);
|
||
|
|
intToChar[i] = c;
|
||
|
|
charToInt[c] = i;
|
||
|
|
}
|
||
|
|
function decodeInteger(reader, relative) {
|
||
|
|
let value = 0;
|
||
|
|
let shift = 0;
|
||
|
|
let integer = 0;
|
||
|
|
do {
|
||
|
|
const c = reader.next();
|
||
|
|
integer = charToInt[c];
|
||
|
|
value |= (integer & 31) << shift;
|
||
|
|
shift += 5;
|
||
|
|
} while (integer & 32);
|
||
|
|
const shouldNegate = value & 1;
|
||
|
|
value >>>= 1;
|
||
|
|
if (shouldNegate) {
|
||
|
|
value = -0x80000000 | -value;
|
||
|
|
}
|
||
|
|
return relative + value;
|
||
|
|
}
|
||
|
|
function encodeInteger(builder, num, relative) {
|
||
|
|
let delta = num - relative;
|
||
|
|
delta = delta < 0 ? (-delta << 1) | 1 : delta << 1;
|
||
|
|
do {
|
||
|
|
let clamped = delta & 0b011111;
|
||
|
|
delta >>>= 5;
|
||
|
|
if (delta > 0)
|
||
|
|
clamped |= 0b100000;
|
||
|
|
builder.write(intToChar[clamped]);
|
||
|
|
} while (delta > 0);
|
||
|
|
return num;
|
||
|
|
}
|
||
|
|
function hasMoreVlq(reader, max) {
|
||
|
|
if (reader.pos >= max)
|
||
|
|
return false;
|
||
|
|
return reader.peek() !== comma;
|
||
|
|
}
|
||
|
|
|
||
|
|
const bufLength = 1024 * 16;
|
||
|
|
// Provide a fallback for older environments.
|
||
|
|
const td = typeof TextDecoder !== 'undefined'
|
||
|
|
? /* #__PURE__ */ new TextDecoder()
|
||
|
|
: typeof Buffer !== 'undefined'
|
||
|
|
? {
|
||
|
|
decode(buf) {
|
||
|
|
const out = Buffer.from(buf.buffer, buf.byteOffset, buf.byteLength);
|
||
|
|
return out.toString();
|
||
|
|
},
|
||
|
|
}
|
||
|
|
: {
|
||
|
|
decode(buf) {
|
||
|
|
let out = '';
|
||
|
|
for (let i = 0; i < buf.length; i++) {
|
||
|
|
out += String.fromCharCode(buf[i]);
|
||
|
|
}
|
||
|
|
return out;
|
||
|
|
},
|
||
|
|
};
|
||
|
|
class StringWriter {
|
||
|
|
constructor() {
|
||
|
|
this.pos = 0;
|
||
|
|
this.out = '';
|
||
|
|
this.buffer = new Uint8Array(bufLength);
|
||
|
|
}
|
||
|
|
write(v) {
|
||
|
|
const { buffer } = this;
|
||
|
|
buffer[this.pos++] = v;
|
||
|
|
if (this.pos === bufLength) {
|
||
|
|
this.out += td.decode(buffer);
|
||
|
|
this.pos = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
flush() {
|
||
|
|
const { buffer, out, pos } = this;
|
||
|
|
return pos > 0 ? out + td.decode(buffer.subarray(0, pos)) : out;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
class StringReader {
|
||
|
|
constructor(buffer) {
|
||
|
|
this.pos = 0;
|
||
|
|
this.buffer = buffer;
|
||
|
|
}
|
||
|
|
next() {
|
||
|
|
return this.buffer.charCodeAt(this.pos++);
|
||
|
|
}
|
||
|
|
peek() {
|
||
|
|
return this.buffer.charCodeAt(this.pos);
|
||
|
|
}
|
||
|
|
indexOf(char) {
|
||
|
|
const { buffer, pos } = this;
|
||
|
|
const idx = buffer.indexOf(char, pos);
|
||
|
|
return idx === -1 ? buffer.length : idx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function decode(mappings) {
|
||
|
|
const { length } = mappings;
|
||
|
|
const reader = new StringReader(mappings);
|
||
|
|
const decoded = [];
|
||
|
|
let genColumn = 0;
|
||
|
|
let sourcesIndex = 0;
|
||
|
|
let sourceLine = 0;
|
||
|
|
let sourceColumn = 0;
|
||
|
|
let namesIndex = 0;
|
||
|
|
do {
|
||
|
|
const semi = reader.indexOf(';');
|
||
|
|
const line = [];
|
||
|
|
let sorted = true;
|
||
|
|
let lastCol = 0;
|
||
|
|
genColumn = 0;
|
||
|
|
while (reader.pos < semi) {
|
||
|
|
let seg;
|
||
|
|
genColumn = decodeInteger(reader, genColumn);
|
||
|
|
if (genColumn < lastCol)
|
||
|
|
sorted = false;
|
||
|
|
lastCol = genColumn;
|
||
|
|
if (hasMoreVlq(reader, semi)) {
|
||
|
|
sourcesIndex = decodeInteger(reader, sourcesIndex);
|
||
|
|
sourceLine = decodeInteger(reader, sourceLine);
|
||
|
|
sourceColumn = decodeInteger(reader, sourceColumn);
|
||
|
|
if (hasMoreVlq(reader, semi)) {
|
||
|
|
namesIndex = decodeInteger(reader, namesIndex);
|
||
|
|
seg = [genColumn, sourcesIndex, sourceLine, sourceColumn, namesIndex];
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
seg = [genColumn, sourcesIndex, sourceLine, sourceColumn];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
seg = [genColumn];
|
||
|
|
}
|
||
|
|
line.push(seg);
|
||
|
|
reader.pos++;
|
||
|
|
}
|
||
|
|
if (!sorted)
|
||
|
|
sort(line);
|
||
|
|
decoded.push(line);
|
||
|
|
reader.pos = semi + 1;
|
||
|
|
} while (reader.pos <= length);
|
||
|
|
return decoded;
|
||
|
|
}
|
||
|
|
function sort(line) {
|
||
|
|
line.sort(sortComparator$1);
|
||
|
|
}
|
||
|
|
function sortComparator$1(a, b) {
|
||
|
|
return a[0] - b[0];
|
||
|
|
}
|
||
|
|
function encode(decoded) {
|
||
|
|
const writer = new StringWriter();
|
||
|
|
let sourcesIndex = 0;
|
||
|
|
let sourceLine = 0;
|
||
|
|
let sourceColumn = 0;
|
||
|
|
let namesIndex = 0;
|
||
|
|
for (let i = 0; i < decoded.length; i++) {
|
||
|
|
const line = decoded[i];
|
||
|
|
if (i > 0)
|
||
|
|
writer.write(semicolon);
|
||
|
|
if (line.length === 0)
|
||
|
|
continue;
|
||
|
|
let genColumn = 0;
|
||
|
|
for (let j = 0; j < line.length; j++) {
|
||
|
|
const segment = line[j];
|
||
|
|
if (j > 0)
|
||
|
|
writer.write(comma);
|
||
|
|
genColumn = encodeInteger(writer, segment[0], genColumn);
|
||
|
|
if (segment.length === 1)
|
||
|
|
continue;
|
||
|
|
sourcesIndex = encodeInteger(writer, segment[1], sourcesIndex);
|
||
|
|
sourceLine = encodeInteger(writer, segment[2], sourceLine);
|
||
|
|
sourceColumn = encodeInteger(writer, segment[3], sourceColumn);
|
||
|
|
if (segment.length === 4)
|
||
|
|
continue;
|
||
|
|
namesIndex = encodeInteger(writer, segment[4], namesIndex);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return writer.flush();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Matches the scheme of a URL, eg "http://"
|
||
|
|
const schemeRegex = /^[\w+.-]+:\/\//;
|
||
|
|
/**
|
||
|
|
* Matches the parts of a URL:
|
||
|
|
* 1. Scheme, including ":", guaranteed.
|
||
|
|
* 2. User/password, including "@", optional.
|
||
|
|
* 3. Host, guaranteed.
|
||
|
|
* 4. Port, including ":", optional.
|
||
|
|
* 5. Path, including "/", optional.
|
||
|
|
* 6. Query, including "?", optional.
|
||
|
|
* 7. Hash, including "#", optional.
|
||
|
|
*/
|
||
|
|
const urlRegex = /^([\w+.-]+:)\/\/([^@/#?]*@)?([^:/#?]*)(:\d+)?(\/[^#?]*)?(\?[^#]*)?(#.*)?/;
|
||
|
|
/**
|
||
|
|
* File URLs are weird. They dont' need the regular `//` in the scheme, they may or may not start
|
||
|
|
* with a leading `/`, they can have a domain (but only if they don't start with a Windows drive).
|
||
|
|
*
|
||
|
|
* 1. Host, optional.
|
||
|
|
* 2. Path, which may include "/", guaranteed.
|
||
|
|
* 3. Query, including "?", optional.
|
||
|
|
* 4. Hash, including "#", optional.
|
||
|
|
*/
|
||
|
|
const fileRegex = /^file:(?:\/\/((?![a-z]:)[^/#?]*)?)?(\/?[^#?]*)(\?[^#]*)?(#.*)?/i;
|
||
|
|
function isAbsoluteUrl(input) {
|
||
|
|
return schemeRegex.test(input);
|
||
|
|
}
|
||
|
|
function isSchemeRelativeUrl(input) {
|
||
|
|
return input.startsWith('//');
|
||
|
|
}
|
||
|
|
function isAbsolutePath(input) {
|
||
|
|
return input.startsWith('/');
|
||
|
|
}
|
||
|
|
function isFileUrl(input) {
|
||
|
|
return input.startsWith('file:');
|
||
|
|
}
|
||
|
|
function isRelative(input) {
|
||
|
|
return /^[.?#]/.test(input);
|
||
|
|
}
|
||
|
|
function parseAbsoluteUrl(input) {
|
||
|
|
const match = urlRegex.exec(input);
|
||
|
|
return makeUrl(match[1], match[2] || '', match[3], match[4] || '', match[5] || '/', match[6] || '', match[7] || '');
|
||
|
|
}
|
||
|
|
function parseFileUrl(input) {
|
||
|
|
const match = fileRegex.exec(input);
|
||
|
|
const path = match[2];
|
||
|
|
return makeUrl('file:', '', match[1] || '', '', isAbsolutePath(path) ? path : '/' + path, match[3] || '', match[4] || '');
|
||
|
|
}
|
||
|
|
function makeUrl(scheme, user, host, port, path, query, hash) {
|
||
|
|
return {
|
||
|
|
scheme,
|
||
|
|
user,
|
||
|
|
host,
|
||
|
|
port,
|
||
|
|
path,
|
||
|
|
query,
|
||
|
|
hash,
|
||
|
|
type: 7 /* Absolute */,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function parseUrl(input) {
|
||
|
|
if (isSchemeRelativeUrl(input)) {
|
||
|
|
const url = parseAbsoluteUrl('http:' + input);
|
||
|
|
url.scheme = '';
|
||
|
|
url.type = 6 /* SchemeRelative */;
|
||
|
|
return url;
|
||
|
|
}
|
||
|
|
if (isAbsolutePath(input)) {
|
||
|
|
const url = parseAbsoluteUrl('http://foo.com' + input);
|
||
|
|
url.scheme = '';
|
||
|
|
url.host = '';
|
||
|
|
url.type = 5 /* AbsolutePath */;
|
||
|
|
return url;
|
||
|
|
}
|
||
|
|
if (isFileUrl(input))
|
||
|
|
return parseFileUrl(input);
|
||
|
|
if (isAbsoluteUrl(input))
|
||
|
|
return parseAbsoluteUrl(input);
|
||
|
|
const url = parseAbsoluteUrl('http://foo.com/' + input);
|
||
|
|
url.scheme = '';
|
||
|
|
url.host = '';
|
||
|
|
url.type = input
|
||
|
|
? input.startsWith('?')
|
||
|
|
? 3 /* Query */
|
||
|
|
: input.startsWith('#')
|
||
|
|
? 2 /* Hash */
|
||
|
|
: 4 /* RelativePath */
|
||
|
|
: 1 /* Empty */;
|
||
|
|
return url;
|
||
|
|
}
|
||
|
|
function stripPathFilename(path) {
|
||
|
|
// If a path ends with a parent directory "..", then it's a relative path with excess parent
|
||
|
|
// paths. It's not a file, so we can't strip it.
|
||
|
|
if (path.endsWith('/..'))
|
||
|
|
return path;
|
||
|
|
const index = path.lastIndexOf('/');
|
||
|
|
return path.slice(0, index + 1);
|
||
|
|
}
|
||
|
|
function mergePaths(url, base) {
|
||
|
|
normalizePath(base, base.type);
|
||
|
|
// If the path is just a "/", then it was an empty path to begin with (remember, we're a relative
|
||
|
|
// path).
|
||
|
|
if (url.path === '/') {
|
||
|
|
url.path = base.path;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
// Resolution happens relative to the base path's directory, not the file.
|
||
|
|
url.path = stripPathFilename(base.path) + url.path;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* The path can have empty directories "//", unneeded parents "foo/..", or current directory
|
||
|
|
* "foo/.". We need to normalize to a standard representation.
|
||
|
|
*/
|
||
|
|
function normalizePath(url, type) {
|
||
|
|
const rel = type <= 4 /* RelativePath */;
|
||
|
|
const pieces = url.path.split('/');
|
||
|
|
// We need to preserve the first piece always, so that we output a leading slash. The item at
|
||
|
|
// pieces[0] is an empty string.
|
||
|
|
let pointer = 1;
|
||
|
|
// Positive is the number of real directories we've output, used for popping a parent directory.
|
||
|
|
// Eg, "foo/bar/.." will have a positive 2, and we can decrement to be left with just "foo".
|
||
|
|
let positive = 0;
|
||
|
|
// We need to keep a trailing slash if we encounter an empty directory (eg, splitting "foo/" will
|
||
|
|
// generate `["foo", ""]` pieces). And, if we pop a parent directory. But once we encounter a
|
||
|
|
// real directory, we won't need to append, unless the other conditions happen again.
|
||
|
|
let addTrailingSlash = false;
|
||
|
|
for (let i = 1; i < pieces.length; i++) {
|
||
|
|
const piece = pieces[i];
|
||
|
|
// An empty directory, could be a trailing slash, or just a double "//" in the path.
|
||
|
|
if (!piece) {
|
||
|
|
addTrailingSlash = true;
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
// If we encounter a real directory, then we don't need to append anymore.
|
||
|
|
addTrailingSlash = false;
|
||
|
|
// A current directory, which we can always drop.
|
||
|
|
if (piece === '.')
|
||
|
|
continue;
|
||
|
|
// A parent directory, we need to see if there are any real directories we can pop. Else, we
|
||
|
|
// have an excess of parents, and we'll need to keep the "..".
|
||
|
|
if (piece === '..') {
|
||
|
|
if (positive) {
|
||
|
|
addTrailingSlash = true;
|
||
|
|
positive--;
|
||
|
|
pointer--;
|
||
|
|
}
|
||
|
|
else if (rel) {
|
||
|
|
// If we're in a relativePath, then we need to keep the excess parents. Else, in an absolute
|
||
|
|
// URL, protocol relative URL, or an absolute path, we don't need to keep excess.
|
||
|
|
pieces[pointer++] = piece;
|
||
|
|
}
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
// We've encountered a real directory. Move it to the next insertion pointer, which accounts for
|
||
|
|
// any popped or dropped directories.
|
||
|
|
pieces[pointer++] = piece;
|
||
|
|
positive++;
|
||
|
|
}
|
||
|
|
let path = '';
|
||
|
|
for (let i = 1; i < pointer; i++) {
|
||
|
|
path += '/' + pieces[i];
|
||
|
|
}
|
||
|
|
if (!path || (addTrailingSlash && !path.endsWith('/..'))) {
|
||
|
|
path += '/';
|
||
|
|
}
|
||
|
|
url.path = path;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Attempts to resolve `input` URL/path relative to `base`.
|
||
|
|
*/
|
||
|
|
function resolve$1(input, base) {
|
||
|
|
if (!input && !base)
|
||
|
|
return '';
|
||
|
|
const url = parseUrl(input);
|
||
|
|
let inputType = url.type;
|
||
|
|
if (base && inputType !== 7 /* Absolute */) {
|
||
|
|
const baseUrl = parseUrl(base);
|
||
|
|
const baseType = baseUrl.type;
|
||
|
|
switch (inputType) {
|
||
|
|
case 1 /* Empty */:
|
||
|
|
url.hash = baseUrl.hash;
|
||
|
|
// fall through
|
||
|
|
case 2 /* Hash */:
|
||
|
|
url.query = baseUrl.query;
|
||
|
|
// fall through
|
||
|
|
case 3 /* Query */:
|
||
|
|
case 4 /* RelativePath */:
|
||
|
|
mergePaths(url, baseUrl);
|
||
|
|
// fall through
|
||
|
|
case 5 /* AbsolutePath */:
|
||
|
|
// The host, user, and port are joined, you can't copy one without the others.
|
||
|
|
url.user = baseUrl.user;
|
||
|
|
url.host = baseUrl.host;
|
||
|
|
url.port = baseUrl.port;
|
||
|
|
// fall through
|
||
|
|
case 6 /* SchemeRelative */:
|
||
|
|
// The input doesn't have a schema at least, so we need to copy at least that over.
|
||
|
|
url.scheme = baseUrl.scheme;
|
||
|
|
}
|
||
|
|
if (baseType > inputType)
|
||
|
|
inputType = baseType;
|
||
|
|
}
|
||
|
|
normalizePath(url, inputType);
|
||
|
|
const queryHash = url.query + url.hash;
|
||
|
|
switch (inputType) {
|
||
|
|
// This is impossible, because of the empty checks at the start of the function.
|
||
|
|
// case UrlType.Empty:
|
||
|
|
case 2 /* Hash */:
|
||
|
|
case 3 /* Query */:
|
||
|
|
return queryHash;
|
||
|
|
case 4 /* RelativePath */: {
|
||
|
|
// The first char is always a "/", and we need it to be relative.
|
||
|
|
const path = url.path.slice(1);
|
||
|
|
if (!path)
|
||
|
|
return queryHash || '.';
|
||
|
|
if (isRelative(base || input) && !isRelative(path)) {
|
||
|
|
// If base started with a leading ".", or there is no base and input started with a ".",
|
||
|
|
// then we need to ensure that the relative path starts with a ".". We don't know if
|
||
|
|
// relative starts with a "..", though, so check before prepending.
|
||
|
|
return './' + path + queryHash;
|
||
|
|
}
|
||
|
|
return path + queryHash;
|
||
|
|
}
|
||
|
|
case 5 /* AbsolutePath */:
|
||
|
|
return url.path + queryHash;
|
||
|
|
default:
|
||
|
|
return url.scheme + '//' + url.user + url.host + url.port + url.path + queryHash;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function resolve(input, base) {
|
||
|
|
// The base is always treated as a directory, if it's not empty.
|
||
|
|
// https://github.com/mozilla/source-map/blob/8cb3ee57/lib/util.js#L327
|
||
|
|
// https://github.com/chromium/chromium/blob/da4adbb3/third_party/blink/renderer/devtools/front_end/sdk/SourceMap.js#L400-L401
|
||
|
|
if (base && !base.endsWith('/'))
|
||
|
|
base += '/';
|
||
|
|
return resolve$1(input, base);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Removes everything after the last "/", but leaves the slash.
|
||
|
|
*/
|
||
|
|
function stripFilename(path) {
|
||
|
|
if (!path)
|
||
|
|
return '';
|
||
|
|
const index = path.lastIndexOf('/');
|
||
|
|
return path.slice(0, index + 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
const COLUMN$1 = 0;
|
||
|
|
|
||
|
|
function maybeSort(mappings, owned) {
|
||
|
|
const unsortedIndex = nextUnsortedSegmentLine(mappings, 0);
|
||
|
|
if (unsortedIndex === mappings.length)
|
||
|
|
return mappings;
|
||
|
|
// If we own the array (meaning we parsed it from JSON), then we're free to directly mutate it. If
|
||
|
|
// not, we do not want to modify the consumer's input array.
|
||
|
|
if (!owned)
|
||
|
|
mappings = mappings.slice();
|
||
|
|
for (let i = unsortedIndex; i < mappings.length; i = nextUnsortedSegmentLine(mappings, i + 1)) {
|
||
|
|
mappings[i] = sortSegments(mappings[i], owned);
|
||
|
|
}
|
||
|
|
return mappings;
|
||
|
|
}
|
||
|
|
function nextUnsortedSegmentLine(mappings, start) {
|
||
|
|
for (let i = start; i < mappings.length; i++) {
|
||
|
|
if (!isSorted(mappings[i]))
|
||
|
|
return i;
|
||
|
|
}
|
||
|
|
return mappings.length;
|
||
|
|
}
|
||
|
|
function isSorted(line) {
|
||
|
|
for (let j = 1; j < line.length; j++) {
|
||
|
|
if (line[j][COLUMN$1] < line[j - 1][COLUMN$1]) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
function sortSegments(line, owned) {
|
||
|
|
if (!owned)
|
||
|
|
line = line.slice();
|
||
|
|
return line.sort(sortComparator);
|
||
|
|
}
|
||
|
|
function sortComparator(a, b) {
|
||
|
|
return a[COLUMN$1] - b[COLUMN$1];
|
||
|
|
}
|
||
|
|
function memoizedState() {
|
||
|
|
return {
|
||
|
|
lastKey: -1,
|
||
|
|
lastNeedle: -1,
|
||
|
|
lastIndex: -1,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
class TraceMap {
|
||
|
|
constructor(map, mapUrl) {
|
||
|
|
const isString = typeof map === 'string';
|
||
|
|
if (!isString && map._decodedMemo)
|
||
|
|
return map;
|
||
|
|
const parsed = (isString ? JSON.parse(map) : map);
|
||
|
|
const { version, file, names, sourceRoot, sources, sourcesContent } = parsed;
|
||
|
|
this.version = version;
|
||
|
|
this.file = file;
|
||
|
|
this.names = names || [];
|
||
|
|
this.sourceRoot = sourceRoot;
|
||
|
|
this.sources = sources;
|
||
|
|
this.sourcesContent = sourcesContent;
|
||
|
|
this.ignoreList = parsed.ignoreList || parsed.x_google_ignoreList || undefined;
|
||
|
|
const from = resolve(sourceRoot || '', stripFilename(mapUrl));
|
||
|
|
this.resolvedSources = sources.map((s) => resolve(s || '', from));
|
||
|
|
const { mappings } = parsed;
|
||
|
|
if (typeof mappings === 'string') {
|
||
|
|
this._encoded = mappings;
|
||
|
|
this._decoded = undefined;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
this._encoded = undefined;
|
||
|
|
this._decoded = maybeSort(mappings, isString);
|
||
|
|
}
|
||
|
|
this._decodedMemo = memoizedState();
|
||
|
|
this._bySources = undefined;
|
||
|
|
this._bySourceMemos = undefined;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Typescript doesn't allow friend access to private fields, so this just casts the map into a type
|
||
|
|
* with public access modifiers.
|
||
|
|
*/
|
||
|
|
function cast$2(map) {
|
||
|
|
return map;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Returns the decoded (array of lines of segments) form of the SourceMap's mappings field.
|
||
|
|
*/
|
||
|
|
function decodedMappings(map) {
|
||
|
|
var _a;
|
||
|
|
return ((_a = cast$2(map))._decoded || (_a._decoded = decode(cast$2(map)._encoded)));
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Iterates each mapping in generated position order.
|
||
|
|
*/
|
||
|
|
function eachMapping(map, cb) {
|
||
|
|
const decoded = decodedMappings(map);
|
||
|
|
const { names, resolvedSources } = map;
|
||
|
|
for (let i = 0; i < decoded.length; i++) {
|
||
|
|
const line = decoded[i];
|
||
|
|
for (let j = 0; j < line.length; j++) {
|
||
|
|
const seg = line[j];
|
||
|
|
const generatedLine = i + 1;
|
||
|
|
const generatedColumn = seg[0];
|
||
|
|
let source = null;
|
||
|
|
let originalLine = null;
|
||
|
|
let originalColumn = null;
|
||
|
|
let name = null;
|
||
|
|
if (seg.length !== 1) {
|
||
|
|
source = resolvedSources[seg[1]];
|
||
|
|
originalLine = seg[2] + 1;
|
||
|
|
originalColumn = seg[3];
|
||
|
|
}
|
||
|
|
if (seg.length === 5)
|
||
|
|
name = names[seg[4]];
|
||
|
|
cb({
|
||
|
|
generatedLine,
|
||
|
|
generatedColumn,
|
||
|
|
source,
|
||
|
|
originalLine,
|
||
|
|
originalColumn,
|
||
|
|
name,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* SetArray acts like a `Set` (allowing only one occurrence of a string `key`), but provides the
|
||
|
|
* index of the `key` in the backing array.
|
||
|
|
*
|
||
|
|
* This is designed to allow synchronizing a second array with the contents of the backing array,
|
||
|
|
* like how in a sourcemap `sourcesContent[i]` is the source content associated with `source[i]`,
|
||
|
|
* and there are never duplicates.
|
||
|
|
*/
|
||
|
|
class SetArray {
|
||
|
|
constructor() {
|
||
|
|
this._indexes = { __proto__: null };
|
||
|
|
this.array = [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Typescript doesn't allow friend access to private fields, so this just casts the set into a type
|
||
|
|
* with public access modifiers.
|
||
|
|
*/
|
||
|
|
function cast$1(set) {
|
||
|
|
return set;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Gets the index associated with `key` in the backing array, if it is already present.
|
||
|
|
*/
|
||
|
|
function get(setarr, key) {
|
||
|
|
return cast$1(setarr)._indexes[key];
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Puts `key` into the backing array, if it is not already present. Returns
|
||
|
|
* the index of the `key` in the backing array.
|
||
|
|
*/
|
||
|
|
function put(setarr, key) {
|
||
|
|
// The key may or may not be present. If it is present, it's a number.
|
||
|
|
const index = get(setarr, key);
|
||
|
|
if (index !== undefined)
|
||
|
|
return index;
|
||
|
|
const { array, _indexes: indexes } = cast$1(setarr);
|
||
|
|
const length = array.push(key);
|
||
|
|
return (indexes[key] = length - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
const COLUMN = 0;
|
||
|
|
const SOURCES_INDEX = 1;
|
||
|
|
const SOURCE_LINE = 2;
|
||
|
|
const SOURCE_COLUMN = 3;
|
||
|
|
const NAMES_INDEX = 4;
|
||
|
|
|
||
|
|
const NO_NAME = -1;
|
||
|
|
/**
|
||
|
|
* Provides the state to generate a sourcemap.
|
||
|
|
*/
|
||
|
|
class GenMapping {
|
||
|
|
constructor({ file, sourceRoot } = {}) {
|
||
|
|
this._names = new SetArray();
|
||
|
|
this._sources = new SetArray();
|
||
|
|
this._sourcesContent = [];
|
||
|
|
this._mappings = [];
|
||
|
|
this.file = file;
|
||
|
|
this.sourceRoot = sourceRoot;
|
||
|
|
this._ignoreList = new SetArray();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Typescript doesn't allow friend access to private fields, so this just casts the map into a type
|
||
|
|
* with public access modifiers.
|
||
|
|
*/
|
||
|
|
function cast(map) {
|
||
|
|
return map;
|
||
|
|
}
|
||
|
|
function addMapping(map, mapping) {
|
||
|
|
return addMappingInternal(false, map, mapping);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Returns a sourcemap object (with decoded mappings) suitable for passing to a library that expects
|
||
|
|
* a sourcemap, or to JSON.stringify.
|
||
|
|
*/
|
||
|
|
function toDecodedMap(map) {
|
||
|
|
const { _mappings: mappings, _sources: sources, _sourcesContent: sourcesContent, _names: names, _ignoreList: ignoreList, } = cast(map);
|
||
|
|
removeEmptyFinalLines(mappings);
|
||
|
|
return {
|
||
|
|
version: 3,
|
||
|
|
file: map.file || undefined,
|
||
|
|
names: names.array,
|
||
|
|
sourceRoot: map.sourceRoot || undefined,
|
||
|
|
sources: sources.array,
|
||
|
|
sourcesContent,
|
||
|
|
mappings,
|
||
|
|
ignoreList: ignoreList.array,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Returns a sourcemap object (with encoded mappings) suitable for passing to a library that expects
|
||
|
|
* a sourcemap, or to JSON.stringify.
|
||
|
|
*/
|
||
|
|
function toEncodedMap(map) {
|
||
|
|
const decoded = toDecodedMap(map);
|
||
|
|
return Object.assign(Object.assign({}, decoded), { mappings: encode(decoded.mappings) });
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Constructs a new GenMapping, using the already present mappings of the input.
|
||
|
|
*/
|
||
|
|
function fromMap(input) {
|
||
|
|
const map = new TraceMap(input);
|
||
|
|
const gen = new GenMapping({ file: map.file, sourceRoot: map.sourceRoot });
|
||
|
|
putAll(cast(gen)._names, map.names);
|
||
|
|
putAll(cast(gen)._sources, map.sources);
|
||
|
|
cast(gen)._sourcesContent = map.sourcesContent || map.sources.map(() => null);
|
||
|
|
cast(gen)._mappings = decodedMappings(map);
|
||
|
|
if (map.ignoreList)
|
||
|
|
putAll(cast(gen)._ignoreList, map.ignoreList);
|
||
|
|
return gen;
|
||
|
|
}
|
||
|
|
// This split declaration is only so that terser can elminiate the static initialization block.
|
||
|
|
function addSegmentInternal(skipable, map, genLine, genColumn, source, sourceLine, sourceColumn, name, content) {
|
||
|
|
const { _mappings: mappings, _sources: sources, _sourcesContent: sourcesContent, _names: names, } = cast(map);
|
||
|
|
const line = getLine(mappings, genLine);
|
||
|
|
const index = getColumnIndex(line, genColumn);
|
||
|
|
if (!source) {
|
||
|
|
if (skipable && skipSourceless(line, index))
|
||
|
|
return;
|
||
|
|
return insert(line, index, [genColumn]);
|
||
|
|
}
|
||
|
|
const sourcesIndex = put(sources, source);
|
||
|
|
const namesIndex = name ? put(names, name) : NO_NAME;
|
||
|
|
if (sourcesIndex === sourcesContent.length)
|
||
|
|
sourcesContent[sourcesIndex] = content !== null && content !== void 0 ? content : null;
|
||
|
|
if (skipable && skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
return insert(line, index, name
|
||
|
|
? [genColumn, sourcesIndex, sourceLine, sourceColumn, namesIndex]
|
||
|
|
: [genColumn, sourcesIndex, sourceLine, sourceColumn]);
|
||
|
|
}
|
||
|
|
function getLine(mappings, index) {
|
||
|
|
for (let i = mappings.length; i <= index; i++) {
|
||
|
|
mappings[i] = [];
|
||
|
|
}
|
||
|
|
return mappings[index];
|
||
|
|
}
|
||
|
|
function getColumnIndex(line, genColumn) {
|
||
|
|
let index = line.length;
|
||
|
|
for (let i = index - 1; i >= 0; index = i--) {
|
||
|
|
const current = line[i];
|
||
|
|
if (genColumn >= current[COLUMN])
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
return index;
|
||
|
|
}
|
||
|
|
function insert(array, index, value) {
|
||
|
|
for (let i = array.length; i > index; i--) {
|
||
|
|
array[i] = array[i - 1];
|
||
|
|
}
|
||
|
|
array[index] = value;
|
||
|
|
}
|
||
|
|
function removeEmptyFinalLines(mappings) {
|
||
|
|
const { length } = mappings;
|
||
|
|
let len = length;
|
||
|
|
for (let i = len - 1; i >= 0; len = i, i--) {
|
||
|
|
if (mappings[i].length > 0)
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
if (len < length)
|
||
|
|
mappings.length = len;
|
||
|
|
}
|
||
|
|
function putAll(setarr, array) {
|
||
|
|
for (let i = 0; i < array.length; i++)
|
||
|
|
put(setarr, array[i]);
|
||
|
|
}
|
||
|
|
function skipSourceless(line, index) {
|
||
|
|
// The start of a line is already sourceless, so adding a sourceless segment to the beginning
|
||
|
|
// doesn't generate any useful information.
|
||
|
|
if (index === 0)
|
||
|
|
return true;
|
||
|
|
const prev = line[index - 1];
|
||
|
|
// If the previous segment is also sourceless, then adding another sourceless segment doesn't
|
||
|
|
// genrate any new information. Else, this segment will end the source/named segment and point to
|
||
|
|
// a sourceless position, which is useful.
|
||
|
|
return prev.length === 1;
|
||
|
|
}
|
||
|
|
function skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex) {
|
||
|
|
// A source/named segment at the start of a line gives position at that genColumn
|
||
|
|
if (index === 0)
|
||
|
|
return false;
|
||
|
|
const prev = line[index - 1];
|
||
|
|
// If the previous segment is sourceless, then we're transitioning to a source.
|
||
|
|
if (prev.length === 1)
|
||
|
|
return false;
|
||
|
|
// If the previous segment maps to the exact same source position, then this segment doesn't
|
||
|
|
// provide any new position information.
|
||
|
|
return (sourcesIndex === prev[SOURCES_INDEX] &&
|
||
|
|
sourceLine === prev[SOURCE_LINE] &&
|
||
|
|
sourceColumn === prev[SOURCE_COLUMN] &&
|
||
|
|
namesIndex === (prev.length === 5 ? prev[NAMES_INDEX] : NO_NAME));
|
||
|
|
}
|
||
|
|
function addMappingInternal(skipable, map, mapping) {
|
||
|
|
const { generated, source, original, name, content } = mapping;
|
||
|
|
if (!source) {
|
||
|
|
return addSegmentInternal(skipable, map, generated.line - 1, generated.column, null, null, null, null, null);
|
||
|
|
}
|
||
|
|
return addSegmentInternal(skipable, map, generated.line - 1, generated.column, source, original.line - 1, original.column, name, content);
|
||
|
|
}
|
||
|
|
|
||
|
|
function getDefaultExportFromCjs (x) {
|
||
|
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
||
|
|
}
|
||
|
|
|
||
|
|
var src = {exports: {}};
|
||
|
|
|
||
|
|
var browser = {exports: {}};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Helpers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var ms;
|
||
|
|
var hasRequiredMs;
|
||
|
|
|
||
|
|
function requireMs () {
|
||
|
|
if (hasRequiredMs) return ms;
|
||
|
|
hasRequiredMs = 1;
|
||
|
|
var s = 1000;
|
||
|
|
var m = s * 60;
|
||
|
|
var h = m * 60;
|
||
|
|
var d = h * 24;
|
||
|
|
var w = d * 7;
|
||
|
|
var y = d * 365.25;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Parse or format the given `val`.
|
||
|
|
*
|
||
|
|
* Options:
|
||
|
|
*
|
||
|
|
* - `long` verbose formatting [false]
|
||
|
|
*
|
||
|
|
* @param {String|Number} val
|
||
|
|
* @param {Object} [options]
|
||
|
|
* @throws {Error} throw an error if val is not a non-empty string or a number
|
||
|
|
* @return {String|Number}
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
|
||
|
|
ms = function(val, options) {
|
||
|
|
options = options || {};
|
||
|
|
var type = typeof val;
|
||
|
|
if (type === 'string' && val.length > 0) {
|
||
|
|
return parse(val);
|
||
|
|
} else if (type === 'number' && isFinite(val)) {
|
||
|
|
return options.long ? fmtLong(val) : fmtShort(val);
|
||
|
|
}
|
||
|
|
throw new Error(
|
||
|
|
'val is not a non-empty string or a valid number. val=' +
|
||
|
|
JSON.stringify(val)
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Parse the given `str` and return milliseconds.
|
||
|
|
*
|
||
|
|
* @param {String} str
|
||
|
|
* @return {Number}
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
|
||
|
|
function parse(str) {
|
||
|
|
str = String(str);
|
||
|
|
if (str.length > 100) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
|
||
|
|
str
|
||
|
|
);
|
||
|
|
if (!match) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var n = parseFloat(match[1]);
|
||
|
|
var type = (match[2] || 'ms').toLowerCase();
|
||
|
|
switch (type) {
|
||
|
|
case 'years':
|
||
|
|
case 'year':
|
||
|
|
case 'yrs':
|
||
|
|
case 'yr':
|
||
|
|
case 'y':
|
||
|
|
return n * y;
|
||
|
|
case 'weeks':
|
||
|
|
case 'week':
|
||
|
|
case 'w':
|
||
|
|
return n * w;
|
||
|
|
case 'days':
|
||
|
|
case 'day':
|
||
|
|
case 'd':
|
||
|
|
return n * d;
|
||
|
|
case 'hours':
|
||
|
|
case 'hour':
|
||
|
|
case 'hrs':
|
||
|
|
case 'hr':
|
||
|
|
case 'h':
|
||
|
|
return n * h;
|
||
|
|
case 'minutes':
|
||
|
|
case 'minute':
|
||
|
|
case 'mins':
|
||
|
|
case 'min':
|
||
|
|
case 'm':
|
||
|
|
return n * m;
|
||
|
|
case 'seconds':
|
||
|
|
case 'second':
|
||
|
|
case 'secs':
|
||
|
|
case 'sec':
|
||
|
|
case 's':
|
||
|
|
return n * s;
|
||
|
|
case 'milliseconds':
|
||
|
|
case 'millisecond':
|
||
|
|
case 'msecs':
|
||
|
|
case 'msec':
|
||
|
|
case 'ms':
|
||
|
|
return n;
|
||
|
|
default:
|
||
|
|
return undefined;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Short format for `ms`.
|
||
|
|
*
|
||
|
|
* @param {Number} ms
|
||
|
|
* @return {String}
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
|
||
|
|
function fmtShort(ms) {
|
||
|
|
var msAbs = Math.abs(ms);
|
||
|
|
if (msAbs >= d) {
|
||
|
|
return Math.round(ms / d) + 'd';
|
||
|
|
}
|
||
|
|
if (msAbs >= h) {
|
||
|
|
return Math.round(ms / h) + 'h';
|
||
|
|
}
|
||
|
|
if (msAbs >= m) {
|
||
|
|
return Math.round(ms / m) + 'm';
|
||
|
|
}
|
||
|
|
if (msAbs >= s) {
|
||
|
|
return Math.round(ms / s) + 's';
|
||
|
|
}
|
||
|
|
return ms + 'ms';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Long format for `ms`.
|
||
|
|
*
|
||
|
|
* @param {Number} ms
|
||
|
|
* @return {String}
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
|
||
|
|
function fmtLong(ms) {
|
||
|
|
var msAbs = Math.abs(ms);
|
||
|
|
if (msAbs >= d) {
|
||
|
|
return plural(ms, msAbs, d, 'day');
|
||
|
|
}
|
||
|
|
if (msAbs >= h) {
|
||
|
|
return plural(ms, msAbs, h, 'hour');
|
||
|
|
}
|
||
|
|
if (msAbs >= m) {
|
||
|
|
return plural(ms, msAbs, m, 'minute');
|
||
|
|
}
|
||
|
|
if (msAbs >= s) {
|
||
|
|
return plural(ms, msAbs, s, 'second');
|
||
|
|
}
|
||
|
|
return ms + ' ms';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Pluralization helper.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function plural(ms, msAbs, n, name) {
|
||
|
|
var isPlural = msAbs >= n * 1.5;
|
||
|
|
return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
|
||
|
|
}
|
||
|
|
return ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
var common;
|
||
|
|
var hasRequiredCommon;
|
||
|
|
|
||
|
|
function requireCommon () {
|
||
|
|
if (hasRequiredCommon) return common;
|
||
|
|
hasRequiredCommon = 1;
|
||
|
|
/**
|
||
|
|
* This is the common logic for both the Node.js and web browser
|
||
|
|
* implementations of `debug()`.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function setup(env) {
|
||
|
|
createDebug.debug = createDebug;
|
||
|
|
createDebug.default = createDebug;
|
||
|
|
createDebug.coerce = coerce;
|
||
|
|
createDebug.disable = disable;
|
||
|
|
createDebug.enable = enable;
|
||
|
|
createDebug.enabled = enabled;
|
||
|
|
createDebug.humanize = requireMs();
|
||
|
|
createDebug.destroy = destroy;
|
||
|
|
|
||
|
|
Object.keys(env).forEach(key => {
|
||
|
|
createDebug[key] = env[key];
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The currently active debug mode names, and names to skip.
|
||
|
|
*/
|
||
|
|
|
||
|
|
createDebug.names = [];
|
||
|
|
createDebug.skips = [];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Map of special "%n" handling functions, for the debug "format" argument.
|
||
|
|
*
|
||
|
|
* Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
|
||
|
|
*/
|
||
|
|
createDebug.formatters = {};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Selects a color for a debug namespace
|
||
|
|
* @param {String} namespace The namespace string for the debug instance to be colored
|
||
|
|
* @return {Number|String} An ANSI color code for the given namespace
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function selectColor(namespace) {
|
||
|
|
let hash = 0;
|
||
|
|
|
||
|
|
for (let i = 0; i < namespace.length; i++) {
|
||
|
|
hash = ((hash << 5) - hash) + namespace.charCodeAt(i);
|
||
|
|
hash |= 0; // Convert to 32bit integer
|
||
|
|
}
|
||
|
|
|
||
|
|
return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
|
||
|
|
}
|
||
|
|
createDebug.selectColor = selectColor;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create a debugger with the given `namespace`.
|
||
|
|
*
|
||
|
|
* @param {String} namespace
|
||
|
|
* @return {Function}
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
function createDebug(namespace) {
|
||
|
|
let prevTime;
|
||
|
|
let enableOverride = null;
|
||
|
|
let namespacesCache;
|
||
|
|
let enabledCache;
|
||
|
|
|
||
|
|
function debug(...args) {
|
||
|
|
// Disabled?
|
||
|
|
if (!debug.enabled) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const self = debug;
|
||
|
|
|
||
|
|
// Set `diff` timestamp
|
||
|
|
const curr = Number(new Date());
|
||
|
|
const ms = curr - (prevTime || curr);
|
||
|
|
self.diff = ms;
|
||
|
|
self.prev = prevTime;
|
||
|
|
self.curr = curr;
|
||
|
|
prevTime = curr;
|
||
|
|
|
||
|
|
args[0] = createDebug.coerce(args[0]);
|
||
|
|
|
||
|
|
if (typeof args[0] !== 'string') {
|
||
|
|
// Anything else let's inspect with %O
|
||
|
|
args.unshift('%O');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Apply any `formatters` transformations
|
||
|
|
let index = 0;
|
||
|
|
args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
|
||
|
|
// If we encounter an escaped % then don't increase the array index
|
||
|
|
if (match === '%%') {
|
||
|
|
return '%';
|
||
|
|
}
|
||
|
|
index++;
|
||
|
|
const formatter = createDebug.formatters[format];
|
||
|
|
if (typeof formatter === 'function') {
|
||
|
|
const val = args[index];
|
||
|
|
match = formatter.call(self, val);
|
||
|
|
|
||
|
|
// Now we need to remove `args[index]` since it's inlined in the `format`
|
||
|
|
args.splice(index, 1);
|
||
|
|
index--;
|
||
|
|
}
|
||
|
|
return match;
|
||
|
|
});
|
||
|
|
|
||
|
|
// Apply env-specific formatting (colors, etc.)
|
||
|
|
createDebug.formatArgs.call(self, args);
|
||
|
|
|
||
|
|
const logFn = self.log || createDebug.log;
|
||
|
|
logFn.apply(self, args);
|
||
|
|
}
|
||
|
|
|
||
|
|
debug.namespace = namespace;
|
||
|
|
debug.useColors = createDebug.useColors();
|
||
|
|
debug.color = createDebug.selectColor(namespace);
|
||
|
|
debug.extend = extend;
|
||
|
|
debug.destroy = createDebug.destroy; // XXX Temporary. Will be removed in the next major release.
|
||
|
|
|
||
|
|
Object.defineProperty(debug, 'enabled', {
|
||
|
|
enumerable: true,
|
||
|
|
configurable: false,
|
||
|
|
get: () => {
|
||
|
|
if (enableOverride !== null) {
|
||
|
|
return enableOverride;
|
||
|
|
}
|
||
|
|
if (namespacesCache !== createDebug.namespaces) {
|
||
|
|
namespacesCache = createDebug.namespaces;
|
||
|
|
enabledCache = createDebug.enabled(namespace);
|
||
|
|
}
|
||
|
|
|
||
|
|
return enabledCache;
|
||
|
|
},
|
||
|
|
set: v => {
|
||
|
|
enableOverride = v;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Env-specific initialization logic for debug instances
|
||
|
|
if (typeof createDebug.init === 'function') {
|
||
|
|
createDebug.init(debug);
|
||
|
|
}
|
||
|
|
|
||
|
|
return debug;
|
||
|
|
}
|
||
|
|
|
||
|
|
function extend(namespace, delimiter) {
|
||
|
|
const newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
|
||
|
|
newDebug.log = this.log;
|
||
|
|
return newDebug;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Enables a debug mode by namespaces. This can include modes
|
||
|
|
* separated by a colon and wildcards.
|
||
|
|
*
|
||
|
|
* @param {String} namespaces
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
function enable(namespaces) {
|
||
|
|
createDebug.save(namespaces);
|
||
|
|
createDebug.namespaces = namespaces;
|
||
|
|
|
||
|
|
createDebug.names = [];
|
||
|
|
createDebug.skips = [];
|
||
|
|
|
||
|
|
let i;
|
||
|
|
const split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
|
||
|
|
const len = split.length;
|
||
|
|
|
||
|
|
for (i = 0; i < len; i++) {
|
||
|
|
if (!split[i]) {
|
||
|
|
// ignore empty strings
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
namespaces = split[i].replace(/\*/g, '.*?');
|
||
|
|
|
||
|
|
if (namespaces[0] === '-') {
|
||
|
|
createDebug.skips.push(new RegExp('^' + namespaces.slice(1) + '$'));
|
||
|
|
} else {
|
||
|
|
createDebug.names.push(new RegExp('^' + namespaces + '$'));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Disable debug output.
|
||
|
|
*
|
||
|
|
* @return {String} namespaces
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
function disable() {
|
||
|
|
const namespaces = [
|
||
|
|
...createDebug.names.map(toNamespace),
|
||
|
|
...createDebug.skips.map(toNamespace).map(namespace => '-' + namespace)
|
||
|
|
].join(',');
|
||
|
|
createDebug.enable('');
|
||
|
|
return namespaces;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns true if the given mode name is enabled, false otherwise.
|
||
|
|
*
|
||
|
|
* @param {String} name
|
||
|
|
* @return {Boolean}
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
function enabled(name) {
|
||
|
|
if (name[name.length - 1] === '*') {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
let i;
|
||
|
|
let len;
|
||
|
|
|
||
|
|
for (i = 0, len = createDebug.skips.length; i < len; i++) {
|
||
|
|
if (createDebug.skips[i].test(name)) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
for (i = 0, len = createDebug.names.length; i < len; i++) {
|
||
|
|
if (createDebug.names[i].test(name)) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Convert regexp to namespace
|
||
|
|
*
|
||
|
|
* @param {RegExp} regxep
|
||
|
|
* @return {String} namespace
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function toNamespace(regexp) {
|
||
|
|
return regexp.toString()
|
||
|
|
.substring(2, regexp.toString().length - 2)
|
||
|
|
.replace(/\.\*\?$/, '*');
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Coerce `val`.
|
||
|
|
*
|
||
|
|
* @param {Mixed} val
|
||
|
|
* @return {Mixed}
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function coerce(val) {
|
||
|
|
if (val instanceof Error) {
|
||
|
|
return val.stack || val.message;
|
||
|
|
}
|
||
|
|
return val;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* XXX DO NOT USE. This is a temporary stub function.
|
||
|
|
* XXX It WILL be removed in the next major release.
|
||
|
|
*/
|
||
|
|
function destroy() {
|
||
|
|
console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
|
||
|
|
}
|
||
|
|
|
||
|
|
createDebug.enable(createDebug.load());
|
||
|
|
|
||
|
|
return createDebug;
|
||
|
|
}
|
||
|
|
|
||
|
|
common = setup;
|
||
|
|
return common;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* eslint-env browser */
|
||
|
|
|
||
|
|
var hasRequiredBrowser;
|
||
|
|
|
||
|
|
function requireBrowser () {
|
||
|
|
if (hasRequiredBrowser) return browser.exports;
|
||
|
|
hasRequiredBrowser = 1;
|
||
|
|
(function (module, exports) {
|
||
|
|
/**
|
||
|
|
* This is the web browser implementation of `debug()`.
|
||
|
|
*/
|
||
|
|
|
||
|
|
exports.formatArgs = formatArgs;
|
||
|
|
exports.save = save;
|
||
|
|
exports.load = load;
|
||
|
|
exports.useColors = useColors;
|
||
|
|
exports.storage = localstorage();
|
||
|
|
exports.destroy = (() => {
|
||
|
|
let warned = false;
|
||
|
|
|
||
|
|
return () => {
|
||
|
|
if (!warned) {
|
||
|
|
warned = true;
|
||
|
|
console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
})();
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Colors.
|
||
|
|
*/
|
||
|
|
|
||
|
|
exports.colors = [
|
||
|
|
'#0000CC',
|
||
|
|
'#0000FF',
|
||
|
|
'#0033CC',
|
||
|
|
'#0033FF',
|
||
|
|
'#0066CC',
|
||
|
|
'#0066FF',
|
||
|
|
'#0099CC',
|
||
|
|
'#0099FF',
|
||
|
|
'#00CC00',
|
||
|
|
'#00CC33',
|
||
|
|
'#00CC66',
|
||
|
|
'#00CC99',
|
||
|
|
'#00CCCC',
|
||
|
|
'#00CCFF',
|
||
|
|
'#3300CC',
|
||
|
|
'#3300FF',
|
||
|
|
'#3333CC',
|
||
|
|
'#3333FF',
|
||
|
|
'#3366CC',
|
||
|
|
'#3366FF',
|
||
|
|
'#3399CC',
|
||
|
|
'#3399FF',
|
||
|
|
'#33CC00',
|
||
|
|
'#33CC33',
|
||
|
|
'#33CC66',
|
||
|
|
'#33CC99',
|
||
|
|
'#33CCCC',
|
||
|
|
'#33CCFF',
|
||
|
|
'#6600CC',
|
||
|
|
'#6600FF',
|
||
|
|
'#6633CC',
|
||
|
|
'#6633FF',
|
||
|
|
'#66CC00',
|
||
|
|
'#66CC33',
|
||
|
|
'#9900CC',
|
||
|
|
'#9900FF',
|
||
|
|
'#9933CC',
|
||
|
|
'#9933FF',
|
||
|
|
'#99CC00',
|
||
|
|
'#99CC33',
|
||
|
|
'#CC0000',
|
||
|
|
'#CC0033',
|
||
|
|
'#CC0066',
|
||
|
|
'#CC0099',
|
||
|
|
'#CC00CC',
|
||
|
|
'#CC00FF',
|
||
|
|
'#CC3300',
|
||
|
|
'#CC3333',
|
||
|
|
'#CC3366',
|
||
|
|
'#CC3399',
|
||
|
|
'#CC33CC',
|
||
|
|
'#CC33FF',
|
||
|
|
'#CC6600',
|
||
|
|
'#CC6633',
|
||
|
|
'#CC9900',
|
||
|
|
'#CC9933',
|
||
|
|
'#CCCC00',
|
||
|
|
'#CCCC33',
|
||
|
|
'#FF0000',
|
||
|
|
'#FF0033',
|
||
|
|
'#FF0066',
|
||
|
|
'#FF0099',
|
||
|
|
'#FF00CC',
|
||
|
|
'#FF00FF',
|
||
|
|
'#FF3300',
|
||
|
|
'#FF3333',
|
||
|
|
'#FF3366',
|
||
|
|
'#FF3399',
|
||
|
|
'#FF33CC',
|
||
|
|
'#FF33FF',
|
||
|
|
'#FF6600',
|
||
|
|
'#FF6633',
|
||
|
|
'#FF9900',
|
||
|
|
'#FF9933',
|
||
|
|
'#FFCC00',
|
||
|
|
'#FFCC33'
|
||
|
|
];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Currently only WebKit-based Web Inspectors, Firefox >= v31,
|
||
|
|
* and the Firebug extension (any Firefox version) are known
|
||
|
|
* to support "%c" CSS customizations.
|
||
|
|
*
|
||
|
|
* TODO: add a `localStorage` variable to explicitly enable/disable colors
|
||
|
|
*/
|
||
|
|
|
||
|
|
// eslint-disable-next-line complexity
|
||
|
|
function useColors() {
|
||
|
|
// NB: In an Electron preload script, document will be defined but not fully
|
||
|
|
// initialized. Since we know we're in Chrome, we'll just detect this case
|
||
|
|
// explicitly
|
||
|
|
if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Internet Explorer and Edge do not support colors.
|
||
|
|
if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
let m;
|
||
|
|
|
||
|
|
// Is webkit? http://stackoverflow.com/a/16459606/376773
|
||
|
|
// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
|
||
|
|
return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
|
||
|
|
// Is firebug? http://stackoverflow.com/a/398120/376773
|
||
|
|
(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
|
||
|
|
// Is firefox >= v31?
|
||
|
|
// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
|
||
|
|
(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)) && parseInt(m[1], 10) >= 31) ||
|
||
|
|
// Double check webkit in userAgent just in case we are in a worker
|
||
|
|
(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/));
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Colorize log arguments if enabled.
|
||
|
|
*
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
|
||
|
|
function formatArgs(args) {
|
||
|
|
args[0] = (this.useColors ? '%c' : '') +
|
||
|
|
this.namespace +
|
||
|
|
(this.useColors ? ' %c' : ' ') +
|
||
|
|
args[0] +
|
||
|
|
(this.useColors ? '%c ' : ' ') +
|
||
|
|
'+' + module.exports.humanize(this.diff);
|
||
|
|
|
||
|
|
if (!this.useColors) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const c = 'color: ' + this.color;
|
||
|
|
args.splice(1, 0, c, 'color: inherit');
|
||
|
|
|
||
|
|
// The final "%c" is somewhat tricky, because there could be other
|
||
|
|
// arguments passed either before or after the %c, so we need to
|
||
|
|
// figure out the correct index to insert the CSS into
|
||
|
|
let index = 0;
|
||
|
|
let lastC = 0;
|
||
|
|
args[0].replace(/%[a-zA-Z%]/g, match => {
|
||
|
|
if (match === '%%') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
index++;
|
||
|
|
if (match === '%c') {
|
||
|
|
// We only are interested in the *last* %c
|
||
|
|
// (the user may have provided their own)
|
||
|
|
lastC = index;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
args.splice(lastC, 0, c);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Invokes `console.debug()` when available.
|
||
|
|
* No-op when `console.debug` is not a "function".
|
||
|
|
* If `console.debug` is not available, falls back
|
||
|
|
* to `console.log`.
|
||
|
|
*
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
exports.log = console.debug || console.log || (() => {});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Save `namespaces`.
|
||
|
|
*
|
||
|
|
* @param {String} namespaces
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function save(namespaces) {
|
||
|
|
try {
|
||
|
|
if (namespaces) {
|
||
|
|
exports.storage.setItem('debug', namespaces);
|
||
|
|
} else {
|
||
|
|
exports.storage.removeItem('debug');
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
// Swallow
|
||
|
|
// XXX (@Qix-) should we be logging these?
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Load `namespaces`.
|
||
|
|
*
|
||
|
|
* @return {String} returns the previously persisted debug modes
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function load() {
|
||
|
|
let r;
|
||
|
|
try {
|
||
|
|
r = exports.storage.getItem('debug');
|
||
|
|
} catch (error) {
|
||
|
|
// Swallow
|
||
|
|
// XXX (@Qix-) should we be logging these?
|
||
|
|
}
|
||
|
|
|
||
|
|
// If debug isn't set in LS, and we're in Electron, try to load $DEBUG
|
||
|
|
if (!r && typeof process !== 'undefined' && 'env' in process) {
|
||
|
|
r = process.env.DEBUG;
|
||
|
|
}
|
||
|
|
|
||
|
|
return r;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Localstorage attempts to return the localstorage.
|
||
|
|
*
|
||
|
|
* This is necessary because safari throws
|
||
|
|
* when a user disables cookies/localstorage
|
||
|
|
* and you attempt to access it.
|
||
|
|
*
|
||
|
|
* @return {LocalStorage}
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
|
||
|
|
function localstorage() {
|
||
|
|
try {
|
||
|
|
// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context
|
||
|
|
// The Browser also has localStorage in the global context.
|
||
|
|
return localStorage;
|
||
|
|
} catch (error) {
|
||
|
|
// Swallow
|
||
|
|
// XXX (@Qix-) should we be logging these?
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = requireCommon()(exports);
|
||
|
|
|
||
|
|
const {formatters} = module.exports;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
formatters.j = function (v) {
|
||
|
|
try {
|
||
|
|
return JSON.stringify(v);
|
||
|
|
} catch (error) {
|
||
|
|
return '[UnexpectedJSONParseError]: ' + error.message;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
} (browser, browser.exports));
|
||
|
|
return browser.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
var node = {exports: {}};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Module dependencies.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var hasRequiredNode;
|
||
|
|
|
||
|
|
function requireNode () {
|
||
|
|
if (hasRequiredNode) return node.exports;
|
||
|
|
hasRequiredNode = 1;
|
||
|
|
(function (module, exports) {
|
||
|
|
const tty = require$$0;
|
||
|
|
const util = require$$1;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This is the Node.js implementation of `debug()`.
|
||
|
|
*/
|
||
|
|
|
||
|
|
exports.init = init;
|
||
|
|
exports.log = log;
|
||
|
|
exports.formatArgs = formatArgs;
|
||
|
|
exports.save = save;
|
||
|
|
exports.load = load;
|
||
|
|
exports.useColors = useColors;
|
||
|
|
exports.destroy = util.deprecate(
|
||
|
|
() => {},
|
||
|
|
'Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.'
|
||
|
|
);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Colors.
|
||
|
|
*/
|
||
|
|
|
||
|
|
exports.colors = [6, 2, 3, 4, 5, 1];
|
||
|
|
|
||
|
|
try {
|
||
|
|
// Optional dependency (as in, doesn't need to be installed, NOT like optionalDependencies in package.json)
|
||
|
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
||
|
|
const supportsColor = require('supports-color');
|
||
|
|
|
||
|
|
if (supportsColor && (supportsColor.stderr || supportsColor).level >= 2) {
|
||
|
|
exports.colors = [
|
||
|
|
20,
|
||
|
|
21,
|
||
|
|
26,
|
||
|
|
27,
|
||
|
|
32,
|
||
|
|
33,
|
||
|
|
38,
|
||
|
|
39,
|
||
|
|
40,
|
||
|
|
41,
|
||
|
|
42,
|
||
|
|
43,
|
||
|
|
44,
|
||
|
|
45,
|
||
|
|
56,
|
||
|
|
57,
|
||
|
|
62,
|
||
|
|
63,
|
||
|
|
68,
|
||
|
|
69,
|
||
|
|
74,
|
||
|
|
75,
|
||
|
|
76,
|
||
|
|
77,
|
||
|
|
78,
|
||
|
|
79,
|
||
|
|
80,
|
||
|
|
81,
|
||
|
|
92,
|
||
|
|
93,
|
||
|
|
98,
|
||
|
|
99,
|
||
|
|
112,
|
||
|
|
113,
|
||
|
|
128,
|
||
|
|
129,
|
||
|
|
134,
|
||
|
|
135,
|
||
|
|
148,
|
||
|
|
149,
|
||
|
|
160,
|
||
|
|
161,
|
||
|
|
162,
|
||
|
|
163,
|
||
|
|
164,
|
||
|
|
165,
|
||
|
|
166,
|
||
|
|
167,
|
||
|
|
168,
|
||
|
|
169,
|
||
|
|
170,
|
||
|
|
171,
|
||
|
|
172,
|
||
|
|
173,
|
||
|
|
178,
|
||
|
|
179,
|
||
|
|
184,
|
||
|
|
185,
|
||
|
|
196,
|
||
|
|
197,
|
||
|
|
198,
|
||
|
|
199,
|
||
|
|
200,
|
||
|
|
201,
|
||
|
|
202,
|
||
|
|
203,
|
||
|
|
204,
|
||
|
|
205,
|
||
|
|
206,
|
||
|
|
207,
|
||
|
|
208,
|
||
|
|
209,
|
||
|
|
214,
|
||
|
|
215,
|
||
|
|
220,
|
||
|
|
221
|
||
|
|
];
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
// Swallow - we only care if `supports-color` is available; it doesn't have to be.
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Build up the default `inspectOpts` object from the environment variables.
|
||
|
|
*
|
||
|
|
* $ DEBUG_COLORS=no DEBUG_DEPTH=10 DEBUG_SHOW_HIDDEN=enabled node script.js
|
||
|
|
*/
|
||
|
|
|
||
|
|
exports.inspectOpts = Object.keys(process.env).filter(key => {
|
||
|
|
return /^debug_/i.test(key);
|
||
|
|
}).reduce((obj, key) => {
|
||
|
|
// Camel-case
|
||
|
|
const prop = key
|
||
|
|
.substring(6)
|
||
|
|
.toLowerCase()
|
||
|
|
.replace(/_([a-z])/g, (_, k) => {
|
||
|
|
return k.toUpperCase();
|
||
|
|
});
|
||
|
|
|
||
|
|
// Coerce string value into JS value
|
||
|
|
let val = process.env[key];
|
||
|
|
if (/^(yes|on|true|enabled)$/i.test(val)) {
|
||
|
|
val = true;
|
||
|
|
} else if (/^(no|off|false|disabled)$/i.test(val)) {
|
||
|
|
val = false;
|
||
|
|
} else if (val === 'null') {
|
||
|
|
val = null;
|
||
|
|
} else {
|
||
|
|
val = Number(val);
|
||
|
|
}
|
||
|
|
|
||
|
|
obj[prop] = val;
|
||
|
|
return obj;
|
||
|
|
}, {});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Is stdout a TTY? Colored output is enabled when `true`.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function useColors() {
|
||
|
|
return 'colors' in exports.inspectOpts ?
|
||
|
|
Boolean(exports.inspectOpts.colors) :
|
||
|
|
tty.isatty(process.stderr.fd);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Adds ANSI color escape codes if enabled.
|
||
|
|
*
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
|
||
|
|
function formatArgs(args) {
|
||
|
|
const {namespace: name, useColors} = this;
|
||
|
|
|
||
|
|
if (useColors) {
|
||
|
|
const c = this.color;
|
||
|
|
const colorCode = '\u001B[3' + (c < 8 ? c : '8;5;' + c);
|
||
|
|
const prefix = ` ${colorCode};1m${name} \u001B[0m`;
|
||
|
|
|
||
|
|
args[0] = prefix + args[0].split('\n').join('\n' + prefix);
|
||
|
|
args.push(colorCode + 'm+' + module.exports.humanize(this.diff) + '\u001B[0m');
|
||
|
|
} else {
|
||
|
|
args[0] = getDate() + name + ' ' + args[0];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function getDate() {
|
||
|
|
if (exports.inspectOpts.hideDate) {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
return new Date().toISOString() + ' ';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Invokes `util.formatWithOptions()` with the specified arguments and writes to stderr.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function log(...args) {
|
||
|
|
return process.stderr.write(util.formatWithOptions(exports.inspectOpts, ...args) + '\n');
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Save `namespaces`.
|
||
|
|
*
|
||
|
|
* @param {String} namespaces
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
function save(namespaces) {
|
||
|
|
if (namespaces) {
|
||
|
|
process.env.DEBUG = namespaces;
|
||
|
|
} else {
|
||
|
|
// If you set a process.env field to null or undefined, it gets cast to the
|
||
|
|
// string 'null' or 'undefined'. Just delete instead.
|
||
|
|
delete process.env.DEBUG;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Load `namespaces`.
|
||
|
|
*
|
||
|
|
* @return {String} returns the previously persisted debug modes
|
||
|
|
* @api private
|
||
|
|
*/
|
||
|
|
|
||
|
|
function load() {
|
||
|
|
return process.env.DEBUG;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Init logic for `debug` instances.
|
||
|
|
*
|
||
|
|
* Create a new `inspectOpts` object in case `useColors` is set
|
||
|
|
* differently for a particular `debug` instance.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function init(debug) {
|
||
|
|
debug.inspectOpts = {};
|
||
|
|
|
||
|
|
const keys = Object.keys(exports.inspectOpts);
|
||
|
|
for (let i = 0; i < keys.length; i++) {
|
||
|
|
debug.inspectOpts[keys[i]] = exports.inspectOpts[keys[i]];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = requireCommon()(exports);
|
||
|
|
|
||
|
|
const {formatters} = module.exports;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Map %o to `util.inspect()`, all on a single line.
|
||
|
|
*/
|
||
|
|
|
||
|
|
formatters.o = function (v) {
|
||
|
|
this.inspectOpts.colors = this.useColors;
|
||
|
|
return util.inspect(v, this.inspectOpts)
|
||
|
|
.split('\n')
|
||
|
|
.map(str => str.trim())
|
||
|
|
.join(' ');
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Map %O to `util.inspect()`, allowing multiple lines if needed.
|
||
|
|
*/
|
||
|
|
|
||
|
|
formatters.O = function (v) {
|
||
|
|
this.inspectOpts.colors = this.useColors;
|
||
|
|
return util.inspect(v, this.inspectOpts);
|
||
|
|
};
|
||
|
|
} (node, node.exports));
|
||
|
|
return node.exports;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Detect Electron renderer / nwjs process, which is node, but we should
|
||
|
|
* treat as a browser.
|
||
|
|
*/
|
||
|
|
|
||
|
|
if (typeof process === 'undefined' || process.type === 'renderer' || process.browser === true || process.__nwjs) {
|
||
|
|
src.exports = requireBrowser();
|
||
|
|
} else {
|
||
|
|
src.exports = requireNode();
|
||
|
|
}
|
||
|
|
|
||
|
|
var srcExports = src.exports;
|
||
|
|
const _debug = /*@__PURE__*/getDefaultExportFromCjs(srcExports);
|
||
|
|
|
||
|
|
const debug = _debug("vite:hmr");
|
||
|
|
const directRequestRE = /(?:\?|&)direct\b/;
|
||
|
|
async function handleHotUpdate({ file, modules, read }, options, customElement) {
|
||
|
|
const prevDescriptor = getDescriptor(file, options, false, true);
|
||
|
|
if (!prevDescriptor) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const content = await read();
|
||
|
|
const { descriptor } = createDescriptor(file, content, options, true);
|
||
|
|
let needRerender = false;
|
||
|
|
const affectedModules = /* @__PURE__ */ new Set();
|
||
|
|
const mainModule = getMainModule(modules);
|
||
|
|
const templateModule = modules.find((m) => /type=template/.test(m.url));
|
||
|
|
resolveScript(descriptor, options, false, customElement);
|
||
|
|
const scriptChanged = hasScriptChanged(prevDescriptor, descriptor);
|
||
|
|
if (scriptChanged) {
|
||
|
|
affectedModules.add(getScriptModule(modules) || mainModule);
|
||
|
|
}
|
||
|
|
if (!isEqualBlock(descriptor.template, prevDescriptor.template)) {
|
||
|
|
if (!scriptChanged) {
|
||
|
|
setResolvedScript(
|
||
|
|
descriptor,
|
||
|
|
getResolvedScript(prevDescriptor, false),
|
||
|
|
false
|
||
|
|
);
|
||
|
|
}
|
||
|
|
affectedModules.add(templateModule);
|
||
|
|
needRerender = true;
|
||
|
|
}
|
||
|
|
let didUpdateStyle = false;
|
||
|
|
const prevStyles = prevDescriptor.styles || [];
|
||
|
|
const nextStyles = descriptor.styles || [];
|
||
|
|
if (prevDescriptor.cssVars.join("") !== descriptor.cssVars.join("")) {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
if (prevStyles.some((s) => s.scoped) !== nextStyles.some((s) => s.scoped)) {
|
||
|
|
affectedModules.add(templateModule);
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
for (let i = 0; i < nextStyles.length; i++) {
|
||
|
|
const prev = prevStyles[i];
|
||
|
|
const next = nextStyles[i];
|
||
|
|
if (!prev || !isEqualBlock(prev, next)) {
|
||
|
|
didUpdateStyle = true;
|
||
|
|
const mod = modules.find(
|
||
|
|
(m) => m.url.includes(`type=style&index=${i}`) && m.url.endsWith(`.${next.lang || "css"}`) && !directRequestRE.test(m.url)
|
||
|
|
);
|
||
|
|
if (mod) {
|
||
|
|
affectedModules.add(mod);
|
||
|
|
if (mod.url.includes("&inline")) {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (prevStyles.length > nextStyles.length) {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
const prevCustoms = prevDescriptor.customBlocks || [];
|
||
|
|
const nextCustoms = descriptor.customBlocks || [];
|
||
|
|
if (prevCustoms.length !== nextCustoms.length) {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
} else {
|
||
|
|
for (let i = 0; i < nextCustoms.length; i++) {
|
||
|
|
const prev = prevCustoms[i];
|
||
|
|
const next = nextCustoms[i];
|
||
|
|
if (!prev || !isEqualBlock(prev, next)) {
|
||
|
|
const mod = modules.find(
|
||
|
|
(m) => m.url.includes(`type=${prev.type}&index=${i}`)
|
||
|
|
);
|
||
|
|
if (mod) {
|
||
|
|
affectedModules.add(mod);
|
||
|
|
} else {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const updateType = [];
|
||
|
|
if (needRerender) {
|
||
|
|
updateType.push(`template`);
|
||
|
|
if (!templateModule) {
|
||
|
|
affectedModules.add(mainModule);
|
||
|
|
} else if (mainModule && !affectedModules.has(mainModule)) {
|
||
|
|
const styleImporters = [...mainModule.importers].filter(
|
||
|
|
(m) => isCSSRequest(m.url)
|
||
|
|
);
|
||
|
|
styleImporters.forEach((m) => affectedModules.add(m));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (didUpdateStyle) {
|
||
|
|
updateType.push(`style`);
|
||
|
|
}
|
||
|
|
if (updateType.length) {
|
||
|
|
if (file.endsWith(".vue")) {
|
||
|
|
invalidateDescriptor(file);
|
||
|
|
} else {
|
||
|
|
cache.set(file, descriptor);
|
||
|
|
}
|
||
|
|
debug(`[vue:update(${updateType.join("&")})] ${file}`);
|
||
|
|
}
|
||
|
|
return [...affectedModules].filter(Boolean);
|
||
|
|
}
|
||
|
|
function isEqualBlock(a, b) {
|
||
|
|
if (!a && !b)
|
||
|
|
return true;
|
||
|
|
if (!a || !b)
|
||
|
|
return false;
|
||
|
|
if (a.src && b.src && a.src === b.src)
|
||
|
|
return true;
|
||
|
|
if (a.content !== b.content)
|
||
|
|
return false;
|
||
|
|
const keysA = Object.keys(a.attrs);
|
||
|
|
const keysB = Object.keys(b.attrs);
|
||
|
|
if (keysA.length !== keysB.length) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
return keysA.every((key) => a.attrs[key] === b.attrs[key]);
|
||
|
|
}
|
||
|
|
function isOnlyTemplateChanged(prev, next) {
|
||
|
|
return !hasScriptChanged(prev, next) && prev.styles.length === next.styles.length && prev.styles.every((s, i) => isEqualBlock(s, next.styles[i])) && prev.customBlocks.length === next.customBlocks.length && prev.customBlocks.every((s, i) => isEqualBlock(s, next.customBlocks[i]));
|
||
|
|
}
|
||
|
|
function deepEqual(obj1, obj2, excludeProps = [], deepParentsOfObj1 = []) {
|
||
|
|
if (typeof obj1 !== typeof obj2) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (obj1 == null || obj2 == null || typeof obj1 !== "object" || deepParentsOfObj1.includes(obj1)) {
|
||
|
|
return obj1 === obj2;
|
||
|
|
}
|
||
|
|
const keys1 = Object.keys(obj1);
|
||
|
|
const keys2 = Object.keys(obj2);
|
||
|
|
if (keys1.length !== keys2.length) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
for (const key of keys1) {
|
||
|
|
if (excludeProps.includes(key)) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
if (!deepEqual(obj1[key], obj2[key], excludeProps, [
|
||
|
|
...deepParentsOfObj1,
|
||
|
|
obj1
|
||
|
|
])) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
function isEqualAst(prev, next) {
|
||
|
|
if (typeof prev === "undefined" || typeof next === "undefined") {
|
||
|
|
return prev === next;
|
||
|
|
}
|
||
|
|
if (prev.length !== next.length) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
for (let i = 0; i < prev.length; i++) {
|
||
|
|
const prevNode = prev[i];
|
||
|
|
const nextNode = next[i];
|
||
|
|
if (!deepEqual(prevNode, nextNode, [
|
||
|
|
"start",
|
||
|
|
"end",
|
||
|
|
"loc",
|
||
|
|
"range",
|
||
|
|
"leadingComments",
|
||
|
|
"trailingComments",
|
||
|
|
"innerComments"
|
||
|
|
])) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
function hasScriptChanged(prev, next) {
|
||
|
|
const prevScript = getResolvedScript(prev, false);
|
||
|
|
const nextScript = getResolvedScript(next, false);
|
||
|
|
if (!isEqualBlock(prev.script, next.script) && !isEqualAst(prevScript?.scriptAst, nextScript?.scriptAst)) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
if (!isEqualBlock(prev.scriptSetup, next.scriptSetup) && !isEqualAst(prevScript?.scriptSetupAst, nextScript?.scriptSetupAst)) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
const prevResolvedScript = getResolvedScript(prev, false);
|
||
|
|
const prevImports = prevResolvedScript?.imports;
|
||
|
|
if (prevImports) {
|
||
|
|
return !next.template || next.shouldForceReload(prevImports);
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
function getMainModule(modules) {
|
||
|
|
return modules.filter((m) => !/type=/.test(m.url) || /type=script/.test(m.url)).sort((m1, m2) => {
|
||
|
|
return m1.url.length - m2.url.length;
|
||
|
|
})[0];
|
||
|
|
}
|
||
|
|
function getScriptModule(modules) {
|
||
|
|
return modules.find((m) => /type=script.*&lang\.\w+$/.test(m.url));
|
||
|
|
}
|
||
|
|
function handleTypeDepChange(affectedComponents, { modules, server: { moduleGraph } }) {
|
||
|
|
const affected = /* @__PURE__ */ new Set();
|
||
|
|
for (const file of affectedComponents) {
|
||
|
|
invalidateScript(file);
|
||
|
|
const mods = moduleGraph.getModulesByFile(file);
|
||
|
|
if (mods) {
|
||
|
|
const arr = [...mods];
|
||
|
|
affected.add(getScriptModule(arr) || getMainModule(arr));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return [...modules, ...affected];
|
||
|
|
}
|
||
|
|
|
||
|
|
const EXPORT_HELPER_ID = "\0plugin-vue:export-helper";
|
||
|
|
const helperCode = `
|
||
|
|
export default (sfc, props) => {
|
||
|
|
const target = sfc.__vccOpts || sfc;
|
||
|
|
for (const [key, val] of props) {
|
||
|
|
target[key] = val;
|
||
|
|
}
|
||
|
|
return target;
|
||
|
|
}
|
||
|
|
`;
|
||
|
|
|
||
|
|
async function transformMain(code, filename, options, pluginContext, ssr, customElement) {
|
||
|
|
const { devServer, isProduction, devToolsEnabled } = options;
|
||
|
|
const prevDescriptor = getPrevDescriptor(filename);
|
||
|
|
const { descriptor, errors } = createDescriptor(filename, code, options);
|
||
|
|
if (fs.existsSync(filename)) {
|
||
|
|
getDescriptor(
|
||
|
|
filename,
|
||
|
|
options,
|
||
|
|
true,
|
||
|
|
true,
|
||
|
|
// for vue files, create descriptor from fs read to be consistent with
|
||
|
|
// logic in handleHotUpdate()
|
||
|
|
// for non vue files, e.g. md files in vitepress, we assume
|
||
|
|
// `hmrContext.read` is overwriten so handleHotUpdate() is dealing with
|
||
|
|
// post-transform code, so we populate the descriptor with post-transform
|
||
|
|
// code here as well.
|
||
|
|
filename.endsWith(".vue") ? void 0 : code
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (errors.length) {
|
||
|
|
errors.forEach(
|
||
|
|
(error) => pluginContext.error(createRollupError(filename, error))
|
||
|
|
);
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const attachedProps = [];
|
||
|
|
const hasScoped = descriptor.styles.some((s) => s.scoped);
|
||
|
|
const { code: scriptCode, map: scriptMap } = await genScriptCode(
|
||
|
|
descriptor,
|
||
|
|
options,
|
||
|
|
pluginContext,
|
||
|
|
ssr,
|
||
|
|
customElement
|
||
|
|
);
|
||
|
|
const hasTemplateImport = descriptor.template && !isUseInlineTemplate(descriptor, options);
|
||
|
|
let templateCode = "";
|
||
|
|
let templateMap = void 0;
|
||
|
|
if (hasTemplateImport) {
|
||
|
|
({ code: templateCode, map: templateMap } = await genTemplateCode(
|
||
|
|
descriptor,
|
||
|
|
options,
|
||
|
|
pluginContext,
|
||
|
|
ssr,
|
||
|
|
customElement
|
||
|
|
));
|
||
|
|
}
|
||
|
|
if (hasTemplateImport) {
|
||
|
|
attachedProps.push(
|
||
|
|
ssr ? ["ssrRender", "_sfc_ssrRender"] : ["render", "_sfc_render"]
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
if (prevDescriptor && !isEqualBlock(descriptor.template, prevDescriptor.template)) {
|
||
|
|
attachedProps.push([ssr ? "ssrRender" : "render", "() => {}"]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const stylesCode = await genStyleCode(
|
||
|
|
descriptor,
|
||
|
|
pluginContext,
|
||
|
|
customElement,
|
||
|
|
attachedProps
|
||
|
|
);
|
||
|
|
const customBlocksCode = await genCustomBlockCode(descriptor, pluginContext);
|
||
|
|
const output = [
|
||
|
|
scriptCode,
|
||
|
|
templateCode,
|
||
|
|
stylesCode,
|
||
|
|
customBlocksCode
|
||
|
|
];
|
||
|
|
if (hasScoped) {
|
||
|
|
attachedProps.push([`__scopeId`, JSON.stringify(`data-v-${descriptor.id}`)]);
|
||
|
|
}
|
||
|
|
if (devToolsEnabled || devServer && !isProduction) {
|
||
|
|
attachedProps.push([
|
||
|
|
`__file`,
|
||
|
|
JSON.stringify(isProduction ? path.basename(filename) : filename)
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
if (devServer && devServer.config.server.hmr !== false && !ssr && !isProduction) {
|
||
|
|
output.push(`_sfc_main.__hmrId = ${JSON.stringify(descriptor.id)}`);
|
||
|
|
output.push(
|
||
|
|
`typeof __VUE_HMR_RUNTIME__ !== 'undefined' && __VUE_HMR_RUNTIME__.createRecord(_sfc_main.__hmrId, _sfc_main)`
|
||
|
|
);
|
||
|
|
if (prevDescriptor && isOnlyTemplateChanged(prevDescriptor, descriptor)) {
|
||
|
|
output.push(`export const _rerender_only = true`);
|
||
|
|
}
|
||
|
|
output.push(
|
||
|
|
`import.meta.hot.accept(mod => {`,
|
||
|
|
` if (!mod) return`,
|
||
|
|
` const { default: updated, _rerender_only } = mod`,
|
||
|
|
` if (_rerender_only) {`,
|
||
|
|
` __VUE_HMR_RUNTIME__.rerender(updated.__hmrId, updated.render)`,
|
||
|
|
` } else {`,
|
||
|
|
` __VUE_HMR_RUNTIME__.reload(updated.__hmrId, updated)`,
|
||
|
|
` }`,
|
||
|
|
`})`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (ssr) {
|
||
|
|
const normalizedFilename = normalizePath$1(
|
||
|
|
path.relative(options.root, filename)
|
||
|
|
);
|
||
|
|
output.push(
|
||
|
|
`import { useSSRContext as __vite_useSSRContext } from 'vue'`,
|
||
|
|
`const _sfc_setup = _sfc_main.setup`,
|
||
|
|
`_sfc_main.setup = (props, ctx) => {`,
|
||
|
|
` const ssrContext = __vite_useSSRContext()`,
|
||
|
|
` ;(ssrContext.modules || (ssrContext.modules = new Set())).add(${JSON.stringify(
|
||
|
|
normalizedFilename
|
||
|
|
)})`,
|
||
|
|
` return _sfc_setup ? _sfc_setup(props, ctx) : undefined`,
|
||
|
|
`}`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
let resolvedMap = void 0;
|
||
|
|
if (options.sourceMap) {
|
||
|
|
if (scriptMap && templateMap) {
|
||
|
|
const gen = fromMap(
|
||
|
|
// version property of result.map is declared as string
|
||
|
|
// but actually it is `3`
|
||
|
|
scriptMap
|
||
|
|
);
|
||
|
|
const tracer = new TraceMap(
|
||
|
|
// same above
|
||
|
|
templateMap
|
||
|
|
);
|
||
|
|
const offset = (scriptCode.match(/\r?\n/g)?.length ?? 0) + 1;
|
||
|
|
eachMapping(tracer, (m) => {
|
||
|
|
if (m.source == null)
|
||
|
|
return;
|
||
|
|
addMapping(gen, {
|
||
|
|
source: m.source,
|
||
|
|
original: { line: m.originalLine, column: m.originalColumn },
|
||
|
|
generated: {
|
||
|
|
line: m.generatedLine + offset,
|
||
|
|
column: m.generatedColumn
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
resolvedMap = toEncodedMap(gen);
|
||
|
|
resolvedMap.sourcesContent = templateMap.sourcesContent;
|
||
|
|
} else {
|
||
|
|
resolvedMap = scriptMap ?? templateMap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (!attachedProps.length) {
|
||
|
|
output.push(`export default _sfc_main`);
|
||
|
|
} else {
|
||
|
|
output.push(
|
||
|
|
`import _export_sfc from '${EXPORT_HELPER_ID}'`,
|
||
|
|
`export default /*#__PURE__*/_export_sfc(_sfc_main, [${attachedProps.map(([key, val]) => `['${key}',${val}]`).join(",")}])`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
let resolvedCode = output.join("\n");
|
||
|
|
const lang = descriptor.scriptSetup?.lang || descriptor.script?.lang;
|
||
|
|
if (lang && /tsx?$/.test(lang) && !descriptor.script?.src) {
|
||
|
|
const { code: code2, map } = await transformWithEsbuild(
|
||
|
|
resolvedCode,
|
||
|
|
filename,
|
||
|
|
{
|
||
|
|
loader: "ts",
|
||
|
|
target: "esnext",
|
||
|
|
sourcemap: options.sourceMap
|
||
|
|
},
|
||
|
|
resolvedMap
|
||
|
|
);
|
||
|
|
resolvedCode = code2;
|
||
|
|
resolvedMap = resolvedMap ? map : resolvedMap;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
code: resolvedCode,
|
||
|
|
map: resolvedMap || {
|
||
|
|
mappings: ""
|
||
|
|
},
|
||
|
|
meta: {
|
||
|
|
vite: {
|
||
|
|
lang: descriptor.script?.lang || descriptor.scriptSetup?.lang || "js"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
async function genTemplateCode(descriptor, options, pluginContext, ssr, customElement) {
|
||
|
|
const template = descriptor.template;
|
||
|
|
const hasScoped = descriptor.styles.some((style) => style.scoped);
|
||
|
|
if ((!template.lang || template.lang === "html") && !template.src) {
|
||
|
|
return transformTemplateInMain(
|
||
|
|
template.content,
|
||
|
|
descriptor,
|
||
|
|
options,
|
||
|
|
pluginContext,
|
||
|
|
ssr,
|
||
|
|
customElement
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
if (template.src) {
|
||
|
|
await linkSrcToDescriptor(
|
||
|
|
template.src,
|
||
|
|
descriptor,
|
||
|
|
pluginContext,
|
||
|
|
hasScoped
|
||
|
|
);
|
||
|
|
}
|
||
|
|
const src = template.src || descriptor.filename;
|
||
|
|
const srcQuery = template.src ? hasScoped ? `&src=${descriptor.id}` : "&src=true" : "";
|
||
|
|
const scopedQuery = hasScoped ? `&scoped=${descriptor.id}` : ``;
|
||
|
|
const attrsQuery = attrsToQuery(template.attrs, "js", true);
|
||
|
|
const query = `?vue&type=template${srcQuery}${scopedQuery}${attrsQuery}`;
|
||
|
|
const request = JSON.stringify(src + query);
|
||
|
|
const renderFnName = ssr ? "ssrRender" : "render";
|
||
|
|
return {
|
||
|
|
code: `import { ${renderFnName} as _sfc_${renderFnName} } from ${request}`,
|
||
|
|
map: void 0
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
async function genScriptCode(descriptor, options, pluginContext, ssr, customElement) {
|
||
|
|
let scriptCode = `const ${scriptIdentifier} = {}`;
|
||
|
|
let map;
|
||
|
|
const script = resolveScript(descriptor, options, ssr, customElement);
|
||
|
|
if (script) {
|
||
|
|
if (canInlineMain(descriptor, options)) {
|
||
|
|
if (!options.compiler.version) {
|
||
|
|
const userPlugins = options.script?.babelParserPlugins || [];
|
||
|
|
const defaultPlugins = script.lang === "ts" ? userPlugins.includes("decorators") ? ["typescript"] : ["typescript", "decorators-legacy"] : [];
|
||
|
|
scriptCode = options.compiler.rewriteDefault(
|
||
|
|
script.content,
|
||
|
|
scriptIdentifier,
|
||
|
|
[...defaultPlugins, ...userPlugins]
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
scriptCode = script.content;
|
||
|
|
}
|
||
|
|
map = script.map;
|
||
|
|
} else {
|
||
|
|
if (script.src) {
|
||
|
|
await linkSrcToDescriptor(script.src, descriptor, pluginContext, false);
|
||
|
|
}
|
||
|
|
const src = script.src || descriptor.filename;
|
||
|
|
const langFallback = script.src && path.extname(src).slice(1) || "js";
|
||
|
|
const attrsQuery = attrsToQuery(script.attrs, langFallback);
|
||
|
|
const srcQuery = script.src ? `&src=true` : ``;
|
||
|
|
const query = `?vue&type=script${srcQuery}${attrsQuery}`;
|
||
|
|
const request = JSON.stringify(src + query);
|
||
|
|
scriptCode = `import _sfc_main from ${request}
|
||
|
|
export * from ${request}`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
code: scriptCode,
|
||
|
|
map
|
||
|
|
};
|
||
|
|
}
|
||
|
|
async function genStyleCode(descriptor, pluginContext, customElement, attachedProps) {
|
||
|
|
let stylesCode = ``;
|
||
|
|
let cssModulesMap;
|
||
|
|
if (descriptor.styles.length) {
|
||
|
|
for (let i = 0; i < descriptor.styles.length; i++) {
|
||
|
|
const style = descriptor.styles[i];
|
||
|
|
if (style.src) {
|
||
|
|
await linkSrcToDescriptor(
|
||
|
|
style.src,
|
||
|
|
descriptor,
|
||
|
|
pluginContext,
|
||
|
|
style.scoped
|
||
|
|
);
|
||
|
|
}
|
||
|
|
const src = style.src || descriptor.filename;
|
||
|
|
const attrsQuery = attrsToQuery(style.attrs, "css");
|
||
|
|
const srcQuery = style.src ? style.scoped ? `&src=${descriptor.id}` : "&src=true" : "";
|
||
|
|
const directQuery = customElement ? `&inline` : ``;
|
||
|
|
const scopedQuery = style.scoped ? `&scoped=${descriptor.id}` : ``;
|
||
|
|
const query = `?vue&type=style&index=${i}${srcQuery}${directQuery}${scopedQuery}`;
|
||
|
|
const styleRequest = src + query + attrsQuery;
|
||
|
|
if (style.module) {
|
||
|
|
if (customElement) {
|
||
|
|
throw new Error(
|
||
|
|
`<style module> is not supported in custom elements mode.`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
const [importCode, nameMap] = genCSSModulesCode(
|
||
|
|
i,
|
||
|
|
styleRequest,
|
||
|
|
style.module
|
||
|
|
);
|
||
|
|
stylesCode += importCode;
|
||
|
|
Object.assign(cssModulesMap || (cssModulesMap = {}), nameMap);
|
||
|
|
} else {
|
||
|
|
if (customElement) {
|
||
|
|
stylesCode += `
|
||
|
|
import _style_${i} from ${JSON.stringify(
|
||
|
|
styleRequest
|
||
|
|
)}`;
|
||
|
|
} else {
|
||
|
|
stylesCode += `
|
||
|
|
import ${JSON.stringify(styleRequest)}`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (customElement) {
|
||
|
|
attachedProps.push([
|
||
|
|
`styles`,
|
||
|
|
`[${descriptor.styles.map((_, i) => `_style_${i}`).join(",")}]`
|
||
|
|
]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (cssModulesMap) {
|
||
|
|
const mappingCode = Object.entries(cssModulesMap).reduce(
|
||
|
|
(code, [key, value]) => code + `"${key}":${value},
|
||
|
|
`,
|
||
|
|
"{\n"
|
||
|
|
) + "}";
|
||
|
|
stylesCode += `
|
||
|
|
const cssModules = ${mappingCode}`;
|
||
|
|
attachedProps.push([`__cssModules`, `cssModules`]);
|
||
|
|
}
|
||
|
|
return stylesCode;
|
||
|
|
}
|
||
|
|
function genCSSModulesCode(index, request, moduleName) {
|
||
|
|
const styleVar = `style${index}`;
|
||
|
|
const exposedName = typeof moduleName === "string" ? moduleName : "$style";
|
||
|
|
const moduleRequest = request.replace(/\.(\w+)$/, ".module.$1");
|
||
|
|
return [
|
||
|
|
`
|
||
|
|
import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
|
||
|
|
{ [exposedName]: styleVar }
|
||
|
|
];
|
||
|
|
}
|
||
|
|
async function genCustomBlockCode(descriptor, pluginContext) {
|
||
|
|
let code = "";
|
||
|
|
for (let index = 0; index < descriptor.customBlocks.length; index++) {
|
||
|
|
const block = descriptor.customBlocks[index];
|
||
|
|
if (block.src) {
|
||
|
|
await linkSrcToDescriptor(block.src, descriptor, pluginContext, false);
|
||
|
|
}
|
||
|
|
const src = block.src || descriptor.filename;
|
||
|
|
const attrsQuery = attrsToQuery(block.attrs, block.type);
|
||
|
|
const srcQuery = block.src ? `&src=true` : ``;
|
||
|
|
const query = `?vue&type=${block.type}&index=${index}${srcQuery}${attrsQuery}`;
|
||
|
|
const request = JSON.stringify(src + query);
|
||
|
|
code += `import block${index} from ${request}
|
||
|
|
`;
|
||
|
|
code += `if (typeof block${index} === 'function') block${index}(_sfc_main)
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
return code;
|
||
|
|
}
|
||
|
|
async function linkSrcToDescriptor(src, descriptor, pluginContext, scoped) {
|
||
|
|
const srcFile = (await pluginContext.resolve(src, descriptor.filename))?.id || src;
|
||
|
|
setSrcDescriptor(srcFile.replace(/\?.*$/, ""), descriptor, scoped);
|
||
|
|
}
|
||
|
|
const ignoreList = [
|
||
|
|
"id",
|
||
|
|
"index",
|
||
|
|
"src",
|
||
|
|
"type",
|
||
|
|
"lang",
|
||
|
|
"module",
|
||
|
|
"scoped",
|
||
|
|
"generic"
|
||
|
|
];
|
||
|
|
function attrsToQuery(attrs, langFallback, forceLangFallback = false) {
|
||
|
|
let query = ``;
|
||
|
|
for (const name in attrs) {
|
||
|
|
const value = attrs[name];
|
||
|
|
if (!ignoreList.includes(name)) {
|
||
|
|
query += `&${encodeURIComponent(name)}${value ? `=${encodeURIComponent(value)}` : ``}`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (langFallback || attrs.lang) {
|
||
|
|
query += `lang` in attrs ? forceLangFallback ? `&lang.${langFallback}` : `&lang.${attrs.lang}` : `&lang.${langFallback}`;
|
||
|
|
}
|
||
|
|
return query;
|
||
|
|
}
|
||
|
|
|
||
|
|
async function transformStyle(code, descriptor, index, options, pluginContext, filename) {
|
||
|
|
const block = descriptor.styles[index];
|
||
|
|
const result = await options.compiler.compileStyleAsync({
|
||
|
|
...options.style,
|
||
|
|
filename: descriptor.filename,
|
||
|
|
id: `data-v-${descriptor.id}`,
|
||
|
|
isProd: options.isProduction,
|
||
|
|
source: code,
|
||
|
|
scoped: block.scoped,
|
||
|
|
...options.cssDevSourcemap ? {
|
||
|
|
postcssOptions: {
|
||
|
|
map: {
|
||
|
|
from: filename,
|
||
|
|
inline: false,
|
||
|
|
annotation: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} : {}
|
||
|
|
});
|
||
|
|
if (result.errors.length) {
|
||
|
|
result.errors.forEach((error) => {
|
||
|
|
if (error.line && error.column) {
|
||
|
|
error.loc = {
|
||
|
|
file: descriptor.filename,
|
||
|
|
line: error.line + block.loc.start.line,
|
||
|
|
column: error.column
|
||
|
|
};
|
||
|
|
}
|
||
|
|
pluginContext.error(error);
|
||
|
|
});
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const map = result.map ? await formatPostcssSourceMap(
|
||
|
|
// version property of result.map is declared as string
|
||
|
|
// but actually it is a number
|
||
|
|
result.map,
|
||
|
|
filename
|
||
|
|
) : { mappings: "" };
|
||
|
|
return {
|
||
|
|
code: result.code,
|
||
|
|
map
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function vuePlugin(rawOptions = {}) {
|
||
|
|
clearScriptCache();
|
||
|
|
const options = shallowRef({
|
||
|
|
isProduction: process.env.NODE_ENV === "production",
|
||
|
|
compiler: null,
|
||
|
|
// to be set in buildStart
|
||
|
|
include: /\.vue$/,
|
||
|
|
customElement: /\.ce\.vue$/,
|
||
|
|
...rawOptions,
|
||
|
|
root: process.cwd(),
|
||
|
|
sourceMap: true,
|
||
|
|
cssDevSourcemap: false
|
||
|
|
});
|
||
|
|
const filter = computed(
|
||
|
|
() => createFilter(options.value.include, options.value.exclude)
|
||
|
|
);
|
||
|
|
const customElementFilter = computed(() => {
|
||
|
|
const customElement = options.value.features?.customElement || options.value.customElement;
|
||
|
|
return typeof customElement === "boolean" ? () => customElement : createFilter(customElement);
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
name: "vite:vue",
|
||
|
|
api: {
|
||
|
|
get options() {
|
||
|
|
return options.value;
|
||
|
|
},
|
||
|
|
set options(value) {
|
||
|
|
options.value = value;
|
||
|
|
},
|
||
|
|
version
|
||
|
|
},
|
||
|
|
handleHotUpdate(ctx) {
|
||
|
|
if (options.value.compiler.invalidateTypeCache) {
|
||
|
|
options.value.compiler.invalidateTypeCache(ctx.file);
|
||
|
|
}
|
||
|
|
if (typeDepToSFCMap.has(ctx.file)) {
|
||
|
|
return handleTypeDepChange(typeDepToSFCMap.get(ctx.file), ctx);
|
||
|
|
}
|
||
|
|
if (filter.value(ctx.file)) {
|
||
|
|
return handleHotUpdate(
|
||
|
|
ctx,
|
||
|
|
options.value,
|
||
|
|
customElementFilter.value(ctx.file)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
config(config) {
|
||
|
|
return {
|
||
|
|
resolve: {
|
||
|
|
dedupe: config.build?.ssr ? [] : ["vue"]
|
||
|
|
},
|
||
|
|
define: {
|
||
|
|
__VUE_OPTIONS_API__: !!((options.value.features?.optionsAPI ?? true) || config.define?.__VUE_OPTIONS_API__),
|
||
|
|
__VUE_PROD_DEVTOOLS__: !!(options.value.features?.prodDevtools || config.define?.__VUE_PROD_DEVTOOLS__),
|
||
|
|
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: !!(options.value.features?.prodHydrationMismatchDetails || config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__)
|
||
|
|
},
|
||
|
|
ssr: {
|
||
|
|
// @ts-ignore -- config.legacy.buildSsrCjsExternalHeuristics will be removed in Vite 5
|
||
|
|
external: config.legacy?.buildSsrCjsExternalHeuristics ? ["vue", "@vue/server-renderer"] : []
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
configResolved(config) {
|
||
|
|
options.value = {
|
||
|
|
...options.value,
|
||
|
|
root: config.root,
|
||
|
|
sourceMap: config.command === "build" ? !!config.build.sourcemap : true,
|
||
|
|
cssDevSourcemap: config.css?.devSourcemap ?? false,
|
||
|
|
isProduction: config.isProduction,
|
||
|
|
devToolsEnabled: !!(options.value.features?.prodDevtools || config.define.__VUE_PROD_DEVTOOLS__ || !config.isProduction)
|
||
|
|
};
|
||
|
|
},
|
||
|
|
configureServer(server) {
|
||
|
|
options.value.devServer = server;
|
||
|
|
},
|
||
|
|
buildStart() {
|
||
|
|
const compiler = options.value.compiler = options.value.compiler || resolveCompiler(options.value.root);
|
||
|
|
if (compiler.invalidateTypeCache) {
|
||
|
|
options.value.devServer?.watcher.on("unlink", (file) => {
|
||
|
|
compiler.invalidateTypeCache(file);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async resolveId(id) {
|
||
|
|
if (id === EXPORT_HELPER_ID) {
|
||
|
|
return id;
|
||
|
|
}
|
||
|
|
if (parseVueRequest(id).query.vue) {
|
||
|
|
return id;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
load(id, opt) {
|
||
|
|
const ssr = opt?.ssr === true;
|
||
|
|
if (id === EXPORT_HELPER_ID) {
|
||
|
|
return helperCode;
|
||
|
|
}
|
||
|
|
const { filename, query } = parseVueRequest(id);
|
||
|
|
if (query.vue) {
|
||
|
|
if (query.src) {
|
||
|
|
return fs.readFileSync(filename, "utf-8");
|
||
|
|
}
|
||
|
|
const descriptor = getDescriptor(filename, options.value);
|
||
|
|
let block;
|
||
|
|
if (query.type === "script") {
|
||
|
|
block = getResolvedScript(descriptor, ssr);
|
||
|
|
} else if (query.type === "template") {
|
||
|
|
block = descriptor.template;
|
||
|
|
} else if (query.type === "style") {
|
||
|
|
block = descriptor.styles[query.index];
|
||
|
|
} else if (query.index != null) {
|
||
|
|
block = descriptor.customBlocks[query.index];
|
||
|
|
}
|
||
|
|
if (block) {
|
||
|
|
return {
|
||
|
|
code: block.content,
|
||
|
|
map: block.map
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
transform(code, id, opt) {
|
||
|
|
const ssr = opt?.ssr === true;
|
||
|
|
const { filename, query } = parseVueRequest(id);
|
||
|
|
if (query.raw || query.url) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (!filter.value(filename) && !query.vue) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (!query.vue) {
|
||
|
|
return transformMain(
|
||
|
|
code,
|
||
|
|
filename,
|
||
|
|
options.value,
|
||
|
|
this,
|
||
|
|
ssr,
|
||
|
|
customElementFilter.value(filename)
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
const descriptor = query.src ? getSrcDescriptor(filename, query) || getTempSrcDescriptor(filename, query) : getDescriptor(filename, options.value);
|
||
|
|
if (query.type === "template") {
|
||
|
|
return transformTemplateAsModule(
|
||
|
|
code,
|
||
|
|
descriptor,
|
||
|
|
options.value,
|
||
|
|
this,
|
||
|
|
ssr,
|
||
|
|
customElementFilter.value(filename)
|
||
|
|
);
|
||
|
|
} else if (query.type === "style") {
|
||
|
|
return transformStyle(
|
||
|
|
code,
|
||
|
|
descriptor,
|
||
|
|
Number(query.index || 0),
|
||
|
|
options.value,
|
||
|
|
this,
|
||
|
|
filename
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export { vuePlugin as default, parseVueRequest };
|