storybook-react-native: fix story discovery glob base and restore GestureHandlerRootView decorator\n\n- Strip '**' and everything after from glob when deriving base dir in generate-storybook-requires.js to avoid resolving non-existent 'src/**' directories that yield zero stories.\n- Wrap all stories with GestureHandlerRootView in preview.js to ensure react-native-gesture-handler gestures function correctly in Storybook.

cursoragent · cursoragent · commit b360e425fdf7 · 2026-04-16T20:14:00.000Z
diff --git a/apps/storybook-react-native/.rnstorybook/preview.js b/apps/storybook-react-native/.rnstorybook/preview.js
@@ -1,15 +1,18 @@
 import React from 'react';
 import { useColorScheme } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { ThemeProvider, Theme } from '@metamask/design-system-twrnc-preset';
 
 const ThemeDecorator = ({ children }) => {
   const colorScheme = useColorScheme();
   const theme = colorScheme === 'dark' ? Theme.Dark : Theme.Light;
 
   return (
-    <ThemeProvider theme={theme}>
-      {children}
-    </ThemeProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <ThemeProvider theme={theme}>
+        {children}
+      </ThemeProvider>
+    </GestureHandlerRootView>
   );
 };
 
diff --git a/apps/storybook-react-native/scripts/generate-storybook-requires.js b/apps/storybook-react-native/scripts/generate-storybook-requires.js
@@ -28,7 +28,19 @@ const config = require(configPath);
  * @returns {string[]} Matching file paths relative to rnstorybookDir.
  */
 function findStoryFiles(pattern, cwd) {
-  const resolvedBase = path.resolve(cwd, path.dirname(pattern));
+  // Derive a real base directory from the glob pattern.
+  // path.dirname on a pattern with "**" yields a non-existent "src/**" folder.
+  // Strip "**" and everything after it to get the actual base directory.
+  let baseFromPattern = pattern;
+  const recursiveIdx = baseFromPattern.indexOf('**');
+  if (recursiveIdx !== -1) {
+    baseFromPattern = baseFromPattern.slice(0, recursiveIdx);
+  } else {
+    baseFromPattern = path.dirname(baseFromPattern);
+  }
+  // Remove any trailing path separators left after slicing
+  baseFromPattern = baseFromPattern.replace(/[\\/]+$/u, '') || '.';
+  const resolvedBase = path.resolve(cwd, baseFromPattern);
 
   // Extract extensions from @(js|jsx|ts|tsx) pattern
   const extMatch = pattern.match(/@\(([^)]+)\)/u);
