storybook-framework-qwik 0.0.6 → 0.0.7

package/dist/preset.js

@@ -13,6 +13,9 @@ export const viteFinal = async (defaultConfig, options) => {
             },
         },
     });
+    // Qwik-city plugin may be used in apps, but it has mdx stuff that conflicts with Storybook mdx
+    // we'll try to only remove the transform code (where the mdx stuff is), and keep everything else.
+    config.plugins = config.plugins.map((plugin) => plugin.name === 'vite-plugin-qwik-city' ? { ...plugin, transform: () => null } : plugin);
     return config;
 };
 export const previewAnnotations = (entry = []) => [

package/dist/preview.d.ts

@@ -1,4 +1,4 @@
 import { ArgsStoryFn, RenderContext } from '@storybook/types';
 import { QwikRenderer } from './types.js';
 export declare const render: ArgsStoryFn<QwikRenderer<unknown>>;
-export declare function renderToCanvas<T>({ storyFn, showMain, showError }: RenderContext<QwikRenderer<T>>, canvasElement: QwikRenderer<T>['canvasElement']): Promise<void>;
+export declare function renderToCanvas<T>({ storyFn, showMain }: RenderContext<QwikRenderer<T>>, canvasElement: QwikRenderer<T>['canvasElement']): Promise<void>;

package/dist/preview.js

@@ -1,5 +1,4 @@
 import { render as renderQwik } from '@builder.io/qwik';
-import { jsx as _jsx } from '@builder.io/qwik/jsx-runtime';
 // returns the Qwik component as a JSX element (</MyComponent>)
 // If a story has a custom renderer, it will replace this function.
 export const render = (args, context) => {
@@ -9,10 +8,9 @@ export const render = (args, context) => {
     }
     return component;
 };
-export async function renderToCanvas({ storyFn, showMain, showError }, canvasElement) {
+export async function renderToCanvas({ storyFn, showMain }, canvasElement) {
     const container = document.createElement('div');
-    const tree = _jsx(storyFn, {}, 'qwik-story');
-    await renderQwik(container, tree);
+    await renderQwik(container, storyFn());
     canvasElement.childNodes.forEach((c) => c.remove());
     canvasElement.append(container);
     showMain();

package/dist/qwik-city-decorator.js

@@ -1,12 +1,6 @@
-import { jsx as _jsx } from '@builder.io/qwik/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { QwikCityMockProvider } from '@builder.io/qwik-city';
 /** Wraps story in QwikCityMockProvider */
-export const qwikCityDecorator = (Story) => {
-    const storyNode = Story();
-    // equal to <QwikCityMockProvider><Story/></QwikCityMockProvider>
-    const tree = _jsx(QwikCityMockProvider, // avoid qwik-city types in return type
-    {
-        children: storyNode,
-    }, 'QwikCityMockProvider');
-    return tree;
-};
+export const qwikCityDecorator = (Story) => 
+// Something is out of sync with the JSXNode generated here and the type expected by Decorator
+(_jsx(QwikCityMockProvider, { children: Story() }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-framework-qwik",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Storybook for Qwik: View Qwik components in isolation.",
   "keywords": [
     "storybook",