ci: build web on ci

Author: satya164

.github/workflows/build-templates.yml

@@ -86,7 +86,8 @@ jobs:
             --repo-url https://test.test
             --type ${{ matrix.type.name }}
             --languages ${{ matrix.type.language }}
-            --example ${{ matrix.type.language == 'js' && 'expo' || 'vanilla' }}
+            --example vanilla
+            --tools vite
             --tools eslint
             --tools jest
             --tools lefthook
@@ -209,17 +210,6 @@ jobs:
         run: |
           yarn prepare
 
-      - name: Build example (Web)
-        if: matrix.type.language == 'js'
-        working-directory: ${{ env.work_dir }}
-        shell: bash
-        run: |
-          # Clean up built JS files
-          # So we test that bundling works without any pre-built files
-          rm -rf lib/*
-
-          yarn example expo export --platform web
-
       - name: Install JDK
         if: env.android_build == 1 && env.turbo_cache_hit_android != 1
         uses: actions/setup-java@c5195efecf7bdfc987ee8bae7a71cb8b11521c00 # v4.7.1
@@ -271,3 +261,13 @@ jobs:
         working-directory: ${{ env.work_dir }}
         run: |
           yarn turbo run build:ios --cache-dir=".turbo"
+
+      - name: Build example (Web)
+        working-directory: ${{ env.work_dir }}
+        shell: bash
+        run: |
+          # Clean up built JS files
+          # So we test that bundling works without any pre-built files
+          rm -rf lib/*
+
+          yarn example build:web

packages/create-react-native-library/src/constants.ts

@@ -1,4 +1,4 @@
-export const FALLBACK_BOB_VERSION = '0.40.18';
+export const FALLBACK_BOB_VERSION = '0.41.0';
 export const FALLBACK_NITRO_MODULES_VERSION = '0.35.2';
 export const SUPPORTED_MONOREPO_CONFIG_VERSION = '0.3.3';
 export const SUPPORTED_REACT_NATIVE_VERSION = '0.83.0';

packages/create-react-native-library/templates/common/$.github/workflows/ci.yml

@@ -194,6 +194,7 @@ jobs:
         run: |
           yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"
 <% } -%>
+
 <% if (example === 'expo' || tools.includes('vite')) { -%>
   build-web:
     runs-on: ubuntu-latest

packages/create-react-native-library/templates/js-view/src/{%- project.name %}View.tsx

@@ -4,10 +4,6 @@ type Props = ViewProps & {
   color?: ColorValue;
 };
 
-export function <%- project.name -%>View({
-  color,
-  style,
-  ...rest
-}: Props) {
+export function <%- project.name -%>View({ color, style, ...rest }: Props) {
   return <View {...rest} style={[style, { backgroundColor: color }]} />;
 }

packages/create-react-native-library/templates/tools/vite/example/vite.config.mjs

@@ -2,7 +2,7 @@ import { fileURLToPath } from 'node:url';
 
 import { defineConfig, mergeConfig } from 'vite';
 
-import bobConfig from 'react-native-builder-bob/vite-config.mjs';
+import bobConfig from 'react-native-builder-bob/vite-config';
 
 export default defineConfig((env) =>
   mergeConfig(bobConfig(env), {

…react-native-builder-bob/babel-config.js …tive-builder-bob/configs/babel-config.jspackages/react-native-builder-bob/babel-config.js renamed to packages/react-native-builder-bob/configs/babel-config.js packages/react-native-builder-bob/babel-config.js renamed to packages/react-native-builder-bob/configs/babel-config.js

@@ -36,15 +36,11 @@ const jsx = (regex) => ({
 });
 
 export default defineConfig(({ mode }) => ({
-  plugins: [
-    jsx(/\/(@expo|expo-.+)\//),
-    commonjs(),
-    react(),
-  ],
+  plugins: [jsx(/\/(@expo|expo-.+)\//), commonjs(), react()],
   define: {
-    '__DEV__': JSON.stringify(mode !== 'production'),
+    __DEV__: JSON.stringify(mode !== 'production'),
     'process.env.EXPO_OS': JSON.stringify('web'),
-    'global': 'globalThis',
+    global: 'globalThis',
   },
   resolve: {
     extensions,

…react-native-builder-bob/babel-preset.js …tive-builder-bob/configs/babel-preset.jspackages/react-native-builder-bob/babel-preset.js renamed to packages/react-native-builder-bob/configs/babel-preset.js packages/react-native-builder-bob/babel-preset.js renamed to packages/react-native-builder-bob/configs/babel-preset.js

@@ -18,16 +18,20 @@
   },
   "homepage": "https://oss.callstack.com/react-native-builder-bob/build",
   "main": "lib/index.js",
+  "exports": {
+     "./package.json": "./package.json",
+     "./babel-config": "./configs/babel-config.js",
+     "./babel-preset": "./configs/babel-preset.js",
+     "./metro-config": "./configs/metro-config.js",
+     "./vite-config": "./configs/vite-config.mjs"
+  },
   "bin": {
     "bob": "bin/bob"
   },
   "files": [
     "bin",
     "lib",
-    "babel-preset.js",
-    "metro-config.js",
-    "babel-config.js",
-    "vite-config.mjs"
+    "configs"
   ],
   "engines": {
     "node": "^20.19.0 || ^22.12.0 || >= 23.4.0"