Merge branch 'master' into wjh/web-test-runner

Author: wjhsf

packages/lwc/package.json

@@ -76,5 +76,8 @@
         "./synthetic-shadow": "./synthetic-shadow.js",
         "./template-compiler": "./template-compiler.js",
         "./wire-service": "./wire-service.js"
+    },
+    "volta": {
+        "extends": "../../package.json"
     }
 }

playground/README.md

@@ -7,3 +7,7 @@ $ npm run dev       # Get app server running
 $ npm run build     # Build app in production mode
 $ npx serve         # Serve the app (after running `npm run build`).
 ```
+
+## TypeScript
+
+To enable TypeScript in the LWC playground, add `@rollup/plugin-typescript` to the list of plugins in `rollup.config.js`. The playground has a pre-configured `tsconfig.json` that allows both JS and TS files to be used.

playground/package.json

@@ -11,6 +11,7 @@
     "devDependencies": {
         "@lwc/rollup-plugin": "8.20.0",
         "@rollup/plugin-replace": "^6.0.2",
+        "@rollup/plugin-typescript": "^12.1.2",
         "lwc": "8.20.0",
         "rollup": "^4.40.0",
         "rollup-plugin-livereload": "^2.0.5",
@@ -24,5 +25,8 @@
                 ]
             }
         }
+    },
+    "volta": {
+        "extends": "../package.json"
     }
 }

playground/rollup.config.js

@@ -2,6 +2,7 @@ import lwc from '@lwc/rollup-plugin';
 import replace from '@rollup/plugin-replace';
 import serve from 'rollup-plugin-serve';
 import livereload from 'rollup-plugin-livereload';
+// import typescript from '@rollup/plugin-typescript'; // Only required for TypeScript projects
 
 const __ENV__ = process.env.NODE_ENV ?? 'development';
 
@@ -15,6 +16,7 @@ export default (args) => {
         },
 
         plugins: [
+            // typescript(), // Only required for TypeScript projects
             replace({
                 'process.env.NODE_ENV': JSON.stringify(__ENV__),
                 preventAssignment: true,

playground/tsconfig.json

@@ -0,0 +1,12 @@
+// A tsconfig.json file is only required for TypeScript projects
+{
+    "compilerOptions": {
+        "allowJs": true,
+        "experimentalDecorators": false, // Required for LWC decorators to work
+        "module": "nodenext",
+        "noEmit": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "target": "esnext" // Required for LWC decorators to work
+    }
+}