fix: improves the packaging

uses esbuild-node-externals to standardize the package - moved the test utils so they can be
excluded from the build

.devcontainer/devcontainer.json

@@ -61,8 +61,7 @@
   // Use 'forwardPorts' to make a list of ports inside the container available locally.
   // "forwardPorts": [],
 
-  // Use 'postCreateCommand' to run commands after the container is created.
-  // "postCreateCommand": "yarn install",
+  "postCreateCommand": "npm ci",
 
   // Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
   "remoteUser": "node",

.npmignore

@@ -2,10 +2,19 @@
 **/tsconfig.json
 **/webpack.config.js
 node_modules
-src
-stories
 example
-lib
-lib-esm
-_bundles
-tsdx.config.js
+generators
+public
+src
+build.mjs
+coverage
+dangerfile.lite.ts
+dangerfile.ts
+jest.config.js
+jest.patch-cssom.js
+sonar-project.properties
+spellcheck.json
+test-report.xml
+tsconfig.build.json
+tsconfig.json
+tsconfig.storybook.json

build.js → build.mjs

@@ -1,17 +1,17 @@
-const { build } = require('esbuild')
-const { peerDependencies } = require('./package.json')
+import { build } from 'esbuild'
+import { nodeExternalsPlugin } from 'esbuild-node-externals'
 
 const entryFile = 'src/index.ts'
 const outFolder = 'dist'
 
 const shared = {
   bundle: true,
   entryPoints: [entryFile],
-  external: Object.keys(peerDependencies),
   logLevel: 'info',
   minify: true,
   sourcemap: true,
-  target: ['esnext', 'node12.22.0'],
+  target: ['esnext'],
+  plugins: [nodeExternalsPlugin()],
 }
 
 build({

generators/Component.test.hbs

@@ -1,13 +1,6 @@
-import React from 'react'
-import { renderLight, renderDark } from 'test-utils'
-import { Default } from './{{ name }}.stories'
-
-it('renders light without error', () => {
-  const { asFragment } = renderLight(<Default />)
-  expect(asFragment()).toBeDefined()
-})
-
-it('renders dark without error', () => {
-  const { asFragment } = renderDark(<Default />)
-  expect(asFragment()).toBeDefined()
-})
+import React from 'react' import { renderLight, renderDark } from '../../test'
+import { Default } from './{{name}}.stories' it('renders light without error',
+() => { const { asFragment } = renderLight(<Default />)
+expect(asFragment()).toBeDefined() }) it('renders dark without error', () => {
+const { asFragment } = renderDark(<Default />)
+expect(asFragment()).toBeDefined() })