GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix node width

Browse Source
This commit is contained in:
AykutSarac 2022-12-26 21:37:32 +03:00
parent 736fe68f2e
commit 321a13ab37
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/hooks/useFocusNode.tsx
View File

@ -35,18 +35,18 @@ export const useFocusNode = () => {
cleanupHighlight();
if (ref && matchedNode && matchedNode.parentElement) {
const newScale = 1;
const newScale = 0.4;
const x = Number(matchedNode.getAttribute("data-x"));
const y = Number(matchedNode.getAttribute("data-y"));
const newPositionX =
(ref.offsetLeft - x) * newScale +
ref.clientWidth / 2 -
matchedNode.getBoundingClientRect().width / 2;
ref.clientWidth / 10 -
matchedNode.getBoundingClientRect().width / 10;
const newPositionY =
(ref.offsetLeft - y) * newScale +
ref.clientHeight / 2 -
matchedNode.getBoundingClientRect().height / 2;
ref.clientHeight / 10 -
matchedNode.getBoundingClientRect().height / 10;
highlightMatchedNodes(matchedNodes, selectedNode);

29
src/utils/jsonParser.ts
View File

@ -5,26 +5,33 @@ import useStored from "src/store/useStored";
const calculateSize = (text: string | [string, string][], isParent = false) => {
const isFolded = useGraph.getState().foldNodes;
const isImagePreview = useStored.getState().imagePreview;
let lineCounts = 1;
let lineLengths: number[] = [];
let value = "";
if (typeof text === "string") {
lineLengths.push(text.length);
} else {
lineCounts = text.map(([k, v]) => {
const length = `${k}: ${v}`.length;
const line = length > 150 ? 150 : length;
lineLengths.push(line);
return `${k}: ${v}`;
}).length;
}
if (typeof text === "string") value = text;
else value = text.map(([k, v]) => `${k}: ${v}`).join("\n");
const lineCount = value.split("\n");
const lineLengths = lineCount.map(line => line.length);
const longestLine = lineLengths.sort((a, b) => b - a)[0];
const longestLine = Math.max(...lineLengths);
const getWidth = () => {
if (text.length === 0) return 35;
if (Array.isArray(text) && !text.length) return 40;
if (!isFolded) return 35 + longestLine * 8 + (isParent ? 60 : 0);
if (isParent) return 170;
if (!isFolded) return 35 + longestLine * 7.8 + (isParent ? 60 : 0);
if (isParent && isFolded) return 170;
return 200;
};
const getHeight = () => {
if (lineCount.length * 17.8 < 30) return 40;
return (lineCount.length + 1) * 18;
if (lineCounts * 17.8 < 30) return 40;
return (lineCounts + 1) * 18;
};
const isImage =