react-cosmos-core 7.2.0 → 7.2.1-canary.0004fe7.0

package/dist/fixtureState/classState.d.ts

@@ -1,5 +1,5 @@
-import { ClassStateFixtureState, ClassStateFixtureStateItem } from './classStateTypes.js';
-import { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
+import type { ClassStateFixtureState, ClassStateFixtureStateItem } from './classStateTypes.js';
+import type { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
 export declare function filterClassStateFixtureState(classStateFs: ClassStateFixtureState | undefined, decoratorId: FixtureDecoratorId): ClassStateFixtureState;
 export declare function findClassStateFixtureStateItem(classStateFs: ClassStateFixtureState | undefined, elementId: FixtureElementId): void | ClassStateFixtureStateItem;
 type CreateClassStateFixtureStateArgs = {
@@ -8,7 +8,7 @@ type CreateClassStateFixtureStateArgs = {
     values: FixtureStateValues;
     componentName: string;
 };
-export declare function createClassStateFixtureStateItem({ classStateFs, elementId, values, componentName, }: CreateClassStateFixtureStateArgs): {
+export declare function createClassStateFixtureStateItem({ classStateFs, elementId, values, componentName }: CreateClassStateFixtureStateArgs): {
     elementId: FixtureElementId;
     values: FixtureStateValues;
     componentName: string;
@@ -18,6 +18,6 @@ type UpdateClassStateFixtureStateArgs = {
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function updateClassStateFixtureStateItem({ classStateFs, elementId, values, }: UpdateClassStateFixtureStateArgs): ClassStateFixtureStateItem[];
+export declare function updateClassStateFixtureStateItem({ classStateFs, elementId, values }: UpdateClassStateFixtureStateArgs): ClassStateFixtureStateItem[];
 export declare function removeClassStateFixtureStateItem(classStateFs: ClassStateFixtureState | undefined, elementId: FixtureElementId): ClassStateFixtureStateItem[];
 export {};

package/dist/fixtureState/classState.js

@@ -1,12 +1,12 @@
-import { find, isEqual } from 'lodash-es';
 import { removeItemMatch, replaceOrAddItem, updateItem, } from '../utils/array.js';
+import { isEqual } from '../utils/isEqual.js';
 export function filterClassStateFixtureState(classStateFs, decoratorId) {
     return classStateFs
         ? classStateFs.filter(s => s.elementId.decoratorId === decoratorId)
         : [];
 }
 export function findClassStateFixtureStateItem(classStateFs, elementId) {
-    return (classStateFs && find(classStateFs, s => isEqual(s.elementId, elementId)));
+    return (classStateFs && classStateFs.find(s => isEqual(s.elementId, elementId)));
 }
 export function createClassStateFixtureStateItem({ classStateFs, elementId, values, componentName, }) {
     return replaceOrAddItem(classStateFs ?? [], createClassStateMatcher(elementId), { elementId, values, componentName });

package/dist/fixtureState/classStateTypes.d.ts

@@ -1,4 +1,4 @@
-import { FixtureElementId, FixtureStateValues } from './types.js';
+import type { FixtureElementId, FixtureStateValues } from './types.js';
 export type ClassStateFixtureStateItem = {
     elementId: FixtureElementId;
     values: FixtureStateValues;

package/dist/fixtureState/createValues.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData } from '../utils/data.js';
-import { FixtureStateValue, FixtureStateValues } from './types.js';
+import type { ObjectData } from '../utils/data.js';
+import type { FixtureStateValue, FixtureStateValues } from './types.js';
 export declare function createValues(obj: ObjectData): FixtureStateValues;
 export declare function createValue(data: unknown): FixtureStateValue;

package/dist/fixtureState/createValues.js

@@ -1,5 +1,5 @@
 import { isValidElement } from 'react';
-import { isArray, isObject, isPrimitiveData, } from '../utils/data.js';
+import { isArray, isObject, isPrimitiveData } from '../utils/data.js';
 export function createValues(obj) {
     const values = {};
     Object.keys(obj).forEach(key => {

package/dist/fixtureState/extendWithValues.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData } from '../utils/data.js';
-import { FixtureStateValue, FixtureStateValues } from './types.js';
+import type { ObjectData } from '../utils/data.js';
+import type { FixtureStateValue, FixtureStateValues } from './types.js';
 export declare function extendWithValues(obj: ObjectData, values: FixtureStateValues): ObjectData;
 export declare function extendWithValue(data: unknown, value: FixtureStateValue): unknown;

package/dist/fixtureState/fixtureState.d.ts

@@ -1,4 +1,4 @@
-import { FixtureState } from './types.js';
+import type { FixtureState } from './types.js';
 export type FixtureStateUpdater<T> = (prevState: T | undefined) => T;
 export type FixtureStateChange<T> = T | FixtureStateUpdater<T>;
 export declare function fixtureStateByName<T>(fixtureState: FixtureState, name: string): T | undefined;

package/dist/fixtureState/inputsTypes.d.ts

@@ -1,4 +1,4 @@
-import { FixtureStateValue } from './types.js';
+import type { FixtureStateValue } from './types.js';
 export type StandardInputFixtureState = {
     type: 'standard';
     defaultValue: FixtureStateValue;

package/dist/fixtureState/props.d.ts

@@ -1,5 +1,5 @@
-import { PropsFixtureState, PropsFixtureStateItem, PropsFixtureStateRenderKey } from './propsTypes.js';
-import { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
+import type { PropsFixtureState, PropsFixtureStateItem, PropsFixtureStateRenderKey } from './propsTypes.js';
+import type { FixtureDecoratorId, FixtureElementId, FixtureStateValues } from './types.js';
 export declare const DEFAULT_RENDER_KEY: PropsFixtureStateRenderKey;
 export declare function filterPropsFixtureState(propsFs: PropsFixtureState | undefined, decoratorId: FixtureDecoratorId): PropsFixtureState;
 export declare function findPropsFixtureStateItem(propsFs: PropsFixtureState | undefined, elementId: FixtureElementId): void | PropsFixtureStateItem;
@@ -9,7 +9,7 @@ type CreatePropsFixtureStateArgs = {
     values: FixtureStateValues;
     componentName: string;
 };
-export declare function createPropsFixtureStateItem({ propsFs, elementId, values, componentName, }: CreatePropsFixtureStateArgs): {
+export declare function createPropsFixtureStateItem({ propsFs, elementId, values, componentName }: CreatePropsFixtureStateArgs): {
     elementId: FixtureElementId;
     values: FixtureStateValues;
     renderKey: number;
@@ -20,12 +20,12 @@ type ResetPropsFixtureStateItemArgs = {
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function resetPropsFixtureStateItem({ propsFs, elementId, values, }: ResetPropsFixtureStateItemArgs): PropsFixtureStateItem[];
+export declare function resetPropsFixtureStateItem({ propsFs, elementId, values }: ResetPropsFixtureStateItemArgs): PropsFixtureStateItem[];
 type UpdatePropsFixtureStateItemArgs = {
     propsFs: PropsFixtureState | undefined;
     elementId: FixtureElementId;
     values: FixtureStateValues;
 };
-export declare function updatePropsFixtureStateItem({ propsFs, elementId, values, }: UpdatePropsFixtureStateItemArgs): PropsFixtureStateItem[];
+export declare function updatePropsFixtureStateItem({ propsFs, elementId, values }: UpdatePropsFixtureStateItemArgs): PropsFixtureStateItem[];
 export declare function removePropsFixtureStateItem(propsFs: PropsFixtureState | undefined, elementId: FixtureElementId): PropsFixtureStateItem[];
 export {};

package/dist/fixtureState/props.js

@@ -1,5 +1,5 @@
-import { find, isEqual } from 'lodash-es';
 import { removeItemMatch, replaceOrAddItem, updateItem, } from '../utils/array.js';
+import { isEqual } from '../utils/isEqual.js';
 export const DEFAULT_RENDER_KEY = 0;
 export function filterPropsFixtureState(propsFs, decoratorId) {
     return propsFs
@@ -7,7 +7,7 @@ export function filterPropsFixtureState(propsFs, decoratorId) {
         : [];
 }
 export function findPropsFixtureStateItem(propsFs, elementId) {
-    return propsFs && find(propsFs, p => isEqual(p.elementId, elementId));
+    return propsFs && propsFs.find(p => isEqual(p.elementId, elementId));
 }
 export function createPropsFixtureStateItem({ propsFs, elementId, values, componentName, }) {
     return replaceOrAddItem(propsFs ?? [], createPropsMatcher(elementId), {

package/dist/fixtureState/propsTypes.d.ts

@@ -1,4 +1,4 @@
-import { FixtureElementId, FixtureStateValues } from './types.js';
+import type { FixtureElementId, FixtureStateValues } from './types.js';
 export type PropsFixtureStateRenderKey = number;
 export type PropsFixtureStateItem = {
     elementId: FixtureElementId;

package/dist/fixtureState/types.d.ts

@@ -1,5 +1,5 @@
-import { PrimitiveData } from '../utils/data.js';
-import { StateUpdater } from '../utils/state.js';
+import type { PrimitiveData } from '../utils/data.js';
+import type { StateUpdater } from '../utils/state.js';
 export type FixtureDecoratorId = string;
 export type FixtureElementId = {
     decoratorId: string;

package/dist/fixtureTree/createFixtureTree/collapseFixtureDirs.d.ts

@@ -1,2 +1,2 @@
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function collapseFixtureDirs(treeNode: FixtureTreeNode, fixturesDir: string): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/collapseFixtureDirs.js

@@ -1,11 +1,10 @@
-import { omit } from 'lodash-es';
 export function collapseFixtureDirs(treeNode, fixturesDir) {
     const { data, children } = treeNode;
     if (data.type !== 'fileDir' || !children)
         return treeNode;
     const collapsableDirNode = children[fixturesDir];
     if (collapsableDirNode && collapsableDirNode.data.type === 'fileDir') {
-        const otherChildren = omit(children, fixturesDir);
+        const { [fixturesDir]: _, ...otherChildren } = children;
         const innerChildren = collapsableDirNode.children;
         // Make sure children of the collapsed dir don't overlap with children of
         // the parent dir

package/dist/fixtureTree/createFixtureTree/collapseIndexes.d.ts

@@ -1,2 +1,2 @@
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function collapseIndexes(treeNode: FixtureTreeNode): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/collapseNamedIndexes.d.ts

@@ -1,2 +1,2 @@
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function collapseNamedIndexes(treeNode: FixtureTreeNode): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/collapseOuterDirs.d.ts

@@ -1,2 +1,2 @@
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function collapseOuterDirs(treeNode: FixtureTreeNode): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/createRawFixtureTree.d.ts

@@ -1,3 +1,3 @@
-import { FixtureList } from '../../userModules/fixtureTypes.js';
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureList } from '../../userModules/fixtureTypes.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function createRawFixtureTree(fixtures: FixtureList): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/createRawFixtureTree.js

@@ -1,4 +1,3 @@
-import { get, set } from 'lodash-es';
 import { addTreeNodeChild } from '../../utils/tree.js';
 import { removeFixtureNameExtension } from '../fixtureUtils.js';
 export function createRawFixtureTree(fixtures) {
@@ -41,19 +40,14 @@ function parseFixturePath(fixturePath) {
 function injectNode(rootNode, parents, childName, childNode) {
     if (parents.length === 0)
         return addTreeNodeChild(rootNode, childName, childNode);
-    let curParentDepth = 1;
-    let curParent;
-    do {
-        const curParents = parents.slice(0, curParentDepth);
-        const curPath = curParents.map(p => `children["${p}"]`).join('.');
-        curParent = get(rootNode, curPath);
-        if (!curParent) {
-            curParent = {
-                data: { type: 'fileDir' },
-            };
-            set(rootNode, curPath, curParent);
+    let curNode = rootNode;
+    for (const dirName of parents) {
+        if (!curNode.children)
+            curNode.children = {};
+        if (!curNode.children[dirName]) {
+            curNode.children[dirName] = { data: { type: 'fileDir' } };
         }
-        curParentDepth += 1;
-    } while (curParentDepth <= parents.length);
-    addTreeNodeChild(curParent, childName, childNode);
+        curNode = curNode.children[dirName];
+    }
+    addTreeNodeChild(curNode, childName, childNode);
 }

package/dist/fixtureTree/createFixtureTree/hideFixtureSuffix.d.ts

@@ -1,2 +1,2 @@
-import { FixtureTreeNode } from '../types.js';
+import type { FixtureTreeNode } from '../types.js';
 export declare function hideFixtureSuffix(treeNode: FixtureTreeNode, suffix: string): FixtureTreeNode;

package/dist/fixtureTree/createFixtureTree/index.d.ts

@@ -1,6 +1,6 @@
-import { FixtureList } from '../../userModules/fixtureTypes.js';
-import { FixtureTreeNode } from '../types.js';
-export declare function createFixtureTree({ fixtures, fixturesDir, fixtureFileSuffix, }: {
+import type { FixtureList } from '../../userModules/fixtureTypes.js';
+import type { FixtureTreeNode } from '../types.js';
+export declare function createFixtureTree({ fixtures, fixturesDir, fixtureFileSuffix }: {
     fixtures: FixtureList;
     fixturesDir: string;
     fixtureFileSuffix: string;

package/dist/fixtureTree/flattenFixtureTree.d.ts

@@ -1,5 +1,5 @@
-import { FixtureId } from '../userModules/fixtureTypes.js';
-import { FixtureTreeNode } from './types.js';
+import type { FixtureId } from '../userModules/fixtureTypes.js';
+import type { FixtureTreeNode } from './types.js';
 export type FlatFixtureTreeItem = {
     fileName: string;
     fixtureId: FixtureId;

package/dist/fixtureTree/types.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode } from '../utils/tree.js';
+import type { TreeNode } from '../utils/tree.js';
 export type FixtureTreeNode = TreeNode<{
     type: 'fileDir';
 } | {

package/dist/index.d.ts

@@ -32,6 +32,9 @@ export * from './userModules/stringifyFixtureId.js';
 export * from './userModules/userModuleTypes.js';
 export * from './utils/array.js';
 export * from './utils/data.js';
+export * from './utils/isEqual.js';
+export * from './utils/mapValues.js';
+export * from './utils/pathUtils.js';
 export * from './utils/keys.js';
 export * from './utils/queryString.js';
 export * from './utils/react/areNodesEqual.js';

package/dist/index.js

@@ -32,6 +32,9 @@ export * from './userModules/stringifyFixtureId.js';
 export * from './userModules/userModuleTypes.js';
 export * from './utils/array.js';
 export * from './utils/data.js';
+export * from './utils/isEqual.js';
+export * from './utils/mapValues.js';
+export * from './utils/pathUtils.js';
 export * from './utils/keys.js';
 export * from './utils/queryString.js';
 export * from './utils/react/areNodesEqual.js';

package/dist/playground/playgroundParams.d.ts

@@ -1,4 +1,4 @@
-import { FixtureId } from '../userModules/fixtureTypes.js';
+import type { FixtureId } from '../userModules/fixtureTypes.js';
 export type PlaygroundParams = {
     fixture?: FixtureId;
 };

package/dist/playground/playgroundQueryString.d.ts

@@ -1,3 +1,3 @@
-import { PlaygroundParams } from './playgroundParams.js';
+import type { PlaygroundParams } from './playgroundParams.js';
 export declare function buildPlaygroundQueryString(params: PlaygroundParams): string;
 export declare function parsePlaygroundQueryString(query: string): PlaygroundParams;

package/dist/renderer/rendererConnect.d.ts

@@ -1,6 +1,6 @@
-import { FixtureState } from '../fixtureState/types.js';
-import { NotificationItem, TimedNotificationItem } from '../playground/notifications.js';
-import { FixtureId, FixtureList, FixtureListItem } from '../userModules/fixtureTypes.js';
+import type { FixtureState } from '../fixtureState/types.js';
+import type { NotificationItem, TimedNotificationItem } from '../playground/notifications.js';
+import type { FixtureId, FixtureList, FixtureListItem } from '../userModules/fixtureTypes.js';
 export type RendererId = string;
 export type PingRenderersRequest = {
     type: 'pingRenderers';

package/dist/renderer/rendererQueryString.d.ts

@@ -1,4 +1,4 @@
-import { FixtureId } from '../userModules/fixtureTypes.js';
+import type { FixtureId } from '../userModules/fixtureTypes.js';
 type RendererParams = {
     fixtureId?: FixtureId;
     locked?: boolean;

package/dist/renderer/rendererUrl.d.ts

@@ -1,5 +1,5 @@
-import { CosmosMode } from '../server/serverTypes.js';
-import { FixtureId } from '../userModules/fixtureTypes.js';
+import type { CosmosMode } from '../server/serverTypes.js';
+import type { FixtureId } from '../userModules/fixtureTypes.js';
 export type CosmosRendererUrl = null | string | {
     dev: string;
     export: string;

package/dist/renderer/rendererUrl.js

@@ -39,7 +39,7 @@ function hostOnlyUrl(url) {
         const { protocol, pathname } = new URL(url);
         return (protocol === 'http:' || protocol === 'https:') && pathname === '/';
     }
-    catch (err) {
+    catch {
         return false;
     }
 }

package/dist/userModules/getFixtureFromExport.d.ts

@@ -1,2 +1,2 @@
-import { ReactFixture, ReactFixtureExport } from './userModuleTypes.js';
+import type { ReactFixture, ReactFixtureExport } from './userModuleTypes.js';
 export declare function getFixtureFromExport(fixtureExport: ReactFixtureExport, fixtureName?: string): void | ReactFixture;

package/dist/userModules/getFixtureList.d.ts

@@ -1,5 +1,5 @@
-import { FixtureList, FixtureListItem } from './fixtureTypes.js';
-import { ByPath, ReactFixtureExport, UserModuleWrappers } from './userModuleTypes.js';
+import type { FixtureList, FixtureListItem } from './fixtureTypes.js';
+import type { ByPath, ReactFixtureExport, UserModuleWrappers } from './userModuleTypes.js';
 export declare function getFixtureListFromWrappers(wrappers: UserModuleWrappers): FixtureList;
 export declare function getFixtureListFromExports(exports: ByPath<ReactFixtureExport>): {
     [x: string]: FixtureListItem;

package/dist/userModules/getSortedDecoratorsForFixturePath.d.ts

@@ -1,2 +1,2 @@
-import { ByPath } from './userModuleTypes.js';
+import type { ByPath } from './userModuleTypes.js';
 export declare function getSortedDecoratorsForFixturePath<T>(fixturePath: string, decoratorsByPath: ByPath<T>): T[];

package/dist/userModules/isMultiFixture.d.ts

@@ -1,2 +1,2 @@
-import { ReactFixtureExport, ReactFixtureMap } from './userModuleTypes.js';
+import type { ReactFixtureExport, ReactFixtureMap } from './userModuleTypes.js';
 export declare function isMultiFixture(fixtureExport: ReactFixtureExport): fixtureExport is ReactFixtureMap;

package/dist/userModules/stringifyFixtureId.d.ts

@@ -1,2 +1,2 @@
-import { FixtureId } from './fixtureTypes.js';
+import type { FixtureId } from './fixtureTypes.js';
 export declare function stringifyFixtureId(fixtureId: FixtureId): string;

package/dist/userModules/userModuleTypes.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode } from 'react';
+import type { ComponentType, ReactNode } from 'react';
 type FixtureMap<FixtureType> = {
     [fixtureName: string]: FixtureType;
 };

package/dist/utils/array.js

@@ -1,4 +1,3 @@
-import { findIndex } from 'lodash-es';
 export function updateItem(items, item, update) {
     const index = items.indexOf(item);
     return [
@@ -8,13 +7,13 @@ export function updateItem(items, item, update) {
     ];
 }
 export function replaceOrAddItem(items, matcher, item) {
-    const index = findIndex(items, matcher);
+    const index = items.findIndex(matcher);
     return index !== -1
         ? [...items.slice(0, index), item, ...items.slice(index + 1)]
         : [...items, item];
 }
 export function removeItemMatch(items, matcher) {
-    const index = findIndex(items, matcher);
+    const index = items.findIndex(matcher);
     return index === -1
         ? [...items]
         : [...items.slice(0, index), ...items.slice(index + 1)];

package/dist/utils/data.js

@@ -1,4 +1,3 @@
-import { isPlainObject } from 'lodash-es';
 import { isValidElement } from 'react';
 export function isString(value) {
     return typeof value === 'string';
@@ -23,7 +22,10 @@ export function isPrimitiveData(data) {
         isUndefined(data));
 }
 export function isObject(data) {
-    return isPlainObject(data) && !isValidElement(data);
+    if (data === null || typeof data !== 'object' || isValidElement(data))
+        return false;
+    const proto = Object.getPrototypeOf(data);
+    return proto === Object.prototype || proto === null;
 }
 export function isArray(data) {
     return Array.isArray(data);

package/dist/utils/isEqual.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Deep equality for the subset of values that appear in react-cosmos
+ * fixture state, props, and element IDs.
+ *
+ * Handles: primitives (NaN and +0/-0 are treated as equal), Date, RegExp,
+ * Map, Set, arrays, and plain objects (enumerable own keys only).
+ *
+ * Not handled — do not rely on correct results for these:
+ * - Circular references (will stack overflow).
+ * - Sets containing non-primitives (compared by identity, not structure).
+ * - Symbol-keyed properties (ignored).
+ * - TypedArrays / ArrayBuffer / Error / arguments objects (fall through
+ *   to the plain-object branch).
+ */
+export declare function isEqual(a: unknown, b: unknown): boolean;

package/dist/utils/isEqual.js

@@ -0,0 +1,61 @@
+/**
+ * Deep equality for the subset of values that appear in react-cosmos
+ * fixture state, props, and element IDs.
+ *
+ * Handles: primitives (NaN and +0/-0 are treated as equal), Date, RegExp,
+ * Map, Set, arrays, and plain objects (enumerable own keys only).
+ *
+ * Not handled — do not rely on correct results for these:
+ * - Circular references (will stack overflow).
+ * - Sets containing non-primitives (compared by identity, not structure).
+ * - Symbol-keyed properties (ignored).
+ * - TypedArrays / ArrayBuffer / Error / arguments objects (fall through
+ *   to the plain-object branch).
+ */
+export function isEqual(a, b) {
+    if (a === b || (Number.isNaN(a) && Number.isNaN(b)))
+        return true;
+    if (a === null ||
+        b === null ||
+        typeof a !== 'object' ||
+        typeof b !== 'object')
+        return false;
+    if (a.constructor !== b.constructor)
+        return false;
+    if (a instanceof Date)
+        return a.getTime() === b.getTime();
+    if (a instanceof RegExp)
+        return a.source === b.source && a.flags === b.flags;
+    if (a instanceof Map) {
+        const mb = b;
+        if (a.size !== mb.size)
+            return false;
+        for (const [key, val] of a) {
+            if (!mb.has(key) || !isEqual(val, mb.get(key)))
+                return false;
+        }
+        return true;
+    }
+    if (a instanceof Set) {
+        const sb = b;
+        if (a.size !== sb.size)
+            return false;
+        for (const val of a) {
+            if (!sb.has(val))
+                return false;
+        }
+        return true;
+    }
+    if (Array.isArray(a)) {
+        const arrB = b;
+        if (a.length !== arrB.length)
+            return false;
+        return a.every((val, i) => isEqual(val, arrB[i]));
+    }
+    const keysA = Object.keys(a);
+    const keysB = Object.keys(b);
+    if (keysA.length !== keysB.length)
+        return false;
+    return keysA.every(key => Object.hasOwn(b, key) &&
+        isEqual(a[key], b[key]));
+}

package/dist/utils/mapValues.d.ts

@@ -0,0 +1 @@
+export declare function mapValues<T, R>(obj: Record<string, T>, fn: (value: T, key: string) => R): Record<string, R>;

package/dist/utils/mapValues.js

@@ -0,0 +1,3 @@
+export function mapValues(obj, fn) {
+    return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, fn(v, k)]));
+}

package/dist/utils/pathUtils.d.ts

@@ -0,0 +1,2 @@
+export declare function getByPath<T extends object>(obj: T, path: string): unknown;
+export declare function setByPath<T extends object>(obj: T, path: string, value: unknown): T;

package/dist/utils/pathUtils.js

@@ -0,0 +1,35 @@
+export function getByPath(obj, path) {
+    let cur = obj;
+    for (const key of parsePath(path)) {
+        if (cur === null || cur === undefined)
+            return undefined;
+        cur = cur[key];
+    }
+    return cur;
+}
+export function setByPath(obj, path, value) {
+    const keys = parsePath(path);
+    function set(current, index) {
+        if (index === keys.length)
+            return value;
+        const key = keys[index];
+        const cur = current;
+        const next = set(cur?.[key], index + 1);
+        if (Array.isArray(current)) {
+            const copy = [...current];
+            copy[key] = next;
+            return copy;
+        }
+        return { ...cur, [key]: next };
+    }
+    return set(obj, 0);
+}
+// Parse paths like "props.children[0].props.children"
+// into segments like ["props", "children", 0, "props", "children"]
+function parsePath(path) {
+    return path
+        .replace(/\[(\d+)]/g, '.$1') // [0] → .0
+        .split('.')
+        .filter(s => s !== '')
+        .map(s => (/^\d+$/.test(s) ? Number(s) : s));
+}

package/dist/utils/react/areNodesEqual.d.ts

@@ -1,2 +1,2 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare function areNodesEqual(node1: ReactNode, node2: ReactNode, strictTypeCheck: boolean): boolean;

package/dist/utils/react/areNodesEqual.js

@@ -1,4 +1,5 @@
-import { isEqual, isEqualWith } from 'lodash-es';
+import { isObject } from '../data.js';
+import { isEqual } from '../isEqual.js';
 import { getComponentName } from './getComponentName.js';
 import { isReactElement } from './isReactElement.js';
 export function areNodesEqual(node1, node2, strictTypeCheck) {
@@ -29,9 +30,25 @@ function areArrayNodesEqual(node1, node2, strictTypeCheck) {
     return node1.every((node, nodeIndex) => areNodesEqual(node, node2[nodeIndex], strictTypeCheck));
 }
 function arePropsEqual(object1, object2) {
-    if (!isEqual(Object.keys(object1), Object.keys(object2)))
+    const keys1 = Object.keys(object1);
+    const keys2 = Object.keys(object2);
+    if (keys1.length !== keys2.length)
         return false;
-    return Object.keys(object1).every(key => isEqualWith(object1[key], object2[key], (value1, value2) => typeof value1 === 'function' && typeof value2 === 'function'
-        ? value1 === value2 || value1.toString() === value2.toString()
-        : isEqual(value1, value2)));
+    return keys1.every(key => Object.prototype.hasOwnProperty.call(object2, key) &&
+        arePropValuesEqual(object1[key], object2[key]));
+}
+// Recurse into plain objects and arrays so that functions at any depth are
+// compared by their source code, not by reference. This makes prop comparison
+// resilient to HMR, which creates fresh function instances on every reload.
+function arePropValuesEqual(value1, value2) {
+    if (typeof value1 === 'function' && typeof value2 === 'function')
+        return value1 === value2 || value1.toString() === value2.toString();
+    if (isObject(value1) && isObject(value2))
+        return arePropsEqual(value1, value2);
+    if (Array.isArray(value1) && Array.isArray(value2)) {
+        if (value1.length !== value2.length)
+            return false;
+        return value1.every((v, i) => arePropValuesEqual(v, value2[i]));
+    }
+    return isEqual(value1, value2);
 }

package/dist/utils/react/getComponentName.d.ts

@@ -1,2 +1,2 @@
-import { ComponentType } from 'react';
+import type { ComponentType } from 'react';
 export declare function getComponentName(type: string | ComponentType): string;

package/dist/utils/react/isReactElement.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 export type ReactElementWithChildren = ReactElement<{
     children?: ReactNode | Function;
     [key: string]: unknown;

package/dist/utils/serializable.js

@@ -1,6 +1,6 @@
 import { isArray, isObject, isPrimitiveData } from './data.js';
 export function pickSerializableValues(object) {
-    return Object.fromEntries(Object.entries(object).filter(([k, v]) => isSerializable(v)));
+    return Object.fromEntries(Object.entries(object).filter(([, v]) => isSerializable(v)));
 }
 export function isSerializable(data) {
     if (isObject(data))

package/dist/utils/window.js

@@ -2,7 +2,7 @@ export function isInsideWindowIframe() {
     try {
         return window.self !== window.parent;
     }
-    catch (e) {
+    catch {
         return true;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cosmos-core",
-  "version": "7.2.0",
+  "version": "7.2.1-canary.0004fe7.0+0004fe7",
   "description": "React Cosmos Core",
   "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-core",
   "license": "MIT",
@@ -8,11 +8,10 @@
   "sideEffects": false,
   "main": "./dist/index.js",
   "dependencies": {
-    "js-base64": "3.7.8",
-    "lodash-es": "4.17.23"
+    "js-base64": "3.7.8"
   },
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "c1f63d79b3235011fb9f1a919378b95a59fff02e"
+  "gitHead": "0004fe756e5584e482ea2acd8a2e7d29cdac2675"
 }

package/tsconfig.build.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"7.0.0-dev.20260417.1","root":["./src/index.ts","./src/fixtureState/classState.ts","./src/fixtureState/classStateTypes.ts","./src/fixtureState/createValues.ts","./src/fixtureState/extendWithValues.ts","./src/fixtureState/fixtureState.ts","./src/fixtureState/inputsTypes.ts","./src/fixtureState/props.ts","./src/fixtureState/propsTypes.ts","./src/fixtureState/types.ts","./src/fixtureState/viewport.ts","./src/fixtureTree/fixtureUtils.ts","./src/fixtureTree/flattenFixtureTree.tsx","./src/fixtureTree/types.ts","./src/fixtureTree/createFixtureTree/collapseFixtureDirs.ts","./src/fixtureTree/createFixtureTree/collapseIndexes.ts","./src/fixtureTree/createFixtureTree/collapseNamedIndexes.ts","./src/fixtureTree/createFixtureTree/collapseOuterDirs.ts","./src/fixtureTree/createFixtureTree/createRawFixtureTree.ts","./src/fixtureTree/createFixtureTree/hideFixtureSuffix.ts","./src/fixtureTree/createFixtureTree/index.ts","./src/message/serverMessage.ts","./src/message/socketMessage.ts","./src/playground/notifications.ts","./src/playground/playgroundParams.ts","./src/playground/playgroundQueryString.ts","./src/playground/registerPlaygroundShortcuts.ts","./src/plugin/cosmosPluginConfig.ts","./src/renderer/rendererConfig.ts","./src/renderer/rendererConnect.ts","./src/renderer/rendererQueryString.ts","./src/renderer/rendererUrl.ts","./src/server/serverTypes.ts","./src/userModules/fixtureTypes.ts","./src/userModules/getFixtureFromExport.ts","./src/userModules/getFixtureList.ts","./src/userModules/getSortedDecoratorsForFixturePath.ts","./src/userModules/isMultiFixture.ts","./src/userModules/stringifyFixtureId.ts","./src/userModules/userModuleTypes.ts","./src/utils/array.ts","./src/utils/data.ts","./src/utils/isEqual.ts","./src/utils/keys.ts","./src/utils/mapValues.ts","./src/utils/pathUtils.ts","./src/utils/queryString.ts","./src/utils/serializable.ts","./src/utils/state.ts","./src/utils/string.ts","./src/utils/tree.ts","./src/utils/uuid.ts","./src/utils/window.ts","./src/utils/react/DelayRender.tsx","./src/utils/react/areNodesEqual.ts","./src/utils/react/getComponentName.ts","./src/utils/react/isReactElement.ts"]}

package/dist/tsconfig.build.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["../src/index.ts","../src/fixturestate/classstate.ts","../src/fixturestate/classstatetypes.ts","../src/fixturestate/createvalues.ts","../src/fixturestate/extendwithvalues.ts","../src/fixturestate/fixturestate.ts","../src/fixturestate/inputstypes.ts","../src/fixturestate/props.ts","../src/fixturestate/propstypes.ts","../src/fixturestate/types.ts","../src/fixturestate/viewport.ts","../src/fixturetree/fixtureutils.ts","../src/fixturetree/flattenfixturetree.tsx","../src/fixturetree/types.ts","../src/fixturetree/createfixturetree/collapsefixturedirs.ts","../src/fixturetree/createfixturetree/collapseindexes.ts","../src/fixturetree/createfixturetree/collapsenamedindexes.ts","../src/fixturetree/createfixturetree/collapseouterdirs.ts","../src/fixturetree/createfixturetree/createrawfixturetree.ts","../src/fixturetree/createfixturetree/hidefixturesuffix.ts","../src/fixturetree/createfixturetree/index.ts","../src/message/servermessage.ts","../src/message/socketmessage.ts","../src/playground/notifications.ts","../src/playground/playgroundparams.ts","../src/playground/playgroundquerystring.ts","../src/playground/registerplaygroundshortcuts.ts","../src/plugin/cosmospluginconfig.ts","../src/renderer/rendererconfig.ts","../src/renderer/rendererconnect.ts","../src/renderer/rendererquerystring.ts","../src/renderer/rendererurl.ts","../src/server/servertypes.ts","../src/usermodules/fixturetypes.ts","../src/usermodules/getfixturefromexport.ts","../src/usermodules/getfixturelist.ts","../src/usermodules/getsorteddecoratorsforfixturepath.ts","../src/usermodules/ismultifixture.ts","../src/usermodules/stringifyfixtureid.ts","../src/usermodules/usermoduletypes.ts","../src/utils/array.ts","../src/utils/data.ts","../src/utils/keys.ts","../src/utils/querystring.ts","../src/utils/serializable.ts","../src/utils/state.ts","../src/utils/string.ts","../src/utils/tree.ts","../src/utils/uuid.ts","../src/utils/window.ts","../src/utils/react/delayrender.tsx","../src/utils/react/arenodesequal.ts","../src/utils/react/getcomponentname.ts","../src/utils/react/isreactelement.ts"],"version":"5.9.3"}