@storybook/react-native 7.6.17 → 7.6.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "7.6.17",
+  "version": "7.6.18",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -32,7 +32,7 @@
     "template/**/*"
   ],
   "scripts": {
-    "dev": "ts-node ./buildscripts/gentsdev.ts && tsup --watch",
+    "dev": "ts-node ./buildscripts/gendtsdev.ts && tsup --watch",
     "prepare": "rm -rf dist/ && tsup",
     "test": "jest",
     "test:ci": "jest"
@@ -64,7 +64,7 @@
     "@storybook/preview-api": "^7.6.13",
     "@storybook/preview-web": "^7.6.13",
     "@storybook/react": "^7.6.13",
-    "@storybook/react-native-theming": "^7.6.17",
+    "@storybook/react-native-theming": "^7.6.18",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
@@ -98,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eabc8e9dfc361faa0a7b1c7f08fe85b8cf37725b"
+  "gitHead": "00cfaa848e74361513c0ea2275f58eed267c35f1"
 }

package/scripts/__snapshots__/generate.test.js.snap

@@ -219,3 +219,53 @@ import "@storybook/addon-ondevice-actions/register";
   export const view = global.view;
 "
 `;
+
+exports[`loader writeRequires when using js writes the story imports without types 1`] = `
+"
+  /* do not change this file, it is auto generated by storybook. */
+  
+  import { start, prepareStories, getProjectAnnotations } from '@storybook/react-native';
+  
+  import "@storybook/addon-ondevice-notes/register";
+import "@storybook/addon-ondevice-controls/register";
+import "@storybook/addon-ondevice-backgrounds/register";
+import "@storybook/addon-ondevice-actions/register";
+
+  const normalizedStories = [{
+      titlePrefix: "",
+      directory: "./scripts/mocks/all-config-files",
+      files: "FakeStory.stories.tsx",
+      importPathMatcher: /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/,
+      
+      req: require.context('./', false, /^\\.[\\\\/](?:FakeStory\\.stories\\.tsx)$/)
+    }];
+
+  
+
+  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 {
+    const { importMap } = prepareStories({ storyEntries: normalizedStories });
+    
+    global.view._preview.onStoriesChanged({
+      importFn: async (importPath) => importMap[importPath],
+    });
+
+    global.view._preview.onGetProjectAnnotationsChanged({
+      getProjectAnnotations: getProjectAnnotations(global.view, annotations),
+    });
+  }
+
+  export const view = global.view;
+"
+`;

package/scripts/generate.js

@@ -41,7 +41,7 @@ function generate({ configPath, absolute = false, useJs = false }) {
       directory: "${specifier.directory}",
       files: "${specifier.files}",
       importPathMatcher: /${reg.source}/,
-      // @ts-ignore
+      ${useJs ? '' : '// @ts-ignore'}
       req: require.context('${pathToStory}', ${r}, ${m})
     }`;
   });
@@ -81,7 +81,7 @@ function generate({ configPath, absolute = false, useJs = false }) {
 
   global.STORIES = normalizedStories;
   
-  // @ts-ignore
+  ${useJs ? '' : '// @ts-ignore'}
   module?.hot?.accept?.();
 
   if (!global.view) {
@@ -93,7 +93,7 @@ function generate({ configPath, absolute = false, useJs = false }) {
     const { importMap } = prepareStories({ storyEntries: normalizedStories });
     
     global.view._preview.onStoriesChanged({
-      importFn: async (importPath: string) => importMap[importPath],
+      importFn: async (importPath${useJs ? '' : ': string'}) => importMap[importPath],
     });
 
     global.view._preview.onGetProjectAnnotationsChanged({

package/scripts/generate.test.js

@@ -30,6 +30,16 @@ describe('loader', () => {
       });
     });
 
+    describe('when using js', () => {
+      it('writes the story imports without types', () => {
+        generate({ configPath: 'scripts/mocks/all-config-files', useJs: true });
+        expect(pathMock).toEqual(
+          path.resolve(__dirname, 'mocks/all-config-files/storybook.requires.js')
+        );
+        expect(fileContentMock).toMatchSnapshot();
+      });
+    });
+
     describe('when there are different file extensions', () => {
       it('writes the story imports', () => {
         generate({ configPath: 'scripts/mocks/file-extensions' });