`;
-exports[`Bridge spec counter 2`] = `
+exports[`Bridge spec > counter 2`] = `
diff --git a/tests/vitest-setup.js b/tests/vitest-setup.js
new file mode 100644
index 0000000..bb02c60
--- /dev/null
+++ b/tests/vitest-setup.js
@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';
diff --git a/tsconfig.cjs.json b/tsconfig.cjs.json
new file mode 100644
index 0000000..cfb5bb0
--- /dev/null
+++ b/tsconfig.cjs.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "module": "commonjs",
+ "verbatimModuleSyntax": false,
+ "declaration": true,
+ "outDir": "./dist/cjs"
+ },
+ "include": ["src"]
+}
diff --git a/tsconfig.esm.json b/tsconfig.esm.json
new file mode 100644
index 0000000..f9ef3ba
--- /dev/null
+++ b/tsconfig.esm.json
@@ -0,0 +1,8 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "declaration": true,
+ "outDir": "./dist"
+ },
+ "include": ["src"]
+}
diff --git a/tsconfig.json b/tsconfig.json
index 3e35a5f..10a4364 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,21 +1,20 @@
{
"compilerOptions": {
"strict": true,
- "target": "esnext",
+ "target": "es2018",
"downlevelIteration": true,
"esModuleInterop": true,
- "module": "es2015",
- "moduleResolution": "node",
+ "module": "nodenext",
"skipLibCheck": true,
"allowJs": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
+ "verbatimModuleSyntax": true,
"noUncheckedIndexedAccess": true,
"exactOptionalPropertyTypes": true,
- "jsx": "react",
+ "jsx": "react-jsx",
"baseUrl": ".",
"paths": {
- "use-context-selector": ["./src"]
+ "use-context-selector": ["./src/index.js"]
}
- }
+ },
+ "exclude": ["dist", "examples"]
}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..66eab8f
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,65 @@
+///
+
+import { resolve } from 'node:path';
+import { readFileSync } from 'node:fs';
+import { defineConfig } from 'vite';
+import type { Plugin } from 'vite';
+
+const { DIR, PORT = '8080' } = process.env;
+
+export default defineConfig(({ mode }) => {
+ if (mode === 'test') {
+ return {
+ resolve: { alias: { 'use-context-selector': resolve('src') } },
+ test: {
+ environment: 'happy-dom',
+ setupFiles: ['./tests/vitest-setup.js'],
+ },
+ };
+ }
+ if (!DIR) {
+ throw new Error('DIR environment variable is required');
+ }
+ return {
+ root: resolve('examples', DIR),
+ server: { port: Number(PORT) },
+ resolve: { alias: { 'use-context-selector': resolve('src') } },
+ plugins: [indexHtml(resolve('examples', DIR, 'public', 'index.html'))],
+ };
+});
+
+function indexHtml(file: string): Plugin {
+ const html = readFileSync(file, 'utf8');
+ return {
+ name: 'index-html-plugin',
+ configureServer(server) {
+ return () => {
+ server.middlewares.use((req, res) => {
+ server
+ .transformIndexHtml(req.url || '', html)
+ .then((content) => {
+ res.statusCode = 200;
+ res.setHeader('content-type', 'text/html; charset=utf-8');
+ res.end(content);
+ })
+ .catch((err) => {
+ console.error('Error transforming index.html', err);
+ res.statusCode = 500;
+ res.end('Internal Server Error');
+ });
+ });
+ };
+ },
+ config() {
+ return { optimizeDeps: { entries: ['src/index'] } };
+ },
+ transformIndexHtml() {
+ return [
+ {
+ tag: 'script',
+ attrs: { type: 'module', src: '/src/index' },
+ },
+ ];
+ },
+ };
+}
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index 2d12c23..0000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,41 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-const { DIR, EXT = 'ts' } = process.env;
-
-module.exports = {
- mode: 'development',
- devtool: 'cheap-module-source-map',
- entry: `./examples/${DIR}/src/index.${EXT}`,
- output: {
- publicPath: '/',
- },
- plugins: [
- new HtmlWebpackPlugin({
- template: `./examples/${DIR}/public/index.html`,
- }),
- ],
- module: {
- rules: [{
- test: /\.[jt]sx?$/,
- exclude: /node_modules/,
- loader: 'ts-loader',
- options: {
- transpileOnly: true,
- },
- }],
- },
- resolve: {
- extensions: ['.js', '.jsx', '.ts', '.tsx'],
- alias: {
- 'use-context-selector': `${__dirname}/src`,
- },
- },
- devServer: {
- port: process.env.PORT || '8080',
- static: {
- directory: `./examples/${DIR}/public`,
- },
- historyApiFallback: true,
- },
-};