Add code bundling for mjs and cjs outputs with vite

Author: nickt26

package.json

@@ -1,8 +1,9 @@
 {
 	"name": "svelte-headless-form",
-	"version": "0.1.5",
+	"version": "0.1.6",
 	"description": "A fast, light and batteries-included form library to make you more productive",
-	"main": "dist/index.js",
+	"main": "./dist/svelte-headless-form.umd.js",
+	"module": "./dist/svelte-headless-form.js",
 	"types": "dist/index.d.ts",
 	"scripts": {
 		"test": "vitest --config ./vitest.config.ts",
@@ -14,6 +15,12 @@
 	"files": [
 		"dist"
 	],
+	"exports": {
+		".": {
+			"import": "./dist/svelte-headless-form.js",
+			"require": "./dist/svelte-headless-form.umd.js"
+		}
+	},
 	"keywords": [
 		"svelte",
 		"forms",

src/index.ts

@@ -1,3 +1,3 @@
-export * from './core/createForm.js';
-export * from './core/useArrayField.js';
-export * from './core/useField.js';
+export * from './core/createForm';
+export * from './core/useArrayField';
+export * from './core/useField';

tsconfig.json

@@ -16,7 +16,7 @@
 		"strictNullChecks": true,
 		"noImplicitAny": true,
 		"noImplicitReturns": true,
-		"outDir": "dist",
+		"outDir": "./dist",
 		"target": "ES2018",
 		"removeComments": true,
 		"lib": ["DOM", "DOM.Iterable", "ESNext"],

vite.config.ts

@@ -1,5 +1,14 @@
+import { resolve } from 'path';
 import type { UserConfig } from 'vite';
 
-const config: UserConfig = {};
+const config: UserConfig = {
+	build: {
+		lib: {
+			entry: resolve(__dirname, 'dist/index.js'),
+			name: 'svelte-headless-form',
+			fileName: 'svelte-headless-form'
+		}
+	}
+};
 
 export default config;