react-cosmos-native 6.0.0-alpha.18 → 6.0.0-alpha.20

package/dist/NativeFixtureLoader.d.ts

@@ -5,5 +5,5 @@ type Props = {
     moduleWrappers: UserModuleWrappers;
     initialFixtureId?: FixtureId;
 };
-export declare function NativeFixtureLoader({ rendererConfig: { playgroundUrl }, moduleWrappers, 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, FixtureConnect, } 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 }, moduleWrappers, initialFixtureId, }) {
-    const socketUrl = getSocketUrl(playgroundUrl);
-    return (React.createElement(FixtureConnect, { rendererId: rendererId, rendererConnect: createWebSocketsConnect(socketUrl), moduleWrappers: moduleWrappers, systemDecorators: [], initialFixtureId: initialFixtureId, 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) {
     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;
+};
+export declare function NativeRendererProvider({ children, rendererConfig, initialFixtureId, }: Props): JSX.Element;
+export {};

package/dist/NativeRendererProvider.js

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

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "react-cosmos-native",
-  "version": "6.0.0-alpha.18",
+  "version": "6.0.0-alpha.20",
   "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.18"
+    "react-cosmos-core": "6.0.0-alpha.20",
+    "react-cosmos-renderer": "6.0.0-alpha.20"
   },
-  "gitHead": "470aceb8ef9ac1a82f050edcfdaf4d62c7e97a61"
+  "gitHead": "31201ce4185919b054f42b8f15b3e87033af4e69"
 }