vue-jsx-vapor 2.2.0 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api.cjs +2 -5
- package/dist/api.d.cts +6 -7
- package/dist/api.d.ts +6 -7
- package/dist/api.js +3 -6
- package/dist/astro.cjs +14 -18
- package/dist/astro.d.cts +4 -5
- package/dist/astro.d.ts +4 -5
- package/dist/astro.js +13 -17
- package/dist/chunk-BCwAaXi7.cjs +31 -0
- package/dist/core-B29W1zp3.cjs +32 -0
- package/dist/core-BDE4GLH8.js +25 -0
- package/dist/esbuild.cjs +12 -14
- package/dist/esbuild.d.cts +6 -7
- package/dist/esbuild.d.ts +6 -7
- package/dist/esbuild.js +8 -10
- package/dist/index.cjs +66 -78
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +59 -80
- package/dist/jsx-runtime.cjs +14 -13
- package/dist/jsx-runtime.d.cts +24 -23
- package/dist/jsx-runtime.d.ts +24 -23
- package/dist/jsx-runtime.js +9 -13
- package/dist/nuxt.cjs +23 -26
- package/dist/nuxt.d.cts +6 -7
- package/dist/nuxt.d.ts +6 -7
- package/dist/nuxt.js +19 -23
- package/dist/options-HYvLzmlg.js +0 -0
- package/dist/options.cjs +1 -1
- package/dist/options.d-BAyccQwr.d.ts +20 -0
- package/dist/options.d-CA70vgwp.d.cts +20 -0
- package/dist/options.d.cts +2 -17
- package/dist/options.d.ts +2 -17
- package/dist/options.js +1 -1
- package/dist/raw-C8eD8f6a.js +214 -0
- package/dist/raw-Dr3UcxgN.cjs +221 -0
- package/dist/raw.cjs +4 -8
- package/dist/raw.d.cts +5 -6
- package/dist/raw.d.ts +5 -6
- package/dist/raw.js +4 -7
- package/dist/rolldown.cjs +14 -15
- package/dist/rolldown.d.cts +6 -7
- package/dist/rolldown.d.ts +6 -7
- package/dist/rolldown.js +9 -11
- package/dist/rollup.cjs +12 -14
- package/dist/rollup.d.cts +6 -7
- package/dist/rollup.d.ts +6 -7
- package/dist/rollup.js +8 -10
- package/dist/rspack.cjs +12 -14
- package/dist/rspack.d.cts +4 -5
- package/dist/rspack.d.ts +4 -5
- package/dist/rspack.js +8 -10
- package/dist/unplugin-BMMTjSOs.js +32 -0
- package/dist/unplugin-ChZxAtQ0.cjs +51 -0
- package/dist/unplugin.cjs +9 -13
- package/dist/unplugin.d.cts +6 -8
- package/dist/unplugin.d.ts +6 -8
- package/dist/unplugin.js +6 -13
- package/dist/vite-BSUI3W42.js +7 -0
- package/dist/vite-D_zoULH4.cjs +13 -0
- package/dist/vite.cjs +8 -12
- package/dist/vite.d.cts +6 -7
- package/dist/vite.d.ts +6 -7
- package/dist/vite.js +7 -10
- package/dist/volar.cjs +18 -18
- package/dist/volar.d.cts +5 -6
- package/dist/volar.d.ts +5 -6
- package/dist/volar.js +12 -13
- package/dist/webpack-BXmoWpIv.cjs +13 -0
- package/dist/webpack-CeYJ9dJv.js +7 -0
- package/dist/webpack.cjs +8 -12
- package/dist/webpack.d.cts +6 -7
- package/dist/webpack.d.ts +6 -7
- package/dist/webpack.js +7 -10
- package/package.json +6 -6
- package/dist/chunk-4HP6QVER.js +0 -10
- package/dist/chunk-F7CI4ATH.cjs +0 -43
- package/dist/chunk-G2KD2VHX.js +0 -43
- package/dist/chunk-GODVM7NB.cjs +0 -1
- package/dist/chunk-GY6DSRCV.cjs +0 -22
- package/dist/chunk-HNBQ42EP.js +0 -10
- package/dist/chunk-M4VKLZSB.cjs +0 -10
- package/dist/chunk-QBIU4H54.cjs +0 -10
- package/dist/chunk-SAJ6WS2A.js +0 -22
- package/dist/chunk-T3F6TYMY.js +0 -265
- package/dist/chunk-VSS2IZIS.cjs +0 -265
- /package/dist/{chunk-JNAGPWSX.js → options-CulFO0WS.cjs} +0 -0
package/dist/chunk-VSS2IZIS.cjs
DELETED
|
@@ -1,265 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
|
-
|
|
3
|
-
var _chunkGY6DSRCVcjs = require('./chunk-GY6DSRCV.cjs');
|
|
4
|
-
|
|
5
|
-
// src/raw.ts
|
|
6
|
-
var _raw = require('@vue-jsx-vapor/macros/raw'); var _raw2 = _interopRequireDefault(_raw);
|
|
7
|
-
var _api = require('@vue-macros/jsx-directive/api');
|
|
8
|
-
var _unpluginutils = require('unplugin-utils');
|
|
9
|
-
|
|
10
|
-
// src/core/hmr.ts
|
|
11
|
-
var _api3 = require('@vue-jsx-vapor/macros/api');
|
|
12
|
-
var _hashsum = require('hash-sum'); var _hashsum2 = _interopRequireDefault(_hashsum);
|
|
13
|
-
|
|
14
|
-
// src/core/ssr.ts
|
|
15
|
-
var _pathe = require('pathe');
|
|
16
|
-
|
|
17
|
-
var ssrRegisterHelperId = "/__vue-jsx-ssr-register-helper";
|
|
18
|
-
var ssrRegisterHelperCode = `import { useSSRContext } from "vue"
|
|
19
|
-
export const ssrRegisterHelper = ${ssrRegisterHelper.toString()}`;
|
|
20
|
-
function ssrRegisterHelper(comp, filename) {
|
|
21
|
-
const setup = comp.setup;
|
|
22
|
-
comp.setup = (props, ctx) => {
|
|
23
|
-
const ssrContext = useSSRContext();
|
|
24
|
-
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
|
|
25
|
-
if (setup) {
|
|
26
|
-
return setup(props, ctx);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
function injectSSR(id, hotComponents, root = "") {
|
|
31
|
-
const normalizedId = _unpluginutils.normalizePath.call(void 0, _pathe.relative.call(void 0, root, id));
|
|
32
|
-
let ssrInjectCode = `
|
|
33
|
-
import { ssrRegisterHelper } from "${ssrRegisterHelperId}"
|
|
34
|
-
const __moduleId = ${JSON.stringify(normalizedId)}`;
|
|
35
|
-
for (const { local } of hotComponents) {
|
|
36
|
-
ssrInjectCode += `
|
|
37
|
-
ssrRegisterHelper(${local}, __moduleId)`;
|
|
38
|
-
}
|
|
39
|
-
return ssrInjectCode;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// src/core/hmr.ts
|
|
43
|
-
function injectHMRAndSSR(result, id, options) {
|
|
44
|
-
const ssr = _optionalChain([options, 'optionalAccess', _ => _.ssr]);
|
|
45
|
-
const defineComponentNames = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.defineComponentNames]), () => ( [
|
|
46
|
-
"defineComponent",
|
|
47
|
-
"defineVaporComponent"
|
|
48
|
-
]));
|
|
49
|
-
const { ast } = result;
|
|
50
|
-
const declaredComponents = [];
|
|
51
|
-
const hotComponents = [];
|
|
52
|
-
let hasDefaultExport = false;
|
|
53
|
-
for (const node of ast.program.body) {
|
|
54
|
-
if (node.type === "VariableDeclaration") {
|
|
55
|
-
const names = parseComponentDecls(node, defineComponentNames);
|
|
56
|
-
if (names.length) {
|
|
57
|
-
declaredComponents.push(...names);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
if (node.type === "ExportNamedDeclaration") {
|
|
61
|
-
if (node.declaration && node.declaration.type === "VariableDeclaration") {
|
|
62
|
-
hotComponents.push(
|
|
63
|
-
...parseComponentDecls(node.declaration, defineComponentNames).map(
|
|
64
|
-
(name) => ({
|
|
65
|
-
local: name,
|
|
66
|
-
exported: name,
|
|
67
|
-
id: _hashsum2.default.call(void 0, id + name)
|
|
68
|
-
})
|
|
69
|
-
)
|
|
70
|
-
);
|
|
71
|
-
} else if (node.specifiers.length) {
|
|
72
|
-
for (const spec of node.specifiers) {
|
|
73
|
-
if (spec.type === "ExportSpecifier" && spec.exported.type === "Identifier") {
|
|
74
|
-
const matched = declaredComponents.find(
|
|
75
|
-
(name) => name === spec.local.name
|
|
76
|
-
);
|
|
77
|
-
if (matched) {
|
|
78
|
-
hotComponents.push({
|
|
79
|
-
local: spec.local.name,
|
|
80
|
-
exported: spec.exported.name,
|
|
81
|
-
id: _hashsum2.default.call(void 0, id + spec.exported.name)
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
if (node.type === "ExportDefaultDeclaration") {
|
|
89
|
-
if (node.declaration.type === "Identifier") {
|
|
90
|
-
const _name = node.declaration.name;
|
|
91
|
-
const matched = declaredComponents.find((name) => name === _name);
|
|
92
|
-
if (matched) {
|
|
93
|
-
hotComponents.push({
|
|
94
|
-
local: _name,
|
|
95
|
-
exported: "default",
|
|
96
|
-
id: _hashsum2.default.call(void 0, `${id}default`)
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
} else if (isDefineComponentCall(node.declaration, defineComponentNames) || _api3.isFunctionalNode.call(void 0, node.declaration)) {
|
|
100
|
-
hasDefaultExport = true;
|
|
101
|
-
hotComponents.push({
|
|
102
|
-
local: "__default__",
|
|
103
|
-
exported: "default",
|
|
104
|
-
id: _hashsum2.default.call(void 0, `${id}default`)
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
if (hotComponents.length) {
|
|
110
|
-
if (hasDefaultExport || ssr) {
|
|
111
|
-
result.code = `${result.code.replaceAll(
|
|
112
|
-
`export default `,
|
|
113
|
-
`const __default__ = `
|
|
114
|
-
)}
|
|
115
|
-
export default __default__`;
|
|
116
|
-
}
|
|
117
|
-
if (!ssr && !/\?vue&type=script/.test(id)) {
|
|
118
|
-
let code = result.code;
|
|
119
|
-
let callbackCode = ``;
|
|
120
|
-
for (const { local, exported, id: id2 } of hotComponents) {
|
|
121
|
-
code += `
|
|
122
|
-
${local}.__hmrId = "${id2}"
|
|
123
|
-
__VUE_HMR_RUNTIME__.createRecord("${id2}", ${local})`;
|
|
124
|
-
callbackCode += `
|
|
125
|
-
__VUE_HMR_RUNTIME__.rerender(mod['${exported}'].__hmrId, mod['${exported}'].setup || mod['${exported}'])`;
|
|
126
|
-
}
|
|
127
|
-
code += `
|
|
128
|
-
if (import.meta.hot) {
|
|
129
|
-
import.meta.hot.accept((mod) => {${callbackCode}
|
|
130
|
-
})
|
|
131
|
-
}`;
|
|
132
|
-
result.code = code;
|
|
133
|
-
}
|
|
134
|
-
if (ssr) {
|
|
135
|
-
result.code += injectSSR(id, hotComponents, _optionalChain([options, 'optionalAccess', _3 => _3.root]));
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
function parseComponentDecls(node, fnNames) {
|
|
140
|
-
const names = [];
|
|
141
|
-
for (const decl of node.declarations) {
|
|
142
|
-
if (decl.id.type === "Identifier" && (isDefineComponentCall(decl.init, fnNames) || _api3.isFunctionalNode.call(void 0, decl.init)))
|
|
143
|
-
names.push(decl.id.name);
|
|
144
|
-
}
|
|
145
|
-
return names;
|
|
146
|
-
}
|
|
147
|
-
function isDefineComponentCall(node, names) {
|
|
148
|
-
return !!(node && node.type === "CallExpression" && node.callee.type === "Identifier" && names.includes(node.callee.name));
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
// src/core/runtime.ts?raw
|
|
152
|
-
var runtime_default = 'import {\n effectScope,\n insert,\n isFragment,\n remove,\n renderEffect,\n VaporFragment\n} from "vue";\nexport { shallowRef as useRef } from "vue";\nfunction createFragment(nodes, anchor = document.createTextNode("")) {\n const frag = new VaporFragment(nodes);\n frag.anchor = anchor;\n return frag;\n}\nfunction normalizeValue(value, anchor) {\n if (value instanceof Node || isFragment(value)) {\n anchor && (anchor.textContent = "");\n return value;\n } else if (Array.isArray(value)) {\n anchor && (anchor.textContent = "");\n return createFragment(\n value.map((i) => normalizeValue(i)),\n anchor\n );\n } else {\n const result = value == null || typeof value === "boolean" ? "" : String(value);\n if (anchor) {\n anchor.textContent = result;\n return anchor;\n } else {\n return document.createTextNode(result);\n }\n }\n}\nfunction resolveValue(current, value, anchor) {\n const node = normalizeValue(value, anchor);\n if (current) {\n if (isFragment(current)) {\n const { anchor: anchor2 } = current;\n if (anchor2 && anchor2.parentNode) {\n remove(current.nodes, anchor2.parentNode);\n insert(node, anchor2.parentNode, anchor2);\n anchor2.remove();\n }\n } else if (current instanceof Node) {\n if (isFragment(node) && current.parentNode) {\n insert(node, current.parentNode, current);\n current.remove();\n } else if (node instanceof Node) {\n if (current.nodeType === 3 && node.nodeType === 3) {\n current.textContent = node.textContent;\n return current;\n } else if (current.parentNode) {\n current.parentNode.replaceChild(node, current);\n }\n }\n }\n }\n return node;\n}\nfunction resolveValues(values = [], _anchor) {\n const nodes = [];\n const scopes = [];\n for (const [index, value] of values.entries()) {\n const anchor = index === values.length - 1 ? _anchor : void 0;\n if (typeof value === "function") {\n renderEffect(() => {\n if (scopes[index]) scopes[index].stop();\n scopes[index] = effectScope();\n nodes[index] = scopes[index].run(\n () => resolveValue(nodes[index], value(), anchor)\n );\n });\n } else {\n nodes[index] = resolveValue(nodes[index], value, anchor);\n }\n }\n return nodes;\n}\nexport function setNodes(anchor, ...values) {\n const resolvedValues = resolveValues(values, anchor);\n anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n return resolveValues(values);\n}\n';
|
|
153
|
-
|
|
154
|
-
// src/core/vue-jsx.ts
|
|
155
|
-
var _core = require('@babel/core');
|
|
156
|
-
var _plugintransformtypescript = require('@babel/plugin-transform-typescript'); var _plugintransformtypescript2 = _interopRequireDefault(_plugintransformtypescript);
|
|
157
|
-
var _babelpluginjsx = require('@vue/babel-plugin-jsx'); var _babelpluginjsx2 = _interopRequireDefault(_babelpluginjsx);
|
|
158
|
-
function transformVueJsx(code, id, needSourceMap = false) {
|
|
159
|
-
const result = _core.transformSync.call(void 0, code, {
|
|
160
|
-
plugins: [
|
|
161
|
-
_babelpluginjsx2.default,
|
|
162
|
-
...id.endsWith(".tsx") ? [[_plugintransformtypescript2.default, { isTSX: true, allowExtensions: true }]] : []
|
|
163
|
-
],
|
|
164
|
-
filename: id,
|
|
165
|
-
sourceMaps: needSourceMap,
|
|
166
|
-
sourceFileName: id,
|
|
167
|
-
babelrc: false,
|
|
168
|
-
configFile: false
|
|
169
|
-
});
|
|
170
|
-
if (_optionalChain([result, 'optionalAccess', _4 => _4.code])) {
|
|
171
|
-
return {
|
|
172
|
-
code: result.code,
|
|
173
|
-
map: result.map
|
|
174
|
-
};
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
// src/raw.ts
|
|
179
|
-
var plugin = (options = {}) => {
|
|
180
|
-
const transformInclude = _unpluginutils.createFilter.call(void 0,
|
|
181
|
-
_optionalChain([options, 'optionalAccess', _5 => _5.include]) || /\.[cm]?[jt]sx$/,
|
|
182
|
-
_optionalChain([options, 'optionalAccess', _6 => _6.exclude]) || /node_modules/
|
|
183
|
-
);
|
|
184
|
-
let root = "";
|
|
185
|
-
let needHMR = false;
|
|
186
|
-
let needSourceMap = false;
|
|
187
|
-
return [
|
|
188
|
-
{
|
|
189
|
-
name: "vue-jsx-vapor",
|
|
190
|
-
vite: {
|
|
191
|
-
config(config) {
|
|
192
|
-
return {
|
|
193
|
-
// only apply esbuild to ts files
|
|
194
|
-
// since we are handling jsx and tsx now
|
|
195
|
-
esbuild: {
|
|
196
|
-
include: /\.ts$/
|
|
197
|
-
},
|
|
198
|
-
define: {
|
|
199
|
-
__VUE_OPTIONS_API__: _nullishCoalesce(_optionalChain([config, 'access', _7 => _7.define, 'optionalAccess', _8 => _8.__VUE_OPTIONS_API__]), () => ( true)),
|
|
200
|
-
__VUE_PROD_DEVTOOLS__: _nullishCoalesce(_optionalChain([config, 'access', _9 => _9.define, 'optionalAccess', _10 => _10.__VUE_PROD_DEVTOOLS__]), () => ( false)),
|
|
201
|
-
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: _nullishCoalesce(_optionalChain([config, 'access', _11 => _11.define, 'optionalAccess', _12 => _12.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__]), () => ( false))
|
|
202
|
-
}
|
|
203
|
-
};
|
|
204
|
-
},
|
|
205
|
-
configResolved(config) {
|
|
206
|
-
root = config.root;
|
|
207
|
-
needHMR = config.command === "serve";
|
|
208
|
-
needSourceMap = config.command === "serve" || !!config.build.sourcemap;
|
|
209
|
-
}
|
|
210
|
-
},
|
|
211
|
-
resolveId(id) {
|
|
212
|
-
if (id === ssrRegisterHelperId) return id;
|
|
213
|
-
if (_unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime") return id;
|
|
214
|
-
},
|
|
215
|
-
loadInclude(id) {
|
|
216
|
-
if (id === ssrRegisterHelperId) return true;
|
|
217
|
-
return _unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime";
|
|
218
|
-
},
|
|
219
|
-
load(id) {
|
|
220
|
-
if (id === ssrRegisterHelperId) return ssrRegisterHelperCode;
|
|
221
|
-
if (_unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime") return runtime_default;
|
|
222
|
-
},
|
|
223
|
-
transformInclude,
|
|
224
|
-
transform(code, id, opt) {
|
|
225
|
-
const result = _chunkGY6DSRCVcjs.transformVueJsxVapor.call(void 0, code, id, options, needSourceMap);
|
|
226
|
-
if (_optionalChain([result, 'optionalAccess', _13 => _13.code])) {
|
|
227
|
-
;
|
|
228
|
-
(needHMR || _optionalChain([opt, 'optionalAccess', _14 => _14.ssr])) && injectHMRAndSSR(result, id, { ssr: _optionalChain([opt, 'optionalAccess', _15 => _15.ssr]), root });
|
|
229
|
-
return {
|
|
230
|
-
code: result.code,
|
|
231
|
-
map: result.map
|
|
232
|
-
};
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
},
|
|
236
|
-
{
|
|
237
|
-
name: "@vue-macros/jsx-directive",
|
|
238
|
-
transformInclude,
|
|
239
|
-
transform(code, id, opt) {
|
|
240
|
-
if (options.interop || _optionalChain([opt, 'optionalAccess', _16 => _16.ssr])) {
|
|
241
|
-
return _api.transformJsxDirective.call(void 0, code, id, {
|
|
242
|
-
lib: "vue",
|
|
243
|
-
prefix: "v-",
|
|
244
|
-
version: 3.6
|
|
245
|
-
});
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
name: "@vitejs/plugin-vue-jsx",
|
|
251
|
-
transformInclude,
|
|
252
|
-
transform(code, id, opt) {
|
|
253
|
-
if (options.interop || _optionalChain([opt, 'optionalAccess', _17 => _17.ssr])) {
|
|
254
|
-
return transformVueJsx(code, id, needSourceMap);
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
},
|
|
258
|
-
...options.macros === false ? [] : options.macros ? [_raw2.default.call(void 0, options.macros === true ? void 0 : options.macros)] : []
|
|
259
|
-
];
|
|
260
|
-
};
|
|
261
|
-
var raw_default = plugin;
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
exports.raw_default = raw_default;
|
|
File without changes
|