@storybook/react-native 8.2.0-alpha.1 → 8.3.0-alpha.1

package/dist/index.d.ts

@@ -81,7 +81,7 @@ declare function prepareStories({ storyEntries, options, }: {
     index: StoryIndex;
     importMap: Record<string, any>;
 };
-declare const getProjectAnnotations: (view: View, annotations: any[]) => () => Promise<_storybook_core_types.ProjectAnnotations<ReactRenderer>>;
+declare const getProjectAnnotations: (view: View, annotations: any[]) => () => Promise<_storybook_core_types.NormalizedProjectAnnotations<ReactRenderer>>;
 declare function start({ annotations, storyEntries, options, }: {
     storyEntries: Array<NormalizedStoriesSpecifier & {
         req: any;

package/dist/index.js

@@ -782,16 +782,19 @@ function dismissOnStartResponder() {
   import_react_native2.Keyboard.dismiss();
   return false;
 }
+var Text2 = import_react_native_theming.styled.Text(({ theme: theme3 }) => ({
+  color: theme3?.color?.defaultText
+}));
 var StoryView = () => {
   const context = useStoryContext();
   const id = context?.id;
-  const { backgroundColor } = (0, import_react_native_theming.useTheme)();
+  const theme3 = (0, import_react_native_theming.useTheme)();
   if (context && context.unboundStoryFn) {
     const { unboundStoryFn: StoryComponent } = context;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_react_native2.View,
       {
-        style: { flex: 1, backgroundColor },
+        style: { flex: 1, backgroundColor: theme3.background?.content },
         testID: id,
         onStartShouldSetResponder: dismissOnStartResponder,
         children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -807,7 +810,7 @@ var StoryView = () => {
       id
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { flex: 1, padding: 16, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { children: "Please open the sidebar and select a story to preview." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { flex: 1, padding: 16, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text2, { children: "Please open the sidebar and select a story to preview." }) });
 };
 var StoryView_default = import_react3.default.memo(StoryView);
 
@@ -924,10 +927,12 @@ var View3 = class {
     return channel;
   };
   createPreparedStoryMapping = async () => {
-    await Promise.all(
-      Object.keys(this._storyIndex.entries).map(async (storyId) => {
-        this._idToPrepared[storyId] = await this._preview.loadStory({ storyId });
-      })
+    await this._preview.ready().then(
+      () => Promise.all(
+        Object.keys(this._storyIndex.entries).map(async (storyId) => {
+          this._idToPrepared[storyId] = await this._preview.loadStory({ storyId });
+        })
+      )
     );
   };
   getStorybookUI = (params = {}) => {
@@ -948,7 +953,7 @@ var View3 = class {
       this._preview.channel = channel;
       this._preview.setupListeners();
       channel.emit(import_core_events.default.CHANNEL_CREATED);
-      this._preview.initializeWithStoryIndex(this._storyIndex);
+      this._preview.ready().then(() => this._preview.onStoryIndexChanged());
     }
     import_manager_api.addons.loadAddons({
       store: () => ({
@@ -1042,6 +1047,10 @@ var View3 = class {
 
 // src/Start.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+if (!URLSearchParams.get) {
+  const { setupURLPolyfill } = require("react-native-url-polyfill");
+  setupURLPolyfill();
+}
 function prepareStories({
   storyEntries,
   options

package/metro/withStorybook.js

@@ -1,14 +1,39 @@
 const path = require('path');
 const fs = require('fs');
 const { generate } = require('../scripts/generate');
+const { WebSocketServer } = require('ws');
 
 let alreadyReplaced = false;
 
-module.exports = (config, { configPath, enabled }) => {
+module.exports = (config, { configPath, enabled, websockets }) => {
   if (!enabled) {
     return config;
   }
 
+  if (websockets) {
+    const port = websockets.port ?? 7007;
+
+    const host = websockets.host ?? 'localhost';
+
+    const wss = new WebSocketServer({ port, host });
+
+    wss.on('connection', function connection(ws) {
+      console.log('websocket connection established');
+
+      ws.on('error', console.error);
+
+      ws.on('message', function message(data) {
+        try {
+          const json = JSON.parse(data.toString());
+
+          wss.clients.forEach((wsClient) => wsClient.send(JSON.stringify(json)));
+        } catch (error) {
+          console.error(error);
+        }
+      });
+    });
+  }
+
   generate({
     configPath: configPath ?? path.resolve(process.cwd(), './.storybook'),
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.2.0-alpha.1",
+  "version": "8.3.0-alpha.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -39,12 +39,12 @@
     "test:ci": "jest"
   },
   "dependencies": {
-    "@storybook/core": "^8.2.2",
+    "@storybook/core": "^8.3.0",
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^8.2.2",
-    "@storybook/react-native-theming": "^8.2.0-alpha.1",
-    "@storybook/react-native-ui": "^8.2.0-alpha.1",
+    "@storybook/react": "^8.3.0",
+    "@storybook/react-native-theming": "^8.3.0-alpha.1",
+    "@storybook/react-native-ui": "^8.3.0-alpha.1",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
@@ -52,8 +52,10 @@
     "glob": "^7.1.7",
     "prettier": "^2.4.1",
     "react-native-swipe-gestures": "^1.0.5",
+    "react-native-url-polyfill": "^2.0.0",
     "type-fest": "~2.19",
-    "util": "^0.12.4"
+    "util": "^0.12.4",
+    "ws": "^8.18.0"
   },
   "devDependencies": {
     "@types/jest": "^29.4.3",
@@ -78,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "361474c61185642c3e041d6a1d35b935a8725b7b"
+  "gitHead": "44d795b125a02dc9f669187d37d6b5f348bb2ea8"
 }