@storybook/react-native-web-vite 0.0.0 → 0.0.3-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -0
- package/dist/preset.cjs +2 -2
- package/dist/preset.cjs.map +1 -1
- package/package.json +19 -17
package/README.md
CHANGED
|
@@ -1 +1,23 @@
|
|
|
1
1
|
# @storybook/react-native-web-vite
|
|
2
|
+
|
|
3
|
+
```ts
|
|
4
|
+
import { StorybookConfig } from "@storybook/react-native-web-vite";
|
|
5
|
+
const path = require("path");
|
|
6
|
+
|
|
7
|
+
const main: StorybookConfig = {
|
|
8
|
+
stories: ["../src/components/**/*.stories.?(ts|tsx|js|jsx)"],
|
|
9
|
+
|
|
10
|
+
addons: ["@storybook/addon-essentials"],
|
|
11
|
+
|
|
12
|
+
framework: {
|
|
13
|
+
name: "@storybook/react-native-web-vite", // <--- This is the important part.
|
|
14
|
+
options: {},
|
|
15
|
+
},
|
|
16
|
+
|
|
17
|
+
typescript: {
|
|
18
|
+
reactDocgen: "react-docgen-typescript",
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export default main;
|
|
23
|
+
```
|
package/dist/preset.cjs
CHANGED
|
@@ -7,9 +7,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
7
7
|
|
|
8
8
|
var n__default = /*#__PURE__*/_interopDefault(n);
|
|
9
9
|
|
|
10
|
-
function r(t){return {name:"vite:react-native-web",enforce:"pre",config(o,e){return {plugins:[n__default.default(t)],define:{"global.__x":{},_frameTimestamp:void 0,_WORKLET:!1,__DEV__:`${e.mode==="development"}`,"process.env.NODE_ENV":JSON.stringify(process.env.NODE_ENV||e.mode)},optimizeDeps:{include:[],esbuildOptions:{jsx:"transform",resolveExtensions:[".web.js",".web.ts",".web.tsx",".js",".jsx",".json",".ts",".tsx",".mjs"],loader:{".js":"jsx"}}},resolve:{extensions:[".web.js",".web.ts",".web.tsx",".js",".jsx",".json",".ts",".tsx",".mjs"],alias:{"react-native":"react-native-web"}}}}}}var
|
|
10
|
+
function r(t){return {name:"vite:react-native-web",enforce:"pre",config(o,e){return {plugins:[n__default.default({jsxRuntime:"automatic",...t})],define:{"global.__x":{},_frameTimestamp:void 0,_WORKLET:!1,__DEV__:`${e.mode==="development"}`,"process.env.NODE_ENV":JSON.stringify(process.env.NODE_ENV||e.mode)},optimizeDeps:{include:[],esbuildOptions:{jsx:"transform",resolveExtensions:[".web.js",".web.ts",".web.tsx",".js",".jsx",".json",".ts",".tsx",".mjs"],loader:{".js":"jsx"}}},resolve:{extensions:[".web.js",".web.ts",".web.tsx",".js",".jsx",".json",".ts",".tsx",".mjs"],alias:{"react-native":"react-native-web"}}}}}}var b=async(t,s)=>{let{pluginReactOptions:o={}}=await s.presets.apply("frameworkOptions"),{plugins:e=[]}=t;return await builderVite.hasVitePlugins(e,["vite:react-native-web"])||e.push(r(o)),t},c={builder:"@storybook/builder-vite",renderer:"@storybook/react"};
|
|
11
11
|
|
|
12
12
|
exports.core = c;
|
|
13
|
-
exports.viteFinal =
|
|
13
|
+
exports.viteFinal = b;
|
|
14
14
|
//# sourceMappingURL=preset.cjs.map
|
|
15
15
|
//# sourceMappingURL=preset.cjs.map
|
package/dist/preset.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/preset.ts"],"names":["reactNativeWeb","reactOptions","_userConfig","env","react","viteFinal","config","options","pluginReactOptions","plugins","hasVitePlugins","core"],"mappings":";;;;;;;;;AAQA,SAASA,
|
|
1
|
+
{"version":3,"sources":["../src/preset.ts"],"names":["reactNativeWeb","reactOptions","_userConfig","env","react","viteFinal","config","options","pluginReactOptions","plugins","hasVitePlugins","core"],"mappings":";;;;;;;;;AAQA,SAASA,CAAAA,CACPC,CACQ,CAAA,CA8DR,OA7DuB,CACrB,IAAA,CAAM,uBACN,CAAA,OAAA,CAAS,MACT,MAAOC,CAAAA,CAAAA,CAAaC,CAAK,CAAA,CACvB,OAAO,CACL,OAAA,CAAS,CACPC,kBAAAA,CAAM,CACJ,UAAY,CAAA,WAAA,CACZ,GAAGH,CACL,CAAC,CACH,CAAA,CACA,MAAQ,CAAA,CAEN,aAAc,EAAC,CACf,eAAiB,CAAA,KAAA,CAAA,CACjB,SAAU,CACV,CAAA,CAAA,OAAA,CAAS,CAAGE,EAAAA,CAAAA,CAAI,OAAS,aAAa,CAAA,CAAA,CACtC,sBAAwB,CAAA,IAAA,CAAK,UAC3B,OAAQ,CAAA,GAAA,CAAI,QAAYA,EAAAA,CAAAA,CAAI,IAC9B,CACF,CAAA,CACA,YAAc,CAAA,CACZ,QAAS,EAAC,CACV,cAAgB,CAAA,CACd,IAAK,WACL,CAAA,iBAAA,CAAmB,CACjB,SAAA,CACA,UACA,UACA,CAAA,KAAA,CACA,MACA,CAAA,OAAA,CACA,MACA,MACA,CAAA,MACF,CACA,CAAA,MAAA,CAAQ,CACN,KAAO,CAAA,KACT,CACF,CACF,EACA,OAAS,CAAA,CACP,UAAY,CAAA,CACV,UACA,SACA,CAAA,UAAA,CACA,KACA,CAAA,MAAA,CACA,QACA,KACA,CAAA,MAAA,CACA,MACF,CAAA,CACA,MAAO,CACL,cAAA,CAAgB,kBAClB,CACF,CACF,CACF,CACF,CAGF,KAEaE,CAA0C,CAAA,MACrDC,CACAC,CAAAA,CAAAA,GACG,CACH,GAAM,CAAE,kBAAAC,CAAAA,CAAAA,CAAqB,EAAG,CAAA,CAC9B,MAAMD,CAAAA,CAAQ,QAAQ,KAAwB,CAAA,kBAAkB,CAE5D,CAAA,CAAE,QAAAE,CAAU,CAAA,EAAG,CAAA,CAAIH,EAEzB,OAAM,MAAMI,0BAAeD,CAAAA,CAAAA,CAAS,CAAC,uBAAuB,CAAC,CAC3DA,EAAAA,CAAAA,CAAQ,KAAKT,CAAeQ,CAAAA,CAAkB,CAAC,CAAA,CAG1CF,CACT,CAEaK,CAAAA,CAAAA,CAAO,CAClB,OAAS,CAAA,yBAAA,CACT,SAAU,kBACZ","file":"preset.cjs","sourcesContent":["import { hasVitePlugins } from \"@storybook/builder-vite\";\nimport react, {\n BabelOptions,\n Options as ReactOptions,\n} from \"@vitejs/plugin-react\";\nimport { Plugin } from \"vite\";\nimport { FrameworkOptions, StorybookConfig } from \"./types\";\n\nfunction reactNativeWeb(\n reactOptions: Omit<ReactOptions, \"babel\"> & { babel?: BabelOptions },\n): Plugin {\n const plugin: Plugin = {\n name: \"vite:react-native-web\",\n enforce: \"pre\",\n config(_userConfig, env) {\n return {\n plugins: [\n react({\n jsxRuntime: \"automatic\",\n ...reactOptions,\n }),\n ],\n define: {\n // reanimated support\n \"global.__x\": {},\n _frameTimestamp: undefined,\n _WORKLET: false,\n __DEV__: `${env.mode === \"development\"}`,\n \"process.env.NODE_ENV\": JSON.stringify(\n process.env.NODE_ENV || env.mode,\n ),\n },\n optimizeDeps: {\n include: [],\n esbuildOptions: {\n jsx: \"transform\",\n resolveExtensions: [\n \".web.js\",\n \".web.ts\",\n \".web.tsx\",\n \".js\",\n \".jsx\",\n \".json\",\n \".ts\",\n \".tsx\",\n \".mjs\",\n ],\n loader: {\n \".js\": \"jsx\",\n },\n },\n },\n resolve: {\n extensions: [\n \".web.js\",\n \".web.ts\",\n \".web.tsx\",\n \".js\",\n \".jsx\",\n \".json\",\n \".ts\",\n \".tsx\",\n \".mjs\",\n ],\n alias: {\n \"react-native\": \"react-native-web\",\n },\n },\n };\n },\n };\n\n return plugin;\n}\n\nexport const viteFinal: StorybookConfig[\"viteFinal\"] = async (\n config,\n options,\n) => {\n const { pluginReactOptions = {} } =\n await options.presets.apply<FrameworkOptions>(\"frameworkOptions\");\n\n const { plugins = [] } = config;\n\n if (!(await hasVitePlugins(plugins, [\"vite:react-native-web\"]))) {\n plugins.push(reactNativeWeb(pluginReactOptions));\n }\n\n return config;\n};\n\nexport const core = {\n builder: \"@storybook/builder-vite\",\n renderer: \"@storybook/react\",\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react-native-web-vite",
|
|
3
|
-
"version": "0.0.0",
|
|
3
|
+
"version": "0.0.3-0",
|
|
4
4
|
"description": "Sets up react native web with vite",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-web",
|
|
@@ -40,21 +40,23 @@
|
|
|
40
40
|
"build-storybook": "storybook build"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@storybook/
|
|
44
|
-
"@storybook/
|
|
45
|
-
"@vitejs/plugin-react": "^4.3.2"
|
|
43
|
+
"@storybook/builder-vite": "^8.3.6",
|
|
44
|
+
"@storybook/react": "^8.3.6",
|
|
45
|
+
"@vitejs/plugin-react": "^4.3.2",
|
|
46
|
+
"vite-plugin-babel": "^1.2.0",
|
|
47
|
+
"@joshwooding/vite-plugin-react-docgen-typescript": "^0.4.1"
|
|
46
48
|
},
|
|
47
49
|
"devDependencies": {
|
|
48
|
-
"@storybook/addon-essentials": "^8.3.
|
|
49
|
-
"@storybook/addon-interactions": "^8.3.
|
|
50
|
-
"@storybook/addon-links": "^8.3.
|
|
51
|
-
"@storybook/blocks": "^8.3.
|
|
52
|
-
"@storybook/react-vite": "^8.3.
|
|
53
|
-
"@storybook/test": "^8.3.
|
|
54
|
-
"@types/node": "^
|
|
50
|
+
"@storybook/addon-essentials": "^8.3.6",
|
|
51
|
+
"@storybook/addon-interactions": "^8.3.6",
|
|
52
|
+
"@storybook/addon-links": "^8.3.6",
|
|
53
|
+
"@storybook/blocks": "^8.3.6",
|
|
54
|
+
"@storybook/react-vite": "^8.3.6",
|
|
55
|
+
"@storybook/test": "^8.3.6",
|
|
56
|
+
"@types/node": "^20.10.0",
|
|
55
57
|
"@types/react": "^18.2.65",
|
|
56
58
|
"@types/react-dom": "^18.2.21",
|
|
57
|
-
"@vitejs/plugin-react": "^4.2
|
|
59
|
+
"@vitejs/plugin-react": "^4.3.2",
|
|
58
60
|
"auto": "^11.1.1",
|
|
59
61
|
"boxen": "^7.1.1",
|
|
60
62
|
"dedent": "^1.5.1",
|
|
@@ -62,18 +64,18 @@
|
|
|
62
64
|
"prompts": "^2.4.2",
|
|
63
65
|
"react": "^18.2.0",
|
|
64
66
|
"react-dom": "^18.2.0",
|
|
65
|
-
"
|
|
67
|
+
"react-native": "^0.75.4",
|
|
68
|
+
"react-native-web": "^0.19.12",
|
|
69
|
+
"storybook": "^8.3.6",
|
|
66
70
|
"tsup": "^8.2.4",
|
|
67
71
|
"typescript": "^5.5.4",
|
|
68
72
|
"vite": "^5.3.5",
|
|
69
|
-
"zx": "^7.2.3"
|
|
70
|
-
"react-native": "^0.75.4",
|
|
71
|
-
"react-native-web": "^0.19.12"
|
|
73
|
+
"zx": "^7.2.3"
|
|
72
74
|
},
|
|
73
75
|
"peerDependencies": {
|
|
74
|
-
"storybook": ">8",
|
|
75
76
|
"react-native": "^0.75.4",
|
|
76
77
|
"react-native-web": "^0.19.12",
|
|
78
|
+
"storybook": "^8",
|
|
77
79
|
"vite": "^4.0.0 || ^5.0.0"
|
|
78
80
|
},
|
|
79
81
|
"publishConfig": {
|