Skip to content

Commit fadcb8b

Browse files
dannyhwdannyhw
authored
feat: update v8 (#14)
* feat: update v8-alpha * 4.0.9-0 * feat: update packages * 4.0.10-0 * fix: updated version * 4.0.11-0 * version * 4.0.12-0 * upgrade
1 parent 36fa68e commit fadcb8b

File tree

7 files changed

+4360
-6786
lines changed

7 files changed

+4360
-6786
lines changed

‎.ondevice/storybook.requires.ts

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,6 @@
11
/* do not change this file, it is auto generated by storybook. */
22

3-
import {
4-
start,
5-
prepareStories,
6-
getProjectAnnotations,
7-
} from "@storybook/react-native";
3+
import { start, updateView } from "@storybook/react-native";
84

95
import "@storybook/addon-ondevice-notes/register";
106
import "@storybook/addon-ondevice-controls/register";
@@ -49,15 +45,7 @@ if (!global.view) {
4945
storyEntries: normalizedStories,
5046
});
5147
} else {
52-
const { importMap } = prepareStories({ storyEntries: normalizedStories });
53-
54-
global.view._preview.onStoriesChanged({
55-
importFn: async (importPath: string) => importMap[importPath],
56-
});
57-
58-
global.view._preview.onGetProjectAnnotationsChanged({
59-
getProjectAnnotations: getProjectAnnotations(global.view, annotations),
60-
});
48+
updateView(global.view, annotations, normalizedStories);
6149
}
6250

6351
export const view = global.view;

‎.storybook/main.ts

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,23 @@ module.exports = {
44
"../components/**/*.stories.mdx",
55
"../components/**/*.stories.@(js|jsx|ts|tsx)",
66
],
7+
78
addons: [
89
"@storybook/addon-links",
910
"@storybook/addon-essentials",
1011
"@storybook/addon-react-native-web",
12+
"@storybook/addon-webpack5-compiler-babel",
13+
"@chromatic-com/storybook"
1114
],
15+
1216
framework: {
1317
name: "@storybook/react-webpack5",
1418
options: {},
1519
},
16-
docs: {
17-
autodocs: true,
18-
},
20+
21+
docs: {},
22+
23+
typescript: {
24+
reactDocgen: "react-docgen-typescript"
25+
}
1926
};

‎.storybook/preview.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,16 @@ import type { Preview } from "@storybook/react";
22

33
const preview: Preview = {
44
parameters: {
5-
actions: { argTypesRegex: "^on[A-Z].*" },
5+
// actions: { argTypesRegex: "^on[A-Z].*" },
66
controls: {
77
matchers: {
88
color: /(background|color)$/i,
99
date: /Date$/,
1010
},
1111
},
1212
},
13+
14+
tags: ["autodocs"]
1315
};
1416

1517
export default preview;

‎components/Button/Button.stories.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { Meta, StoryObj } from "@storybook/react";
2+
import { action } from "@storybook/addon-actions";
23
import React from "react";
34
import { View } from "react-native";
45
import { MyButton } from "./Button";
@@ -22,4 +23,8 @@ export default meta;
2223

2324
type Story = StoryObj<typeof meta>;
2425

25-
export const Basic: Story = {};
26+
export const Basic: Story = {
27+
args: {
28+
onPress: action("onPress"),
29+
},
30+
};

‎metro.config.js

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,8 @@
11
const path = require("path");
22
const { getDefaultConfig } = require("expo/metro-config");
3-
const { generate } = require("@storybook/react-native/scripts/generate");
4-
5-
generate({
6-
configPath: path.resolve(__dirname, "./.ondevice"),
7-
});
83

94
const defaultConfig = getDefaultConfig(__dirname);
105

11-
defaultConfig.transformer.unstable_allowRequireContext = true;
12-
136
defaultConfig.resolver.resolveRequest = (context, moduleName, platform) => {
147
const defaultResolveResult = context.resolveRequest(
158
context,
@@ -29,4 +22,9 @@ defaultConfig.resolver.resolveRequest = (context, moduleName, platform) => {
2922
return defaultResolveResult;
3023
};
3124

32-
module.exports = defaultConfig;
25+
const withStorybook = require("@storybook/react-native/metro/withStorybook");
26+
27+
module.exports = withStorybook(defaultConfig, {
28+
enabled: process.env.STORYBOOK_ENABLED === "true",
29+
configPath: path.resolve(__dirname, "./.ondevice"),
30+
});

‎package.json

Lines changed: 35 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "expo-template-storybook",
33
"description": "template for react native storybook 6 and react native web",
4-
"version": "4.0.8",
4+
"version": "4.0.12-0",
55
"main": "node_modules/expo/AppEntry.js",
66
"license": "MIT",
77
"scripts": {
@@ -17,40 +17,49 @@
1717
"storybook:android": "cross-env STORYBOOK_ENABLED='true' expo start --android"
1818
},
1919
"dependencies": {
20-
"@react-native-async-storage/async-storage": "1.21.0",
21-
"@react-native-community/datetimepicker": "7.6.1",
22-
"@react-native-community/slider": "4.4.2",
23-
"expo": "~50.0.17",
24-
"expo-constants": "~15.4.6",
25-
"expo-status-bar": "~1.11.1",
20+
"@gorhom/bottom-sheet": "^4.6.4",
21+
"@react-native-async-storage/async-storage": "1.23.1",
22+
"@react-native-community/datetimepicker": "8.0.1",
23+
"@react-native-community/slider": "4.5.2",
24+
"expo": "^51.0.32",
25+
"expo-constants": "~16.0.2",
26+
"expo-status-bar": "~1.12.1",
2627
"react": "18.2.0",
2728
"react-dom": "18.2.0",
28-
"react-native": "0.73.6",
29-
"react-native-safe-area-context": "4.8.2",
29+
"react-native": "0.74.5",
30+
"react-native-gesture-handler": "~2.16.1",
31+
"react-native-reanimated": "~3.10.1",
32+
"react-native-safe-area-context": "4.10.5",
33+
"react-native-svg": "15.2.0",
3034
"react-native-web": "~0.19.10"
3135
},
3236
"devDependencies": {
33-
"@babel/core": "^7.19.3",
34-
"@expo/metro-runtime": "~3.1.3",
35-
"@storybook/addon-actions": "^7.6.18",
36-
"@storybook/addon-controls": "^7.6.18",
37-
"@storybook/addon-essentials": "^7.6.18",
38-
"@storybook/addon-links": "^7.6.18",
39-
"@storybook/addon-ondevice-actions": "^7.6.18",
40-
"@storybook/addon-ondevice-backgrounds": "^7.6.18",
41-
"@storybook/addon-ondevice-controls": "^7.6.18",
42-
"@storybook/addon-ondevice-notes": "^7.6.18",
43-
"@storybook/addon-react-native-web": "^0.0.23",
44-
"@storybook/react": "^7.6.18",
45-
"@storybook/react-native": "^7.6.18",
46-
"@storybook/react-webpack5": "^7.6.18",
47-
"@types/react": "~18.2.45",
37+
"@babel/core": "^7.24.0",
38+
"@chromatic-com/storybook": "^2.0.2",
39+
"@expo/metro-runtime": "~3.2.3",
40+
"@storybook/addon-actions": "^8.3.2",
41+
"@storybook/addon-controls": "^8.3.2",
42+
"@storybook/addon-essentials": "^8.3.2",
43+
"@storybook/addon-links": "^8.3.2",
44+
"@storybook/addon-ondevice-actions": "8.3.1-beta.0",
45+
"@storybook/addon-ondevice-backgrounds": "8.3.1-beta.0",
46+
"@storybook/addon-ondevice-controls": "8.3.1-beta.0",
47+
"@storybook/addon-ondevice-notes": "8.3.1-beta.0",
48+
"@storybook/addon-react-native-web": "^0.0.25",
49+
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
50+
"@storybook/core": "^8.3.2",
51+
"@storybook/react": "^8.3.2",
52+
"@storybook/react-native": "8.3.1-beta.0",
53+
"@storybook/react-webpack5": "^8.3.2",
54+
"@storybook/test": "^8.3.2",
55+
"@types/react": "~18.2.79",
4856
"babel-loader": "^8.2.3",
57+
"@babel/preset-env": "^7.25.4",
4958
"babel-plugin-react-docgen-typescript": "^1.5.1",
5059
"babel-plugin-react-native-web": "^0.19.10",
5160
"cross-env": "^7.0.3",
52-
"storybook": "^7.6.18",
53-
"typescript": "^5.3.0"
61+
"storybook": "^8.3.2",
62+
"typescript": "~5.3.3"
5463
},
5564
"resolutions": {
5665
"react-docgen-typescript": "2.2.2"

0 commit comments

Comments
 (0)