react-cosmos-native 6.0.0-alpha.9 → 6.0.0-beta.2

package/dist/NativeFixtureLoader.d.ts

@@ -1,9 +1,9 @@
-import { FixtureId, ReactDecorators, ReactFixtureWrappers, RendererConfig } from 'react-cosmos-core';
+/// <reference types="react" />
+import { FixtureId, RendererConfig, UserModuleWrappers } from 'react-cosmos-core';
 type Props = {
     rendererConfig: RendererConfig;
-    fixtures: ReactFixtureWrappers;
-    decorators: ReactDecorators;
+    moduleWrappers: UserModuleWrappers;
     initialFixtureId?: FixtureId;
 };
-export declare function NativeFixtureLoader({ rendererConfig: { playgroundUrl }, fixtures, decorators, initialFixtureId, }: Props): JSX.Element;
+export declare function NativeFixtureLoader({ rendererConfig, moduleWrappers, initialFixtureId, }: Props): JSX.Element;
 export {};

package/dist/NativeFixtureLoader.js

@@ -1,17 +1,15 @@
 import React from 'react';
-import { createWebSocketsConnect, FixtureLoader, } from 'react-cosmos-core';
+import { ClientFixtureLoader } from 'react-cosmos-renderer/client';
 import * as ReactNative from 'react-native';
-import { getSocketUrl } from './getSocketUrl.js';
+import { NativeRendererProvider } from './NativeRendererProvider.js';
 const { View, Text, StyleSheet } = ReactNative;
-// TODO: Generate unique ID per device
-const rendererId = 'native-renderer';
-export function NativeFixtureLoader({ rendererConfig: { playgroundUrl }, fixtures, decorators, initialFixtureId, }) {
-    const socketUrl = getSocketUrl(playgroundUrl);
-    return (React.createElement(FixtureLoader, { rendererId: rendererId, rendererConnect: createWebSocketsConnect(socketUrl), fixtures: fixtures, initialFixtureId: initialFixtureId, systemDecorators: [], userDecorators: decorators, renderMessage: renderMessage }));
+export function NativeFixtureLoader({ rendererConfig, moduleWrappers, initialFixtureId, }) {
+    return (React.createElement(NativeRendererProvider, { rendererConfig: rendererConfig, initialFixtureId: initialFixtureId },
+        React.createElement(ClientFixtureLoader, { moduleWrappers: moduleWrappers, renderMessage: renderMessage })));
 }
-function renderMessage({ msg }) {
+function renderMessage(msg) {
     return (React.createElement(View, { style: styles.container },
-        React.createElement(Text, null, msg)));
+        React.createElement(Text, { style: styles.text }, msg)));
 }
 const styles = StyleSheet.create({
     container: {
@@ -20,4 +18,8 @@ const styles = StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
     },
+    text: {
+        fontSize: 24,
+        fontWeight: '300',
+    },
 });

package/dist/NativeRendererProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FixtureId, RendererConfig } from 'react-cosmos-core';
+type Props = {
+    children: React.ReactNode;
+    rendererConfig: RendererConfig;
+    initialFixtureId?: FixtureId | null;
+};
+export declare function NativeRendererProvider({ children, rendererConfig, initialFixtureId, }: Props): JSX.Element;
+export {};

package/dist/NativeRendererProvider.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { createWebSocketsConnect } from 'react-cosmos-renderer';
+import { StatefulRendererProvider } from 'react-cosmos-renderer/client';
+import { DevSettings } from 'react-native';
+import { getSocketUrl } from './getSocketUrl.js';
+export function NativeRendererProvider({ children, rendererConfig, initialFixtureId = null, }) {
+    const rendererConnect = React.useMemo(() => createWebSocketsConnect(getSocketUrl(rendererConfig.playgroundUrl)), [rendererConfig.playgroundUrl]);
+    return (React.createElement(StatefulRendererProvider
+    // TODO: Generate unique ID per device
+    , { 
+        // TODO: Generate unique ID per device
+        rendererId: "native-renderer", rendererConnect: rendererConnect, locked: false, selectedFixtureId: initialFixtureId, reloadRenderer: reloadRenderer }, children));
+}
+function reloadRenderer() {
+    DevSettings.reload();
+}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "react-cosmos-native",
-  "version": "6.0.0-alpha.9",
+  "version": "6.0.0-beta.2",
   "description": "React Cosmos Native",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-native",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
   "dependencies": {
-    "react-cosmos-core": "^6.0.0-alpha.9"
+    "react-cosmos-core": "6.0.0-beta.2",
+    "react-cosmos-renderer": "6.0.0-beta.2"
   },
-  "gitHead": "b155b223f904f5cc29e2f13ac79ab7c4b302ed2b"
+  "gitHead": "f3e3893b0439132e083228f312c62e4379f39762"
 }