@histoire/shared 0.11.8 → 0.11.9

package/dist/state.d.ts

@@ -1,3 +1,3 @@
 export declare function clone(data: any): any;
 export declare function omit(data: any, keys: string[]): {};
-export declare function applyState(target: any, state: any): void;
+export declare function applyState(target: any, state: any, override?: boolean): void;

package/dist/state.js

@@ -22,8 +22,14 @@ export function omit(data, keys) {
     }
     return copy;
 }
-export function applyState(target, state) {
+export function applyState(target, state, override = false) {
     for (const key in state) {
-        target[key] = state[key];
+        // iframe sync needs to update properties without overriding them
+        if (!override && target[key] && !key.startsWith('_h') && typeof target[key] === 'object' && !Array.isArray(target[key])) {
+            Object.assign(target[key], state[key]);
+        }
+        else {
+            target[key] = state[key];
+        }
     }
 }

package/dist/type-utils.d.ts

@@ -1 +1 @@
-export declare type Awaitable<T> = Promise<T> | T;
+export type Awaitable<T> = Promise<T> | T;

package/dist/types/config.d.ts

@@ -7,9 +7,9 @@ export interface SupportMatchPattern {
     patterns: string[];
     pluginIds: string[];
 }
-export declare type CustomizableColors = 'primary' | 'gray';
-export declare type ColorKeys = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export declare type GrayColorKeys = ColorKeys | '750' | '850' | '950';
+export type CustomizableColors = 'primary' | 'gray';
+export type ColorKeys = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type GrayColorKeys = ColorKeys | '750' | '850' | '950';
 export interface ResponsivePreset {
     label: string;
     width: number;
@@ -202,4 +202,4 @@ export interface HistoireConfig {
         web?: RegExp[];
     };
 }
-export declare type ConfigMode = 'build' | 'dev';
+export type ConfigMode = 'build' | 'dev';

package/dist/types/plugin.d.ts

@@ -32,8 +32,8 @@ export interface PluginApiBase {
 export interface PluginApiDev extends PluginApiBase {
     watcher: typeof chokidar;
 }
-export declare type BuildEndCallback = () => Promise<void> | void;
-export declare type PreviewStoryCallback = (payload: {
+export type BuildEndCallback = () => Promise<void> | void;
+export type PreviewStoryCallback = (payload: {
     file: string;
     story: ServerStory;
     variant: ServerVariant;

package/dist/types/story.d.ts

@@ -9,7 +9,7 @@ export interface StoryFile {
         default: string;
     }>;
 }
-export declare type StoryLayout = {
+export type StoryLayout = {
     type: 'single';
     iframe?: boolean;
 } | {
@@ -170,7 +170,7 @@ export interface ServerTreeGroup {
     title: string;
     children: (ServerTreeFolder | ServerTreeLeaf)[];
 }
-export declare type ServerTree = (ServerTreeGroup | ServerTreeFolder | ServerTreeLeaf)[];
+export type ServerTree = (ServerTreeGroup | ServerTreeFolder | ServerTreeLeaf)[];
 export interface ServerRunPayload {
     file: ServerStoryFile;
     storyData: ServerStory[];

package/package.json

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

package/src/state.ts

@@ -22,8 +22,13 @@ export function omit (data, keys: string[]) {
   return copy
 }
 
-export function applyState (target: any, state: any) {
+export function applyState (target: any, state: any, override = false) {
   for (const key in state) {
-    target[key] = state[key]
+    // iframe sync needs to update properties without overriding them
+    if (!override && target[key] && !key.startsWith('_h') && typeof target[key] === 'object' && !Array.isArray(target[key])) {
+      Object.assign(target[key], state[key])
+    } else {
+      target[key] = state[key]
+    }
   }
 }