react-cosmos-core 6.0.0-alpha.0

package/dist/server/socketMessage.d.ts

@@ -0,0 +1,10 @@
+export type MessageType = {
+    type: string;
+    payload?: {};
+};
+export type SocketMessage<T extends MessageType = MessageType> = {
+    channel: 'renderer' | 'server';
+    message: T;
+};
+export declare function serverSocketMessage(message: MessageType): SocketMessage;
+export declare function rendererSocketMessage(message: MessageType): SocketMessage;

package/dist/server/socketMessage.js

@@ -0,0 +1,6 @@
+export function serverSocketMessage(message) {
+    return { channel: 'server', message };
+}
+export function rendererSocketMessage(message) {
+    return { channel: 'renderer', message };
+}

package/dist/utils/array.d.ts

@@ -0,0 +1,3 @@
+export declare function updateItem<T>(items: Readonly<T[]>, item: T, update: Partial<T>): T[];
+export declare function replaceOrAddItem<T>(items: Readonly<T[]>, matcher: (item: T) => boolean, item: T): T[];
+export declare function removeItemMatch<T>(items: Readonly<T[]>, matcher: (item: T) => boolean): T[];

package/dist/utils/array.js

@@ -0,0 +1,21 @@
+import { findIndex } from 'lodash-es';
+export function updateItem(items, item, update) {
+    const index = items.indexOf(item);
+    return [
+        ...items.slice(0, index),
+        { ...item, ...update },
+        ...items.slice(index + 1),
+    ];
+}
+export function replaceOrAddItem(items, matcher, item) {
+    const index = findIndex(items, 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);
+    return index === -1
+        ? [...items]
+        : [...items.slice(0, index), ...items.slice(index + 1)];
+}

package/dist/utils/keys.d.ts

@@ -0,0 +1,6 @@
+export declare const KEY_DOWN = 40;
+export declare const KEY_ENTER = 13;
+export declare const KEY_ESC = 27;
+export declare const KEY_FWD_SLASH = 191;
+export declare const KEY_TAB = 9;
+export declare const KEY_UP = 38;

package/dist/utils/keys.js

@@ -0,0 +1,6 @@
+export const KEY_DOWN = 40;
+export const KEY_ENTER = 13;
+export const KEY_ESC = 27;
+export const KEY_FWD_SLASH = 191;
+export const KEY_TAB = 9;
+export const KEY_UP = 38;

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

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

package/dist/utils/react/areNodesEqual.js

@@ -0,0 +1,38 @@
+import { isEqual, isEqualWith } from 'lodash-es';
+import { getComponentName } from './getComponentName.js';
+import { isReactElement } from './isReactElement.js';
+export function areNodesEqual(node1, node2, strictTypeCheck) {
+    if (isReactElement(node1) && isReactElement(node2))
+        return areElementsEqual(node1, node2, strictTypeCheck);
+    if (Array.isArray(node1) && Array.isArray(node2))
+        return areArrayNodesEqual(node1, node2, strictTypeCheck);
+    return isEqual(node1, node2);
+}
+function areElementsEqual(element1, element2, strictTypeCheck) {
+    if (!areElementTypesEqual(element1.type, element2.type, strictTypeCheck))
+        return false;
+    // Don't compare private element attrs like _owner and _store, which hold
+    // internal details and have auto increment-type attrs
+    return (element1.key === element2.key &&
+        // @ts-ignore
+        element1.ref === element2.ref &&
+        // Children (and props in general) can contain Elements and other Nodes
+        arePropsEqual(element1.props, element2.props));
+}
+function areElementTypesEqual(type1, type2, strictTypeCheck) {
+    return strictTypeCheck
+        ? type1 === type2
+        : getComponentName(type1) === getComponentName(type2);
+}
+function areArrayNodesEqual(node1, node2, strictTypeCheck) {
+    if (node1.length !== node2.length)
+        return false;
+    return node1.every((node, nodeIndex) => areNodesEqual(node, node2[nodeIndex], strictTypeCheck));
+}
+function arePropsEqual(object1, object2) {
+    if (!isEqual(Object.keys(object1), Object.keys(object2)))
+        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)));
+}

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

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

package/dist/utils/react/getComponentName.js

@@ -0,0 +1,11 @@
+const componentNames = new WeakMap();
+export function getComponentName(type) {
+    if (typeof type === 'string') {
+        return type;
+    }
+    if (!componentNames.has(type)) {
+        const name = type.displayName || type.name || '';
+        componentNames.set(type, name);
+    }
+    return componentNames.get(type);
+}

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

@@ -0,0 +1,2 @@
+import { ReactElement, ReactNode } from 'react';
+export declare function isReactElement(node: ReactNode): node is ReactElement;

package/dist/utils/react/isReactElement.js

@@ -0,0 +1,4 @@
+import { isElement } from 'react-is';
+export function isReactElement(node) {
+    return isElement(node);
+}

package/dist/utils/string.d.ts

@@ -0,0 +1,5 @@
+export declare function replaceKeys(str: string, map: {
+    [key: string]: string;
+}): string;
+export declare function removeLeadingSlash(fromPath: string): string;
+export declare function removeLeadingDot(fromPath: string): string;

package/dist/utils/string.js

@@ -0,0 +1,9 @@
+export function replaceKeys(str, map) {
+    return Object.keys(map).reduce((res, key) => res.replace(key, map[key]), str);
+}
+export function removeLeadingSlash(fromPath) {
+    return fromPath.replace(/^\/+/, '');
+}
+export function removeLeadingDot(fromPath) {
+    return fromPath.indexOf('.') === 0 ? fromPath.slice(1) : fromPath;
+}

package/dist/utils/tree.d.ts

@@ -0,0 +1,6 @@
+export type TreeNode<T> = {
+    data: T;
+    children?: Record<string, TreeNode<T>>;
+};
+export declare function addTreeNodeChild<T>(parentNode: TreeNode<T>, childName: string, childNode: TreeNode<T>): void;
+export declare function sortTreeChildren<T>(node: TreeNode<T>): TreeNode<T>;

package/dist/utils/tree.js

@@ -0,0 +1,21 @@
+export function addTreeNodeChild(parentNode, childName, childNode) {
+    if (!parentNode.children)
+        parentNode.children = {};
+    parentNode.children[childName] = childNode;
+}
+export function sortTreeChildren(node) {
+    const { children } = node;
+    if (!children)
+        return node;
+    // Group by parent and leaf nodes, and sort alphabetically within each group
+    const childNames = Object.keys(children);
+    const parentNames = childNames.filter(n => children[n].children);
+    const leafNames = childNames.filter(n => !children[n].children);
+    return {
+        ...node,
+        children: [...parentNames.sort(), ...leafNames.sort()].reduce((sortedChildren, childName) => ({
+            ...sortedChildren,
+            [childName]: sortTreeChildren(children[childName]),
+        }), {}),
+    };
+}

package/dist/utils/types.d.ts

@@ -0,0 +1 @@
+export type StateUpdater<T> = (prevState: T) => T;

package/dist/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/uuid.d.ts

@@ -0,0 +1 @@
+export declare function uuid(a?: string): string;

package/dist/utils/uuid.js

@@ -0,0 +1,6 @@
+// From here https://gist.github.com/jed/982883
+export function uuid(a) {
+    return a
+        ? (Number(a) ^ ((Math.random() * 16) >> (Number(a) / 4))).toString(16)
+        : ('' + 1e7 + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, uuid);
+}

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "react-cosmos-core",
+  "version": "6.0.0-alpha.0",
+  "description": "React Cosmos Core",
+  "repository": "https://github.com/react-cosmos/react-cosmos/tree/main/packages/react-cosmos-core",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "sideEffects": false,
+  "dependencies": {
+    "lodash-es": "^4.17.21",
+    "react-is": "^18.0.0"
+  },
+  "gitHead": "b021231584639f3028fe08deacd418f0ec4cc002"
+}