@stencil/storybook-plugin 0.0.7 → 0.0.9

package/@types/rollup-parseAst.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Extra type definitions for rollup/parseAst in cases the Rollup version between
+ * `@stencil/storybook-plugin` and `unplugin-stencil` is different. This may cause
+ * the following type error:
+ *
+ * ```
+ * [ ERROR ]  TypeScript: node_modules/vite/dist/node/index.d.ts:5:41
+ *          Cannot find module 'rollup/parseAst' or its corresponding type
+ *          declarations.
+ *
+ *     L4:  export { rollup as Rollup };
+ *     L5:  export { parseAst, parseAstAsync } from 'rollup/parseAst';
+ *     L6:  import * as http from 'node:http';
+ * ```
+ *
+ * This file is a workaround to make sure the type definitions are available when
+ * importing `rollup/parseAst` in `unplugin-stencil`.
+ */
+declare module 'rollup/parseAst' {
+  export function parseAst(code: string, options?: any): any
+  export function parseAstAsync(code: string, options?: any): Promise<any>
+}

package/dist/index.d.ts

@@ -1,3 +1,7 @@
-import './globals';
+/**
+ * This is a workaround to make sure the type definitions for
+ * rollup/parseAst are available.
+ */
+import '../@types/rollup-parseAst.d.ts';
 export * from './types.js';
 export * from './portable-stories.js';

package/dist/index.js

@@ -1,3 +1,7 @@
-import './globals';
+/**
+ * This is a workaround to make sure the type definitions for
+ * rollup/parseAst are available.
+ */
+import '../@types/rollup-parseAst.d.ts';
 export * from './types.js';
 export * from './portable-stories.js';

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from '@stencil/core';
+import { VNode, JSX as StencilJSX } from '@stencil/core';
 import { StorybookConfigVite } from '@storybook/builder-vite';
 import { WebRenderer } from '@storybook/types';
 export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
@@ -52,3 +52,18 @@ export type StorybookConfig = Omit<StorybookConfigBase, 'framework'> & {
         name: '@stencil/storybook-plugin';
     };
 } & StorybookConfigVite;
+/**
+ * Extend the JSX namespace to include StencilJSX.IntrinsicElements, StencilJSX.Element, and StencilJSX.ElementClass.
+ * This is necessary to allow the use of Stencil components in Storybook.
+ * Without we get are getting type errors.
+ */
+declare global {
+    namespace JSX {
+        interface IntrinsicElements extends StencilJSX.IntrinsicElements {
+        }
+        interface Element extends StencilJSX.Element {
+        }
+        interface ElementClass {
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/storybook-plugin",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Storybook plugin for Stencil",
   "license": "MIT",
   "homepage": "https://github.com/stenciljs/storybook",
@@ -27,6 +27,7 @@
   "files": [
     "dist",
     "template",
+    "@types",
     "preset.js"
   ],
   "//": "not sure why dist/preview is needed, but it is",