feat: add es dev server

Author: LarsDenBakker

.eslintignore

@@ -5,3 +5,4 @@ stats.html
 /packages/create/src/generators/*/templates/**/*
 /packages/import-maps-generate/test/assets/**/node_modules
 /packages/**/test/**/snapshots
+/packages/es-dev-server/test/fixtures/**/*

.gitignore

@@ -10,6 +10,7 @@ coverage/
 
 ## npm
 node_modules
+!packages/es-dev-server/test/**/node_modules
 npm-debug.log
 yarn-error.log
 

.prettierignore

@@ -4,4 +4,5 @@ coverage/
 dist
 stats.html
 packages/semantic-dom-diff/bundle/get-diffable-html.js
-packages/**/test/**/snapshots
+packages/**/test/**/snapshots
+/packages/es-dev-server/test/fixtures/**/*

docs/.vuepress/config.js

@@ -10,7 +10,7 @@ const sidebar = [
       ['/developing/', 'Getting started'],
       ['/developing/ide', 'IDE'],
       '/developing/best-practices',
-      '/developing/owc-dev-server',
+      '/developing/es-dev-server',
       ['/init/', 'Generators'],
       '/developing/types',
     ],

docs/developing/es-dev-server.md

@@ -0,0 +1 @@
+../../packages/es-dev-server/README.md

docs/developing/owc-dev-server.md

@@ -10,7 +10,7 @@ module.exports = config => {
         {
           pattern: config.grep
             ? config.grep
-            : 'packages/!(webpack-import-meta-loader|create|building-utils|webpack-index-html-plugin|rollup-plugin-index-html|import-maps-generate|import-maps-resolve)/test/*.test.js',
+            : 'packages/!(webpack-import-meta-loader|create|building-utils|webpack-index-html-plugin|rollup-plugin-index-html|import-maps-generate|import-maps-resolve|es-dev-server)/test/*.test.js',
           type: 'module',
         },
       ],

karma.conf.js

@@ -92,6 +92,7 @@ function createConfig(_options, legacy) {
               // doesn't affect most use cases. for example lit-html handles it: (https://github.com/Polymer/lit-html/issues/575)
               exclude: legacy ? undefined : ['@babel/plugin-transform-template-literals'],
               useBuiltIns: false,
+              modules: false,
             },
           ],
         ],

packages/building-rollup/modern-and-legacy-config.js

@@ -83,6 +83,7 @@ module.exports = function createBasicConfig(_options) {
               // doesn't affect most use cases. for example lit-html handles it: (https://github.com/Polymer/lit-html/issues/575)
               exclude: ['@babel/plugin-transform-template-literals'],
               useBuiltIns: false,
+              modules: false,
             },
           ],
         ],

packages/building-rollup/modern-config.js

@@ -6,15 +6,14 @@ const LRUCache = require('lru-cache');
 /**
  * @typedef {object} CompilerConfig
  * @property {object} options options to pass to babel
- * @property {string[]} exclude files to exclude from compilation
+ * @property {string[]} [exclude] files to exclude from compilation
  */
 
 /**
  * Creates a babel compiler backed by a cache.
  * @param {CompilerConfig} config
  */
-function createCompiler(config) {
-  const fileWatcher = chokidar.watch([]);
+function createCompiler(config, fileWatcher = chokidar.watch([])) {
   const cache = new LRUCache({
     length: (n, key) => n.length + key.length,
     max: 52428800,
@@ -30,6 +29,7 @@ function createCompiler(config) {
    */
   function addToCache(filePath, code) {
     cache.set(filePath, code);
+
     fileWatcher.add(filePath);
   }
 
@@ -83,10 +83,15 @@ function createCompiler(config) {
     return cache.get(filePath);
   }
 
+  function clearCache() {
+    cache.reset();
+  }
+
   return {
     fileWatcher,
     compile,
     getFromCache,
+    clearCache,
   };
 }