@holper/react-native-holper-storybook 0.6.101 → 0.7.0

package/.expo/README.md

@@ -0,0 +1,8 @@
+> Why do I have a folder named ".expo" in my project?
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+> What do the files contain?
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+> Should I commit the ".expo" folder?
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/.nvmrc

@@ -0,0 +1 @@
+22.17.0

package/.prettierignore

@@ -0,0 +1,5 @@
+# Ignore artifacts:
+build
+coverage
+# Ignore .storybook directory
+.storybook

package/.storybook/index.jsx

@@ -0,0 +1,11 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { view } from './storybook.requires';
+
+const StorybookUIRoot = view.getStorybookUI({
+  storage: {
+    getItem: AsyncStorage.getItem,
+    setItem: AsyncStorage.setItem,
+  },
+});
+
+export default StorybookUIRoot;

package/.storybook/main.js

@@ -0,0 +1,8 @@
+/** @type{import("@storybook/react-native").StorybookConfig} */
+module.exports = {
+  stories: ['../stories/**/*.stories.?(ts|tsx|js|jsx)'],
+  addons: [
+    '@storybook/addon-ondevice-controls',
+    '@storybook/addon-ondevice-actions',
+  ],
+};

package/.storybook/preview.jsx

@@ -0,0 +1,51 @@
+import { View } from 'react-native';
+import * as SplashScreen from 'expo-splash-screen';
+import { useLoadFonts } from '../hooks';
+import { Colors } from '../configs/constants';
+import { useEffect } from 'react';
+
+SplashScreen.preventAutoHideAsync();
+
+/** @type{import("@storybook/react").Preview} */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+
+  decorators: [
+    (Story, { parameters }) => {
+      const { loaded, error } = useLoadFonts();
+
+      useEffect(() => {
+        if (loaded || error) {
+          SplashScreen.hideAsync();
+        }
+      }, [loaded, error]);
+
+      if (!loaded && !error) {
+        return null;
+      }
+
+      return (
+        <View
+          style={{
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            backgroundColor: parameters.noBackground === true ? undefined : Colors.whiteice,
+            padding: 8,
+          }}
+        >
+          <Story />
+        </View>
+      );
+    },
+  ],
+};
+
+export default preview;

package/.storybook/storybook.requires.js

@@ -0,0 +1,43 @@
+/* do not change this file, it is auto generated by storybook. */
+
+import { start, updateView } from "@storybook/react-native";
+
+import "@storybook/addon-ondevice-controls/register";
+import "@storybook/addon-ondevice-actions/register";
+
+const normalizedStories = [
+  {
+    titlePrefix: "",
+    directory: "./stories",
+    files: "**/*.stories.?(ts|tsx|js|jsx)",
+    importPathMatcher:
+      /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
+
+    req: require.context(
+      "../stories",
+      true,
+      /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/
+    ),
+  },
+];
+
+const annotations = [
+  require("./preview"),
+  require("@storybook/react-native/dist/preview"),
+  require("@storybook/addon-actions/preview"),
+];
+
+global.STORIES = normalizedStories;
+
+module?.hot?.accept?.();
+
+if (!global.view) {
+  global.view = start({
+    annotations,
+    storyEntries: normalizedStories,
+  });
+} else {
+  updateView(global.view, annotations, normalizedStories);
+}
+
+export const view = global.view;