@vue/compiler-sfc 3.4.0-alpha.4 → 3.4.0-beta.2

package/dist/compiler-sfc.cjs.js

@@ -50,13 +50,6 @@ function concatStrings(strs) {
 function isLiteralNode(node) {
   return node.type.endsWith("Literal");
 }
-function unwrapTSNode(node) {
-  if (CompilerDOM.TS_NODE_TYPES.includes(node.type)) {
-    return unwrapTSNode(node.expression);
-  } else {
-    return node;
-  }
-}
 function isCallOf(node, test) {
   return !!(node && test && node.type === "CallExpression" && node.callee.type === "Identifier" && (typeof test === "string" ? node.callee.name === test : test(node.callee.name)));
 }
@@ -15489,10 +15482,118 @@ function getObjectOrArrayExpressionKeys(value) {
   return [];
 }
 
+var _a, _b;
+class ScriptCompileContext {
+  constructor(descriptor, options) {
+    this.descriptor = descriptor;
+    this.options = options;
+    this.isCE = false;
+    this.source = this.descriptor.source;
+    this.filename = this.descriptor.filename;
+    this.s = new MagicString(this.source);
+    this.startOffset = (_a = this.descriptor.scriptSetup) == null ? void 0 : _a.loc.start.offset;
+    this.endOffset = (_b = this.descriptor.scriptSetup) == null ? void 0 : _b.loc.end.offset;
+    this.userImports = /* @__PURE__ */ Object.create(null);
+    // macros presence check
+    this.hasDefinePropsCall = false;
+    this.hasDefineEmitCall = false;
+    this.hasDefineExposeCall = false;
+    this.hasDefaultExportName = false;
+    this.hasDefaultExportRender = false;
+    this.hasDefineOptionsCall = false;
+    this.hasDefineSlotsCall = false;
+    this.hasDefineModelCall = false;
+    this.propsDestructuredBindings = /* @__PURE__ */ Object.create(null);
+    // defineModel
+    this.modelDecls = /* @__PURE__ */ Object.create(null);
+    // codegen
+    this.bindingMetadata = {};
+    this.helperImports = /* @__PURE__ */ new Set();
+    const { script, scriptSetup } = descriptor;
+    const scriptLang = script && script.lang;
+    const scriptSetupLang = scriptSetup && scriptSetup.lang;
+    this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
+    this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
+    const customElement = options.customElement;
+    const filename = this.descriptor.filename;
+    if (customElement) {
+      this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename);
+    }
+    const plugins = resolveParserPlugins(
+      scriptLang || scriptSetupLang,
+      options.babelParserPlugins
+    );
+    function parse(input, offset) {
+      try {
+        return parser$1.parse(input, {
+          plugins,
+          sourceType: "module"
+        }).program;
+      } catch (e) {
+        e.message = `[vue/compiler-sfc] ${e.message}
+
+${descriptor.filename}
+${shared.generateCodeFrame(
+          descriptor.source,
+          e.pos + offset,
+          e.pos + offset + 1
+        )}`;
+        throw e;
+      }
+    }
+    this.scriptAst = descriptor.script && parse(descriptor.script.content, descriptor.script.loc.start.offset);
+    this.scriptSetupAst = descriptor.scriptSetup && parse(descriptor.scriptSetup.content, this.startOffset);
+  }
+  helper(key) {
+    this.helperImports.add(key);
+    return `_${key}`;
+  }
+  getString(node, scriptSetup = true) {
+    const block = scriptSetup ? this.descriptor.scriptSetup : this.descriptor.script;
+    return block.content.slice(node.start, node.end);
+  }
+  error(msg, node, scope) {
+    const offset = scope ? scope.offset : this.startOffset;
+    throw new Error(
+      `[@vue/compiler-sfc] ${msg}
+
+${(scope || this.descriptor).filename}
+${shared.generateCodeFrame(
+        (scope || this.descriptor).source,
+        node.start + offset,
+        node.end + offset
+      )}`
+    );
+  }
+}
+function resolveParserPlugins(lang, userPlugins, dts = false) {
+  const plugins = [];
+  if (!userPlugins || !userPlugins.some(
+    (p) => p === "importAssertions" || p === "importAttributes" || shared.isArray(p) && p[0] === "importAttributes"
+  )) {
+    plugins.push("importAttributes");
+  }
+  if (lang === "jsx" || lang === "tsx") {
+    plugins.push("jsx");
+  } else if (userPlugins) {
+    userPlugins = userPlugins.filter((p) => p !== "jsx");
+  }
+  if (lang === "ts" || lang === "tsx") {
+    plugins.push(["typescript", { dts }], "explicitResourceManagement");
+    if (!userPlugins || !userPlugins.includes("decorators")) {
+      plugins.push("decorators-legacy");
+    }
+  }
+  if (userPlugins) {
+    plugins.push(...userPlugins);
+  }
+  return plugins;
+}
+
 function rewriteDefault(input, as, parserPlugins) {
   const ast = parser$1.parse(input, {
     sourceType: "module",
-    plugins: parserPlugins
+    plugins: resolveParserPlugins("js", parserPlugins)
   }).program.body;
   const s = new MagicString(input);
   rewriteDefaultAST(ast, s, as);
@@ -15626,103 +15727,6 @@ export default ${defaultVar}`;
   }
 }
 
-var _a, _b;
-class ScriptCompileContext {
-  constructor(descriptor, options) {
-    this.descriptor = descriptor;
-    this.options = options;
-    this.source = this.descriptor.source;
-    this.filename = this.descriptor.filename;
-    this.s = new MagicString(this.source);
-    this.startOffset = (_a = this.descriptor.scriptSetup) == null ? void 0 : _a.loc.start.offset;
-    this.endOffset = (_b = this.descriptor.scriptSetup) == null ? void 0 : _b.loc.end.offset;
-    this.userImports = /* @__PURE__ */ Object.create(null);
-    // macros presence check
-    this.hasDefinePropsCall = false;
-    this.hasDefineEmitCall = false;
-    this.hasDefineExposeCall = false;
-    this.hasDefaultExportName = false;
-    this.hasDefaultExportRender = false;
-    this.hasDefineOptionsCall = false;
-    this.hasDefineSlotsCall = false;
-    this.hasDefineModelCall = false;
-    this.propsDestructuredBindings = /* @__PURE__ */ Object.create(null);
-    // defineModel
-    this.modelDecls = /* @__PURE__ */ Object.create(null);
-    // codegen
-    this.bindingMetadata = {};
-    this.helperImports = /* @__PURE__ */ new Set();
-    const { script, scriptSetup } = descriptor;
-    const scriptLang = script && script.lang;
-    const scriptSetupLang = scriptSetup && scriptSetup.lang;
-    this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
-    this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
-    const plugins = resolveParserPlugins(
-      scriptLang || scriptSetupLang,
-      options.babelParserPlugins
-    );
-    function parse(input, offset) {
-      try {
-        return parser$1.parse(input, {
-          plugins,
-          sourceType: "module"
-        }).program;
-      } catch (e) {
-        e.message = `[vue/compiler-sfc] ${e.message}
-
-${descriptor.filename}
-${shared.generateCodeFrame(
-          descriptor.source,
-          e.pos + offset,
-          e.pos + offset + 1
-        )}`;
-        throw e;
-      }
-    }
-    this.scriptAst = descriptor.script && parse(descriptor.script.content, descriptor.script.loc.start.offset);
-    this.scriptSetupAst = descriptor.scriptSetup && parse(descriptor.scriptSetup.content, this.startOffset);
-  }
-  helper(key) {
-    this.helperImports.add(key);
-    return `_${key}`;
-  }
-  getString(node, scriptSetup = true) {
-    const block = scriptSetup ? this.descriptor.scriptSetup : this.descriptor.script;
-    return block.content.slice(node.start, node.end);
-  }
-  error(msg, node, scope) {
-    const offset = scope ? scope.offset : this.startOffset;
-    throw new Error(
-      `[@vue/compiler-sfc] ${msg}
-
-${(scope || this.descriptor).filename}
-${shared.generateCodeFrame(
-        (scope || this.descriptor).source,
-        node.start + offset,
-        node.end + offset
-      )}`
-    );
-  }
-}
-function resolveParserPlugins(lang, userPlugins, dts = false) {
-  const plugins = [];
-  if (lang === "jsx" || lang === "tsx") {
-    plugins.push("jsx");
-  } else if (userPlugins) {
-    userPlugins = userPlugins.filter((p) => p !== "jsx");
-  }
-  if (lang === "ts" || lang === "tsx") {
-    plugins.push(["typescript", { dts }]);
-    if (!userPlugins || !userPlugins.includes("decorators")) {
-      plugins.push("decorators-legacy");
-    }
-  }
-  if (userPlugins) {
-    plugins.push(...userPlugins);
-  }
-  return plugins;
-}
-
 var balancedMatch = balanced$1;
 function balanced$1(a, b, str) {
   if (a instanceof RegExp) a = maybeMatch(a, str);
@@ -18803,6 +18807,7 @@ function inferRuntimeType(ctx, node, scope = node._ownerScope || ctxToScope(ctx)
             scope
           );
         }
+        break;
       case "TSMethodSignature":
       case "TSFunctionType":
         return ["Function"];
@@ -19067,22 +19072,11 @@ function processDefineModel(ctx, node, declId) {
   if (!isCallOf(node, DEFINE_MODEL)) {
     return false;
   }
-  if (!ctx.options.defineModel) {
-    warnOnce(
-      `defineModel() is an experimental feature and disabled by default.
-To enable it, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
-    );
-    return false;
-  }
-  warnOnce(
-    `This project is using defineModel(), which is an experimental feature. It may receive breaking changes or be removed in the future, so use at your own risk.
-To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
-  );
   ctx.hasDefineModelCall = true;
   const type = node.typeParameters && node.typeParameters.params[0] || void 0;
   let modelName;
   let options;
-  const arg0 = node.arguments[0] && unwrapTSNode(node.arguments[0]);
+  const arg0 = node.arguments[0] && CompilerDOM.unwrapTSNode(node.arguments[0]);
   if (arg0 && arg0.type === "StringLiteral") {
     modelName = arg0.value;
     options = node.arguments[1];
@@ -19344,6 +19338,15 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       defaultString
     ])} }`;
   } else {
+    if (ctx.isCE) {
+      if (defaultString) {
+        return `${finalKey}: ${`{ ${defaultString}, type: ${toRuntimeTypeString(
+          type
+        )} }`}`;
+      } else {
+        return `${finalKey}: {type: ${toRuntimeTypeString(type)}}`;
+      }
+    }
     return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
@@ -19357,7 +19360,7 @@ function genDestructuredDefaultValue(ctx, key, inferredType) {
   const defaultVal = destructured && destructured.default;
   if (defaultVal) {
     const value = ctx.getString(defaultVal);
-    const unwrapped = unwrapTSNode(defaultVal);
+    const unwrapped = CompilerDOM.unwrapTSNode(defaultVal);
     if (inferredType && inferredType.length && !inferredType.includes("null")) {
       const valueType = inferValueType(unwrapped);
       if (valueType && !inferredType.includes(valueType)) {
@@ -19496,7 +19499,7 @@ function transformDestructuredProps(ctx, vueImportAliases) {
       return;
     }
     for (const decl of stmt.declarations) {
-      const isDefineProps = isRoot && decl.init && isCallOf(unwrapTSNode(decl.init), "defineProps");
+      const isDefineProps = isRoot && decl.init && isCallOf(CompilerDOM.unwrapTSNode(decl.init), "defineProps");
       for (const id of CompilerDOM.extractIdentifiers(decl.id)) {
         if (isDefineProps) {
           excludedIds.add(id);
@@ -19527,7 +19530,7 @@ function transformDestructuredProps(ctx, vueImportAliases) {
   }
   function checkUsage(node, method, alias = method) {
     if (isCallOf(node, alias)) {
-      const arg = unwrapTSNode(node.arguments[0]);
+      const arg = CompilerDOM.unwrapTSNode(node.arguments[0]);
       if (arg.type === "Identifier" && currentScope[arg.name]) {
         ctx.error(
           `"${arg.name}" is a destructured prop and should not be passed directly to ${method}(). Pass a getter () => ${arg.name} instead.`,
@@ -19709,7 +19712,7 @@ function processDefineOptions(ctx, node) {
   if (!node.arguments[0])
     return true;
   ctx.hasDefineOptionsCall = true;
-  ctx.optionsRuntimeDecl = unwrapTSNode(node.arguments[0]);
+  ctx.optionsRuntimeDecl = CompilerDOM.unwrapTSNode(node.arguments[0]);
   let propsOption = void 0;
   let emitsOption = void 0;
   let exposeOption = void 0;
@@ -20018,7 +20021,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
   }
   for (const node of scriptSetupAst.body) {
     if (node.type === "ExpressionStatement") {
-      const expr = unwrapTSNode(node.expression);
+      const expr = CompilerDOM.unwrapTSNode(node.expression);
       if (processDefineProps(ctx, expr) || processDefineEmits(ctx, expr) || processDefineOptions(ctx, expr) || processDefineSlots(ctx, expr)) {
         ctx.s.remove(node.start + startOffset, node.end + startOffset);
       } else if (processDefineExpose(ctx, expr)) {
@@ -20038,7 +20041,7 @@ const ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}
       let lastNonRemoved;
       for (let i = 0; i < total; i++) {
         const decl = node.declarations[i];
-        const init = decl.init && unwrapTSNode(decl.init);
+        const init = decl.init && CompilerDOM.unwrapTSNode(decl.init);
         if (init) {
           if (processDefineOptions(ctx, init)) {
             ctx.error(
@@ -20411,7 +20414,7 @@ function walkDeclaration(from, node, bindings, userImportAliases, hoistStatic) {
       (decl) => decl.id.type === "Identifier" && isStaticNode(decl.init)
     );
     for (const { id, init: _init } of node.declarations) {
-      const init = _init && unwrapTSNode(_init);
+      const init = _init && CompilerDOM.unwrapTSNode(_init);
       const isDefineCall = !!(isConst && isCallOf(
         init,
         (c) => c === DEFINE_PROPS || c === DEFINE_EMITS || c === WITH_DEFAULTS
@@ -20531,7 +20534,7 @@ function canNeverBeRef(node, userReactiveImport) {
   }
 }
 function isStaticNode(node) {
-  node = unwrapTSNode(node);
+  node = CompilerDOM.unwrapTSNode(node);
   switch (node.type) {
     case "UnaryExpression":
       return isStaticNode(node.argument);
@@ -20556,7 +20559,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.4.0-alpha.4";
+const version = "3.4.0-beta.2";
 const parseCache = parseCache$1;
 const walk = estreeWalker.walk;
 const shouldTransformRef = () => false;

package/dist/compiler-sfc.d.ts

@@ -117,11 +117,6 @@ export interface SFCScriptCompileOptions {
      * @default true
      */
     hoistStatic?: boolean;
-    /**
-     * (**Experimental**) Enable macro `defineModel`
-     * @default false
-     */
-    defineModel?: boolean;
     /**
      * (**Experimental**) Enable reactive destructure for `defineProps`
      * @default false
@@ -136,6 +131,10 @@ export interface SFCScriptCompileOptions {
         fileExists(file: string): boolean;
         readFile(file: string): string | undefined;
     };
+    /**
+     * Transform Vue SFCs into custom elements.
+     */
+    customElement?: boolean | ((filename: string) => boolean);
 }
 interface ImportBinding {
     isType: boolean;
@@ -349,6 +348,7 @@ export declare class ScriptCompileContext {
     options: Partial<SFCScriptCompileOptions>;
     isJS: boolean;
     isTS: boolean;
+    isCE: boolean;
     scriptAst: Program | null;
     scriptSetupAst: Program | null;
     source: string;
@@ -412,7 +412,7 @@ export type SimpleTypeResolveOptions = Partial<Pick<SFCScriptCompileOptions, 'gl
  * }
  * ```
  */
-export type SimpleTypeResolveContext = Pick<ScriptCompileContext, 'source' | 'filename' | 'error' | 'helper' | 'getString' | 'propsTypeDecl' | 'propsRuntimeDefaults' | 'propsDestructuredBindings' | 'emitsTypeDecl'> & Partial<Pick<ScriptCompileContext, 'scope' | 'globalScopes' | 'deps' | 'fs'>> & {
+export type SimpleTypeResolveContext = Pick<ScriptCompileContext, 'source' | 'filename' | 'error' | 'helper' | 'getString' | 'propsTypeDecl' | 'propsRuntimeDefaults' | 'propsDestructuredBindings' | 'emitsTypeDecl' | 'isCE'> & Partial<Pick<ScriptCompileContext, 'scope' | 'globalScopes' | 'deps' | 'fs'>> & {
     ast: Statement[];
     options: SimpleTypeResolveOptions;
 };