Attempt to add support for CSF3 render preset

packages/example-react/.storybook/main.js

@@ -12,9 +12,6 @@ module.exports = {
     core: {
         builder: 'storybook-builder-vite',
     },
-    features: {
-      storyStoreV7: true,
-    },
     async viteFinal(config, { configType }) {
         // customize the Vite config here
         return config;

packages/example-react/stories/Button.stories.jsx

@@ -1,34 +1,35 @@
 import { Button } from './Button';
 
 export default {
-    title: 'Example/Button',
     component: Button,
     argTypes: {
         backgroundColor: { control: 'color' },
     },
 };
 
-const Template = (args) => <Button {...args} />;
+export const Primary = {
+    args: {
+        primary: true,
+        label: 'Button',
+    }
+}
 
-export const Primary = Template.bind({});
-Primary.args = {
-    primary: true,
-    label: 'Button',
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-    label: 'Button',
-};
+export const Secondary = {
+    args: {
+        label: 'Button',
+    }
+}
 
-export const Large = Template.bind({});
-Large.args = {
-    size: 'large',
-    label: 'Button',
-};
+export const Large = {
+    args: {
+        size: 'large',
+        label: 'Button',
+    }
+}
 
-export const Small = Template.bind({});
-Small.args = {
-    size: 'small',
-    label: 'Button',
+export const Small = {
+    args: {
+        size: 'small',
+        label: 'Button',
+    }
 };

packages/storybook-builder-vite/codegen-iframe-script.js

@@ -59,7 +59,7 @@ module.exports.generateIframeScriptCode =
         .map((entry) => `// preview entry\nimport '${entry}';`)
         .join('\n')} */
 
-    import { addDecorator, addParameters, addLoader, addArgTypesEnhancer, addArgsEnhancer } from '@storybook/client-api';
+    import { addDecorator, addParameters, addLoader, addArgTypesEnhancer, addArgsEnhancer, setGlobalRender } from '@storybook/client-api';
     import { logger } from '@storybook/client-logger';
     ${absoluteFilesToImport(configEntries, 'config')}
     ${absoluteFilesToImport(storyEntries, 'story')}
@@ -98,6 +98,9 @@ module.exports.generateIframeScriptCode =
           case 'renderToDOM': {
             return null; // This key is not handled directly in v6 mode.
           }
+          case 'render': {
+            return setGlobalRender(value);
+          }
           default: {
             // eslint-disable-next-line prefer-template
             return console.log(key + ' was not supported :( !');