react-native-worklets 0.8.0-bundle-mode-preview-1 → 0.8.0-bundle-mode-preview-2

package/.worklets/dummy.md

@@ -0,0 +1 @@
+The purpose of this file is always have `.worklets` directory in the package, as some environments have trouble creating it dynamically.

package/bundleMode/index.d.ts

@@ -1,3 +1,6 @@
 declare module 'react-native-worklets/bundleMode' {
+  /** Use in React Native Community projects. */
   export const bundleModeMetroConfig: any;
+  /** Use in Expo projects. */
+  export function getBundleModeMetroConfig(): any;
 }

package/bundleMode/index.js

@@ -1,10 +1,92 @@
-const { getDefaultConfig } = require('@react-native/metro-config');
+/* eslint-disable */
+// @ts-nocheck
 const path = require('path');
 
+let getDefaultConfig = () => ({});
+try {
+  getDefaultConfig = require('@react-native/metro-config').getDefaultConfig;
+} catch {
+  /* empty */
+}
+
 const workletsPackageParentDir = path.resolve(__dirname, '../..');
 
 const defaults = getDefaultConfig(__dirname);
 
+const workletsDirPath = path.join('react-native-worklets', '.worklets');
+
+function bundleModeResolveRequest(
+  /** @type {any} */ context,
+  /** @type {string} */ moduleName,
+  /** @type {any} */ platform
+) {
+  if (moduleName.startsWith(workletsDirPath)) {
+    const fullModuleName = path.join(workletsPackageParentDir, moduleName);
+    return { type: 'sourceFile', filePath: fullModuleName };
+  }
+  return context.resolveRequest(context, moduleName, platform);
+}
+
+/** Use in React Native Community projects. */
+const bundleModeMetroConfig = {
+  serializer: {
+    getModulesRunBeforeMainModule(/** @type {string} dirname */ dirname) {
+      return [
+        ...getEntryPoints(),
+        ...(defaults?.serializer?.getModulesRunBeforeMainModule?.(dirname) ||
+          []),
+      ];
+    },
+    createModuleIdFactory: bundleModeCreateModuleIdFactory,
+  },
+  resolver: {
+    resolveRequest: (
+      /** @type {any} */ context,
+      /** @type {string} */ moduleName,
+      /** @type {any} */ platform
+    ) => {
+      if (moduleName.startsWith(workletsDirPath)) {
+        const fullModuleName = path.join(workletsPackageParentDir, moduleName);
+        return { type: 'sourceFile', filePath: fullModuleName };
+      }
+      return context.resolveRequest(context, moduleName, platform);
+    },
+  },
+};
+
+/** Use in Expo projects. */
+function getBundleModeMetroConfig(config) {
+  const currentGetModulesRunBeforeMainModule =
+    config?.serializer?.getModulesRunBeforeMainModule;
+
+  config.serializer.getModulesRunBeforeMainModule = (
+    /** @type {string} dirname */ dirname
+  ) => [
+    ...getEntryPoints(),
+    ...(currentGetModulesRunBeforeMainModule?.(dirname) || []),
+  ];
+
+  config.serializer.createModuleIdFactory = bundleModeCreateModuleIdFactory;
+
+  config.resolver.resolveRequest = bundleModeResolveRequest;
+
+  const currentGetTransformOptions = config?.transformer?.getTransformOptions;
+  config.transformer.getTransformOptions = async () => {
+    const options = currentGetTransformOptions
+      ? await currentGetTransformOptions()
+      : {};
+    return {
+      ...options,
+      transform: {
+        ...options.transform,
+        inlineRequires: true,
+      },
+    };
+  };
+
+  return config;
+}
+
 function getEntryPoints() {
   const entryPoints = [];
   try {
@@ -28,48 +110,25 @@ function getEntryPoints() {
   return entryPoints;
 }
 
+function bundleModeCreateModuleIdFactory() {
+  let nextId = 0;
+  const idFileMap = new Map();
+  return (/** @type {string} */ moduleName) => {
+    if (idFileMap.has(moduleName)) {
+      return idFileMap.get(moduleName);
+    }
+    if (moduleName.includes(workletsDirPath)) {
+      const base = path.basename(moduleName, '.js');
+      const id = Number(base);
+      idFileMap.set(moduleName, id);
+      return id;
+    }
+    idFileMap.set(moduleName, nextId++);
+    return idFileMap.get(moduleName);
+  };
+}
+
 module.exports = {
-  bundleModeMetroConfig: {
-    serializer: {
-      getModulesRunBeforeMainModule(/** @type {string} dirname */ dirname) {
-        return [
-          ...getEntryPoints(),
-          ...defaults.serializer.getModulesRunBeforeMainModule(dirname),
-        ];
-      },
-      createModuleIdFactory() {
-        let nextId = 0;
-        const idFileMap = new Map();
-        return (/** @type {string} */ moduleName) => {
-          if (idFileMap.has(moduleName)) {
-            return idFileMap.get(moduleName);
-          }
-          if (moduleName.includes('react-native-worklets/.worklets/')) {
-            const base = path.basename(moduleName, '.js');
-            const id = Number(base);
-            idFileMap.set(moduleName, id);
-            return id;
-          }
-          idFileMap.set(moduleName, nextId++);
-          return idFileMap.get(moduleName);
-        };
-      },
-    },
-    resolver: {
-      resolveRequest: (
-        /** @type {any} */ context,
-        /** @type {string} */ moduleName,
-        /** @type {any} */ platform
-      ) => {
-        if (moduleName.startsWith('react-native-worklets/.worklets/')) {
-          const fullModuleName = path.join(
-            workletsPackageParentDir,
-            moduleName
-          );
-          return { type: 'sourceFile', filePath: fullModuleName };
-        }
-        return context.resolveRequest(context, moduleName, platform);
-      },
-    },
-  },
+  getBundleModeMetroConfig,
+  bundleModeMetroConfig,
 };

package/lib/module/debug/jsVersion.js

@@ -5,5 +5,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '0.8.0-bundle-mode-preview-1';
+export const jsVersion = '0.8.0-bundle-mode-preview-2';
 //# sourceMappingURL=jsVersion.js.map

package/lib/typescript/debug/jsVersion.d.ts

@@ -3,5 +3,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export declare const jsVersion = "0.8.0-bundle-mode-preview-1";
+export declare const jsVersion = "0.8.0-bundle-mode-preview-2";
 //# sourceMappingURL=jsVersion.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-worklets",
-  "version": "0.8.0-bundle-mode-preview-1",
+  "version": "0.8.0-bundle-mode-preview-2",
   "description": "The React Native multithreading library",
   "keywords": [
     "react-native",
@@ -52,6 +52,7 @@
   "homepage": "https://docs.swmansion.com/react-native-worklets",
   "peerDependencies": {
     "@babel/core": "*",
+    "@react-native/metro-config": "*",
     "react": "*",
     "react-native": "*"
   },
@@ -115,6 +116,8 @@
     "!android/gradlew",
     "!android/gradlew.bat",
     "!android/local.properties",
+    "!.worklets",
+    ".worklets/dummy.md",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -149,13 +152,6 @@
     "jsSrcsDir": "src/specs",
     "android": {
       "javaPackageName": "com.swmansion.worklets"
-    },
-    "ios": {
-      "modulesConformingToProtocol": {
-        "RCTBundleConsumer": [
-          "WorkletsModule"
-        ]
-      }
     }
   }
 }

package/plugin/index.js

@@ -689,9 +689,6 @@ var require_generate = __commonJS({
         comments: false
       })) === null || _a === void 0 ? void 0 : _a.code;
       (0, assert_1.default)(transformedProg, "[Worklets] `transformedProg` is undefined.");
-      if (!(0, fs_1.existsSync)(filesDirPath)) {
-        (0, fs_1.mkdirSync)(filesDirPath, {});
-      }
       const dedicatedFilePath = (0, path_1.resolve)(filesDirPath, `${workletHash}.js`);
       (0, fs_1.writeFileSync)(dedicatedFilePath, transformedProg);
     }

package/src/debug/jsVersion.ts

@@ -5,4 +5,4 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '0.8.0-bundle-mode-preview-1';
+export const jsVersion = '0.8.0-bundle-mode-preview-2';