fix register (#68)

Author: alanorozco

bin/build.mjs

@@ -1,61 +1,34 @@
 import esbuild from 'esbuild';
-import {readFile} from 'fs/promises';
 import minimist from 'minimist';
 
 const argv = minimist(process.argv.slice(2));
 
-const readJson = async (path) =>
-  JSON.parse(await readFile(new URL(path, import.meta.url)));
+const bundleNodeModules = new Set(['preact', 'preact-render-to-string']);
 
-const preactCompatPlugin = {
-  name: 'preact-compat',
+const externalResolverPlugin = {
+  name: 'external-resolver',
   async setup(build) {
-    const path = await import('path');
-    const preact = path.join(
-      process.cwd(),
-      'node_modules',
-      'preact',
-      'compat',
-      'dist',
-      'compat.module.js'
-    );
-    build.onResolve({filter: /^(react-dom|react)$/}, (args) => {
-      return {path: preact};
+    build.onResolve({filter: /.*/}, (args) => {
+      if (!args.path.startsWith('.') && !bundleNodeModules.has(args.path)) {
+        return {external: true, path: args.path};
+      }
     });
   },
 };
 
 async function build() {
-  const pkg = await readJson('../package.json');
-
-  const external = [
-    [
-      ...Object.keys(pkg.devDependencies),
-      ...Object.keys(pkg.dependencies),
-    ].filter((name) => name.startsWith('@storybook/')),
-    Object.keys(pkg.peerDependencies),
-  ].flat();
-
-  const builds = {
-    'dist/esm': {format: 'esm', target: 'es2017'},
-    'dist/cjs': {format: 'cjs'},
-  };
-
-  await Promise.all(
-    Object.entries(builds).map(async ([outdir, options]) => {
-      await esbuild.build({
-        entryPoints: ['src/index.ts'],
-        bundle: true,
-        platform: 'node',
-        logLevel: 'info',
-        plugins: [preactCompatPlugin],
-        watch: argv.watch,
-        external,
-        outdir,
-        ...options,
-      });
-    })
-  );
+  await esbuild.build({
+    entryPoints: ['src/index.ts', 'src/register/index.tsx'],
+    outdir: 'dist',
+    bundle: true,
+    platform: 'node',
+    logLevel: 'info',
+    watch: argv.watch,
+    minifySyntax: true,
+    plugins: [externalResolverPlugin],
+    format: 'esm',
+    target: 'es2017',
+  });
 }
 
 build();

package.json

@@ -12,7 +12,8 @@
   "author": "The AMP HTML Authors",
   "license": "Apache-2.0",
   "files": [
-    "dist"
+    "dist",
+    "register.js"
   ],
   "peerDependencies": {
     "@storybook/addons": "^6.4.18",

register.js

@@ -1 +1 @@
-import './esm/register/index';
+import './dist/register';