75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
|
import { TransformAssetUrlsOptions } from './assetUrl'
|
||
|
|
import { UrlWithStringQuery, parse as uriParse } from 'url'
|
||
|
|
import path from 'path'
|
||
|
|
|
||
|
|
export interface Attr {
|
||
|
|
name: string
|
||
|
|
value: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface ASTNode {
|
||
|
|
tag: string
|
||
|
|
attrs: Attr[]
|
||
|
|
}
|
||
|
|
|
||
|
|
export function urlToRequire(
|
||
|
|
url: string,
|
||
|
|
transformAssetUrlsOption: TransformAssetUrlsOptions = {}
|
||
|
|
): string {
|
||
|
|
const returnValue = `"${url}"`
|
||
|
|
// same logic as in transform-require.js
|
||
|
|
const firstChar = url.charAt(0)
|
||
|
|
if (firstChar === '~') {
|
||
|
|
const secondChar = url.charAt(1)
|
||
|
|
url = url.slice(secondChar === '/' ? 2 : 1)
|
||
|
|
}
|
||
|
|
|
||
|
|
const uriParts = parseUriParts(url)
|
||
|
|
|
||
|
|
if (transformAssetUrlsOption.base) {
|
||
|
|
// explicit base - directly rewrite the url into absolute url
|
||
|
|
// does not apply to absolute urls or urls that start with `@`
|
||
|
|
// since they are aliases
|
||
|
|
if (firstChar === '.' || firstChar === '~') {
|
||
|
|
// when packaged in the browser, path will be using the posix-
|
||
|
|
// only version provided by rollup-plugin-node-builtins.
|
||
|
|
return `"${(path.posix || path).join(
|
||
|
|
transformAssetUrlsOption.base,
|
||
|
|
uriParts.path + (uriParts.hash || '')
|
||
|
|
)}"`
|
||
|
|
}
|
||
|
|
return returnValue
|
||
|
|
}
|
||
|
|
|
||
|
|
if (firstChar === '.' || firstChar === '~' || firstChar === '@') {
|
||
|
|
if (!uriParts.hash) {
|
||
|
|
return `require("${url}")`
|
||
|
|
} else {
|
||
|
|
// support uri fragment case by excluding it from
|
||
|
|
// the require and instead appending it as string;
|
||
|
|
// assuming that the path part is sufficient according to
|
||
|
|
// the above caseing(t.i. no protocol-auth-host parts expected)
|
||
|
|
return `require("${uriParts.path}") + "${uriParts.hash}"`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return returnValue
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* vuejs/component-compiler-utils#22 Support uri fragment in transformed require
|
||
|
|
* @param urlString an url as a string
|
||
|
|
*/
|
||
|
|
function parseUriParts(urlString: string): UrlWithStringQuery {
|
||
|
|
// initialize return value
|
||
|
|
const returnValue: UrlWithStringQuery = uriParse('')
|
||
|
|
if (urlString) {
|
||
|
|
// A TypeError is thrown if urlString is not a string
|
||
|
|
// @see https://nodejs.org/api/url.html#url_url_parse_urlstring_parsequerystring_slashesdenotehost
|
||
|
|
if ('string' === typeof urlString) {
|
||
|
|
// check is an uri
|
||
|
|
return uriParse(urlString) // take apart the uri
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return returnValue
|
||
|
|
}
|