@tamagui/native-bundle 1.135.4-1761748186554

package/dist/cli.js

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+import { runCLI } from "./index.js";
+runCLI().catch((error) => {
+  console.error(error);
+  process.exit(1);
+});

package/dist/index.js

@@ -0,0 +1,109 @@
+import { build } from "vite";
+import { fileURLToPath } from "node:url";
+import { resolve, dirname } from "node:path";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+async function bundleNative(options) {
+  const {
+    entry,
+    outDir = "dist",
+    fileName = "native.cjs",
+    cwd = process.cwd(),
+    define = {},
+    minify = false,
+    isTest = false
+  } = options;
+  const resolvePath = (name) => {
+    try {
+      return fileURLToPath(import.meta.resolve(name));
+    } catch {
+      return name;
+    }
+  };
+  const rnwl = resolvePath("@tamagui/react-native-web-lite");
+  const fakeRN = resolvePath("@tamagui/fake-react-native");
+  const entryPath = resolve(cwd, entry);
+  const defaultDefine = {
+    "process.env.TAMAGUI_TARGET": JSON.stringify("native"),
+    "process.env.NODE_ENV": JSON.stringify("production"),
+    "process.env.TAMAGUI_IS_CORE_NODE": JSON.stringify("1")
+  };
+  const external = isTest ? ["react", /^react-native($|\/)/] : ["react"];
+  const alias = isTest ? [
+    // Aliases don't work for pre-bundled deps, so we externalize and alias in vitest config
+  ] : [
+    {
+      find: /^react-native$/,
+      replacement: rnwl
+    },
+    {
+      find: /^react-native\/(.+)$/,
+      replacement: `${rnwl}/$1`
+    }
+  ];
+  await build({
+    configFile: false,
+    root: cwd,
+    build: {
+      lib: {
+        entry: entryPath,
+        name: "TamaguiNativeBundle",
+        fileName: () => fileName,
+        formats: ["cjs"]
+      },
+      outDir,
+      emptyOutDir: false,
+      rollupOptions: {
+        external,
+        output: {
+          // Ensure CommonJS output
+          format: "cjs",
+          exports: "named"
+        }
+      },
+      target: "es2015",
+      minify
+    },
+    resolve: {
+      // Prefer react-native exports
+      mainFields: ["react-native", "module", "main"],
+      extensions: [
+        ".native.ts",
+        ".native.tsx",
+        ".native.js",
+        ".ts",
+        ".tsx",
+        ".js",
+        ".jsx"
+      ],
+      conditions: ["react-native", "import", "module", "default"],
+      alias
+    },
+    define: {
+      ...defaultDefine,
+      ...define
+    },
+    logLevel: "warn"
+  });
+}
+async function runCLI() {
+  const args = process.argv.slice(2);
+  if (args.length === 0) {
+    console.error("Usage: native-bundle <entry-file> [output-file]");
+    process.exit(1);
+  }
+  const entry = args[0];
+  const fileName = args[1] || "native.cjs";
+  console.log(`Bundling ${entry} -> dist/${fileName}`);
+  try {
+    await bundleNative({ entry, fileName });
+    console.log("\u2713 Bundle created successfully");
+  } catch (error) {
+    console.error("\u2717 Bundle failed:", error);
+    process.exit(1);
+  }
+}
+export {
+  bundleNative,
+  runCLI
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@tamagui/native-bundle",
+  "version": "1.135.4-1761748186554",
+  "type": "module",
+  "description": "Vite-based bundler for creating native CommonJS bundles for Tamagui packages",
+  "main": "dist/index.js",
+  "types": "src/index.ts",
+  "scripts": {
+    "build": "node build.mjs",
+    "watch": "node build.mjs --watch"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Nate Wienert"
+  },
+  "dependencies": {
+    "vite": "^7.1.12"
+  },
+  "devDependencies": {
+    "esbuild": "^0.25.11"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/cli.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+import { runCLI } from './index.js'
+
+runCLI().catch((error) => {
+  console.error(error)
+  process.exit(1)
+})

package/src/index.ts

@@ -0,0 +1,171 @@
+import { build } from 'vite'
+import { fileURLToPath } from 'node:url'
+import { resolve, dirname } from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+export interface BundleOptions {
+  /**
+   * Entry point file path (absolute or relative to cwd)
+   */
+  entry: string
+
+  /**
+   * Output directory (relative to cwd)
+   * @default 'dist'
+   */
+  outDir?: string
+
+  /**
+   * Output filename
+   * @default 'native.cjs'
+   */
+  fileName?: string
+
+  /**
+   * Working directory
+   * @default process.cwd()
+   */
+  cwd?: string
+
+  /**
+   * Environment variables to define
+   */
+  define?: Record<string, string>
+
+  /**
+   * Whether to minify the output
+   * @default false
+   */
+  minify?: boolean
+
+  /**
+   * Whether this is a test bundle
+   * If true, react-native will be replaced with fake-react-native mocks
+   * @default false
+   */
+  isTest?: boolean
+}
+
+/**
+ * Bundle a Tamagui package for React Native using Vite
+ */
+export async function bundleNative(options: BundleOptions): Promise<void> {
+  const {
+    entry,
+    outDir = 'dist',
+    fileName = 'native.cjs',
+    cwd = process.cwd(),
+    define = {},
+    minify = false,
+    isTest = false,
+  } = options
+
+  const resolvePath = (name: string) => {
+    try {
+      return fileURLToPath(import.meta.resolve(name))
+    } catch {
+      // Fallback for packages that might not be resolvable
+      return name
+    }
+  }
+
+  const rnwl = resolvePath('@tamagui/react-native-web-lite')
+  const fakeRN = resolvePath('@tamagui/fake-react-native')
+  const entryPath = resolve(cwd, entry)
+
+  const defaultDefine = {
+    'process.env.TAMAGUI_TARGET': JSON.stringify('native'),
+    'process.env.NODE_ENV': JSON.stringify('production'),
+    'process.env.TAMAGUI_IS_CORE_NODE': JSON.stringify('1'),
+  }
+
+  // For test bundles, bundle a fake react-native implementation
+  // For production bundles, bundle react-native-web-lite
+  const external = isTest ? ['react', /^react-native($|\/)/] : ['react']
+  const alias = isTest
+    ? [
+        // Aliases don't work for pre-bundled deps, so we externalize and alias in vitest config
+      ]
+    : [
+        {
+          find: /^react-native$/,
+          replacement: rnwl,
+        },
+        {
+          find: /^react-native\/(.+)$/,
+          replacement: `${rnwl}/$1`,
+        },
+      ]
+
+  await build({
+    configFile: false,
+    root: cwd,
+    build: {
+      lib: {
+        entry: entryPath,
+        name: 'TamaguiNativeBundle',
+        fileName: () => fileName,
+        formats: ['cjs'],
+      },
+      outDir,
+      emptyOutDir: false,
+      rollupOptions: {
+        external,
+        output: {
+          // Ensure CommonJS output
+          format: 'cjs',
+          exports: 'named',
+        },
+      },
+      target: 'es2015',
+      minify,
+    },
+    resolve: {
+      // Prefer react-native exports
+      mainFields: ['react-native', 'module', 'main'],
+      extensions: [
+        '.native.ts',
+        '.native.tsx',
+        '.native.js',
+        '.ts',
+        '.tsx',
+        '.js',
+        '.jsx',
+      ],
+      conditions: ['react-native', 'import', 'module', 'default'],
+      alias,
+    },
+    define: {
+      ...defaultDefine,
+      ...define,
+    },
+    logLevel: 'warn',
+  })
+}
+
+/**
+ * CLI entry point for running as a script
+ */
+export async function runCLI() {
+  const args = process.argv.slice(2)
+
+  if (args.length === 0) {
+    console.error('Usage: native-bundle <entry-file> [output-file]')
+    process.exit(1)
+  }
+
+  const entry = args[0]
+  const fileName = args[1] || 'native.cjs'
+
+  console.log(`Bundling ${entry} -> dist/${fileName}`)
+
+  try {
+    await bundleNative({ entry, fileName })
+    console.log('✓ Bundle created successfully')
+  } catch (error) {
+    console.error('✗ Bundle failed:', error)
+    process.exit(1)
+  }
+}