fix umd build (#81)

* update umd build * bump ver
getopenpay · Dec 12, 2024 · 6e64456 · 6e64456
1 parent 6e4e361
commit 6e64456
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getopenpay/openpay-js-react",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Accept payments through OpenPay, right on your site",
   "author": "OpenPay <info@getopenpay.com> (https://getopenpay.com)",
   "private": false,

diff --git a/packages/vanilla/package.json b/packages/vanilla/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getopenpay/openpay-js",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Accept payments through OpenPay, right on your site",
   "author": "OpenPay <info@getopenpay.com> (https://getopenpay.com)",
   "license": "ISC",
@@ -27,7 +27,7 @@
   "scripts": {
     "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --fix --report-unused-disable-directives --max-warnings 0",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "tsc -p tsconfig.build.json && vite build && vite build --mode build-umd",
     "dev": "vite build --watch --mode development"
   },
   "dependencies": {

diff --git a/packages/vanilla/vite.config.ts b/packages/vanilla/vite.config.ts
@@ -8,7 +8,7 @@ export default defineConfig(({ mode }) => {
     esbuild: {
       // TODO: Uncomment this when we're stable
       // drop: mode === 'development' ? [] : ['console', 'debugger'],
-      sourcemap: 'inline',
+      sourcemap: mode === 'build-umd' ? false : 'inline',
     },
     optimizeDeps: {
       include: ['penpal', 'uuid', 'zod'],
@@ -17,12 +17,13 @@ export default defineConfig(({ mode }) => {
       emptyOutDir: mode === 'production',
       copyPublicDir: false,
       lib: {
+        formats: mode === 'build-umd' ? ['umd'] : ['es'],
         name: 'OpenPay',
         entry: resolve(__dirname, './index.ts'),
         fileName: (format) => `index.${format}.js`,
       },
       rollupOptions: {
-        external: ['react', 'react-dom', 'zod', 'penpal', 'uuid', 'chalk'], // React is included in 'utils'
+        external: ['react', 'react-dom', ...(mode === 'build-umd' ? [] : ['zod', 'penpal', 'uuid', 'chalk'])],
         output: {
           assetFileNames: 'assets/[name][extname]',
         },