@storybook/preact 8.1.0-alpha.4 → 8.1.0-alpha.6

package/dist/preset.d.ts

@@ -1,5 +1,10 @@
 import { PresetProperty } from '@storybook/types';
 
 declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
+/**
+ * Alias react and react-dom to preact/compat similar to the preact vite preset
+ * https://github.com/preactjs/preset-vite/blob/main/src/index.ts#L238-L239
+ */
+declare const resolvedReact: (existing: any) => Promise<any>;
 
-export { previewAnnotations };
+export { previewAnnotations, resolvedReact };

package/dist/preset.js

@@ -1 +1 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{previewAnnotations:()=>previewAnnotations});module.exports=__toCommonJS(preset_exports);var import_path=require("path"),previewAnnotations=async(input=[],options)=>{let docsEnabled=Object.keys(await options.presets.apply("docs",{},options)).length>0;return[].concat(input).concat([(0,import_path.join)(__dirname,"entry-preview.mjs")]).concat(docsEnabled?[(0,import_path.join)(__dirname,"entry-preview-docs.mjs")]:[])};0&&(module.exports={previewAnnotations});
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{previewAnnotations:()=>previewAnnotations,resolvedReact:()=>resolvedReact});module.exports=__toCommonJS(preset_exports);var import_path=require("path"),previewAnnotations=async(input=[],options)=>{let docsEnabled=Object.keys(await options.presets.apply("docs",{},options)).length>0;return[].concat(input).concat([(0,import_path.join)(__dirname,"entry-preview.mjs")]).concat(docsEnabled?[(0,import_path.join)(__dirname,"entry-preview-docs.mjs")]:[])},resolvedReact=async existing=>{try{return{...existing,react:"preact/compat",reactDom:"preact/compat"}}catch{return existing}};0&&(module.exports={previewAnnotations,resolvedReact});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.1.0-alpha.4",
+  "version": "8.1.0-alpha.6",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "8.1.0-alpha.4",
-    "@storybook/types": "8.1.0-alpha.4",
+    "@storybook/preview-api": "8.1.0-alpha.6",
+    "@storybook/types": "8.1.0-alpha.6",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {

package/template/stories/React.js

@@ -1,51 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import React from 'react';
-
-/**
- * ReactFunctionalComponent component
- * @param {object} props
- * @param {string} props.label
- */
-export const ReactFunctionalComponent = ({ label }) => {
-  const [clicks, setValue] = React.useState(0);
-  return (
-    <div
-      tabIndex={0}
-      onClick={() => setValue(clicks + 1)}
-      style={{ cursor: 'pointer' }}
-      onKeyDown={() => undefined}
-      role="button"
-    >
-      <div style={{ color: 'red' }}>{label}</div>
-      <div>Clicked {clicks} times.</div>
-    </div>
-  );
-};
-
-/**
- * ReactClassComponent component
- * @param {object} props
- * @param {string} props.label
- */
-export class ReactClassComponent extends React.Component {
-  state = {
-    clicks: 0,
-  };
-
-  render() {
-    const { label } = this.props;
-    const { clicks } = this.state;
-    return (
-      <div
-        tabIndex={0}
-        onClick={() => this.setState({ clicks: clicks + 1 })}
-        onKeyDown={() => undefined}
-        style={{ cursor: 'pointer' }}
-        role="button"
-      >
-        <div style={{ color: 'green' }}>{label}</div>
-        <div>Clicked {clicks} times.</div>
-      </div>
-    );
-  }
-}

package/template/stories/react-compat.stories.js

@@ -1,14 +0,0 @@
-import { ReactFunctionalComponent, ReactClassComponent } from './React';
-
-export default {
-  component: ReactFunctionalComponent,
-};
-
-export const ReactComponentDemo = () => (
-  <div>
-    <h1>React component demo</h1>
-    <ReactFunctionalComponent label="This is a React functional component rendered by Preact" />
-    <hr />
-    <ReactClassComponent label="This is a React class component rendered by Preact" />
-  </div>
-);