@fluentui-react-native/storybook-desktop-runtime 0.2.0

package/src/createDesktopStorybookPreview.tsx

@@ -0,0 +1,31 @@
+import { StyleSheet, View } from 'react-native';
+import type { Preview } from '@storybook/react-native';
+
+import { DesktopStoryRoot } from './DesktopStoryRoot';
+import { StorybookThemeProvider } from './StorybookTheme';
+
+export function createDesktopStorybookPreview(): Preview {
+  return {
+    decorators: [
+      (Story, context) => (
+        <StorybookThemeProvider>
+          <DesktopStoryRoot storyId={context.id}>
+            <View style={styles.story}>
+              <Story />
+            </View>
+          </DesktopStoryRoot>
+        </StorybookThemeProvider>
+      ),
+    ],
+    parameters: {},
+  };
+}
+
+const styles = StyleSheet.create({
+  story: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center',
+    padding: 16,
+  },
+});

package/src/index.ts

@@ -0,0 +1,12 @@
+export { createDesktopStorybookApp } from './createDesktopStorybookApp';
+export type { DesktopStorybookOptions } from './createDesktopStorybookApp';
+export { createDesktopStorybookPreview } from './createDesktopStorybookPreview';
+export {
+  desktopPrepareStoryEvent,
+  desktopRequestHelloEvent,
+  desktopRuntimeHelloEvent,
+  desktopStoryErrorEvent,
+  desktopStoryReadyEvent,
+} from './DesktopDriverBridge';
+export { DesktopStoryRoot } from './DesktopStoryRoot';
+export type { DesktopRuntimeSelection, DesktopStorybookRuntimeInstance } from './DesktopStorybookConfig';

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "@fluentui-react-native/scripts/tsconfig",
+  "compilerOptions": {
+    "outDir": "lib",
+    "rootDir": "src",
+    "composite": true,
+    "tsBuildInfoFile": ".cache/tsconfig.tsbuildinfo"
+  },
+  "include": ["src"],
+  "references": [
+    {
+      "path": "../../native/Callout/tsconfig.json"
+    },
+    {
+      "path": "../../theming/default-theme/tsconfig.json"
+    },
+    {
+      "path": "../design/tsconfig.json"
+    },
+    {
+      "path": "../../../scripts/tsconfig.json"
+    }
+  ]
+}