@storybook/preact 8.0.0-alpha.0 → 8.0.0-alpha.10

package/dist/index.d.ts

@@ -16,24 +16,14 @@ type Meta<TArgs = Args> = ComponentAnnotations<PreactRenderer, TArgs>;
  */
 type StoryFn<TArgs = Args> = AnnotatedStoryFn<PreactRenderer, TArgs>;
 /**
- * Story function that represents a CSFv3 component example.
+ * Story object that represents a CSFv3 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
 type StoryObj<TArgs = Args> = StoryAnnotations<PreactRenderer, TArgs>;
-/**
- * @deprecated Use `StoryFn` instead.
- * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
- * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
- *
- * Story function that represents a CSFv2 component example.
- *
- * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
- */
-type Story<TArgs = Args> = StoryFn<TArgs>;
 type Decorator<TArgs = StrictArgs> = DecoratorFunction<PreactRenderer, TArgs>;
 type Loader<TArgs = StrictArgs> = LoaderFunction<PreactRenderer, TArgs>;
 type StoryContext<TArgs = StrictArgs> = StoryContext$1<PreactRenderer, TArgs>;
 type Preview = ProjectAnnotations<PreactRenderer>;
 
-export { Decorator, Loader, Meta, PreactRenderer, Preview, Story, StoryContext, StoryFn, StoryObj };
+export { Decorator, Loader, Meta, PreactRenderer, Preview, StoryContext, StoryFn, StoryObj };

package/dist/index.js

@@ -1 +1 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __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 src_exports={};module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");var _a;typeof module<"u"&&((_a=module==null?void 0:module.hot)==null||_a.decline());
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __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 src_exports={};module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="preact");typeof module<"u"&&module?.hot?.decline();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.0-alpha.10",
   "description": "Storybook Preact renderer",
   "keywords": [
     "storybook"
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "8.0.0-alpha.0",
-    "@storybook/types": "8.0.0-alpha.0",
+    "@storybook/preview-api": "8.0.0-alpha.10",
+    "@storybook/types": "8.0.0-alpha.10",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -60,7 +60,7 @@
     "preact": "^8.0.0||^10.0.0"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

package/template/cli/Button.stories.jsx

@@ -1,3 +1,4 @@
+import { fn } from '@storybook/test';
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
@@ -9,6 +10,8 @@ export default {
     backgroundColor: { control: 'color' },
     onClick: { action: 'onClick' },
   },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
 };
 
 // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args

package/jest.config.js

@@ -1,7 +0,0 @@
-const path = require('path');
-const baseConfig = require('../../jest.config.browser');
-
-module.exports = {
-  ...baseConfig,
-  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
-};