@storybook/react-native 6.5.5 → 6.5.6-alpha.0

package/dist/preview/executeLoadable.js

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.executeLoadableForChanges = exports.executeLoadable = void 0;
-var client_logger_1 = require("@storybook/client-logger");
-/**
- * Executes a Loadable (function that returns exports or require context(s))
- * and returns a map of filename => module exports
- *
- * @param loadable Loadable
- * @returns Map<Path, ModuleExports>
- */
-function executeLoadable(loadable) {
-    var reqs = null;
-    // todo discuss / improve type check
-    if (Array.isArray(loadable)) {
-        reqs = loadable;
-    }
-    else if (loadable.keys) {
-        reqs = [loadable]; // todo: test with metro require context
-    }
-    var exportsMap = new Map();
-    if (reqs) {
-        reqs.forEach(function (req) {
-            req.keys().forEach(function (filename) {
-                try {
-                    var fileExports = req(filename);
-                    exportsMap.set(
-                    // NOTE context.resolve is not yet implemented for metro
-                    // typeof req.resolve === 'function' ? req.resolve(filename) : filename,
-                    filename, fileExports);
-                }
-                catch (error) {
-                    var errorString = error.message && error.stack ? "".concat(error.message, "\n ").concat(error.stack) : error.toString();
-                    client_logger_1.logger.error("Unexpected error while loading ".concat(filename, ": ").concat(errorString));
-                }
-            });
-        });
-    }
-    else {
-        var exported = loadable();
-        if (typeof exported === 'object') {
-            var csfExports = Object.entries(exported).filter(function (_a) {
-                var _key = _a[0], value = _a[1];
-                return value.default != null;
-            });
-            exportsMap = new Map(csfExports.map(function (_a) {
-                var filePath = _a[0], fileExports = _a[1];
-                return [filePath, fileExports];
-            }));
-        }
-    }
-    return exportsMap;
-}
-exports.executeLoadable = executeLoadable;
-global.lastExportsMap = new Map();
-/**
- * Executes a Loadable (function that returns exports or require context(s))
- * and compares it's output to the last time it was run (as stored on a node module)
- *
- * @param loadable Loadable
- * @param m NodeModule
- * @returns { added: Map<Path, ModuleExports>, removed: Map<Path, ModuleExports> }
- */
-function executeLoadableForChanges(loadable, m) {
-    var _a;
-    if ((_a = m === null || m === void 0 ? void 0 : m.hot) === null || _a === void 0 ? void 0 : _a.accept) {
-        m.hot.accept();
-    }
-    var lastExportsMap = global.lastExportsMap;
-    var exportsMap = executeLoadable(loadable);
-    var added = new Map();
-    Array.from(exportsMap.entries())
-        // Ignore files that do not have a default export
-        .filter(function (_a) {
-        var fileExports = _a[1];
-        return !!fileExports.default;
-    })
-        // Ignore exports that are equal (by reference) to last time, this means the file hasn't changed
-        .filter(function (_a) {
-        var fileName = _a[0], fileExports = _a[1];
-        return lastExportsMap.get(fileName) !== fileExports;
-    })
-        .forEach(function (_a) {
-        var fileName = _a[0], fileExports = _a[1];
-        return added.set(fileName, fileExports);
-    });
-    var removed = new Map();
-    Array.from(lastExportsMap.keys())
-        .filter(function (fileName) { return !exportsMap.has(fileName); })
-        .forEach(function (fileName) { return removed.set(fileName, lastExportsMap.get(fileName)); });
-    // Save the value for the dispose() call above
-    global.lastExportsMap = exportsMap;
-    return { added: added, removed: removed };
-}
-exports.executeLoadableForChanges = executeLoadableForChanges;

package/dist/preview/rn-host-detect.d.ts

@@ -1 +0,0 @@
-export default function getHost(hostname: any): any;

package/dist/preview/rn-host-detect.js

@@ -1,63 +0,0 @@
-'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
- * It only for Debug Remotely mode for Android
- * When __DEV__ === false, we can't use window.require('NativeModules')
- */
-function getByRemoteConfig(hostname) {
-    var _a;
-    var remoteModuleConfig = (_a = window === null || window === void 0 ? void 0 : window.__fbBatchedBridgeConfig) === null || _a === void 0 ? void 0 : _a.remoteModuleConfig;
-    if (!Array.isArray(remoteModuleConfig) ||
-        (hostname !== 'localhost' && hostname !== '127.0.0.1')) {
-        return { hostname: hostname, passed: false };
-    }
-    var constants = (remoteModuleConfig.find(getConstants) || [])[1];
-    if (constants) {
-        var serverHost = constants.ServerHost || hostname;
-        return { hostname: serverHost.split(':')[0], passed: true };
-    }
-    return { hostname: hostname, passed: false };
-}
-function getConstants(config) {
-    return config && (config[0] === 'AndroidConstants' || config[0] === 'PlatformConstants');
-}
-function getByRNRequirePolyfill(hostname) {
-    var NativeModules;
-    var PlatformConstants;
-    var AndroidConstants;
-    if (typeof window === 'undefined' ||
-        !window.__DEV__ ||
-        typeof window.require !== 'function' ||
-        // RN >= 0.56
-        // TODO: Get NativeModules for RN >= 0.56
-        window.require.name === 'metroRequire') {
-        return hostname;
-    }
-    NativeModules = window.require('NativeModules');
-    if (!NativeModules || (!NativeModules.PlatformConstants && !NativeModules.AndroidConstants)) {
-        return hostname;
-    }
-    PlatformConstants = NativeModules.PlatformConstants;
-    AndroidConstants = NativeModules.AndroidConstants;
-    var serverHost = (PlatformConstants ? PlatformConstants.ServerHost : AndroidConstants.ServerHost) || hostname;
-    return serverHost.split(':')[0];
-}
-/*
- * Get React Native server IP if hostname is `localhost`
- * On Android emulator, the IP of host is `10.0.2.2` (Genymotion: 10.0.3.2)
- */
-function getHost(hostname) {
-    // Check if it in React Native environment
-    if (typeof __fbBatchedBridge !== 'object' ||
-        (hostname !== 'localhost' && hostname !== '127.0.0.1')) {
-        return hostname;
-    }
-    var result = getByRemoteConfig(hostname);
-    // Leave if get hostname by remote config successful
-    if (result.passed) {
-        return result.hostname;
-    }
-    // Otherwise, use RN's require polyfill
-    return getByRNRequirePolyfill(hostname);
-}
-exports.default = getHost;

package/dist/preview/start.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import { ClientApi } from '@storybook/client-api';
-import { Loadable } from '@storybook/core-client';
-import type { ArgsStoryFn } from '@storybook/csf';
-import { PreviewWeb } from '@storybook/preview-web';
-import type { ReactNativeFramework } from '../types/types-6.0';
-import { View } from './View';
-export declare const render: ArgsStoryFn<ReactNativeFramework>;
-export declare function start(): {
-    view: View;
-    forceReRender: () => void;
-    clientApi: ClientApi<ReactNativeFramework>;
-    preview: PreviewWeb<ReactNativeFramework>;
-    configure(loadable: Loadable, m: NodeModule): void;
-};

package/dist/preview/start.js

@@ -1,124 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.start = exports.render = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var addons_1 = require("@storybook/addons");
-var channels_1 = __importDefault(require("@storybook/channels"));
-var client_api_1 = require("@storybook/client-api");
-var core_events_1 = __importDefault(require("@storybook/core-events"));
-var preview_web_1 = require("@storybook/preview-web");
-var executeLoadable_1 = require("./executeLoadable");
-var View_1 = require("./View");
-var render = function (args, context) {
-    var id = context.id, Component = context.component;
-    if (!Component) {
-        throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
-    }
-    return (0, jsx_runtime_1.jsx)(Component, __assign({}, args));
-};
-exports.render = render;
-function start() {
-    // TODO: can we get settings from main.js and set the channel here?
-    var channel = new channels_1.default({ async: true });
-    addons_1.addons.setChannel(channel);
-    var clientApi = new client_api_1.ClientApi();
-    var previewView = {
-        prepareForStory: function () { return null; },
-        showNoPreview: function () { },
-        showPreparingStory: function () { },
-        applyLayout: function () { },
-        showErrorDisplay: function (e) {
-            console.log(e);
-        },
-        showStoryDuringRender: function () { },
-        showMain: function () { },
-        checkIfLayoutExists: function () { },
-        showStory: function () { },
-        docsRoot: null,
-        prepareForDocs: function () { return null; },
-        showDocs: function () { },
-        preparingTimeout: setTimeout(function () { }, 0),
-        showMode: function () { },
-        showPreparingDocs: function () { },
-        storyRoot: null,
-        testing: false,
-    };
-    var urlStore = {
-        selection: null,
-        selectionSpecifier: null,
-        setQueryParams: function () { },
-        setSelection: function (selection) {
-            preview.urlStore.selection = selection;
-        },
-    };
-    var preview = new preview_web_1.PreviewWeb(urlStore, previewView);
-    clientApi.storyStore = preview.storyStore;
-    (0, client_api_1.setGlobalRender)(exports.render);
-    var initialized = false;
-    function onStoriesChanged() {
-        var storyIndex = clientApi.getStoryIndex();
-        preview.onStoriesChanged({ storyIndex: storyIndex });
-        view._storyIndex = storyIndex;
-    }
-    var view = new View_1.View(preview);
-    return {
-        view: view,
-        forceReRender: function () { return channel.emit(core_events_1.default.FORCE_RE_RENDER); },
-        clientApi: clientApi,
-        preview: preview,
-        // This gets called each time the user calls configure (i.e. once per HMR)
-        // The first time, it constructs thecurrentSelection preview, subsequently it updates it
-        configure: function (loadable, m) {
-            clientApi.addParameters({ framework: 'react-native' });
-            // We need to run the `executeLoadableForChanges` function *inside* the `getProjectAnnotations
-            // function in case it throws. So we also need to process its output there also
-            var getProjectAnnotations = function () {
-                var _a = (0, executeLoadable_1.executeLoadableForChanges)(loadable, m), added = _a.added, removed = _a.removed;
-                Array.from(added.entries()).forEach(function (_a) {
-                    var fileName = _a[0], fileExports = _a[1];
-                    return clientApi.facade.addStoriesFromExports(fileName, fileExports);
-                });
-                Array.from(removed.entries()).forEach(function (_a) {
-                    var fileName = _a[0];
-                    return clientApi.facade.clearFilenameExports(fileName);
-                });
-                return __assign(__assign({}, clientApi.facade.projectAnnotations), { renderToDOM: function (context) {
-                        view._setStory(context.storyContext);
-                    } });
-            };
-            var importFn = function (path) { return clientApi.importFn(path); };
-            if (!initialized) {
-                preview.initialize({
-                    getStoryIndex: function () {
-                        var index = clientApi.getStoryIndex();
-                        view._storyIndex = index;
-                        return index;
-                    },
-                    importFn: importFn,
-                    getProjectAnnotations: getProjectAnnotations,
-                });
-                initialized = true;
-            }
-            else {
-                // TODO -- why don't we care about the new annotations?
-                getProjectAnnotations();
-                onStoriesChanged();
-            }
-        },
-    };
-}
-exports.start = start;

package/dist/types/types-6.0.d.ts

@@ -1,72 +0,0 @@
-import { ComponentProps, ComponentType, JSXElementConstructor, ReactElement } from 'react';
-import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
-export type StoryFnReactReturnType = ReactElement<unknown>;
-export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
-export type ReactNativeFramework = {
-    component: ComponentType<any>;
-    storyResult: StoryFnReactReturnType;
-};
-/**
- * For the common case where a component's stories are simple components that receives args as props:
- *
- * ```tsx
- * export default { ... } as ComponentMeta<typeof Button>;
- * ```
- */
-export type ComponentMeta<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Meta<ComponentProps<T>>;
-/**
- * For the common case where a (CSFv2) story is a simple component that receives args as props:
- *
- * ```tsx
- * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
- * ```
- */
-export type ComponentStoryFn<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryFn<ComponentProps<T>>;
-/**
- * For the common case where a (CSFv3) story is a simple component that receives args as props:
- *
- * ```tsx
- * const MyStory: ComponentStory<typeof Button> = {
- *   args: { buttonArg1: 'val' },
- * }
- * ```
- */
-export type ComponentStoryObj<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = StoryObj<ComponentProps<T>>;
-/**
- * For the common case where a (CSFv2) story is a simple component that receives args as props:
- *
- * ```tsx
- * const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />
- * ```
- *
- * NOTE: this is an alias for `ComponentStoryFn`.
- * In Storybook v7, `ComponentStory` will alias `ComponentStoryObj`
- */
-export type ComponentStory<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = Story<ComponentProps<T>>;
-/**
- * Metadata to configure the stories for a component.
- *
- * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
- */
-export type Meta<TArgs = Args> = ComponentAnnotations<ReactNativeFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactNativeFramework, TArgs>;
-/**
- * Story function that represents a CSFv3 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-export type StoryObj<TArgs = Args> = StoryAnnotations<ReactNativeFramework, TArgs>;
-/**
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- *
- * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
- *
- */
-export type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/types/types-6.0.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/types.d.ts

@@ -1,14 +0,0 @@
-import { RenderContext, RenderContextWithoutStoryContext } from '@storybook/client-api';
-export interface PreviewError {
-    message?: string;
-    stack?: string;
-}
-export interface RequireContext {
-    keys: () => string[];
-    (id: string): any;
-    resolve(id: string): string;
-}
-export type LoaderFunction = () => void | any[];
-export type Loadable = RequireContext | RequireContext[] | LoaderFunction;
-export type { RenderContext, RenderContextWithoutStoryContext };
-export type RenderStoryFunction = (context: RenderContext) => void;

package/dist/types/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });