@fluentui-react-native/storybook-desktop-runtime 0.2.1 → 0.3.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.
- package/.cache/tsconfig.tsbuildinfo +1 -1
- package/CHANGELOG.md +39 -0
- package/README.md +10 -0
- package/config/metro.cjs +6 -1
- package/jest.config.cjs +1 -0
- package/lib/DesktopStoryRoot.d.ts.map +1 -1
- package/lib/DesktopStoryRoot.js +3 -2
- package/lib/DesktopStoryRoot.js.map +1 -1
- package/lib/StorybookTheme.d.ts +0 -1
- package/lib/StorybookTheme.d.ts.map +1 -1
- package/lib/StorybookTheme.js +29 -27
- package/lib/StorybookTheme.js.map +1 -1
- package/lib/StorybookTheme.test.d.ts +2 -0
- package/lib/StorybookTheme.test.d.ts.map +1 -0
- package/lib/StorybookTheme.test.js +111 -0
- package/lib/StorybookTheme.test.js.map +1 -0
- package/lib/StorybookUI.win32.js +3 -3
- package/lib/StorybookUI.win32.js.map +1 -1
- package/lib/ThemedStorybookUI.d.ts +3 -0
- package/lib/ThemedStorybookUI.d.ts.map +1 -0
- package/lib/ThemedStorybookUI.js +8 -0
- package/lib/ThemedStorybookUI.js.map +1 -0
- package/lib/Win32CalloutPortal.d.ts.map +1 -1
- package/lib/Win32CalloutPortal.js +3 -2
- package/lib/Win32CalloutPortal.js.map +1 -1
- package/lib/createDesktopStorybookApp.d.ts.map +1 -1
- package/lib/createDesktopStorybookApp.js +4 -14
- package/lib/createDesktopStorybookApp.js.map +1 -1
- package/lib/createDesktopStorybookPreview.d.ts.map +1 -1
- package/lib/createDesktopStorybookPreview.js +1 -2
- package/lib/createDesktopStorybookPreview.js.map +1 -1
- package/lib/useStorybookTheme.d.ts +3 -0
- package/lib/useStorybookTheme.d.ts.map +1 -0
- package/lib/useStorybookTheme.js +105 -0
- package/lib/useStorybookTheme.js.map +1 -0
- package/lib/useStorybookTheme.test.d.ts +2 -0
- package/lib/useStorybookTheme.test.d.ts.map +1 -0
- package/lib/useStorybookTheme.test.js +43 -0
- package/lib/useStorybookTheme.test.js.map +1 -0
- package/package.json +13 -6
- package/src/DesktopStoryRoot.tsx +3 -2
- package/src/StorybookTheme.test.tsx +133 -0
- package/src/StorybookTheme.tsx +91 -78
- package/src/StorybookUI.win32.tsx +3 -3
- package/src/ThemedStorybookUI.tsx +9 -0
- package/src/Win32CalloutPortal.tsx +4 -3
- package/src/createDesktopStorybookApp.tsx +6 -25
- package/src/createDesktopStorybookPreview.tsx +5 -8
- package/src/useStorybookTheme.test.tsx +63 -0
- package/src/useStorybookTheme.ts +112 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,44 @@
|
|
|
1
1
|
# @fluentui-react-native/storybook-desktop-runtime
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 65245b4: Place the entire desktop Storybook app in one ThemedRoot, derive chrome colors from its theme state, and render component test scenes under a shared ThemedRoot wrapper.
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 5b3f74c: Add the native macOS and Windows implementations, explicit native build
|
|
12
|
+
verification, and prebuilt-only Storybook PR pipeline integration for the
|
|
13
|
+
desktop-driver package. Keep the FocusZone Windows WinMD compatible with the
|
|
14
|
+
consuming Storybook application's target SDK.
|
|
15
|
+
- 65245b4: Add ref-backed focus targets and cancellable focus requests, shared focusable pressable behavior, live focused-owner modality subscriptions, and shared-controller popup input boundaries. Migrate agentic components and commit TabList eligibility before requesting native focus. Preserve native activation, adapt unidentified Win32 key codes without duplicate presses, and expose Toggle/Select accessibility actions. Add owned targeted native focus qualification through smoke story/tag selectors.
|
|
16
|
+
|
|
17
|
+
Keep the focusable pressable implementation native-only so React-only Framework Base consumers can load the generic entrypoint without importing the React Native runtime.
|
|
18
|
+
|
|
19
|
+
Separate native keyboard press cleanup from activation pairing, preserving macOS keydown activation and clearing pressed feedback after interruption, blur, disable, or target replacement. Centralize endpoint-specific accessibility action contracts in Framework Base, and execute shared focus stories on macOS with narrowly scoped Windows-only pointer assertions.
|
|
20
|
+
|
|
21
|
+
Carry owned modifier state on macOS native input events so rapid WebDriver chords such as Shift+Tab are delivered correctly.
|
|
22
|
+
|
|
23
|
+
Clarify that FocusZone uses geometric directional navigation on macOS, while Windows and Win32 opt into geometry with use2DNavigation.
|
|
24
|
+
|
|
25
|
+
Coalesce same-instance callback-ref handoffs without changing snapshots or mount generations, while rejecting detached-target activation immediately. Track repeated native key events separately from held physical keys so a single modifier release cannot leave later input modified.
|
|
26
|
+
- 5b3f74c: Build the source-shipped native desktop helper explicitly, reuse verified
|
|
27
|
+
content-addressed artifacts, and add the Windows/Win32 C++ and macOS Swift
|
|
28
|
+
providers. Storybook can build the helper independently, ensures it during
|
|
29
|
+
prep, and attaches authored smoke tests to the exact app process it launched.
|
|
30
|
+
macOS cache resolution pins stable signatures to the leaf certificate and
|
|
31
|
+
designated requirement, makes source builds reproducible, verifies Hardened
|
|
32
|
+
Runtime and secure timestamps, reports TCC/AX diagnostics, and normalizes Fabric
|
|
33
|
+
accessibility roles, window identity, input, and Retina ScreenCaptureKit
|
|
34
|
+
evidence.
|
|
35
|
+
- Updated dependencies [65245b4]
|
|
36
|
+
- Updated dependencies [65245b4]
|
|
37
|
+
- Updated dependencies [65245b4]
|
|
38
|
+
- @fluentui-react-native/design@0.5.0
|
|
39
|
+
- @fluentui-react-native/callout@0.29.5
|
|
40
|
+
- @fluentui-react-native/default-theme@0.27.13
|
|
41
|
+
|
|
3
42
|
## 0.2.1
|
|
4
43
|
|
|
5
44
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -16,6 +16,16 @@ The runtime owns the device side of the Desktop Driver Storybook contract:
|
|
|
16
16
|
- request/run IDs and preview generations;
|
|
17
17
|
- keyed per-test remount and render-error isolation.
|
|
18
18
|
|
|
19
|
+
One `ThemedRoot` wraps the entire app, including the theme toolbar and Storybook
|
|
20
|
+
chrome. The default Flex, light, dark, and high-contrast choices update both the
|
|
21
|
+
story and chrome without replacing the Storybook instance. The chrome adapter
|
|
22
|
+
reads `useThemeState` and maps its color tokens to the upstream Storybook theme,
|
|
23
|
+
while retaining upstream LiteUI on macOS/Windows and the desktop Win32 layout.
|
|
24
|
+
Native styles retain their original tokens. Storybook's JavaScript color
|
|
25
|
+
utilities cannot consume opaque colors such as high-contrast `PlatformColor`
|
|
26
|
+
values, so the chrome adapter warns and substitutes contrasting fixed colors
|
|
27
|
+
from the selected theme for those values.
|
|
28
|
+
|
|
19
29
|
It does not own W3C routing, WebdriverIO, test execution, evidence persistence,
|
|
20
30
|
or native accessibility/input/screenshot providers. Those responsibilities
|
|
21
31
|
belong to `@fluentui-react-native/desktop-driver`.
|
package/config/metro.cjs
CHANGED
|
@@ -106,7 +106,12 @@ function readDriverManifest(manifestPath) {
|
|
|
106
106
|
throw new Error(`Desktop Driver manifest does not exist at ${manifestPath}.`);
|
|
107
107
|
}
|
|
108
108
|
const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
|
|
109
|
-
if (
|
|
109
|
+
if (
|
|
110
|
+
manifest.schemaVersion !== 2 ||
|
|
111
|
+
!manifest.nativeDriver ||
|
|
112
|
+
!manifest.application ||
|
|
113
|
+
typeof manifest.application.leasePath !== 'string'
|
|
114
|
+
) {
|
|
110
115
|
throw new Error(`Unsupported Desktop Driver manifest schema "${manifest.schemaVersion}".`);
|
|
111
116
|
}
|
|
112
117
|
return manifest;
|
package/jest.config.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = require('@fluentui-react-native/scripts/jest-config');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopStoryRoot.d.ts","sourceRoot":"","sources":["../src/DesktopStoryRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"DesktopStoryRoot.d.ts","sourceRoot":"","sources":["../src/DesktopStoryRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA6C5E"}
|
package/lib/DesktopStoryRoot.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import { addons } from 'storybook/preview-api';
|
|
5
5
|
import { desktopStoryErrorEvent, desktopStoryReadyEvent } from './DesktopDriverBridge';
|
|
6
6
|
import { useDesktopStorybookConfig, useDesktopStorybookTestID } from './DesktopStorybookConfig';
|
|
7
7
|
export function DesktopStoryRoot({ children, storyId }) {
|
|
8
8
|
const { runtimeInstance, selection } = useDesktopStorybookConfig();
|
|
9
9
|
const testID = useDesktopStorybookTestID('story-root');
|
|
10
|
+
const exposeNativeMarker = Platform.OS === 'macos' || Platform.OS === 'windows' || Platform.OS === 'win32';
|
|
10
11
|
const activeSelection = selection?.storyId === storyId ? selection : undefined;
|
|
11
12
|
React.useEffect(() => {
|
|
12
13
|
if (!activeSelection || !runtimeInstance?.portablePlanDigest) {
|
|
@@ -35,7 +36,7 @@ export function DesktopStoryRoot({ children, storyId }) {
|
|
|
35
36
|
storyId,
|
|
36
37
|
});
|
|
37
38
|
}
|
|
38
|
-
}, children: _jsx(View, { accessibilityLabel: marker, style: styles.root, testID: testID, children: children }) }, key));
|
|
39
|
+
}, children: _jsx(View, { accessibilityLabel: marker, accessible: exposeNativeMarker || undefined, style: styles.root, testID: testID, children: children }) }, key));
|
|
39
40
|
}
|
|
40
41
|
class StoryRenderErrorBoundary extends React.Component {
|
|
41
42
|
state = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopStoryRoot.js","sourceRoot":"","sources":["../src/DesktopStoryRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"DesktopStoryRoot.js","sourceRoot":"","sources":["../src/DesktopStoryRoot.tsx"],"names":[],"mappings":"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"}
|
package/lib/StorybookTheme.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare function StorybookThemeHost({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare function StorybookThemeProvider({ children }: React.PropsWithChildren): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal>;
|
|
4
3
|
//# sourceMappingURL=StorybookTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorybookTheme.d.ts","sourceRoot":"","sources":["../src/StorybookTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StorybookTheme.d.ts","sourceRoot":"","sources":["../src/StorybookTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAWvE"}
|
package/lib/StorybookTheme.js
CHANGED
|
@@ -2,39 +2,44 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
4
4
|
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
5
|
-
import {
|
|
5
|
+
import { ThemedRoot, themedStyleSheetFactory, useThemeState } from '@fluentui-react-native/design';
|
|
6
6
|
import { useDesktopStorybookTestID } from './DesktopStorybookConfig';
|
|
7
7
|
const themeChoiceNames = ['none', 'light', 'dark', 'highContrast'];
|
|
8
8
|
const themeChoices = {
|
|
9
|
-
none: { label: '
|
|
9
|
+
none: { label: 'Default Flex' },
|
|
10
10
|
light: { label: 'Light', theme: createDefaultTheme({ appearance: 'light' }) },
|
|
11
11
|
dark: { label: 'Dark', theme: createDefaultTheme({ appearance: 'dark' }) },
|
|
12
12
|
highContrast: { label: 'High contrast', theme: createDefaultTheme({ appearance: 'highContrast' }) },
|
|
13
13
|
};
|
|
14
|
-
const StorybookThemeContext = React.createContext(undefined);
|
|
15
14
|
export function StorybookThemeHost({ children }) {
|
|
16
15
|
const [selectedName, setSelectedName] = React.useState('none');
|
|
17
|
-
const
|
|
16
|
+
const testID = useDesktopStorybookTestID('app-root');
|
|
17
|
+
return (_jsx(ThemedRoot, { style: layoutStyles.root, testID: testID, theme: themeChoices[selectedName].theme, children: _jsx(StorybookThemeContent, { selectedName: selectedName, onSelect: setSelectedName, children: children }) }));
|
|
18
|
+
}
|
|
19
|
+
function StorybookThemeContent({ children, selectedName, onSelect, }) {
|
|
20
|
+
const styles = getStyles(useThemeState());
|
|
18
21
|
const toolbarTestID = useDesktopStorybookTestID('theme-toolbar');
|
|
19
22
|
const optionTestID = useDesktopStorybookTestID('theme');
|
|
20
|
-
return (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
export function StorybookThemeProvider({ children }) {
|
|
27
|
-
const theme = React.useContext(StorybookThemeContext);
|
|
28
|
-
return theme ? _jsx(ThemeProvider, { theme: theme, children: children }) : children;
|
|
23
|
+
return (_jsxs(View, { style: styles.root, children: [_jsxs(View, { accessibilityRole: "toolbar", style: styles.header, testID: toolbarTestID, children: [_jsx(Text, { style: styles.label, children: "Theme" }), themeChoiceNames.map((name) => {
|
|
24
|
+
const choice = themeChoices[name];
|
|
25
|
+
const selected = name === selectedName;
|
|
26
|
+
return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected }, onPress: () => onSelect(name), style: ({ pressed }) => [styles.option, selected && styles.selectedOption, pressed && styles.pressedOption], testID: `${optionTestID}-${name}`, children: _jsx(Text, { style: [styles.optionText, selected && styles.selectedOptionText], children: choice.label }) }, name));
|
|
27
|
+
})] }), _jsx(View, { style: layoutStyles.root, children: children })] }));
|
|
29
28
|
}
|
|
30
|
-
const
|
|
29
|
+
const layoutStyles = StyleSheet.create({
|
|
31
30
|
root: {
|
|
32
31
|
flex: 1,
|
|
33
32
|
},
|
|
33
|
+
});
|
|
34
|
+
const getStyles = themedStyleSheetFactory('StorybookTheme', ({ tokens }) => StyleSheet.create({
|
|
35
|
+
root: {
|
|
36
|
+
flex: 1,
|
|
37
|
+
backgroundColor: tokens.color.surfaceNeutralFar,
|
|
38
|
+
},
|
|
34
39
|
header: {
|
|
35
40
|
alignItems: 'center',
|
|
36
|
-
backgroundColor:
|
|
37
|
-
borderBottomColor:
|
|
41
|
+
backgroundColor: tokens.color.backgroundNeutralSubtle,
|
|
42
|
+
borderBottomColor: tokens.color.strokeNeutralSubtle,
|
|
38
43
|
borderBottomWidth: 1,
|
|
39
44
|
flexDirection: 'row',
|
|
40
45
|
flexWrap: 'wrap',
|
|
@@ -44,36 +49,33 @@ const styles = StyleSheet.create({
|
|
|
44
49
|
paddingVertical: 6,
|
|
45
50
|
},
|
|
46
51
|
label: {
|
|
47
|
-
color:
|
|
52
|
+
color: tokens.color.foregroundNeutralPrimary,
|
|
48
53
|
fontSize: 14,
|
|
49
54
|
fontWeight: '600',
|
|
50
55
|
marginEnd: 4,
|
|
51
56
|
},
|
|
52
57
|
option: {
|
|
53
|
-
backgroundColor:
|
|
54
|
-
borderColor:
|
|
58
|
+
backgroundColor: tokens.color.backgroundNeutralLoud,
|
|
59
|
+
borderColor: tokens.color.strokeNeutralSoft,
|
|
55
60
|
borderRadius: 4,
|
|
56
61
|
borderWidth: 1,
|
|
57
62
|
paddingHorizontal: 10,
|
|
58
63
|
paddingVertical: 5,
|
|
59
64
|
},
|
|
60
65
|
selectedOption: {
|
|
61
|
-
backgroundColor:
|
|
62
|
-
borderColor:
|
|
66
|
+
backgroundColor: tokens.color.backgroundBrandHeavy,
|
|
67
|
+
borderColor: tokens.color.strokeBrandLoud,
|
|
63
68
|
},
|
|
64
69
|
pressedOption: {
|
|
65
70
|
opacity: 0.75,
|
|
66
71
|
},
|
|
67
72
|
optionText: {
|
|
68
|
-
color:
|
|
73
|
+
color: tokens.color.foregroundNeutralPrimary,
|
|
69
74
|
fontSize: 12,
|
|
70
75
|
},
|
|
71
76
|
selectedOptionText: {
|
|
72
|
-
color:
|
|
77
|
+
color: tokens.color.foregroundBrandOnloud,
|
|
73
78
|
fontWeight: '600',
|
|
74
79
|
},
|
|
75
|
-
|
|
76
|
-
flex: 1,
|
|
77
|
-
},
|
|
78
|
-
});
|
|
80
|
+
}));
|
|
79
81
|
//# sourceMappingURL=StorybookTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorybookTheme.js","sourceRoot":"","sources":["../src/StorybookTheme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"StorybookTheme.js","sourceRoot":"","sources":["../src/StorybookTheme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StorybookTheme.test.d.ts","sourceRoot":"","sources":["../src/StorybookTheme.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleSheet, Text } from 'react-native';
|
|
4
|
+
import { fireEvent, render } from '@testing-library/react-native';
|
|
5
|
+
import { useRootSettings, useThemeState } from '@fluentui-react-native/design';
|
|
6
|
+
import { defaultFlexTokens } from '@fluentui-react-native/design/testing';
|
|
7
|
+
import { theme as lightTheme } from '@storybook/react-native-theming';
|
|
8
|
+
import { createDesktopStorybookApp } from './createDesktopStorybookApp';
|
|
9
|
+
import { DesktopDriverBridge } from './DesktopDriverBridge';
|
|
10
|
+
import { StorybookUIComponent } from './StorybookUI';
|
|
11
|
+
jest.mock('./DesktopDriverBridge', () => ({ DesktopDriverBridge: jest.fn(() => null) }));
|
|
12
|
+
jest.mock('./StorybookUI', () => ({ StorybookUIComponent: jest.fn(() => null) }));
|
|
13
|
+
function createTestApp() {
|
|
14
|
+
const roots = [];
|
|
15
|
+
const bridgeRoots = [];
|
|
16
|
+
const themes = [];
|
|
17
|
+
const mounted = jest.fn();
|
|
18
|
+
const unmounted = jest.fn();
|
|
19
|
+
function Story() {
|
|
20
|
+
roots.push(useRootSettings());
|
|
21
|
+
themes.push(useThemeState());
|
|
22
|
+
React.useEffect(() => {
|
|
23
|
+
mounted();
|
|
24
|
+
return unmounted;
|
|
25
|
+
}, []);
|
|
26
|
+
return _jsx(Text, { testID: "selected-story", children: "Selected story" });
|
|
27
|
+
}
|
|
28
|
+
jest.mocked(DesktopDriverBridge).mockImplementation(() => {
|
|
29
|
+
bridgeRoots.push(useRootSettings());
|
|
30
|
+
return null;
|
|
31
|
+
});
|
|
32
|
+
jest.mocked(StorybookUIComponent).mockImplementation(({ children }) => _jsx(_Fragment, { children: children }));
|
|
33
|
+
const getStorybookUI = jest.fn((params) => {
|
|
34
|
+
const UI = params?.CustomUIComponent;
|
|
35
|
+
if (!UI) {
|
|
36
|
+
throw new Error('Expected the app factory to configure the themed UI.');
|
|
37
|
+
}
|
|
38
|
+
return () => (_jsx(UI, { storyHash: {}, setStory: jest.fn(), storage: { getItem: () => null, setItem: () => undefined }, theme: lightTheme, children: _jsx(Story, {}) }));
|
|
39
|
+
});
|
|
40
|
+
const App = createDesktopStorybookApp({ getStorybookUI }, { enableWebsockets: false, testIDPrefix: 'test' });
|
|
41
|
+
return { App, roots, bridgeRoots, themes, mounted, unmounted, getStorybookUI };
|
|
42
|
+
}
|
|
43
|
+
afterEach(() => {
|
|
44
|
+
jest.clearAllMocks();
|
|
45
|
+
jest.restoreAllMocks();
|
|
46
|
+
});
|
|
47
|
+
describe('Storybook app theme root', () => {
|
|
48
|
+
it('places the toolbar, UI, story, and runtime bridge in the same default Flex scene', async () => {
|
|
49
|
+
const { App, roots, bridgeRoots, themes } = createTestApp();
|
|
50
|
+
const scene = await render(_jsx(App, {}));
|
|
51
|
+
expect(scene.getByTestId('test-app-root')).toBeOnTheScreen();
|
|
52
|
+
expect(scene.getByTestId('test-theme-toolbar')).toBeOnTheScreen();
|
|
53
|
+
expect(scene.getByTestId('selected-story')).toBeOnTheScreen();
|
|
54
|
+
expect(scene.getByRole('button', { name: 'Default Flex' })).toBeOnTheScreen();
|
|
55
|
+
expect(themes[0].tokens).toEqual(defaultFlexTokens);
|
|
56
|
+
expect(bridgeRoots.every((root) => root === roots[0])).toBe(true);
|
|
57
|
+
expect(roots[0].inputModality).toBe('pointer');
|
|
58
|
+
});
|
|
59
|
+
it('observes app-root input without rerendering the story', async () => {
|
|
60
|
+
const { App, roots, bridgeRoots } = createTestApp();
|
|
61
|
+
const scene = await render(_jsx(App, {}));
|
|
62
|
+
const renderCount = roots.length;
|
|
63
|
+
const root = scene.getByTestId('test-app-root');
|
|
64
|
+
await fireEvent(root, 'keyDownCapture', { nativeEvent: { key: 'Tab' } });
|
|
65
|
+
expect(roots[0].inputModality).toBe('keyboard');
|
|
66
|
+
expect(bridgeRoots[0].inputModality).toBe('keyboard');
|
|
67
|
+
await fireEvent(root, 'pointerDownCapture', {});
|
|
68
|
+
expect(roots[0].inputModality).toBe('pointer');
|
|
69
|
+
await fireEvent(root, 'keyDownCapture', { nativeEvent: { key: 'ArrowRight' } });
|
|
70
|
+
await fireEvent(root, 'startShouldSetResponderCapture', {});
|
|
71
|
+
expect(roots[0].inputModality).toBe('pointer');
|
|
72
|
+
expect(roots).toHaveLength(renderCount);
|
|
73
|
+
});
|
|
74
|
+
it('switches chrome and story colors together without recreating Storybook or resetting the scene', async () => {
|
|
75
|
+
const warn = jest.spyOn(console, 'warn').mockImplementation();
|
|
76
|
+
const { App, roots, themes, mounted, unmounted, getStorybookUI } = createTestApp();
|
|
77
|
+
const scene = await render(_jsx(App, {}));
|
|
78
|
+
const root = roots[0];
|
|
79
|
+
const defaultBackground = themes[0].tokens.color.surfaceNeutralFar;
|
|
80
|
+
const backgrounds = {};
|
|
81
|
+
await fireEvent(scene.getByTestId('test-app-root'), 'keyDownCapture', { nativeEvent: { key: 'Tab' } });
|
|
82
|
+
for (const choice of ['dark', 'highContrast', 'light', 'none']) {
|
|
83
|
+
await fireEvent.press(scene.getByTestId(`test-theme-${choice}`));
|
|
84
|
+
const state = themes[themes.length - 1];
|
|
85
|
+
const calls = jest.mocked(StorybookUIComponent).mock.calls;
|
|
86
|
+
const theme = calls[calls.length - 1][0].theme;
|
|
87
|
+
backgrounds[choice] = theme.background.app;
|
|
88
|
+
expect(scene.getByTestId(`test-theme-${choice}`).props.accessibilityState.selected).toBe(true);
|
|
89
|
+
expect(StyleSheet.flatten(scene.getByTestId('test-theme-toolbar').props.style).backgroundColor).toBe(state.tokens.color.backgroundNeutralSubtle);
|
|
90
|
+
expect(StyleSheet.flatten(scene.getByText('Theme').props.style).color).toBe(state.tokens.color.foregroundNeutralPrimary);
|
|
91
|
+
const foreground = theme.base === 'dark' ? state.tokens.color.fixedWhite : state.tokens.color.fixedBlack;
|
|
92
|
+
const background = theme.base === 'dark' ? state.tokens.color.fixedBlack : state.tokens.color.fixedWhite;
|
|
93
|
+
const literal = (value, fallback) => (typeof value === 'string' ? value : fallback);
|
|
94
|
+
expect(theme.background.app).toBe(literal(state.tokens.color.surfaceNeutralFar, background));
|
|
95
|
+
expect(theme.background.content).toBe(literal(state.tokens.color.surfaceNeutralNear, background));
|
|
96
|
+
expect(theme.background.preview).toBe(literal(state.tokens.color.surfaceNeutralFar, background));
|
|
97
|
+
expect(theme.color.defaultText).toBe(literal(state.tokens.color.foregroundNeutralPrimary, foreground));
|
|
98
|
+
expect(theme.input.color).toBe(literal(state.tokens.color.foregroundNeutralPrimary, foreground));
|
|
99
|
+
expect(theme.button.background).toBe(literal(state.tokens.color.backgroundNeutralLoud, background));
|
|
100
|
+
expect(root.inputModality).toBe('keyboard');
|
|
101
|
+
expect(roots.every((settings) => settings === root)).toBe(true);
|
|
102
|
+
}
|
|
103
|
+
expect(backgrounds.dark).not.toBe(backgrounds.light);
|
|
104
|
+
expect(backgrounds.none).toBe(defaultBackground);
|
|
105
|
+
expect(warn).toHaveBeenCalledWith(expect.stringContaining('Storybook chrome cannot resolve native system colors'));
|
|
106
|
+
expect(getStorybookUI).toHaveBeenCalledTimes(1);
|
|
107
|
+
expect(mounted).toHaveBeenCalledTimes(1);
|
|
108
|
+
expect(unmounted).not.toHaveBeenCalled();
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
//# sourceMappingURL=StorybookTheme.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StorybookTheme.test.js","sourceRoot":"","sources":["../src/StorybookTheme.test.tsx"],"names":[],"mappings":"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"}
|
package/lib/StorybookUI.win32.js
CHANGED
|
@@ -10,7 +10,7 @@ import { Win32CalloutPortal } from './Win32CalloutPortal';
|
|
|
10
10
|
import { Win32ResizeHandle } from './Win32ResizeHandle';
|
|
11
11
|
const emptyRefs = {};
|
|
12
12
|
const emptyStatus = {};
|
|
13
|
-
export const StorybookUIComponent = ({ children, setStory, storage, story, storyHash, theme }) => {
|
|
13
|
+
export const StorybookUIComponent = ({ children, setStory, storage, story, storyHash, storyBackgroundColor, theme }) => {
|
|
14
14
|
const storiesAnchorRef = React.useRef(null);
|
|
15
15
|
const addonsAnchorRef = React.useRef(null);
|
|
16
16
|
const [sidebarVisible, setSidebarVisible] = React.useState(true);
|
|
@@ -55,7 +55,7 @@ export const StorybookUIComponent = ({ children, setStory, storage, story, story
|
|
|
55
55
|
const resizeAddons = React.useCallback((delta) => {
|
|
56
56
|
setAddonsHeight((current) => Math.min(Math.max(current - delta, 160), 520));
|
|
57
57
|
}, []);
|
|
58
|
-
return (_jsx(ThemeProvider, { theme: theme, children: _jsx(StorageProvider, { storage: storage, children: _jsxs(View, { style: styles.root, testID: chromeTestID, children: [sidebarVisible ? (_jsxs(_Fragment, { children: [_jsxs(View, { style: [
|
|
58
|
+
return (_jsx(ThemeProvider, { theme: theme, children: _jsx(StorageProvider, { storage: storage, children: _jsxs(View, { style: [styles.root, { backgroundColor: theme.background.app }], testID: chromeTestID, children: [sidebarVisible ? (_jsxs(_Fragment, { children: [_jsxs(View, { style: [
|
|
59
59
|
styles.sidebar,
|
|
60
60
|
{
|
|
61
61
|
backgroundColor: theme.background.content,
|
|
@@ -79,7 +79,7 @@ export const StorybookUIComponent = ({ children, setStory, storage, story, story
|
|
|
79
79
|
borderColor: theme.appBorderColor,
|
|
80
80
|
opacity: pressed ? 0.75 : 1,
|
|
81
81
|
},
|
|
82
|
-
], testID: popoutAddonsTestID, children: _jsx(Text, { style: { color: addonsPanelOpen ? theme.color.lightest : theme.color.mediumdark }, children: "Pop out addons" }) }), _jsx(Text, { numberOfLines: 1, style: [styles.currentStory, { color: theme.textMutedColor }], children: story ? `${story.title}/${story.name}` : 'No story selected' })] })) : null, _jsx(View, { style: styles.preview, testID: previewTestID, children: children }), addonsVisible ? (_jsxs(_Fragment, { children: [_jsx(Win32ResizeHandle, { direction: "vertical", onResize: resizeAddons, testID: addonsResizeTestID }), _jsx(View, { style: [
|
|
82
|
+
], testID: popoutAddonsTestID, children: _jsx(Text, { style: { color: addonsPanelOpen ? theme.color.lightest : theme.color.mediumdark }, children: "Pop out addons" }) }), _jsx(Text, { numberOfLines: 1, style: [styles.currentStory, { color: theme.textMutedColor }], children: story ? `${story.title}/${story.name}` : 'No story selected' })] })) : null, _jsx(View, { style: [styles.preview, { backgroundColor: storyBackgroundColor ?? theme.background.preview }], testID: previewTestID, children: children }), addonsVisible ? (_jsxs(_Fragment, { children: [_jsx(Win32ResizeHandle, { direction: "vertical", onResize: resizeAddons, testID: addonsResizeTestID }), _jsx(View, { style: [
|
|
83
83
|
styles.addons,
|
|
84
84
|
{
|
|
85
85
|
backgroundColor: theme.background.content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorybookUI.win32.js","sourceRoot":"","sources":["../src/StorybookUI.win32.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,oBAAoB,GAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"StorybookUI.win32.js","sourceRoot":"","sources":["../src/StorybookUI.win32.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemedStorybookUI.d.ts","sourceRoot":"","sources":["../src/ThemedStorybookUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAK9D,eAAO,MAAM,iBAAiB,EAAE,IAG/B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StorybookUIComponent } from './StorybookUI';
|
|
3
|
+
import { useStorybookTheme } from './useStorybookTheme';
|
|
4
|
+
export const ThemedStorybookUI = (props) => {
|
|
5
|
+
const theme = useStorybookTheme();
|
|
6
|
+
return _jsx(StorybookUIComponent, { ...props, theme: theme });
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=ThemedStorybookUI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemedStorybookUI.js","sourceRoot":"","sources":["../src/ThemedStorybookUI.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAS,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAC3D,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Win32CalloutPortal.d.ts","sourceRoot":"","sources":["../src/Win32CalloutPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"Win32CalloutPortal.d.ts","sourceRoot":"","sources":["../src/Win32CalloutPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAIpF,KAAK,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,eAAe,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,wBAAgB,kBAAkB,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,uBAAuB,2CAoCzB"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { StyleSheet
|
|
2
|
+
import { StyleSheet } from 'react-native';
|
|
3
3
|
import { Callout } from '@fluentui-react-native/callout';
|
|
4
|
+
import { RootInputBoundary } from '@fluentui-react-native/design';
|
|
4
5
|
import { useTheme } from '@storybook/react-native-theming';
|
|
5
6
|
export function Win32CalloutPortal({ accessibilityLabel, children, directionalHint, height, onDismiss, onShow, target, testID, visible, width, }) {
|
|
6
7
|
const theme = useTheme();
|
|
7
8
|
if (!visible) {
|
|
8
9
|
return null;
|
|
9
10
|
}
|
|
10
|
-
return (_jsx(Callout, { accessibilityLabel: accessibilityLabel, accessibilityRole: "dialog", backgroundColor: theme.background.content, borderColor: theme.appBorderColor, borderRadius: 8, borderWidth: 1, directionalHint: directionalHint, gapSpace: 4, maxHeight: height, maxWidth: width, minPadding: 12, minWidth: width, onDismiss: onDismiss, onShow: onShow, setInitialFocus: true, target: target, testID: testID, children: _jsx(
|
|
11
|
+
return (_jsx(Callout, { accessibilityLabel: accessibilityLabel, accessibilityRole: "dialog", backgroundColor: theme.background.content, borderColor: theme.appBorderColor, borderRadius: 8, borderWidth: 1, directionalHint: directionalHint, gapSpace: 4, maxHeight: height, maxWidth: width, minPadding: 12, minWidth: width, onDismiss: onDismiss, onShow: onShow, setInitialFocus: true, target: target, testID: testID, children: _jsx(RootInputBoundary, { collapsable: false, style: [styles.content, { backgroundColor: theme.background.content, height, width }], testID: `${testID}-content`, children: children }) }));
|
|
11
12
|
}
|
|
12
13
|
const styles = StyleSheet.create({
|
|
13
14
|
content: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Win32CalloutPortal.js","sourceRoot":"","sources":["../src/Win32CalloutPortal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Win32CalloutPortal.js","sourceRoot":"","sources":["../src/Win32CalloutPortal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAc3D,MAAM,UAAU,kBAAkB,CAAC,EACjC,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,MAAM,EACN,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,GACmB;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IACN,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAC,QAAQ,EAC1B,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EACzC,WAAW,EAAE,KAAK,CAAC,cAAc,EACjC,YAAY,EAAE,CAAC,EACf,WAAW,EAAE,CAAC,EACd,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,EAAE,EACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,eAAe,QACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,YAEd,KAAC,iBAAiB,IAChB,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EACrF,MAAM,EAAE,GAAG,MAAM,UAAU,YAE1B,QAAQ,GACS,GACZ,CACX,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDesktopStorybookApp.d.ts","sourceRoot":"","sources":["../src/createDesktopStorybookApp.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createDesktopStorybookApp.d.ts","sourceRoot":"","sources":["../src/createDesktopStorybookApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAQpD,MAAM,MAAM,uBAAuB,GAAG;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,EAClC,EAAE,gBAAuB,EAAE,IAAkB,EAAE,IAAI,EAAE,YAAkC,EAAE,GAAE,uBAA4B,iDAmCxH"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { StyleSheet, View as NativeView } from 'react-native';
|
|
3
2
|
import { DesktopDriverBridge } from './DesktopDriverBridge';
|
|
4
|
-
import { DesktopStorybookConfigProvider
|
|
3
|
+
import { DesktopStorybookConfigProvider } from './DesktopStorybookConfig';
|
|
5
4
|
import { StorybookThemeHost } from './StorybookTheme';
|
|
6
|
-
import {
|
|
5
|
+
import { ThemedStorybookUI } from './ThemedStorybookUI';
|
|
7
6
|
export function createDesktopStorybookApp(view, { enableWebsockets = true, host = '127.0.0.1', port, testIDPrefix = 'storybook-desktop' } = {}) {
|
|
8
7
|
const runtimeInstance = globalThis.__FURN_DESKTOP_STORYBOOK_INSTANCE__;
|
|
9
8
|
const memoryStore = {};
|
|
@@ -17,22 +16,13 @@ export function createDesktopStorybookApp(view, { enableWebsockets = true, host
|
|
|
17
16
|
enableWebsockets,
|
|
18
17
|
host,
|
|
19
18
|
port: port ?? runtimeInstance?.storybookPort ?? 7007,
|
|
20
|
-
CustomUIComponent:
|
|
19
|
+
CustomUIComponent: ThemedStorybookUI,
|
|
21
20
|
storage,
|
|
22
21
|
});
|
|
23
22
|
function DesktopStorybookApp() {
|
|
24
23
|
const resolvedTestIDPrefix = runtimeInstance?.testIDPrefix ?? testIDPrefix;
|
|
25
|
-
return (_jsx(DesktopStorybookConfigProvider, { runtimeInstance: runtimeInstance, testIDPrefix: resolvedTestIDPrefix, children: _jsxs(
|
|
24
|
+
return (_jsx(DesktopStorybookConfigProvider, { runtimeInstance: runtimeInstance, testIDPrefix: resolvedTestIDPrefix, children: _jsxs(StorybookThemeHost, { children: [_jsx(DesktopDriverBridge, {}), _jsx(StorybookUI, {})] }) }));
|
|
26
25
|
}
|
|
27
26
|
return DesktopStorybookApp;
|
|
28
27
|
}
|
|
29
|
-
function DesktopStorybookAppRoot({ children }) {
|
|
30
|
-
const testID = useDesktopStorybookTestID('app-root');
|
|
31
|
-
return (_jsx(NativeView, { style: styles.root, testID: testID, children: children }));
|
|
32
|
-
}
|
|
33
|
-
const styles = StyleSheet.create({
|
|
34
|
-
root: {
|
|
35
|
-
flex: 1,
|
|
36
|
-
},
|
|
37
|
-
});
|
|
38
28
|
//# sourceMappingURL=createDesktopStorybookApp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDesktopStorybookApp.js","sourceRoot":"","sources":["../src/createDesktopStorybookApp.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"createDesktopStorybookApp.js","sourceRoot":"","sources":["../src/createDesktopStorybookApp.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AASxD,MAAM,UAAU,yBAAyB,CACvC,IAAkC,EAClC,EAAE,gBAAgB,GAAG,IAAI,EAAE,IAAI,GAAG,WAAW,EAAE,IAAI,EAAE,YAAY,GAAG,mBAAmB,EAAE,GAA4B,EAAE;IAEvH,MAAM,eAAe,GACnB,UAGD,CAAC,mCAAmC,CAAC;IACtC,MAAM,WAAW,GAA2B,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,KAAK,EAAE,GAAW,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9E,OAAO,EAAE,KAAK,EAAE,GAAW,EAAE,KAAa,EAAE,EAAE;YAC5C,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC3B,CAAC;KACF,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC;QACtC,gBAAgB;QAChB,IAAI;QACJ,IAAI,EAAE,IAAI,IAAI,eAAe,EAAE,aAAa,IAAI,IAAI;QACpD,iBAAiB,EAAE,iBAAiB;QACpC,OAAO;KACR,CAAC,CAAC;IAEH,SAAS,mBAAmB;QAC1B,MAAM,oBAAoB,GAAG,eAAe,EAAE,YAAY,IAAI,YAAY,CAAC;QAC3E,OAAO,CACL,KAAC,8BAA8B,IAAC,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,oBAAoB,YAClG,MAAC,kBAAkB,eACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,WAAW,KAAG,IACI,GACU,CAClC,CAAC;IACJ,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDesktopStorybookPreview.d.ts","sourceRoot":"","sources":["../src/createDesktopStorybookPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"createDesktopStorybookPreview.d.ts","sourceRoot":"","sources":["../src/createDesktopStorybookPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIvD,wBAAgB,6BAA6B,IAAI,OAAO,CAavD"}
|