Upgrade alpha storybook setup

Author: cray0000

AGENTS.md

@@ -9,8 +9,7 @@ This repository is the source monorepo for `startupjs-ui`: the shared multiplatf
 - `packages/docs` and `packages/mdx`: internal docs support packages, not normal app-facing components.
 - `packages/core`: shared theming, helpers, CSS variables, and other low-level infrastructure.
 - `docs/`: the user-facing StartupJS + Expo documentation app.
-- `storybook/`: shared stories and native Storybook workspace.
-- `storybook-web/`: the web Storybook harness used for interaction and accessibility checks.
+- `storybook/`: shared Storybook workspace with native `.rnstorybook` and web `.storybook` setups.
 - `scripts/`: repo maintenance scripts such as export checks and declaration generation.
 - `tasks.md`: the live QA ledger and follow-up backlog.
 

docs/package.json

@@ -44,8 +44,8 @@
     "expo-symbols": "~55.0.7",
     "expo-system-ui": "~55.0.13",
     "expo-web-browser": "~55.0.12",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-native": "0.83.4",
     "react-native-gesture-handler": "~2.30.0",
     "react-native-pager-view": "8.0.0",
@@ -55,7 +55,7 @@
     "react-native-svg": "15.15.3",
     "react-native-web": "~0.21.0",
     "react-native-worklets": "0.7.2",
-    "startupjs": "^0.62.0-alpha.14"
+    "startupjs": "^0.62.0-alpha.16"
   },
   "devDependencies": {
     "@types/react": "~19.2.10",

eslint.config.mjs

@@ -18,9 +18,8 @@ export default defineConfig([
     ignores: [
       'node_modules/*', 'dist/*',
       'docs/.expo', 'docs/dist/*', 'docs/expo-env.d.ts',
-      // Storybook workspaces
+      // Storybook workspace
       'storybook/*',
-      'storybook-web/*',
       // Outdated code left for reference and future refactoring
       'packages/docs/client/app/*',
       // AUTO-GENERATED START (generate-package-dts)

lerna.json

@@ -3,6 +3,7 @@
   "npmClient": "yarn",
   "packages": [
     "packages/*",
-    "docs"
+    "docs",
+    "storybook"
   ]
-}
+}

package.json

@@ -5,11 +5,8 @@
   },
   "workspaces": [
     "packages/*",
-    "docs"
-  ],
-  "//workspaces": [
-    "storybook",
-    "storybook-web"
+    "docs",
+    "storybook"
   ],
   "scripts": {
     "start": "yarn docs",
@@ -19,15 +16,15 @@
     "start-production": "cd docs && yarn start-production",
     "start-production-static": "cd docs && yarn start-production-static",
     "docs": "cd docs && yarn start",
-    "storybook": "cd storybook-web && yarn storybook",
-    "storybook:web": "cd storybook-web && yarn storybook",
-    "storybook:build": "cd storybook-web && yarn build-storybook",
-    "storybook:build:pages": "cd storybook-web && yarn build-storybook --output-dir ../docs/dist/storybook",
-    "storybook:test": "cd storybook-web && yarn test-storybook",
-    "storybook:test:watch": "cd storybook-web && yarn test-storybook:watch",
-    "storybook:native": "cd storybook && yarn start",
-    "storybook:native:web": "cd storybook && yarn web",
-    "storybook:native:build": "cd storybook && yarn build",
+    "storybook": "yarn workspace startupjs-ui-storybook storybook",
+    "storybook:web": "yarn workspace startupjs-ui-storybook storybook",
+    "storybook:build": "yarn workspace startupjs-ui-storybook build-storybook",
+    "storybook:build:pages": "yarn workspace startupjs-ui-storybook build-storybook --output-dir ../docs/dist/storybook",
+    "storybook:test": "yarn workspace startupjs-ui-storybook test-storybook",
+    "storybook:test:watch": "yarn workspace startupjs-ui-storybook test-storybook:watch",
+    "storybook:native": "yarn workspace startupjs-ui-storybook start",
+    "storybook:native:web": "yarn workspace startupjs-ui-storybook web",
+    "storybook:native:build": "yarn workspace startupjs-ui-storybook build",
     "test": "sh -c 'set -e; for dir in packages/*/; do echo \"Testing $dir\"; (cd \"$dir\" && yarn test) || { echo \"\\033[31mERROR: Tests failed for $dir\\033[0m\"; exit 1; }; done'",
     "generate-package-dts": "node scripts/generate-package-dts.mjs",
     "publish-patch": "dotenv -- npx lerna publish patch --conventional-commits --create-release=github",

scripts/generate-package-dts.mjs

@@ -67,8 +67,7 @@ async function main () {
     include: [],
     exclude: [
       '../../docs/**/*',
-      '../../storybook/**/*',
-      '../../storybook-web/**/*'
+      '../../storybook/**/*'
     ],
     files: [
       ...packagesToBuild.map(pkg => path.relative(tempDir, path.join(rootDir, pkg.entryFile))),

scripts/run-storybook.mjs

@@ -0,0 +1,37 @@
+import os from 'node:os'
+
+const originalNetworkInterfaces = os.networkInterfaces
+
+os.networkInterfaces = function networkInterfacesWithLoopbackFallback () {
+  try {
+    return originalNetworkInterfaces.call(os)
+  } catch (err) {
+    if (err?.code !== 'ERR_SYSTEM_ERROR' && err?.syscall !== 'uv_interface_addresses') {
+      throw err
+    }
+
+    return {
+      lo: [
+        {
+          address: '127.0.0.1',
+          netmask: '255.0.0.0',
+          family: 'IPv4',
+          mac: '00:00:00:00:00:00',
+          internal: true,
+          cidr: '127.0.0.1/8'
+        },
+        {
+          address: '::1',
+          netmask: 'ffff:ffff:ffff:ffff:ffff:ffff:ffff:ffff',
+          family: 'IPv6',
+          mac: '00:00:00:00:00:00',
+          internal: true,
+          cidr: '::1/128',
+          scopeid: 0
+        }
+      ]
+    }
+  }
+}
+
+await import('../node_modules/storybook/dist/bin/dispatcher.js')

storybook-web/package.json

@@ -17,7 +17,7 @@ const transpiledModules = [
 ]
 
 const config: StorybookConfig = {
-  stories: ['../../storybook/stories/**/*.stories.@(ts|tsx|js|jsx)'],
+  stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx)'],
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-a11y',