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

package/README.md

@@ -14,7 +14,7 @@ Run the command: `npm publish` this will build the lib before publishing.
 
 #### How to set up
 
-`import { asyncLoadFont } from  from 'react-native-holper-storybook';` and call the `asyncLoadFont` function in your app entry point.
+`import { useLoadFonts } from  from 'react-native-holper-storybook';` and call the `useLoadFonts` function in your app entry point.
 
 ```
 import { useEffect, useState } from 'react';

package/package.json

@@ -1,9 +1,13 @@
 {
-  "version": "0.7.0",
+  "version": "0.7.1",
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
   "license": "MIT",
+  "files": [
+    "lib",
+    "index.js"
+  ],
   "packageManager": "yarn@4.5.0",
   "homepage": "https://github.com/holperapp/holper-storybook",
   "repository": {

package/.expo/README.md

@@ -1,8 +0,0 @@
-> 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

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

package/.prettierignore

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

package/.storybook/index.jsx

@@ -1,11 +0,0 @@
-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

@@ -1,8 +0,0 @@
-/** @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

@@ -1,51 +0,0 @@
-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

@@ -1,43 +0,0 @@
-/* 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;