chore: pair programming with nolan

libraries/lwc/.babelrc

@@ -0,0 +1,10 @@
+{
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "useESModules": true
+      }
+    ]
+  ]
+}

libraries/lwc/karma.conf.js

@@ -0,0 +1,91 @@
+/**
+ * @license
+ * Copyright 2017 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var webpack = require('webpack');
+var path = require('path');
+var LwcWebpackPlugin = require('lwc-webpack-plugin');
+
+module.exports = function(config) {
+  config.set({
+    plugins: [
+      'karma-chrome-launcher',
+      'karma-firefox-launcher',
+      require(path.resolve(__dirname, '../__shared__/karma-plugins/karma-mocha')),
+      'karma-sourcemap-loader',
+      'karma-webpack',
+      require(path.resolve(__dirname, '../__shared__/karma-plugins/karma-custom-html-reporter')),
+      require(path.resolve(__dirname, '../__shared__/karma-plugins/karma-custom-json-reporter'))
+    ],
+    browsers: ['ChromeHeadless', 'FirefoxHeadless'], // run in Chrome and Firefox
+    customLaunchers: {
+      FirefoxHeadless: {
+        base: 'Firefox',
+        flags: [ '-headless' ],
+        displayName: 'FirefoxHeadless'
+      },
+    },
+    singleRun: true, // set this to false to leave the browser open
+    frameworks: ['mocha'], // use the mocha test framework
+    files: [
+      'tests.webpack.js' // just load this file
+    ],
+    preprocessors: {
+      'tests.webpack.js': ['webpack', 'sourcemap'] // preprocess with webpack and our sourcemap loader
+    },
+    reporters: ['dots', 'custom-html', 'custom-json'], // report results in these formats
+    htmlReporter: {
+      outputFile: path.resolve(__dirname, './results/results.html'),
+      pageTitle: 'LWC + Custom Elements',
+      groupSuites: true,
+      useCompactStyle: true
+    },
+    jsonResultReporter: {
+      outputFile: path.resolve(__dirname, './results/results.json')
+    },
+    webpack: { // kind of a copy of your webpack config
+      mode: 'development',
+      // devtool: 'inline-source-map', // just do inline source maps instead of the default
+      resolve: {
+        modules: [
+          path.resolve(__dirname, '../__shared__/webcomponents/src'),
+          path.resolve(__dirname, './node_modules')
+        ]
+      },
+      plugins: [
+        new LwcWebpackPlugin({
+            modules: [
+                { dir: "src/modules" }
+            ]
+        })
+      ],
+      module: {
+        rules: [
+          {
+            test: /\.js$/,
+            exclude: /node_modules/,
+            use: {
+              loader: 'babel-loader'
+            }
+          }
+        ]
+      }
+    },
+    webpackServer: {
+      // noInfo: true // please don't spam the console when running in karma!
+    }
+  });
+};

libraries/lwc/meta/expectedResults.json

@@ -0,0 +1,19 @@
+{
+    "success": 30,
+    "failed": 0,
+    "skipped": 0,
+    "error": false,
+    "disconnected": false,
+    "exitCode": 0,
+    "score": 100,
+    "basicSupport": {
+        "total": 16,
+        "failed": 0,
+        "passed": 16
+    },
+    "advancedSupport": {
+        "total": 14,
+        "failed": 0,
+        "passed": 14
+    }
+}

libraries/lwc/meta/issues.json

@@ -0,0 +1 @@
+[]

libraries/lwc/meta/summary.md

@@ -0,0 +1,11 @@
+<h4 id="vue-handling-data">Handling data</h4>
+
+By default, Vue passes all data to Custom Elements as attributes. However, Vue
+also provides syntax to instruct its bindings to use properties instead. To bind
+to a Custom Element property use <code>:foo.prop="bar"</code>.
+
+<h4 id="vue-handling-events">Handling events</h4>
+
+Vue can listen to native DOM events dispatched from Custom Elements. Its
+declarative event bindings only support lowercase and kebab case events. To
+listen for any events named with capital letters you must write imperative code.