Vite config adjustments (#88)

Co-authored-by: tblackwell-tm <t.blackwell@techmodal.com>

package.json

@@ -3,7 +3,7 @@
   "author": "Tom Blackwell",
   "private": false,
   "license": "MIT",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "React crossword component",
   "keywords": [
     "react",
@@ -14,16 +14,21 @@
   "main": "dist/main.js",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./dist/*.css": "./dist/*.css"
+  },
   "files": [
     "dist"
   ],
   "repository": {
     "type": "git",
     "url": "https://github.com/t-blackwell/mycrossword"
   },
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "sideEffects": true,
   "scripts": {
     "dev": "vite --open",
     "build": "tsc --p ./tsconfig-build.json && vite build",

vite.config.ts

@@ -1,7 +1,5 @@
 import { defineConfig } from 'vite';
-import { extname, relative, resolve } from 'path';
-import { fileURLToPath } from 'node:url';
-import { glob } from 'glob';
+import { resolve } from 'path';
 import react from '@vitejs/plugin-react';
 import dts from 'vite-plugin-dts';
 import { libInjectCss } from 'vite-plugin-lib-inject-css';
@@ -20,31 +18,15 @@ export default defineConfig({
     lib: {
       entry: resolve(__dirname, 'lib/main.ts'),
       formats: ['es'],
+      fileName: 'main',
     },
     rollupOptions: {
-      external: ['react', 'react/jsx-runtime'],
-      input: Object.fromEntries(
-        // https://rollupjs.org/configuration-options/#input
-        glob
-          .sync('lib/**/*.{ts,tsx}', {
-            ignore: [
-              'lib/**/*.d.ts',
-              'lib/**/*.test.{ts,tsx}',
-              'lib/testData/**',
-            ],
-          })
-          .map((file) => [
-            // 1. The name of the entry point
-            // lib/nested/foo.js becomes nested/foo
-            relative('lib', file.slice(0, file.length - extname(file).length)),
-            // 2. The absolute path to the entry file
-            // lib/nested/foo.ts becomes /project/lib/nested/foo.ts
-            fileURLToPath(new URL(file, import.meta.url)),
-          ]),
-      ),
+      external: ['react', 'react/jsx-runtime', 'react-dom'],
       output: {
-        assetFileNames: 'assets/[name][extname]',
-        entryFileNames: '[name].js',
+        // Force CSS code-splitting off
+        manualChunks: undefined,
+        // Ensure CSS is properly processed when code-split
+        inlineDynamicImports: true,
       },
     },
   },