react-cosmos-core 7.2.0 → 7.2.1-canary.3822d76.0

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/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/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/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/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/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/tsconfig.build.tsbuildinfo

@@ -1 +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/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"}
+{"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"],"version":"5.9.3"}

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.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/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.3822d76.0+3822d76",
   "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": "3822d7614f71ce82c282b1516ad18552042ff71a"
 }