@histoire/shared 0.10.6 → 0.11.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './codegen/index.js';
 export * from './types/index.js';
 export * from './state.js';
+export * from './story.js';
 export * from './type-utils.js';

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './codegen/index.js';
 export * from './types/index.js';
 export * from './state.js';
+export * from './story.js';
 export * from './type-utils.js';

package/dist/story.d.ts

@@ -0,0 +1 @@
+export declare const omitInheritStoryProps: string[];

package/dist/story.js

@@ -0,0 +1,10 @@
+export const omitInheritStoryProps = [
+    'id',
+    'title',
+    'group',
+    'layout',
+    'variants',
+    'file',
+    'slots',
+    'lastSelectedVariant',
+];

package/dist/types/config.d.ts

@@ -1,6 +1,6 @@
 import type { UserConfig as ViteConfig, ConfigEnv as ViteConfigEnv } from 'vite';
 import type MarkdownIt from 'markdown-it';
-import type { ServerTreeFile } from './story.js';
+import type { ServerTreeFile, StoryProps } from './story.js';
 import type { Plugin } from './plugin.js';
 export interface SupportMatchPattern {
     id: string;
@@ -114,7 +114,16 @@ export interface HistoireConfig {
      *
      * Example: `'/src/histoire-setup.ts'`
      */
-    setupFile?: string;
+    setupFile?: string | {
+        /**
+         * Only loaded in the browser client.
+         */
+        browser: string;
+        /**
+         * Only loaded while collecting stories in the node server.
+         */
+        server: string;
+    };
     /**
      * Setup code created by plugins
      */
@@ -131,6 +140,10 @@ export interface HistoireConfig {
      * Class added to the html root of the story preview when dark mode is enabled.
      */
     sandboxDarkClass?: string;
+    /**
+     * Default props for stories.
+     */
+    defaultStoryProps?: Omit<StoryProps, 'id' | 'setupApp' | 'title' | 'source'>;
     /**
      * Customize the markdown-it renderer
      */

package/dist/types/story.d.ts

@@ -5,6 +5,9 @@ export interface StoryFile {
     story: Story;
     path: string[];
     filePath: string;
+    source: () => Promise<{
+        default: string;
+    }>;
 }
 export declare type StoryLayout = {
     type: 'single';
@@ -54,6 +57,7 @@ export interface Variant {
     slots?: () => {
         default: any;
         controls: any;
+        source: any;
     };
     state: any;
     source?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@histoire/shared",
-  "version": "0.10.6",
+  "version": "0.11.0",
   "description": "Shared utilities for Histoire",
   "license": "MIT",
   "author": {

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from './codegen/index.js'
 export * from './types/index.js'
 export * from './state.js'
+export * from './story.js'
 export * from './type-utils.js'

package/src/story.ts

@@ -0,0 +1,10 @@
+export const omitInheritStoryProps = [
+  'id',
+  'title',
+  'group',
+  'layout',
+  'variants',
+  'file',
+  'slots',
+  'lastSelectedVariant',
+]

package/src/types/config.ts

@@ -3,7 +3,7 @@ import type {
   ConfigEnv as ViteConfigEnv,
 } from 'vite'
 import type MarkdownIt from 'markdown-it'
-import type { ServerTreeFile } from './story.js'
+import type { ServerTreeFile, StoryProps } from './story.js'
 import type { Plugin } from './plugin.js'
 
 export interface SupportMatchPattern {
@@ -123,7 +123,16 @@ export interface HistoireConfig {
    *
    * Example: `'/src/histoire-setup.ts'`
    */
-  setupFile?: string
+  setupFile?: string | {
+    /**
+     * Only loaded in the browser client.
+     */
+    browser: string
+    /**
+     * Only loaded while collecting stories in the node server.
+     */
+    server: string
+  }
   /**
    * Setup code created by plugins
    */
@@ -140,6 +149,10 @@ export interface HistoireConfig {
    * Class added to the html root of the story preview when dark mode is enabled.
    */
   sandboxDarkClass?: string
+  /**
+   * Default props for stories.
+   */
+  defaultStoryProps?: Omit<StoryProps, 'id' | 'setupApp' | 'title' | 'source'>
   /**
    * Customize the markdown-it renderer
    */

package/src/types/story.ts

@@ -5,6 +5,7 @@ export interface StoryFile {
   story: Story
   path: string[]
   filePath: string
+  source: () => Promise<{ default: string }>
 }
 
 export type StoryLayout = {
@@ -59,7 +60,7 @@ export interface Variant {
   icon?: string
   iconColor?: string
   setupApp?: (payload: any) => unknown
-  slots?: () => { default: any, controls: any }
+  slots?: () => { default: any, controls: any, source: any }
   state: any
   source?: string
   responsiveDisabled?: boolean

package/tsconfig.json

@@ -16,7 +16,6 @@
     ],
     "sourceMap": false,
     "preserveWatchOutput": true,
-    "preserveSymlinks": true,
     // Strict
     "noImplicitAny": false,
     "noImplicitThis": true,