react-cosmos-native 6.2.4-canary.fb62804e.18 → 7.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,5 +5,5 @@ type Props = {
5
5
  rendererConfig: RendererConfig;
6
6
  initialFixtureId?: FixtureId | null;
7
7
  };
8
- export declare function NativeRendererProvider({ children, rendererConfig, initialFixtureId, }: Props): React.JSX.Element;
8
+ export declare function NativeRendererProvider({ children, rendererConfig: { webSocketUrl }, initialFixtureId, }: Props): React.JSX.Element;
9
9
  export {};
@@ -1,10 +1,11 @@
1
1
  import React from 'react';
2
- import { createWebSocketsConnect } from 'react-cosmos-renderer';
2
+ import { createNoopRendererConnect, createWebSocketsConnect, } from 'react-cosmos-renderer';
3
3
  import { StatefulRendererProvider } from 'react-cosmos-renderer/client';
4
4
  import { DevSettings } from 'react-native';
5
- import { getSocketUrl } from './getSocketUrl.js';
6
- export function NativeRendererProvider({ children, rendererConfig, initialFixtureId = null, }) {
7
- const rendererConnect = React.useMemo(() => createWebSocketsConnect(getSocketUrl(rendererConfig.playgroundUrl)), [rendererConfig.playgroundUrl]);
5
+ export function NativeRendererProvider({ children, rendererConfig: { webSocketUrl }, initialFixtureId = null, }) {
6
+ const rendererConnect = React.useMemo(() => webSocketUrl
7
+ ? createWebSocketsConnect(webSocketUrl)
8
+ : createNoopRendererConnect(), [webSocketUrl]);
8
9
  return (React.createElement(StatefulRendererProvider
9
10
  // TODO: Generate unique ID per device
10
11
  , {
@@ -1 +1 @@
1
- {"root":["../src/nativefixtureloader.tsx","../src/nativerendererprovider.tsx","../src/getsocketurl.ts","../src/index.ts"],"version":"5.7.3"}
1
+ {"root":["../src/nativefixtureloader.tsx","../src/nativerendererprovider.tsx","../src/index.ts"],"version":"5.8.3"}
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "react-cosmos-native",
3
- "version": "6.2.4-canary.fb62804e.18+fb62804e",
3
+ "version": "7.0.0-beta.0",
4
4
  "description": "React Cosmos Native",
5
5
  "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-native",
6
6
  "license": "MIT",
7
7
  "type": "module",
8
8
  "main": "./dist/index.js",
9
9
  "dependencies": {
10
- "react-cosmos-core": "6.2.4-canary.fb62804e.18+fb62804e",
11
- "react-cosmos-renderer": "6.2.4-canary.fb62804e.18+fb62804e"
10
+ "react-cosmos-core": "7.0.0-beta.0",
11
+ "react-cosmos-renderer": "7.0.0-beta.0"
12
12
  },
13
- "gitHead": "fb62804edf00a3963886be7568dd453f59567b46"
13
+ "gitHead": "c01fecbf8b3342846f24d5860bf2d5146801ae3e"
14
14
  }
@@ -1 +0,0 @@
1
- export declare function getSocketUrl(playgroundUrl: string): string;
@@ -1,14 +0,0 @@
1
- import { TurboModuleRegistry } from 'react-native';
2
- export function getSocketUrl(playgroundUrl) {
3
- // The URL module isn't implemented fully in React Native and I don't want to
4
- // bring in another dependency just for this.
5
- const sourceCode = TurboModuleRegistry.getEnforcing('SourceCode');
6
- const constants = sourceCode.getConstants?.();
7
- const scriptURL = constants.scriptURL;
8
- // https://stackoverflow.com/a/27755/1332513
9
- const urlRegex = /^(.*:)\/\/([A-Za-z0-9\-\.]+)(:[0-9]+)?(.*)$/;
10
- const [, _protocol, host] = scriptURL.match(urlRegex) || [];
11
- const [_url, protocol, _host, port = ':80'] = playgroundUrl.match(urlRegex) || [];
12
- const wsProtocol = protocol === 'https:' ? 'wss' : 'ws';
13
- return `${wsProtocol}://${host}${port}`;
14
- }