workflow: sfc playground

packages/compiler-sfc/package.json

@@ -3,6 +3,7 @@
   "version": "3.0.9",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
+  "module": "dist/compiler-sfc.esm-browser.js",
   "types": "dist/compiler-sfc.d.ts",
   "files": [
     "dist"
@@ -11,7 +12,7 @@
     "name": "VueCompilerSFC",
     "formats": [
       "cjs",
-      "global"
+      "esm-browser"
     ],
     "prod": false,
     "enableNonBrowserBranches": true

packages/compiler-sfc/src/compileScript.ts

@@ -1367,7 +1367,7 @@ function markScopeIdentifier(
  * but with some subtle differences as this needs to handle a wider range of
  * possible syntax.
  */
-function walkIdentifiers(
+export function walkIdentifiers(
   root: Node,
   onIdentifier: (node: Identifier, parent: Node, parentStack: Node[]) => void
 ) {

packages/compiler-sfc/src/index.ts

@@ -6,6 +6,12 @@ export { compileScript } from './compileScript'
 export { rewriteDefault } from './rewriteDefault'
 export { generateCodeFrame } from '@vue/compiler-core'
 
+// Utilities
+export { parse as babelParse } from '@babel/parser'
+export { walkIdentifiers } from './compileScript'
+import MagicString from 'magic-string'
+export { MagicString }
+
 // Types
 export {
   SFCParseOptions,

packages/compiler-sfc/src/warn.ts

@@ -16,6 +16,10 @@ export function warn(msg: string) {
 }
 
 export function warnExperimental(feature: string, rfcId: number) {
+  // eslint-disable-next-line
+  if (typeof window !== 'undefined') {
+    return
+  }
   warnOnce(
     `${feature} is still an experimental proposal.\n` +
       `Follow its status at https://github.com/vuejs/rfcs/pull/${rfcId}.`