build both mapbox and maplibre

Author: RodrigoHamuy

maplibre/package.json

@@ -0,0 +1,7 @@
+{
+  "internal": true,
+  "main": "dist/maplibre/cjs/main.js",
+  "module": "dist/maplibre/es/main.js",
+  "types": "src/main-maplibre.ts",
+  "sideEffects": false
+}

package.json

@@ -4,7 +4,7 @@
   "description": "Use react-three-fiber inside MapLibre and Mapbox",
   "main": "dist/cjs/main.js",
   "module": "dist/es/main.js",
-  "types": "src/main.ts",
+  "types": "src/main-mapbox.ts",
   "sideEffects": false,
   "repository": "https://github.com/RodrigoHamuy/react-three-map",
   "homepage": "https://github.com/RodrigoHamuy/react-three-map",
@@ -16,8 +16,11 @@
   "scripts": {
     "dev": "vite",
     "prebuild": "tsc",
-    "build": "cross-env LIB_MODE=1 vite build",
-    "postbuild": "cross-env LIB_MODE=2 vite build",
+    "build": "yarn build:maplibre && yarn build:mapbox",
+    "build:maplibre": "cross-env LIB_MODE=1 MAP_MODE=0 vite build",
+    "postbuild:maplibre": "cross-env LIB_MODE=2 MAP_MODE=0 vite build",
+    "build:mapbox": "cross-env LIB_MODE=1 MAP_MODE=1 vite build",
+    "postbuild:mapbox": "cross-env LIB_MODE=2 MAP_MODE=1 vite build",
     "lint": "eslint src --ext ts,tsx --fix",
     "preview": "vite preview",
     "ts": "tsc -w",

src/main-mapbox.ts

@@ -0,0 +1 @@
+export * from './canvas/canvas-mapbox';

vite.config.ts

@@ -3,8 +3,20 @@ import react from '@vitejs/plugin-react'
 
 /** 0: no lib mode, 1: ES, 2: cjs */
 const libMode = parseInt(process.env.LIB_MODE!) || 0;
+
+/** 0: MapLibre, 1: MapBox */
+const mapProvider = parseInt(process.env.MAP_MODE!) || 0;
+
 const isES = libMode === 1;
 
+const isMaplibre = mapProvider === 0;
+
+const entry = `src/main-${isMaplibre ? 'maplibre' : 'mapbox' }.ts`;
+
+let outDir = isMaplibre ? 'dist/maplibre' : 'dist';
+
+outDir = `${outDir}/${isES ? 'es' : 'cjs'}`;
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
@@ -15,12 +27,12 @@ export default defineConfig({
     : {
       build: {
         lib: {
-          entry: 'src/main-maplibre.ts',
+          entry,
           name: 'react-three-map',
           formats: isES ? ['es'] : ['cjs'],
           fileName: 'main.js',
         },
-        outDir: isES ? 'dist/es' : 'dist/cjs',
+        outDir,
         rollupOptions: {
           output: !isES ? undefined : { sourcemap: true, preserveModules: true },
           external: [