add react-strict-animated example app

This diff adds an example app showing off how to use the react-strict-animated library in an expo app. Currently when the app renders on the web there are some animation issues but the API calls are correct and I'll be addressing the composite animation issues in a later diff.

Author: vincentriemer

.gitignore

@@ -1,4 +1,5 @@
 .cache
+.expo
 .next
 build
 coverage

apps/animated-example/app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "animated-example",
+    "slug": "animated-example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#1a1a2e"
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.anonymous.animated-example"
+    },
+    "web": {
+      "bundler": "metro",
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

apps/animated-example/assets/adaptive-icon.png

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const reactStrictPreset = require('react-strict-dom/babel-preset');
+
+function getPlatform(caller) {
+  return caller && caller.platform;
+}
+
+function getIsDev(caller) {
+  if (caller?.isDev != null) return caller.isDev;
+  // https://babeljs.io/docs/options#envname
+  return (
+    process.env.BABEL_ENV === 'development' ||
+    process.env.NODE_ENV === 'development'
+  );
+}
+
+module.exports = function (api) {
+  //api.cache(true);
+
+  const platform = api.caller(getPlatform);
+  const dev = api.caller(getIsDev);
+
+  const plugins = [];
+  const presets = [
+    'babel-preset-expo',
+    [reactStrictPreset, { debug: true, dev, platform }]
+  ];
+
+  return {
+    plugins,
+    presets
+  };
+};

apps/animated-example/assets/favicon.png

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// Learn more https://docs.expo.dev/guides/monorepos
+const { getDefaultConfig } = require('expo/metro-config');
+
+// Find the project and workspace directories
+const projectRoot = __dirname;
+
+const config = getDefaultConfig(projectRoot);
+
+module.exports = config;

apps/animated-example/assets/icon.png

@@ -0,0 +1,30 @@
+{
+  "private": true,
+  "name": "animated-example",
+  "version": "0.0.1",
+  "main": "./src/app/index.js",
+  "scripts": {
+    "dev": "expo start --clear",
+    "dev:android": "expo start --android --clear",
+    "dev:ios": "expo start --ios --clear",
+    "dev:web": "expo start --web --clear",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "~5.0.4",
+    "expo": "^53.0.11",
+    "expo-build-properties": "~0.14.6",
+    "expo-status-bar": "~2.2.3",
+    "react": "~19.0.0",
+    "react-dom": "~19.0.0",
+    "react-native": "~0.79.5",
+    "react-native-web": "~0.20.0",
+    "react-strict-dom": "0.0.54",
+    "react-strict-animated": "0.0.55",
+    "react-native-safe-area-context": "5.4.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.27.3"
+  }
+}

apps/animated-example/assets/splash.png

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+module.exports = {
+  plugins: [
+    require('react-strict-dom/postcss-plugin')({
+      include: [
+        'src/**/*.{js,jsx,mjs,ts,tsx}',
+        '../../node_modules/example-ui/**/*.jsx',
+        '../../node_modules/react-strict-animated/**/*.js'
+      ]
+    }),
+    require('autoprefixer')
+  ]
+};