init

packages/Example/babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [['react-native-reanimated/plugin', {processNestedWorklets: true}]],
+};

packages/react-native-reanimated/Example/ios/ReanimatedExample.xcodeproj/project.pbxproj → packages/Example/ios/ReanimatedExample.xcodeproj/project.pbxproj

@@ -320,7 +320,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
 		};
 		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -646,7 +646,7 @@
 					"$(inherited)",
 					" ",
 				);
-				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
 			};
@@ -721,7 +721,7 @@
 					"$(inherited)",
 					" ",
 				);
-				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
+				REACT_NATIVE_PATH = "${PODS_ROOT}/../../../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
 				VALIDATE_PRODUCT = YES;

packages/Example/metro.config.js

@@ -0,0 +1,42 @@
+const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+
+const path = require('path');
+// const exclusionList = require('metro-config/src/defaults/exclusionList');
+// const escape = require('escape-string-regexp');
+// const pack = require('../../package.json');
+
+const root = path.resolve(__dirname, '../..');
+
+// const modules = Object.keys(pack.peerDependencies);
+
+// /**
+//  * Metro configuration
+//  * https://facebook.github.io/metro/docs/configuration
+//  *
+//  * @type {import('metro-config').MetroConfig}
+//  */
+// const config = {
+//   projectRoot: __dirname,
+//   watchFolders: [root],
+
+//   // We need to make sure that only one version is loaded for peerDependencies
+//   // So we exclude them at the root, and alias them to the versions in example's node_modules
+//   resolver: {
+//     blacklistRE: exclusionList(
+//       modules.map(
+//         m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`),
+//       ),
+//     ),
+
+//     extraNodeModules: modules.reduce((acc, name) => {
+//       acc[name] = path.join(__dirname, 'node_modules', name);
+//       return acc;
+//     }, {}),
+//   },
+// };
+
+const config = {
+  watchFolders: [root],
+};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);

packages/react-native-reanimated/Example/package.json → packages/Example/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ReanimatedExample",
+  "name": "react-native-reanimated-example",
   "version": "0.0.1",
   "private": true,
   "scripts": {
@@ -21,7 +21,8 @@
     "react-native": "0.74.0",
     "react-native-gesture-handler": "^2.16.0",
     "react-native-pager-view": "^6.2.3",
-    "react-native-reanimated": "link:../",
+    "react-native-reanimated": "workspace:*",
+    "react-native-reanimated-app": "workspace:*",
     "react-native-safe-area-context": "4.10.0-rc.1",
     "react-native-screens": "3.31.0-rc.1",
     "react-native-svg": "^15.2.0-rc.0"

packages/Example/react-native.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  // project: {
+  //   ios: {},
+  //   android: {},
+  // },
+  // assets: ['./assets/fonts/'],
+};

packages/react-native-reanimated/Example/tsconfig.json → packages/Example/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../react-native-reanimated/tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {

packages/react-native-reanimated/app/package.json → packages/app/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "react-native-reanimated-app",
   "private": true,
   "scripts": {
     "build": "yarn patch-package",
@@ -23,7 +24,7 @@
     "react-dom": "18.0.0",
     "react-native-gesture-handler": "^2.16.0",
     "react-native-pager-view": "^6.2.3",
-    "react-native-reanimated": "link:../",
+    "react-native-reanimated": "workspace:*",
     "react-native-safe-area-context": "4.10.0-rc.1",
     "react-native-screens": "3.31.0-rc.1",
     "react-native-svg": "^15.2.0-rc.0",
@@ -33,7 +34,6 @@
     "@tsconfig/react-native": "^3.0.0",
     "@types/d3-shape": "^3.1.1",
     "eslint": "^8.0.0-0",
-    "eslint-plugin-reanimated": "link:../eslintPlugin",
     "patch-package": "^7.0.0",
     "prettier": "^2.8.7",
     "typescript": "^5.0.2"