unplugin-vue-router
Version:
File based typed routing for Vue Router
386 lines (382 loc) • 12.9 kB
JavaScript
//#region rolldown:runtime
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
key = keys[i];
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: ((k) => from[k]).bind(null, key),
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: true
}) : target, mod));
//#endregion
const scule = __toESM(require("scule"));
const pathe = __toESM(require("pathe"));
const local_pkg = __toESM(require("local-pkg"));
//#region src/core/utils.ts
function warn(msg, type = "warn") {
console[type](`⚠️ [unplugin-vue-router]: ${msg}`);
}
function logTree(tree, log) {
log(printTree(tree));
}
const MAX_LEVEL = 1e3;
function printTree(tree, level = 0, parentPre = "", treeStr = "") {
if (typeof tree !== "object" || level >= MAX_LEVEL) return "";
if (tree instanceof Map) {
const total = tree.size;
let index = 0;
for (const [_key, child] of tree) {
const hasNext = index++ < total - 1;
const { children } = child;
treeStr += `${`${parentPre}${hasNext ? "├" : "└"}${"─" + (children.size > 0 ? "┬" : "")} `}${child}\n`;
if (children) treeStr += printTree(children, level + 1, `${parentPre}${hasNext ? "│" : " "} `);
}
} else {
const children = tree.children;
treeStr = `${tree}\n`;
if (children) treeStr += printTree(children, level + 1);
}
return treeStr;
}
/**
* Type safe alternative to Array.isArray
* https://github.com/microsoft/TypeScript/pull/48228
*/
const isArray = Array.isArray;
function trimExtension(path, extensions) {
for (const extension of extensions) {
const lastDot = path.endsWith(extension) ? -extension.length : 0;
if (lastDot < 0) return path.slice(0, lastDot);
}
return path;
}
function throttle(fn, wait, initialWait) {
let pendingExecutionTimeout = null;
let pendingExecution = false;
let executionTimeout = null;
return () => {
if (pendingExecutionTimeout == null) {
pendingExecutionTimeout = setTimeout(() => {
pendingExecutionTimeout = null;
if (pendingExecution) {
pendingExecution = false;
fn();
}
}, wait);
executionTimeout = setTimeout(() => {
executionTimeout = null;
fn();
}, initialWait);
} else if (executionTimeout == null) pendingExecution = true;
};
}
const LEADING_SLASH_RE = /^\//;
const TRAILING_SLASH_RE = /\/$/;
function joinPath(...paths) {
let result = "";
for (const path of paths) result = result.replace(TRAILING_SLASH_RE, "") + (path && "/" + path.replace(LEADING_SLASH_RE, ""));
return result || "/";
}
function paramToName({ paramName, modifier, isSplat }) {
return `${isSplat ? "$" : ""}${paramName.charAt(0).toUpperCase() + paramName.slice(1)}${modifier}`;
}
/**
* Creates a name based of the node path segments.
*
* @param node - the node to get the path from
* @param parent - the parent node
* @returns a route name
*/
function getPascalCaseRouteName(node) {
if (node.parent?.isRoot() && node.value.pathSegment === "") return "Root";
let name = node.value.subSegments.map((segment) => {
if (typeof segment === "string") return (0, scule.pascalCase)(segment);
return paramToName(segment);
}).join("");
if (node.value.components.size && node.children.has("index")) name += "Parent";
const parent = node.parent;
return (parent && !parent.isRoot() ? getPascalCaseRouteName(parent).replace(/Parent$/, "") : "") + name;
}
/**
* Joins the path segments of a node into a name that corresponds to the filepath represented by the node.
*
* @param node - the node to get the path from
* @returns a route name
*/
function getFileBasedRouteName(node) {
if (!node.parent) return "";
return getFileBasedRouteName(node.parent) + "/" + (node.value.rawSegment === "index" ? "" : node.value.rawSegment);
}
function mergeRouteRecordOverride(a, b) {
const merged = {};
const keys = [...new Set([...Object.keys(a), ...Object.keys(b)])];
for (const key of keys) if (key === "alias") {
const newAlias = [];
merged[key] = newAlias.concat(a.alias || [], b.alias || []);
} else if (key === "meta") merged[key] = mergeDeep(a[key] || {}, b[key] || {});
else merged[key] = b[key] ?? a[key];
return merged;
}
function isObject(obj) {
return obj && typeof obj === "object";
}
function mergeDeep(...objects) {
return objects.reduce((prev, obj) => {
Object.keys(obj).forEach((key) => {
const pVal = prev[key];
const oVal = obj[key];
if (Array.isArray(pVal) && Array.isArray(oVal)) prev[key] = pVal.concat(...oVal);
else if (isObject(pVal) && isObject(oVal)) prev[key] = mergeDeep(pVal, oVal);
else prev[key] = oVal;
});
return prev;
}, {});
}
/**
* Returns a route path to be used by the router with any defined prefix from an absolute path to a file. Since it
* returns a route path, it will remove the extension from the file.
*
* @param options - RoutesFolderOption to apply
* @param filePath - absolute path to file
* @returns a route path to be used by the router with any defined prefix
*/
function asRoutePath({ src, path = "", extensions }, filePath) {
return trimExtension(typeof path === "string" ? path + filePath.slice(src.length + 1) : path(filePath), extensions);
}
function appendExtensionListToPattern(filePatterns, extensions) {
const extensionPattern = extensions.length === 1 ? extensions[0] : `.{${extensions.map((extension) => extension.replace(".", "")).join(",")}}`;
return Array.isArray(filePatterns) ? filePatterns.map((filePattern) => `${filePattern}${extensionPattern}`) : `${filePatterns}${extensionPattern}`;
}
var ImportsMap = class {
map = /* @__PURE__ */ new Map();
constructor() {}
add(path, importEntry) {
if (!this.map.has(path)) this.map.set(path, /* @__PURE__ */ new Map());
const imports = this.map.get(path);
if (typeof importEntry === "string") imports.set(importEntry, importEntry);
else imports.set(importEntry.as || importEntry.name, importEntry.name);
return this;
}
addDefault(path, as) {
return this.add(path, {
name: "default",
as
});
}
/**
* Get the list of imports for the given path.
*
* @param path - the path to get the import list for
* @returns the list of imports for the given path
*/
getImportList(path) {
if (!this.map.has(path)) return [];
return Array.from(this.map.get(path)).map(([as, name]) => ({
as: as || name,
name
}));
}
toString() {
let importStatements = "";
for (const [path, imports] of this.map) {
if (!imports.size) continue;
if (imports.size === 1) {
const [[importName, maybeDefault]] = [...imports.entries()];
if (maybeDefault === "default") {
importStatements += `import ${importName} from '${path}'\n`;
continue;
}
}
importStatements += `import { ${Array.from(imports).map(([as, name]) => as === name ? name : `${name} as ${as}`).join(", ")} } from '${path}'\n`;
}
return importStatements;
}
get size() {
return this.map.size;
}
};
//#endregion
//#region src/options.ts
/**
* Resolves an overridable option by calling the function with the existing value if it's a function, otherwise
* returning the passed `value`. If `value` is undefined, it returns the `defaultValue` instead.
*
* @param defaultValue default value for the option
* @param value and overridable option
*/
function resolveOverridableOption(defaultValue, value) {
return typeof value === "function" ? value(defaultValue) : value ?? defaultValue;
}
const DEFAULT_OPTIONS = {
extensions: [".vue"],
exclude: [],
routesFolder: "src/pages",
filePatterns: ["**/*"],
routeBlockLang: "json5",
getRouteName: getFileBasedRouteName,
importMode: "async",
root: process.cwd(),
dts: (0, local_pkg.isPackageExists)("typescript"),
logs: false,
_inspect: false,
pathParser: { dotNesting: true },
watch: !process.env.CI,
experimental: {}
};
function normalizeRoutesFolderOption(routesFolder) {
return (isArray(routesFolder) ? routesFolder : [routesFolder]).map((routeOption) => normalizeRouteOption(typeof routeOption === "string" ? { src: routeOption } : routeOption));
}
function normalizeRouteOption(routeOption) {
return {
...routeOption,
filePatterns: routeOption.filePatterns ? typeof routeOption.filePatterns === "function" ? routeOption.filePatterns : isArray(routeOption.filePatterns) ? routeOption.filePatterns : [routeOption.filePatterns] : void 0,
exclude: routeOption.exclude ? typeof routeOption.exclude === "function" ? routeOption.exclude : isArray(routeOption.exclude) ? routeOption.exclude : [routeOption.exclude] : void 0
};
}
/**
* Normalize user options with defaults and resolved paths.
*
* @param options - user provided options
* @returns normalized options
*/
function resolveOptions(options) {
const root = options.root || DEFAULT_OPTIONS.root;
const routesFolder = normalizeRoutesFolderOption(options.routesFolder || DEFAULT_OPTIONS.routesFolder).map((routeOption) => ({
...routeOption,
src: (0, pathe.resolve)(root, routeOption.src)
}));
const experimental = { ...options.experimental };
if (experimental.autoExportsDataLoaders) experimental.autoExportsDataLoaders = (Array.isArray(experimental.autoExportsDataLoaders) ? experimental.autoExportsDataLoaders : [experimental.autoExportsDataLoaders]).map((path) => (0, pathe.resolve)(root, path));
if (options.extensions) options.extensions = options.extensions.map((ext) => {
if (!ext.startsWith(".")) {
warn(`Invalid extension "${ext}". Extensions must start with a dot.`);
return "." + ext;
}
return ext;
}).sort((a, b) => b.length - a.length);
const filePatterns = options.filePatterns ? isArray(options.filePatterns) ? options.filePatterns : [options.filePatterns] : DEFAULT_OPTIONS.filePatterns;
const exclude = options.exclude ? isArray(options.exclude) ? options.exclude : [options.exclude] : DEFAULT_OPTIONS.exclude;
return {
...DEFAULT_OPTIONS,
...options,
experimental,
routesFolder,
filePatterns,
exclude
};
}
/**
* Merge all the possible extensions as an array of unique values
* @param options - user provided options
* @internal
*/
function mergeAllExtensions(options) {
const allExtensions = new Set(options.extensions);
for (const routeOption of options.routesFolder) if (routeOption.extensions) {
const extensions = resolveOverridableOption(options.extensions, routeOption.extensions);
for (const ext of extensions) allExtensions.add(ext);
}
return Array.from(allExtensions.values());
}
//#endregion
Object.defineProperty(exports, 'DEFAULT_OPTIONS', {
enumerable: true,
get: function () {
return DEFAULT_OPTIONS;
}
});
Object.defineProperty(exports, 'ImportsMap', {
enumerable: true,
get: function () {
return ImportsMap;
}
});
Object.defineProperty(exports, '__toESM', {
enumerable: true,
get: function () {
return __toESM;
}
});
Object.defineProperty(exports, 'appendExtensionListToPattern', {
enumerable: true,
get: function () {
return appendExtensionListToPattern;
}
});
Object.defineProperty(exports, 'asRoutePath', {
enumerable: true,
get: function () {
return asRoutePath;
}
});
Object.defineProperty(exports, 'getFileBasedRouteName', {
enumerable: true,
get: function () {
return getFileBasedRouteName;
}
});
Object.defineProperty(exports, 'getPascalCaseRouteName', {
enumerable: true,
get: function () {
return getPascalCaseRouteName;
}
});
Object.defineProperty(exports, 'joinPath', {
enumerable: true,
get: function () {
return joinPath;
}
});
Object.defineProperty(exports, 'logTree', {
enumerable: true,
get: function () {
return logTree;
}
});
Object.defineProperty(exports, 'mergeAllExtensions', {
enumerable: true,
get: function () {
return mergeAllExtensions;
}
});
Object.defineProperty(exports, 'mergeRouteRecordOverride', {
enumerable: true,
get: function () {
return mergeRouteRecordOverride;
}
});
Object.defineProperty(exports, 'resolveOptions', {
enumerable: true,
get: function () {
return resolveOptions;
}
});
Object.defineProperty(exports, 'resolveOverridableOption', {
enumerable: true,
get: function () {
return resolveOverridableOption;
}
});
Object.defineProperty(exports, 'throttle', {
enumerable: true,
get: function () {
return throttle;
}
});
Object.defineProperty(exports, 'warn', {
enumerable: true,
get: function () {
return warn;
}
});