Monorepo [9/?] - TVOSExample

apps/tvos-example/App.tsx

@@ -0,0 +1,4 @@
+// TODO: make common-app export it
+import BokehExample from 'common-app/src/examples/BokehExample';
+
+export default BokehExample;

apps/tvos-example/babel.config.js

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

packages/react-native-reanimated/TVOSExample/index.js → apps/tvos-example/index.js

@@ -2,8 +2,8 @@
  * @format
  */
 
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

apps/tvos-example/ios/TVOSExample/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,53 @@
+{
+  "images": [
+    {
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "20x20"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "20x20"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "29x29"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "29x29"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "40x40"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "40x40"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "2x",
+      "size": "60x60"
+    },
+    {
+      "idiom": "iphone",
+      "scale": "3x",
+      "size": "60x60"
+    },
+    {
+      "idiom": "ios-marketing",
+      "scale": "1x",
+      "size": "1024x1024"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

apps/tvos-example/ios/TVOSExample/Images.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info": {
+    "version": 1,
+    "author": "xcode"
+  }
+}

packages/react-native-reanimated/TVOSExample/metro.config.js → apps/tvos-example/metro.config.js

@@ -1,13 +1,12 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+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 root = path.resolve(__dirname, '../..');
 
-const modules = Object.keys(pack.peerDependencies);
+const modules = ['react-native'];
 
 /**
  * Metro configuration
@@ -24,8 +23,9 @@ const config = {
   resolver: {
     blacklistRE: exclusionList(
       modules.map(
-        m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`),
-      ),
+        (m) =>
+          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
+      )
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {
@@ -35,4 +35,4 @@ const config = {
   },
 };
 
-module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);

packages/react-native-reanimated/TVOSExample/package.json → apps/tvos-example/package.json

@@ -1,20 +1,21 @@
 {
-  "name": "TVOSExample",
+  "name": "tvos-example",
   "version": "0.0.1",
   "private": true,
   "scripts": {
     "android": "expo run:android",
     "ios": "expo run:ios",
     "tvos": "expo run:ios --scheme TVOSExample-tvOS --device \"Apple TV\"",
-    "lint": "eslint .",
+    "lint": "eslint . --max-warnings 0",
+    "format": "prettier --write --list-different .",
     "start": "expo start",
     "test": "jest"
   },
   "dependencies": {
     "expo": "^50.0.2",
     "react": "18.2.0",
     "react-native": "npm:react-native-tvos@0.73.4-0",
-    "react-native-reanimated": "link:../"
+    "react-native-reanimated": "workspace:*"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

apps/tvos-example/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

package.json

@@ -4,7 +4,8 @@
   "packageManager": "yarn@4.1.1",
   "workspaces": {
     "packages": [
-      "packages/*",
+      "packages/react-native-reanimated",
+      "packages/eslint-plugin-reanimated",
       "apps/*"
     ]
   },

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

@@ -1,5 +1,5 @@
 {
-  "name": "react-native-reanimated-docs",
+  "name": "docs-reanimated",
   "version": "0.0.0",
   "private": true,
   "scripts": {