vue 2.6.13 → 2.7.0-alpha.2

package/packages/compiler-sfc/dist/compiler-sfc.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function compile() { }
+
+exports.compile = compile;

package/packages/compiler-sfc/node_modules/.bin/parser

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/evan/Vue/vue/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/evan/Vue/vue/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/@babel+parser@7.18.4/node_modules/@babel/parser/bin/babel-parser.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/@babel+parser@7.18.4/node_modules/@babel/parser/bin/babel-parser.js" "$@"
+fi

package/packages/compiler-sfc/node_modules/.bin/sass

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/evan/Vue/vue/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/evan/Vue/vue/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/sass@1.52.1/node_modules/sass/sass.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/sass@1.52.1/node_modules/sass/sass.js" "$@"
+fi

package/packages/compiler-sfc/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@vue/compiler-sfc",
+  "version": "2.7.0-alpha.2",
+  "description": "compiler-sfc for Vue 2",
+  "main": "dist/compiler-sfc.js",
+  "types": "dist/compiler-sfc.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@babel/parser": "^7.16.4",
+    "source-map": "^0.6.1",
+    "postcss": "^8.1.10"
+  },
+  "devDependencies": {
+    "@types/estree": "^0.0.48",
+    "@babel/types": "^7.16.0",
+    "@types/lru-cache": "^5.1.0",
+    "estree-walker": "^2.0.2",
+    "magic-string": "^0.25.7",
+    "pug": "^3.0.1",
+    "sass": "^1.26.9",
+    "@vue/consolidate": "^0.17.3",
+    "hash-sum": "^2.0.0",
+    "lru-cache": "^5.1.1",
+    "merge-source-map": "^1.1.0",
+    "postcss-modules": "^4.0.0",
+    "postcss-selector-parser": "^6.0.4"
+  }
+}

package/src/compiler/{codeframe.js → codeframe.ts}

@@ -1,21 +1,21 @@
-/* @flow */
-
 const range = 2
 
-export function generateCodeFrame (
+export function generateCodeFrame(
   source: string,
   start: number = 0,
   end: number = source.length
 ): string {
   const lines = source.split(/\r?\n/)
   let count = 0
-  const res = []
+  const res: string[] = []
   for (let i = 0; i < lines.length; i++) {
     count += lines[i].length + 1
     if (count >= start) {
       for (let j = i - range; j <= i + range || end > count; j++) {
         if (j < 0 || j >= lines.length) continue
-        res.push(`${j + 1}${repeat(` `, 3 - String(j + 1).length)}|  ${lines[j]}`)
+        res.push(
+          `${j + 1}${repeat(` `, 3 - String(j + 1).length)}|  ${lines[j]}`
+        )
         const lineLength = lines[j].length
         if (j === i) {
           // push underline
@@ -36,10 +36,12 @@ export function generateCodeFrame (
   return res.join('\n')
 }
 
-function repeat (str, n) {
+function repeat(str: string, n: number) {
   let result = ''
   if (n > 0) {
-    while (true) { // eslint-disable-line
+    // eslint-disable-next-line no-constant-condition
+    while (true) {
+      // eslint-disable-line
       if (n & 1) result += str
       n >>>= 1
       if (n <= 0) break

package/src/compiler/codegen/{events.js → events.ts}

@@ -1,8 +1,9 @@
-/* @flow */
+import { ASTElementHandler, ASTElementHandlers } from 'types/compiler'
 
 const fnExpRE = /^([\w$_]+|\([^)]*?\))\s*=>|^function(?:\s+[\w$]+)?\s*\(/
 const fnInvokeRE = /\([^)]*?\);*$/
-const simplePathRE = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/
+const simplePathRE =
+  /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/
 
 // KeyboardEvent.keyCode aliases
 const keyCodes: { [key: string]: number | Array<number> } = {
@@ -14,7 +15,7 @@ const keyCodes: { [key: string]: number | Array<number> } = {
   left: 37,
   right: 39,
   down: 40,
-  'delete': [8, 46]
+  delete: [8, 46]
 }
 
 // KeyboardEvent.key aliases
@@ -31,7 +32,7 @@ const keyNames: { [key: string]: string | Array<string> } = {
   right: ['Right', 'ArrowRight'],
   down: ['Down', 'ArrowDown'],
   // #9112: IE11 uses `Del` for Delete key name.
-  'delete': ['Backspace', 'Delete', 'Del']
+  delete: ['Backspace', 'Delete', 'Del']
 }
 
 // #4868: modifiers that prevent the execution of the listener
@@ -52,7 +53,7 @@ const modifierCode: { [key: string]: string } = {
   right: genGuard(`'button' in $event && $event.button !== 2`)
 }
 
-export function genHandlers (
+export function genHandlers(
   events: ASTElementHandlers,
   isNative: boolean
 ): string {
@@ -61,6 +62,7 @@ export function genHandlers (
   let dynamicHandlers = ``
   for (const name in events) {
     const handlerCode = genHandler(events[name])
+    //@ts-expect-error
     if (events[name] && events[name].dynamic) {
       dynamicHandlers += `${name},${handlerCode},`
     } else {
@@ -75,25 +77,9 @@ export function genHandlers (
   }
 }
 
-// Generate handler code with binding params on Weex
-/* istanbul ignore next */
-function genWeexHandler (params: Array<any>, handlerCode: string) {
-  let innerHandlerCode = handlerCode
-  const exps = params.filter(exp => simplePathRE.test(exp) && exp !== '$event')
-  const bindings = exps.map(exp => ({ '@binding': exp }))
-  const args = exps.map((exp, i) => {
-    const key = `$_${i + 1}`
-    innerHandlerCode = innerHandlerCode.replace(exp, key)
-    return key
-  })
-  args.push('$event')
-  return '{\n' +
-    `handler:function(${args.join(',')}){${innerHandlerCode}},\n` +
-    `params:${JSON.stringify(bindings)}\n` +
-    '}'
-}
-
-function genHandler (handler: ASTElementHandler | Array<ASTElementHandler>): string {
+function genHandler(
+  handler: ASTElementHandler | Array<ASTElementHandler>
+): string {
   if (!handler) {
     return 'function(){}'
   }
@@ -104,23 +90,21 @@ function genHandler (handler: ASTElementHandler | Array<ASTElementHandler>): str
 
   const isMethodPath = simplePathRE.test(handler.value)
   const isFunctionExpression = fnExpRE.test(handler.value)
-  const isFunctionInvocation = simplePathRE.test(handler.value.replace(fnInvokeRE, ''))
+  const isFunctionInvocation = simplePathRE.test(
+    handler.value.replace(fnInvokeRE, '')
+  )
 
   if (!handler.modifiers) {
     if (isMethodPath || isFunctionExpression) {
       return handler.value
     }
-    /* istanbul ignore if */
-    if (__WEEX__ && handler.params) {
-      return genWeexHandler(handler.params, handler.value)
-    }
     return `function($event){${
       isFunctionInvocation ? `return ${handler.value}` : handler.value
     }}` // inline statement
   } else {
     let code = ''
     let genModifierCode = ''
-    const keys = []
+    const keys: string[] = []
     for (const key in handler.modifiers) {
       if (modifierCode[key]) {
         genModifierCode += modifierCode[key]
@@ -129,7 +113,7 @@ function genHandler (handler: ASTElementHandler | Array<ASTElementHandler>): str
           keys.push(key)
         }
       } else if (key === 'exact') {
-        const modifiers: ASTModifiers = (handler.modifiers: any)
+        const modifiers = handler.modifiers
         genModifierCode += genGuard(
           ['ctrl', 'shift', 'alt', 'meta']
             .filter(keyModifier => !modifiers[keyModifier])
@@ -150,19 +134,15 @@ function genHandler (handler: ASTElementHandler | Array<ASTElementHandler>): str
     const handlerCode = isMethodPath
       ? `return ${handler.value}.apply(null, arguments)`
       : isFunctionExpression
-        ? `return (${handler.value}).apply(null, arguments)`
-        : isFunctionInvocation
-          ? `return ${handler.value}`
-          : handler.value
-    /* istanbul ignore if */
-    if (__WEEX__ && handler.params) {
-      return genWeexHandler(handler.params, code + handlerCode)
-    }
+      ? `return (${handler.value}).apply(null, arguments)`
+      : isFunctionInvocation
+      ? `return ${handler.value}`
+      : handler.value
     return `function($event){${code}${handlerCode}}`
   }
 }
 
-function genKeyFilter (keys: Array<string>): string {
+function genKeyFilter(keys: Array<string>): string {
   return (
     // make sure the key filters only apply to KeyboardEvents
     // #9441: can't use 'keyCode' in $event because Chrome autofill fires fake
@@ -172,7 +152,7 @@ function genKeyFilter (keys: Array<string>): string {
   )
 }
 
-function genFilterCode (key: string): string {
+function genFilterCode(key: string): string {
   const keyVal = parseInt(key, 10)
   if (keyVal) {
     return `$event.keyCode!==${keyVal}`