react-cosmos-native 6.0.0-alpha.0 → 6.0.0-alpha.12

package/dist/NativeFixtureLoader.d.ts

@@ -1,9 +1,8 @@
-import { FixtureId, ReactDecorators, ReactFixtureWrappers, RendererConfig } from 'react-cosmos-core';
+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: { playgroundUrl }, moduleWrappers, initialFixtureId, }: Props): JSX.Element;
 export {};

package/dist/NativeFixtureLoader.js

@@ -1,19 +1,15 @@
 import React from 'react';
-import { createWebSocketsConnect, FixtureLoader, } from 'react-cosmos-core';
+import { createWebSocketsConnect, FixtureConnect, } from 'react-cosmos-core';
 import * as ReactNative from 'react-native';
-const { View, Text, StyleSheet, NativeModules } = ReactNative;
+import { getSocketUrl } from './getSocketUrl.js';
+const { View, Text, StyleSheet } = ReactNative;
 // TODO: Generate unique ID per device
 const rendererId = 'native-renderer';
-export function NativeFixtureLoader({ rendererConfig: { playgroundUrl }, fixtures, decorators, initialFixtureId, }) {
+export function NativeFixtureLoader({ rendererConfig: { playgroundUrl }, moduleWrappers, initialFixtureId, }) {
     const socketUrl = getSocketUrl(playgroundUrl);
-    return (React.createElement(FixtureLoader, { rendererId: rendererId, rendererConnect: createWebSocketsConnect(socketUrl), fixtures: fixtures, initialFixtureId: initialFixtureId, systemDecorators: [], userDecorators: decorators, renderMessage: renderMessage }));
+    return (React.createElement(FixtureConnect, { rendererId: rendererId, rendererConnect: createWebSocketsConnect(socketUrl), moduleWrappers: moduleWrappers, systemDecorators: [], initialFixtureId: initialFixtureId, renderMessage: renderMessage }));
 }
-function getSocketUrl(playgroundUrl) {
-    const { hostname } = new URL(NativeModules.SourceCode.scriptURL);
-    const { port } = new URL(playgroundUrl);
-    return `ws://${hostname}:${port}`;
-}
-function renderMessage({ msg }) {
+function renderMessage(msg) {
     return (React.createElement(View, { style: styles.container },
         React.createElement(Text, null, msg)));
 }

package/dist/getSocketUrl.d.ts

@@ -0,0 +1 @@
+export declare function getSocketUrl(playgroundUrl: string): string;

package/dist/getSocketUrl.js

@@ -0,0 +1,11 @@
+import * as ReactNative from 'react-native';
+const { NativeModules } = ReactNative;
+export function getSocketUrl(playgroundUrl) {
+    // The URL module isn't implemented fully in React Native and I don't want to
+    // bring in another dependency just for this.
+    const scriptURL = NativeModules.SourceCode.scriptURL;
+    const [, hostname] = scriptURL.match(/:\/\/(.+?)(:|\/)/);
+    const portMatch = playgroundUrl.match(/:(\d+)(\/|$)/);
+    const port = portMatch ? portMatch[1] : '80';
+    return `ws://${hostname}:${port}`;
+}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "react-cosmos-native",
-  "version": "6.0.0-alpha.0",
+  "version": "6.0.0-alpha.12",
   "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.0"
+    "react-cosmos-core": "^6.0.0-alpha.12"
   },
-  "gitHead": "b021231584639f3028fe08deacd418f0ec4cc002"
+  "gitHead": "5987f899563ec2ddae727d4d57431a0400c49161"
 }