feat: modernize mobile sdk build pipeline

packages/mobile-sdk-alpha/package.json

@@ -13,22 +13,28 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "react-native": "./dist/index.js",
-      "browser": "./dist/browser.js",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "types": "./dist/esm/index.d.ts",
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/browser.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
+    "./browser": {
+      "types": "./dist/esm/browser.d.ts",
+      "import": "./dist/esm/browser.js",
+      "require": "./dist/cjs/browser.cjs"
     }
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts src/browser.ts --dts --format esm,cjs --clean --out-dir dist",
+    "build": "rm -rf dist && tsup && yarn postbuild",
+    "postbuild": "node ./scripts/postBuild.mjs",
     "fmt": "prettier --check .",
     "fmt:fix": "prettier --write .",
     "format": "yarn nice",

packages/mobile-sdk-alpha/scripts/postBuild.mjs

@@ -0,0 +1,50 @@
+import { writeFileSync, mkdirSync, readFileSync } from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { shimConfigs } from './shimConfigs.js';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const DIST = path.resolve(__dirname, '..', 'dist');
+
+// Read version from package.json
+const packageJsonPath = path.resolve(__dirname, '..', 'package.json');
+const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
+
+// Write package.json files for module type resolution
+writeFileSync(path.join(DIST, 'esm', 'package.json'), JSON.stringify({ type: 'module' }, null, 4));
+writeFileSync(path.join(DIST, 'cjs', 'package.json'), JSON.stringify({ type: 'commonjs' }, null, 4));
+
+// Create a package.json in dist root for Metro
+const distPackageJson = {
+  name: '@selfxyz/mobile-sdk-alpha',
+  version: packageJson.version,
+  type: 'module',
+  exports: {
+    '.': './esm/index.js',
+    './browser': './esm/browser.js',
+  },
+};
+writeFileSync(path.join(DIST, 'package.json'), JSON.stringify(distPackageJson, null, 4));
+
+// Helper to create shims for Metro
+function createShim(shimPath, targetPath, name) {
+  const shimDir = path.join(DIST, shimPath);
+  mkdirSync(shimDir, { recursive: true });
+
+  const cjsTargetPath = targetPath.replace('/esm/', '/cjs/').replace('.js', '.cjs');
+  const dtsTarget = targetPath.replace('.js', '');
+
+  writeFileSync(
+    path.join(shimDir, 'index.js'),
+    `// Shim file to help Metro resolve @selfxyz/mobile-sdk-alpha/${name}\nmodule.exports = require('${cjsTargetPath}');`,
+  );
+  writeFileSync(
+    path.join(shimDir, 'index.d.ts'),
+    `// Shim file to help Metro resolve @selfxyz/mobile-sdk-alpha/${name} types\nexport * from "${dtsTarget}";`,
+  );
+}
+
+// Create all shims from configuration
+shimConfigs.forEach(({ shimPath, targetPath, name }) => {
+  createShim(shimPath, targetPath, name);
+});

packages/mobile-sdk-alpha/scripts/shimConfigs.js

@@ -0,0 +1,2 @@
+// Shim configurations for Metro compatibility
+export const shimConfigs = [{ shimPath: 'browser', targetPath: '../esm/browser.js', name: 'browser' }];

packages/mobile-sdk-alpha/tsconfig.cjs.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "moduleResolution": "Node",
+    "outDir": "./dist/cjs",
+    "declarationDir": "./dist/cjs",
+    "esModuleInterop": true
+  }
+}

packages/mobile-sdk-alpha/tsup.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig([
+  {
+    entry: {
+      index: 'src/index.ts',
+      browser: 'src/browser.ts',
+    },
+    format: ['esm'],
+    dts: true,
+    sourcemap: true,
+    splitting: false,
+    clean: true,
+    outDir: 'dist/esm',
+    tsconfig: './tsconfig.json',
+    target: 'es2020',
+  },
+  {
+    entry: {
+      index: 'src/index.ts',
+      browser: 'src/browser.ts',
+    },
+    format: ['cjs'],
+    dts: false,
+    sourcemap: true,
+    splitting: false,
+    clean: false,
+    outDir: 'dist/cjs',
+    tsconfig: './tsconfig.cjs.json',
+    target: 'es2020',
+  },
+]);