chore: add displayName.

Author: jaywcjlove

core/src/arrow/TriangleArrow.tsx

@@ -15,3 +15,5 @@ export function TriangleArrow(props: TriangleArrowProps) {
     </svg>
   );
 }
+
+TriangleArrow.displayName = 'JVR.TriangleArrow';

core/src/arrow/TriangleSolidArrow.tsx

@@ -15,3 +15,5 @@ export function TriangleSolidArrow(props: TriangleSolidArrowProps) {
     </svg>
   );
 }
+
+TriangleSolidArrow.displayName = 'JVR.TriangleSolidArrow';

core/src/comps/ellipsis.tsx

@@ -15,3 +15,5 @@ export const Ellipsis: FC<PropsWithChildren<EllipsisProps>> = ({ style, render,
     </span>
   );
 };
+
+Ellipsis.displayName = 'JVR.Ellipsis';

core/src/comps/meta.tsx

@@ -31,3 +31,5 @@ export function Meta(props: MetaProps) {
     </Label>
   );
 }
+
+Meta.displayName = 'JVR.Meta';

core/src/copied.tsx

@@ -13,16 +13,21 @@ export function Copied<T>(props: CopiedProps<T>) {
   const [copied, setCopied] = useState(false);
   const click = (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => {
     event.stopPropagation();
-    let copyText = JSON.stringify(text || '', (key, value) => {
-      if (typeof value === 'bigint') {
-        return value.toString()
-      }
-      return value
-    }, 2);
+    let copyText = JSON.stringify(
+      text || '',
+      (key, value) => {
+        if (typeof value === 'bigint') {
+          return value.toString();
+        }
+        return value;
+      },
+      2,
+    );
 
     if (text === Infinity) copyText = Infinity;
 
-    navigator.clipboard.writeText(copyText)
+    navigator.clipboard
+      .writeText(copyText)
       .then(() => {
         onCopied && onCopied(copyText, text);
         setCopied(true);
@@ -31,20 +36,20 @@ export function Copied<T>(props: CopiedProps<T>) {
           clearTimeout(timer);
         }, 3000);
       })
-      .catch((error) => {})
+      .catch((error) => {});
   };
-  const defalutStyle = { ...style, cursor: 'pointer',verticalAlign: 'middle', marginLeft: 5 } as React.CSSProperties;
+  const defalutStyle = { ...style, cursor: 'pointer', verticalAlign: 'middle', marginLeft: 5 } as React.CSSProperties;
   const svgProps: React.SVGProps<SVGSVGElement> = {
-    height: '1em', 
+    height: '1em',
     width: '1em',
     fill: 'var(--w-rjv-copied-color, currentColor)',
     onClick: click,
     style: defalutStyle,
     className: 'w-rjv-copied',
     ...reset,
-  }
+  };
   if (render) return render({ ...props, ...svgProps });
-  if (copied)  {
+  if (copied) {
     return (
       <svg viewBox="0 0 32 36" {...svgProps} fill="var(--w-rjv-copied-success-color, #28a745)">
         <path d="M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,15.2249049 C29.1403264,13.8627542 29.9736597,13.1778155 30,13.1700887 C30,11.9705278 30,10.0804982 30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,26.1114493 L27.5,28.4926435 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M28.5589286,16 L32,19.6 L21.0160714,30.5382252 L13.5303571,24.2571429 L17.1303571,20.6571429 L21.0160714,24.5428571 L28.5589286,16 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"></path>
@@ -56,4 +61,6 @@ export function Copied<T>(props: CopiedProps<T>) {
       <path d="M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"></path>
     </svg>
   );
-}
+}
+
+Copied.displayName = 'JVR.Copied';

core/src/editor/countInfoExtra.tsx

@@ -79,3 +79,5 @@ export function CountInfoExtra<T extends object>(props: CountInfoExtraProps<T>)
     </Fragment>
   );
 }
+
+CountInfoExtra.displayName = 'JVR.CountInfoExtra';

core/src/editor/index.tsx

@@ -56,4 +56,6 @@ const JsonViewEditor = forwardRef<HTMLDivElement, JsonViewEditorProps<object>>((
   return <JsonView {...reset} displayDataTypes={false} components={comps} ref={ref} />;
 });
 
+JsonViewEditor.displayName = 'JVR.JsonViewEditor';
+
 export default JsonViewEditor;

core/src/editor/objectKey.tsx

@@ -119,3 +119,5 @@ export const ObjectKey: FC<ObjectKeyProps<object>> = (props) => {
 
   return <Label className={className} {...reset} autoFocus={editable} {...spanProps} ref={$edit} />;
 };
+
+ObjectKey.displayName = 'JVR.ObjectKey';

core/src/editor/value.tsx

@@ -168,3 +168,5 @@ export function ReValue<T extends object>(props: ReValueProps<T>) {
     </Fragment>
   );
 }
+
+ReValue.displayName = 'JVR.ReValue';

core/src/index.tsx

@@ -82,4 +82,6 @@ const JsonView = forwardRef<HTMLDivElement, JsonViewProps<object>>((props, ref)
   return <RootNode className={cls} value={value} {...reset} ref={ref} keyid={keyid} style={defaultStyle} />;
 });
 
+JsonView.displayName = 'JVR.JsonView';
+
 export default JsonView;