feat: init
This commit is contained in:
21
node_modules/@vitejs/plugin-vue-jsx/LICENSE
generated
vendored
Normal file
21
node_modules/@vitejs/plugin-vue-jsx/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
109
node_modules/@vitejs/plugin-vue-jsx/README.md
generated
vendored
Normal file
109
node_modules/@vitejs/plugin-vue-jsx/README.md
generated
vendored
Normal file
@@ -0,0 +1,109 @@
|
||||
# @vitejs/plugin-vue-jsx [](https://npmjs.com/package/@vitejs/plugin-vue-jsx)
|
||||
|
||||
Provides Vue 3 JSX & TSX support with HMR.
|
||||
|
||||
```js
|
||||
// vite.config.js
|
||||
import vueJsx from '@vitejs/plugin-vue-jsx'
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
vueJsx({
|
||||
// options are passed on to @vue/babel-plugin-jsx
|
||||
}),
|
||||
],
|
||||
}
|
||||
```
|
||||
|
||||
## Options
|
||||
|
||||
### include
|
||||
|
||||
Type: `(string | RegExp)[] | string | RegExp | null`
|
||||
|
||||
Default: `/\.[jt]sx$/`
|
||||
|
||||
A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patterns, which specifies the files the plugin should operate on.
|
||||
|
||||
### exclude
|
||||
|
||||
Type: `(string | RegExp)[] | string | RegExp | null`
|
||||
|
||||
Default: `undefined`
|
||||
|
||||
A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patterns, which specifies the files to be ignored by the plugin.
|
||||
|
||||
> See [@vue/babel-plugin-jsx](https://github.com/vuejs/jsx-next) for other options.
|
||||
|
||||
### defineComponentName
|
||||
|
||||
Type: `string[]`
|
||||
|
||||
Default: `['defineComponent']`
|
||||
|
||||
The name of the function to be used for defining components. This is useful when you have a custom `defineComponent` function.
|
||||
|
||||
### tsTransform
|
||||
|
||||
Type: `'babel' | 'built-in'`
|
||||
|
||||
Default: `'babel'`
|
||||
|
||||
Defines how `typescript` transformation is handled for `.tsx` files.
|
||||
|
||||
`'babel'` - `typescript` transformation is handled by `@babel/plugin-transform-typescript` during `babel` invocation for JSX transformation.
|
||||
|
||||
`'built-in'` - `babel` is invoked only for JSX transformation and then `typescript` transformation is handled by the same toolchain used for `.ts` files (currently `esbuild`).
|
||||
|
||||
### babelPlugins
|
||||
|
||||
Type: `any[]`
|
||||
|
||||
Default: `undefined`
|
||||
|
||||
Provide additional plugins for `babel` invocation for JSX transformation.
|
||||
|
||||
### tsPluginOptions
|
||||
|
||||
Type: `any`
|
||||
|
||||
Default: `undefined`
|
||||
|
||||
Defines options for `@babel/plugin-transform-typescript` plugin.
|
||||
|
||||
## HMR Detection
|
||||
|
||||
This plugin supports HMR of Vue JSX components. The detection requirements are:
|
||||
|
||||
- The component must be exported.
|
||||
- The component must be declared by calling `defineComponent` or the name specified in `defineComponentName` via a root-level statement, either variable declaration or export declaration.
|
||||
|
||||
### Supported patterns
|
||||
|
||||
```jsx
|
||||
import { defineComponent } from 'vue'
|
||||
|
||||
// named exports w/ variable declaration: ok
|
||||
export const Foo = defineComponent({})
|
||||
|
||||
// named exports referencing variable declaration: ok
|
||||
const Bar = defineComponent({ render() { return <div>Test</div> }})
|
||||
export { Bar }
|
||||
|
||||
// default export call: ok
|
||||
export default defineComponent({ render() { return <div>Test</div> }})
|
||||
|
||||
// default export referencing variable declaration: ok
|
||||
const Baz = defineComponent({ render() { return <div>Test</div> }})
|
||||
export default Baz
|
||||
```
|
||||
|
||||
### Non-supported patterns
|
||||
|
||||
```jsx
|
||||
// not using `defineComponent` call
|
||||
export const Bar = { ... }
|
||||
|
||||
// not exported
|
||||
const Foo = defineComponent(...)
|
||||
```
|
||||
22
node_modules/@vitejs/plugin-vue-jsx/dist/index.d.mts
generated
vendored
Normal file
22
node_modules/@vitejs/plugin-vue-jsx/dist/index.d.mts
generated
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
import { VueJSXPluginOptions } from "@vue/babel-plugin-jsx";
|
||||
import { FilterPattern, Plugin } from "vite";
|
||||
|
||||
//#region src/types.d.ts
|
||||
interface FilterOptions {
|
||||
include?: FilterPattern;
|
||||
exclude?: FilterPattern;
|
||||
}
|
||||
interface Options extends VueJSXPluginOptions, FilterOptions {
|
||||
babelPlugins?: any[];
|
||||
/** @default ['defineComponent'] */
|
||||
defineComponentName?: string[];
|
||||
tsPluginOptions?: any;
|
||||
/** @default 'babel' */
|
||||
tsTransform?: 'babel' | 'built-in';
|
||||
}
|
||||
//#endregion
|
||||
//#region src/index.d.ts
|
||||
declare function vueJsxPlugin(options?: Options): Plugin;
|
||||
declare function vueJsxPluginCjs(this: unknown, options: Options): Plugin;
|
||||
//#endregion
|
||||
export { FilterOptions, Options, vueJsxPlugin as default, vueJsxPluginCjs as "module.exports" };
|
||||
209
node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs
generated
vendored
Normal file
209
node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,209 @@
|
||||
import crypto from "node:crypto";
|
||||
import path from "node:path";
|
||||
import * as babel from "@babel/core";
|
||||
import { types } from "@babel/core";
|
||||
import jsx from "@vue/babel-plugin-jsx";
|
||||
import { createFilter, normalizePath } from "vite";
|
||||
import { exactRegex, makeIdFiltersToMatchWithQuery } from "@rolldown/pluginutils";
|
||||
|
||||
//#region src/index.ts
|
||||
const ssrRegisterHelperId = "/__vue-jsx-ssr-register-helper";
|
||||
const ssrRegisterHelperCode = `import { useSSRContext } from "vue"\nexport const ssrRegisterHelper = ${ssrRegisterHelper.toString()}`;
|
||||
/**
|
||||
* This function is serialized with toString() and evaluated as a virtual
|
||||
* module during SSR
|
||||
*/
|
||||
function ssrRegisterHelper(comp, filename) {
|
||||
const setup = comp.setup;
|
||||
comp.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
|
||||
if (setup) return setup(props, ctx);
|
||||
};
|
||||
}
|
||||
function vueJsxPlugin(options = {}) {
|
||||
let root = "";
|
||||
let needHmr = false;
|
||||
let needSourceMap = true;
|
||||
const { include = /\.[jt]sx$/, exclude, babelPlugins = [], defineComponentName = ["defineComponent"], tsPluginOptions = {}, tsTransform, ...babelPluginOptions } = options;
|
||||
const filter = createFilter(include, exclude);
|
||||
return {
|
||||
name: "vite:vue-jsx",
|
||||
config(config) {
|
||||
const parseDefine = (v) => {
|
||||
try {
|
||||
return typeof v === "string" ? JSON.parse(v) : v;
|
||||
} catch (err) {
|
||||
return v;
|
||||
}
|
||||
};
|
||||
const isRolldownVite = this && "rolldownVersion" in this.meta;
|
||||
return {
|
||||
[isRolldownVite ? "oxc" : "esbuild"]: tsTransform === "built-in" ? { exclude: /\.jsx?$/ } : { include: /\.ts$/ },
|
||||
define: {
|
||||
__VUE_OPTIONS_API__: parseDefine(config.define?.__VUE_OPTIONS_API__) ?? true,
|
||||
__VUE_PROD_DEVTOOLS__: parseDefine(config.define?.__VUE_PROD_DEVTOOLS__) ?? false,
|
||||
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: parseDefine(config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__) ?? false
|
||||
},
|
||||
optimizeDeps: isRolldownVite ? { rolldownOptions: { transform: { jsx: "preserve" } } } : {}
|
||||
};
|
||||
},
|
||||
configResolved(config) {
|
||||
needHmr = config.command === "serve" && !config.isProduction;
|
||||
needSourceMap = config.command === "serve" || !!config.build.sourcemap;
|
||||
root = config.root;
|
||||
},
|
||||
resolveId: {
|
||||
filter: { id: exactRegex(ssrRegisterHelperId) },
|
||||
handler(id) {
|
||||
if (id === ssrRegisterHelperId) return id;
|
||||
}
|
||||
},
|
||||
load: {
|
||||
filter: { id: exactRegex(ssrRegisterHelperId) },
|
||||
handler(id) {
|
||||
if (id === ssrRegisterHelperId) return ssrRegisterHelperCode;
|
||||
}
|
||||
},
|
||||
transform: {
|
||||
order: tsTransform === "built-in" ? "pre" : void 0,
|
||||
filter: { id: {
|
||||
include: include ? makeIdFiltersToMatchWithQuery(include) : void 0,
|
||||
exclude: exclude ? makeIdFiltersToMatchWithQuery(exclude) : void 0
|
||||
} },
|
||||
async handler(code, id, opt) {
|
||||
const ssr = opt?.ssr === true;
|
||||
const [filepath] = id.split("?");
|
||||
if (filter(id) || filter(filepath)) {
|
||||
const plugins = [[jsx, babelPluginOptions], ...babelPlugins];
|
||||
if (id.endsWith(".tsx") || filepath.endsWith(".tsx")) if (tsTransform === "built-in") plugins.push([await import("@babel/plugin-syntax-typescript").then((r) => r.default), { isTSX: true }]);
|
||||
else plugins.push([await import("@babel/plugin-transform-typescript").then((r) => r.default), {
|
||||
...tsPluginOptions,
|
||||
isTSX: true,
|
||||
allowExtensions: true
|
||||
}]);
|
||||
if (!ssr && !needHmr) plugins.push(() => {
|
||||
return { visitor: { CallExpression: { enter(_path) {
|
||||
if (isDefineComponentCall(_path.node, defineComponentName)) {
|
||||
const callee = _path.node.callee;
|
||||
callee.name = `/* @__PURE__ */ ${callee.name}`;
|
||||
}
|
||||
} } } };
|
||||
});
|
||||
else plugins.push(() => {
|
||||
return { visitor: { ExportDefaultDeclaration: { enter(_path) {
|
||||
const unwrappedDeclaration = unwrapTypeAssertion(_path.node.declaration);
|
||||
if (isDefineComponentCall(unwrappedDeclaration, defineComponentName)) {
|
||||
const declaration = unwrappedDeclaration;
|
||||
const nodesPath = _path.replaceWithMultiple([types.variableDeclaration("const", [types.variableDeclarator(types.identifier("__default__"), types.callExpression(declaration.callee, declaration.arguments))]), types.exportDefaultDeclaration(types.identifier("__default__"))]);
|
||||
_path.scope.registerDeclaration(nodesPath[0]);
|
||||
}
|
||||
} } } };
|
||||
});
|
||||
const result = babel.transformSync(code, {
|
||||
babelrc: false,
|
||||
ast: true,
|
||||
plugins,
|
||||
sourceMaps: needSourceMap,
|
||||
sourceFileName: id,
|
||||
configFile: false
|
||||
});
|
||||
if (!ssr && !needHmr) {
|
||||
if (!result.code) return;
|
||||
return {
|
||||
code: result.code,
|
||||
map: result.map
|
||||
};
|
||||
}
|
||||
const declaredComponents = [];
|
||||
const hotComponents = [];
|
||||
for (const node of result.ast.program.body) {
|
||||
if (node.type === "VariableDeclaration") {
|
||||
const names = parseComponentDecls(node, defineComponentName);
|
||||
if (names.length) declaredComponents.push(...names);
|
||||
}
|
||||
if (node.type === "ExportNamedDeclaration") {
|
||||
if (node.declaration && node.declaration.type === "VariableDeclaration") hotComponents.push(...parseComponentDecls(node.declaration, defineComponentName).map((name) => ({
|
||||
local: name,
|
||||
exported: name,
|
||||
id: getHash(id + name)
|
||||
})));
|
||||
else if (node.specifiers.length) {
|
||||
for (const spec of node.specifiers) if (spec.type === "ExportSpecifier" && spec.exported.type === "Identifier") {
|
||||
if (declaredComponents.find((name) => name === spec.local.name)) hotComponents.push({
|
||||
local: spec.local.name,
|
||||
exported: spec.exported.name,
|
||||
id: getHash(id + spec.exported.name)
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
if (node.type === "ExportDefaultDeclaration") {
|
||||
if (node.declaration.type === "Identifier") {
|
||||
const _name = node.declaration.name;
|
||||
if (declaredComponents.find((name) => name === _name)) hotComponents.push({
|
||||
local: _name,
|
||||
exported: "default",
|
||||
id: getHash(id + "default")
|
||||
});
|
||||
} else if (isDefineComponentCall(unwrapTypeAssertion(node.declaration), defineComponentName)) hotComponents.push({
|
||||
local: "__default__",
|
||||
exported: "default",
|
||||
id: getHash(id + "default")
|
||||
});
|
||||
}
|
||||
}
|
||||
if (hotComponents.length) {
|
||||
if (needHmr && !ssr && !/\?vue&type=script/.test(id)) {
|
||||
let code = result.code;
|
||||
let callbackCode = ``;
|
||||
for (const { local, exported, id } of hotComponents) {
|
||||
code += `\n${local}.__hmrId = "${id}"\n__VUE_HMR_RUNTIME__.createRecord("${id}", ${local})`;
|
||||
callbackCode += `\n__VUE_HMR_RUNTIME__.reload("${id}", __${exported})`;
|
||||
}
|
||||
const newCompNames = hotComponents.map((c) => `${c.exported}: __${c.exported}`).join(",");
|
||||
code += `\nimport.meta.hot.accept(({${newCompNames}}) => {${callbackCode}\n})`;
|
||||
result.code = code;
|
||||
}
|
||||
if (ssr) {
|
||||
const normalizedId = normalizePath(path.relative(root, id));
|
||||
let ssrInjectCode = `\nimport { ssrRegisterHelper } from "${ssrRegisterHelperId}"\nconst __moduleId = ${JSON.stringify(normalizedId)}`;
|
||||
for (const { local } of hotComponents) ssrInjectCode += `\nssrRegisterHelper(${local}, __moduleId)`;
|
||||
result.code += ssrInjectCode;
|
||||
}
|
||||
}
|
||||
if (!result.code) return;
|
||||
return {
|
||||
code: result.code,
|
||||
map: result.map
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
function parseComponentDecls(node, fnNames) {
|
||||
const names = [];
|
||||
for (const decl of node.declarations) if (decl.id.type === "Identifier" && isDefineComponentCall(unwrapTypeAssertion(decl.init), fnNames)) names.push(decl.id.name);
|
||||
return names;
|
||||
}
|
||||
function isDefineComponentCall(node, names) {
|
||||
return node && node.type === "CallExpression" && node.callee.type === "Identifier" && names.includes(node.callee.name);
|
||||
}
|
||||
function unwrapTypeAssertion(node) {
|
||||
if (!node) return node;
|
||||
let current = node;
|
||||
while (current.type === "TSAsExpression" || current.type === "TSSatisfiesExpression" || current.type === "TSTypeAssertion") current = current.expression;
|
||||
return current;
|
||||
}
|
||||
function getHash(text) {
|
||||
return crypto.hash("sha256", text, "hex").substring(0, 8);
|
||||
}
|
||||
var src_default = vueJsxPlugin;
|
||||
function vueJsxPluginCjs(options) {
|
||||
return vueJsxPlugin.call(this, options);
|
||||
}
|
||||
Object.assign(vueJsxPluginCjs, { default: vueJsxPluginCjs });
|
||||
|
||||
//#endregion
|
||||
export { src_default as default, vueJsxPluginCjs as "module.exports" };
|
||||
67
node_modules/@vitejs/plugin-vue-jsx/package.json
generated
vendored
Normal file
67
node_modules/@vitejs/plugin-vue-jsx/package.json
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
{
|
||||
"name": "@vitejs/plugin-vue-jsx",
|
||||
"version": "5.1.4",
|
||||
"type": "module",
|
||||
"license": "MIT",
|
||||
"author": "Evan You",
|
||||
"description": "Provides Vue 3 JSX & TSX support with HMR.",
|
||||
"keywords": [
|
||||
"vite",
|
||||
"vite-plugin",
|
||||
"vue"
|
||||
],
|
||||
"files": [
|
||||
"dist"
|
||||
],
|
||||
"exports": {
|
||||
".": "./dist/index.mjs",
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^20.19.0 || >=22.12.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/vitejs/vite-plugin-vue.git",
|
||||
"directory": "packages/plugin-vue-jsx"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/vitejs/vite-plugin-vue/issues"
|
||||
},
|
||||
"homepage": "https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx#readme",
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.29.0",
|
||||
"@babel/plugin-syntax-typescript": "^7.28.6",
|
||||
"@babel/plugin-transform-typescript": "^7.28.6",
|
||||
"@rolldown/pluginutils": "^1.0.0-rc.2",
|
||||
"@vue/babel-plugin-jsx": "^2.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"tsdown": "^0.20.1",
|
||||
"vite": "^7.3.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0",
|
||||
"vue": "^3.0.0"
|
||||
},
|
||||
"tsdown": {
|
||||
"dts": {
|
||||
"tsgo": true
|
||||
}
|
||||
},
|
||||
"compatiblePackages": {
|
||||
"schemaVersion": 1,
|
||||
"rolldown": {
|
||||
"type": "incompatible",
|
||||
"reason": "Uses Vite-specific APIs"
|
||||
},
|
||||
"rollup": {
|
||||
"type": "incompatible",
|
||||
"reason": "Uses Vite-specific APIs"
|
||||
}
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "tsdown --watch",
|
||||
"build": "tsdown"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user