Switched to web components workflow

README.md

@@ -1,2 +1,12 @@
 # js-framework
 
+To install packages,
+
+```bash
+npm install
+```
+
+Development mode,
+
+```bash
+npm run dev

config/esbuild.config.mjs

@@ -0,0 +1,46 @@
+import esbuild from 'esbuild';
+
+const commonOptions = {
+  entryPoints: ['example/index.js'],
+  outdir: 'dist',
+  format: 'esm',
+  bundle: true,
+  loader: {
+    '.svg': 'file',
+    '.woff': 'file',
+    '.woff2': 'file',
+    '.ttf': 'file',
+    '.otf': 'file',
+    '.html': 'copy',
+    '.json': 'copy',
+  }
+};
+
+if (process.env.NODE_ENV === 'production') {
+  await esbuild.build({
+    ...commonOptions,
+    minify: true,
+    sourcemap: false,
+    define: {
+      'process.env.NODE_ENV': '"production"',
+    },
+  }).catch(() => process.exit(1));
+} else {
+  commonOptions.entryPoints.push('example/index.html', 'example/data.json');
+  let ctx = await esbuild.context({
+    ...commonOptions,
+    minify: false,
+    sourcemap: true,
+    define: {
+      'process.env.NODE_ENV': '"development"',
+    },
+  })
+
+  let { host, port } = await ctx.serve({
+    servedir: commonOptions.outdir,
+  });
+  console.log(`Serving on http://${host}:${port}`);
+
+  await ctx.watch();
+  console.log('watching');
+}

config/eslint.config.mjs

@@ -16,14 +16,15 @@ export default [
   {
     languageOptions: {
       globals: globals.browser,
-      ecmaVersion: 'latest',
+      ecmaVersion: 13,
       sourceType: 'module',
     },
   },
   ...compat.extends('airbnb-base'),
   {
     rules: {
       'import/prefer-default-export': 'off',
+      'import/no-default-export': 'error'
     },
   }
 ];