@vue/compiler-sfc 3.2.13 → 3.2.17

package/README.md

@@ -2,6 +2,8 @@
 
 > Lower level utilities for compiling Vue Single File Components
 
+**Note: as of 3.2.13+, this package is included as a dependency of the main `vue` package and can be accessed as `vue/compiler-sfc`. This means you no longer need to explicitly install this package and ensure its version match that of `vue`'s. Just use the main `vue/compiler-sfc` deep import instead.**
+
 This package contains lower level utilities that you can use if you are writing a plugin / transform for a bundler or module system that compiles Vue Single File Components (SFCs) into JavaScript. It is used in [vue-loader](https://github.com/vuejs/vue-loader), [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue) and [vite](https://github.com/vitejs/vite).
 
 ## API
@@ -9,6 +11,7 @@ This package contains lower level utilities that you can use if you are writing
 The API is intentionally low-level due to the various considerations when integrating Vue SFCs in a build system:
 
 - Separate hot-module replacement (HMR) for script, template and styles
+
   - template updates should not reset component state
   - style updates should be performed without component re-render
 
@@ -74,6 +77,4 @@ export default script
 
 Options needed for these APIs can be passed via the query string.
 
-
-
 For detailed API references and options, check out the source type definitions. For actual usage of these APIs, check out [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue/tree/next) or [vue-loader](https://github.com/vuejs/vue-loader/tree/next).

package/dist/compiler-sfc.cjs.js

@@ -15869,6 +15869,7 @@ function compileScript(sfc, options) {
     const helperImports = new Set();
     const userImports = Object.create(null);
     const userImportAlias = Object.create(null);
+    const scriptBindings = Object.create(null);
     const setupBindings = Object.create(null);
     let defaultExport;
     let hasDefinePropsCall = false;
@@ -16205,14 +16206,14 @@ function compileScript(sfc, options) {
                     }
                 }
                 if (node.declaration) {
-                    walkDeclaration(node.declaration, setupBindings, userImportAlias);
+                    walkDeclaration(node.declaration, scriptBindings, userImportAlias);
                 }
             }
             else if ((node.type === 'VariableDeclaration' ||
                 node.type === 'FunctionDeclaration' ||
                 node.type === 'ClassDeclaration') &&
                 !node.declare) {
-                walkDeclaration(node, setupBindings, userImportAlias);
+                walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
         // apply ref transform
@@ -16462,6 +16463,9 @@ function compileScript(sfc, options) {
                 ? "setup-const" /* SETUP_CONST */
                 : "setup-maybe-ref" /* SETUP_MAYBE_REF */;
     }
+    for (const key in scriptBindings) {
+        bindingMetadata[key] = scriptBindings[key];
+    }
     for (const key in setupBindings) {
         bindingMetadata[key] = setupBindings[key];
     }
@@ -16552,8 +16556,8 @@ function compileScript(sfc, options) {
         }
     }
     else {
-        // return bindings from setup
-        const allBindings = Object.assign({}, setupBindings);
+        // return bindings from script and script setup
+        const allBindings = Object.assign(Object.assign({}, scriptBindings), setupBindings);
         for (const key in userImports) {
             if (!userImports[key].isType && userImports[key].isUsedInTemplate) {
                 allBindings[key] = true;
@@ -17099,6 +17103,9 @@ function stripTemplateString(str) {
     return '';
 }
 
+// API
+const walk$1 = estreeWalker.walk;
+
 exports.extractIdentifiers = compilerCore.extractIdentifiers;
 exports.generateCodeFrame = compilerCore.generateCodeFrame;
 exports.isInDestructureAssignment = compilerCore.isInDestructureAssignment;
@@ -17106,7 +17113,6 @@ exports.isStaticProperty = compilerCore.isStaticProperty;
 exports.walkIdentifiers = compilerCore.walkIdentifiers;
 exports.MagicString = MagicString__default;
 exports.babelParse = parser$2.parse;
-exports.walk = estreeWalker.walk;
 exports.shouldTransformRef = refTransform.shouldTransform;
 exports.transformRef = refTransform.transform;
 exports.transformRefAST = refTransform.transformAST;
@@ -17116,3 +17122,4 @@ exports.compileStyleAsync = compileStyleAsync;
 exports.compileTemplate = compileTemplate;
 exports.parse = parse;
 exports.rewriteDefault = rewriteDefault;
+exports.walk = walk$1;

package/dist/compiler-sfc.d.ts

@@ -19,7 +19,6 @@ import { shouldTransform as shouldTransformRef } from '@vue/ref-transform';
 import { SourceLocation } from '@vue/compiler-core';
 import { transform as transformRef } from '@vue/ref-transform';
 import { transformAST as transformRefAST } from '@vue/ref-transform';
-import { walk } from 'estree-walker';
 import { walkIdentifiers } from '@vue/compiler-core';
 
 declare interface AssetURLOptions {
@@ -280,7 +279,7 @@ export { transformRef }
 
 export { transformRefAST }
 
-export { walk }
+export declare const walk: any;
 
 export { walkIdentifiers }
 

package/dist/compiler-sfc.esm-browser.js

@@ -524,7 +524,7 @@ const errorMessages = {
     [47 /* X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
     [48 /* X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
     [49 /* X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
-    // just to fullfill types
+    // just to fulfill types
     [50 /* __EXTEND_POINT__ */]: ``
 };
 
@@ -15447,25 +15447,21 @@ const isMemberExpressionBrowser = (path) => {
     return !currentOpenBracketCount && !currentOpenParensCount;
 };
 const isMemberExpressionNode = (path, context) => {
-    path = path.trim();
-    if (!validFirstIdentCharRE.test(path[0])) {
-        return false;
-    }
-    try {
-        let ret = parseExpression_1(path, {
-            plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
-        });
-        if (ret.type === 'TSAsExpression' || ret.type === 'TSTypeAssertion') {
-            ret = ret.expression;
+        try {
+            let ret = parseExpression_1(path, {
+                plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
+            });
+            if (ret.type === 'TSAsExpression' || ret.type === 'TSTypeAssertion') {
+                ret = ret.expression;
+            }
+            return (ret.type === 'MemberExpression' ||
+                ret.type === 'OptionalMemberExpression' ||
+                ret.type === 'Identifier');
         }
-        return (ret.type === 'MemberExpression' ||
-            ret.type === 'OptionalMemberExpression' ||
-            ret.type === 'Identifier');
-    }
-    catch (e) {
-        return false;
-    }
-};
+        catch (e) {
+            return false;
+        }
+    };
 const isMemberExpression = isMemberExpressionNode;
 function getInnerRange(loc, offset, length) {
     const source = loc.source.substr(offset, length);
@@ -20393,7 +20389,7 @@ var sourceMap = {
 };
 
 const PURE_ANNOTATION = `/*#__PURE__*/`;
-function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssr = false, isTS = false, inSSR = false }) {
+function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode === 'module', sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssrRuntimeModuleName = 'vue/server-renderer', ssr = false, isTS = false, inSSR = false }) {
     const context = {
         mode,
         prefixIdentifiers,
@@ -20403,6 +20399,7 @@ function createCodegenContext(ast, { mode = 'function', prefixIdentifiers = mode
         optimizeImports,
         runtimeGlobalName,
         runtimeModuleName,
+        ssrRuntimeModuleName,
         ssr,
         isTS,
         inSSR,
@@ -20574,7 +20571,7 @@ function generate(ast, options = {}) {
     };
 }
 function genFunctionPreamble(ast, context) {
-    const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName } = context;
+    const { ssr, prefixIdentifiers, push, newline, runtimeModuleName, runtimeGlobalName, ssrRuntimeModuleName } = context;
     const VueBinding = ssr
         ? `require(${JSON.stringify(runtimeModuleName)})`
         : runtimeGlobalName;
@@ -20614,14 +20611,14 @@ function genFunctionPreamble(ast, context) {
         // ssr guarantees prefixIdentifier: true
         push(`const { ${ast.ssrHelpers
             .map(aliasHelper)
-            .join(', ')} } = require("@vue/server-renderer")\n`);
+            .join(', ')} } = require("${ssrRuntimeModuleName}")\n`);
     }
     genHoists(ast.hoists, context);
     newline();
     push(`return `);
 }
 function genModulePreamble(ast, context, genScopeId, inline) {
-    const { push, newline, optimizeImports, runtimeModuleName } = context;
+    const { push, newline, optimizeImports, runtimeModuleName, ssrRuntimeModuleName } = context;
     if (genScopeId && ast.hoists.length) {
         ast.helpers.push(PUSH_SCOPE_ID, POP_SCOPE_ID);
     }
@@ -20649,7 +20646,7 @@ function genModulePreamble(ast, context, genScopeId, inline) {
     if (ast.ssrHelpers && ast.ssrHelpers.length) {
         push(`import { ${ast.ssrHelpers
             .map(s => `${helperNameMap[s]} as _${helperNameMap[s]}`)
-            .join(', ')} } from "@vue/server-renderer"\n`);
+            .join(', ')} } from "${ssrRuntimeModuleName}"\n`);
     }
     if (ast.imports.length) {
         genImports(ast.imports, context);
@@ -22945,7 +22942,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                 hasRef = true;
                 // in inline mode there is no setupState object, so we can't use string
                 // keys to set the ref. Instead, we need to transform it to pass the
-                // acrtual ref instead.
+                // actual ref instead.
                 if (context.inline && (value === null || value === void 0 ? void 0 : value.content)) {
                     valueNode = createFunctionExpression(['_value', '_refs']);
                     valueNode.body = createBlockStatement(processInlineRef(context, value.content));
@@ -23634,9 +23631,9 @@ const transformModel = (dir, node, context) => {
         if (bindingType === "setup-ref" /* SETUP_REF */) {
             // v-model used on known ref.
             assignmentExp = createCompoundExpression([
-                `${eventArg} => (`,
+                `${eventArg} => ((`,
                 createSimpleExpression(rawExp, false, exp.loc),
-                `.value = $event)`
+                `).value = $event)`
             ]);
         }
         else {
@@ -23644,17 +23641,17 @@ const transformModel = (dir, node, context) => {
             // the assignment needs to check whether the binding is actually a ref.
             const altAssignment = bindingType === "setup-let" /* SETUP_LET */ ? `${rawExp} = $event` : `null`;
             assignmentExp = createCompoundExpression([
-                `${eventArg} => (${context.helperString(IS_REF)}(${rawExp}) ? `,
+                `${eventArg} => (${context.helperString(IS_REF)}(${rawExp}) ? (`,
                 createSimpleExpression(rawExp, false, exp.loc),
-                `.value = $event : ${altAssignment})`
+                `).value = $event : ${altAssignment})`
             ]);
         }
     }
     else {
         assignmentExp = createCompoundExpression([
-            `${eventArg} => (`,
+            `${eventArg} => ((`,
             exp,
-            ` = $event)`
+            `) = $event)`
         ]);
     }
     const props = [
@@ -46591,6 +46588,7 @@ function compileScript(sfc, options) {
     const helperImports = new Set();
     const userImports = Object.create(null);
     const userImportAlias = Object.create(null);
+    const scriptBindings = Object.create(null);
     const setupBindings = Object.create(null);
     let defaultExport;
     let hasDefinePropsCall = false;
@@ -46927,14 +46925,14 @@ function compileScript(sfc, options) {
                     }
                 }
                 if (node.declaration) {
-                    walkDeclaration(node.declaration, setupBindings, userImportAlias);
+                    walkDeclaration(node.declaration, scriptBindings, userImportAlias);
                 }
             }
             else if ((node.type === 'VariableDeclaration' ||
                 node.type === 'FunctionDeclaration' ||
                 node.type === 'ClassDeclaration') &&
                 !node.declare) {
-                walkDeclaration(node, setupBindings, userImportAlias);
+                walkDeclaration(node, scriptBindings, userImportAlias);
             }
         }
         // apply ref transform
@@ -47184,6 +47182,9 @@ function compileScript(sfc, options) {
                 ? "setup-const" /* SETUP_CONST */
                 : "setup-maybe-ref" /* SETUP_MAYBE_REF */;
     }
+    for (const key in scriptBindings) {
+        bindingMetadata[key] = scriptBindings[key];
+    }
     for (const key in setupBindings) {
         bindingMetadata[key] = setupBindings[key];
     }
@@ -47274,8 +47275,8 @@ function compileScript(sfc, options) {
         }
     }
     else {
-        // return bindings from setup
-        const allBindings = Object.assign({}, setupBindings);
+        // return bindings from script and script setup
+        const allBindings = Object.assign(Object.assign({}, scriptBindings), setupBindings);
         for (const key in userImports) {
             if (!userImports[key].isType && userImports[key].isUsedInTemplate) {
                 allBindings[key] = true;
@@ -47821,4 +47822,7 @@ function stripTemplateString(str) {
     return '';
 }
 
-export { MagicString, parse_1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, generateCodeFrame, isInDestructureAssignment, isStaticProperty, parse$2 as parse, rewriteDefault, shouldTransform as shouldTransformRef, transform$1 as transformRef, transformAST as transformRefAST, walk$1 as walk, walkIdentifiers };
+// API
+const walk$2 = walk$1;
+
+export { MagicString, parse_1 as babelParse, compileScript, compileStyle, compileStyleAsync, compileTemplate, extractIdentifiers, generateCodeFrame, isInDestructureAssignment, isStaticProperty, parse$2 as parse, rewriteDefault, shouldTransform as shouldTransformRef, transform$1 as transformRef, transformAST as transformRefAST, walk$2 as walk, walkIdentifiers };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.13",
+  "version": "3.2.17",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.15.0",
-    "@vue/compiler-core": "3.2.13",
-    "@vue/compiler-dom": "3.2.13",
-    "@vue/compiler-ssr": "3.2.13",
-    "@vue/ref-transform": "3.2.13",
-    "@vue/shared": "3.2.13",
+    "@vue/compiler-core": "3.2.17",
+    "@vue/compiler-dom": "3.2.17",
+    "@vue/compiler-ssr": "3.2.17",
+    "@vue/ref-transform": "3.2.17",
+    "@vue/shared": "3.2.17",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",