react-html-graph 1.0.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +1 -1
- package/dist/calculations/index.d.ts +15 -1
- package/dist/calculations/index.d.ts.map +1 -1
- package/dist/calculations/index.js +696 -0
- package/dist/calculations/index.js.map +1 -1
- package/dist/calculations/types.d.ts +70 -0
- package/dist/calculations/types.d.ts.map +1 -1
- package/dist/example/App.css +38 -38
- package/dist/example/index.css +47 -47
- package/dist/graph/index.d.ts.map +1 -1
- package/dist/graph/index.js +218 -16
- package/dist/graph/index.js.map +1 -1
- package/dist/hooks/connection.d.ts.map +1 -1
- package/dist/hooks/connection.js +5 -2
- package/dist/hooks/connection.js.map +1 -1
- package/dist/hooks/get-viewbox.d.ts +9 -0
- package/dist/hooks/get-viewbox.d.ts.map +1 -0
- package/dist/hooks/get-viewbox.js +20 -0
- package/dist/hooks/get-viewbox.js.map +1 -0
- package/dist/layouts/centralizar.d.ts +1 -0
- package/dist/layouts/centralizar.d.ts.map +1 -0
- package/dist/layouts/centralizar.js +2 -0
- package/dist/layouts/centralizar.js.map +1 -0
- package/dist/layouts/force-direction-layout.d.ts +9 -0
- package/dist/layouts/force-direction-layout.d.ts.map +1 -0
- package/dist/layouts/force-direction-layout.js +11 -0
- package/dist/layouts/force-direction-layout.js.map +1 -0
- package/dist/layouts/index.d.ts +13 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +17 -0
- package/dist/layouts/index.js.map +1 -0
- package/dist/layouts/organic-layout.d.ts +9 -0
- package/dist/layouts/organic-layout.d.ts.map +1 -0
- package/dist/layouts/organic-layout.js +11 -0
- package/dist/layouts/organic-layout.js.map +1 -0
- package/dist/layouts/radial-layout.d.ts +9 -0
- package/dist/layouts/radial-layout.d.ts.map +1 -0
- package/dist/layouts/radial-layout.js +11 -0
- package/dist/layouts/radial-layout.js.map +1 -0
- package/dist/layouts/sequential-layout.d.ts +9 -0
- package/dist/layouts/sequential-layout.d.ts.map +1 -0
- package/dist/layouts/sequential-layout.js +11 -0
- package/dist/layouts/sequential-layout.js.map +1 -0
- package/dist/layouts/shared.d.ts +10 -0
- package/dist/layouts/shared.d.ts.map +1 -0
- package/dist/layouts/shared.js +39 -0
- package/dist/layouts/shared.js.map +1 -0
- package/dist/layouts/structural-layout.d.ts +9 -0
- package/dist/layouts/structural-layout.d.ts.map +1 -0
- package/dist/layouts/structural-layout.js +11 -0
- package/dist/layouts/structural-layout.js.map +1 -0
- package/dist/layouts/tree-layout.d.ts +9 -0
- package/dist/layouts/tree-layout.d.ts.map +1 -0
- package/dist/layouts/tree-layout.js +11 -0
- package/dist/layouts/tree-layout.js.map +1 -0
- package/dist/link/base.d.ts +3 -2
- package/dist/link/base.d.ts.map +1 -1
- package/dist/link/base.js +113 -20
- package/dist/link/base.js.map +1 -1
- package/dist/link/temp-link.d.ts.map +1 -1
- package/dist/link/temp-link.js +6 -4
- package/dist/link/temp-link.js.map +1 -1
- package/dist/module.d.ts +2 -1
- package/dist/module.d.ts.map +1 -1
- package/dist/module.js +2 -1
- package/dist/module.js.map +1 -1
- package/dist/nodes/base.d.ts +1 -1
- package/dist/nodes/base.d.ts.map +1 -1
- package/dist/nodes/base.js +59 -22
- package/dist/nodes/base.js.map +1 -1
- package/dist/ports/base.d.ts.map +1 -1
- package/dist/style.css +77 -77
- package/dist/types.d.ts +153 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +77 -73
- package/dist/example/App.d.ts +0 -3
- package/dist/example/App.d.ts.map +0 -1
- package/dist/example/App.js +0 -7
- package/dist/example/App.js.map +0 -1
- package/dist/example/graph-teste.d.ts +0 -2
- package/dist/example/graph-teste.d.ts.map +0 -1
- package/dist/example/graph-teste.js +0 -205
- package/dist/example/graph-teste.js.map +0 -1
- package/dist/example/reportWebVitals.d.ts +0 -4
- package/dist/example/reportWebVitals.d.ts.map +0 -1
- package/dist/example/reportWebVitals.js +0 -13
- package/dist/example/reportWebVitals.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,73 +1,77 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "react-html-graph",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/module.js",
|
|
6
|
-
"module": "./dist/module.js",
|
|
7
|
-
"types": "./dist/module.d.ts",
|
|
8
|
-
"files": [
|
|
9
|
-
"dist"
|
|
10
|
-
],
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
},
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"@
|
|
41
|
-
"@
|
|
42
|
-
"@
|
|
43
|
-
"@
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"react
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "react-html-graph",
|
|
3
|
+
"version": "1.2.2",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/module.js",
|
|
6
|
+
"module": "./dist/module.js",
|
|
7
|
+
"types": "./dist/module.d.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/jraylan/react-html-graph"
|
|
14
|
+
},
|
|
15
|
+
"sideEffects": [
|
|
16
|
+
"**/*.css"
|
|
17
|
+
],
|
|
18
|
+
"exports": {
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./dist/module.d.ts",
|
|
21
|
+
"import": "./dist/module.js",
|
|
22
|
+
"default": "./dist/module.js"
|
|
23
|
+
},
|
|
24
|
+
"./package.json": "./package.json"
|
|
25
|
+
},
|
|
26
|
+
"scripts": {
|
|
27
|
+
"start": "react-scripts start",
|
|
28
|
+
"clean": "node scripts/clean-dist.mjs",
|
|
29
|
+
"build": "npm run clean && tsc -p tsconfig.build.json && node scripts/copy-library-assets.mjs",
|
|
30
|
+
"build:demo": "react-scripts build",
|
|
31
|
+
"test": "react-scripts test",
|
|
32
|
+
"eject": "react-scripts eject",
|
|
33
|
+
"prepack": "npm run build"
|
|
34
|
+
},
|
|
35
|
+
"peerDependencies": {
|
|
36
|
+
"react": "^19.0.0",
|
|
37
|
+
"react-dom": "^19.0.0"
|
|
38
|
+
},
|
|
39
|
+
"devDependencies": {
|
|
40
|
+
"@testing-library/dom": "^10.4.1",
|
|
41
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
42
|
+
"@testing-library/react": "^16.3.2",
|
|
43
|
+
"@testing-library/user-event": "^14.6.1",
|
|
44
|
+
"@types/jest": "^30.0.0",
|
|
45
|
+
"@types/node": "^25.6.0",
|
|
46
|
+
"@types/react": "^19.2.14",
|
|
47
|
+
"@types/react-dom": "^19.2.3",
|
|
48
|
+
"react": "^19.2.5",
|
|
49
|
+
"react-dom": "^19.2.5",
|
|
50
|
+
"react-scripts": "^5.0.1",
|
|
51
|
+
"typescript": "^6.0.2",
|
|
52
|
+
"web-vitals": "^5.2.0"
|
|
53
|
+
},
|
|
54
|
+
"eslintConfig": {
|
|
55
|
+
"extends": [
|
|
56
|
+
"react-app",
|
|
57
|
+
"react-app/jest"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
"overrides": {
|
|
61
|
+
"react-scripts": {
|
|
62
|
+
"typescript": "^6.0.2"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"browserslist": {
|
|
66
|
+
"production": [
|
|
67
|
+
">0.2%",
|
|
68
|
+
"not dead",
|
|
69
|
+
"not op_mini all"
|
|
70
|
+
],
|
|
71
|
+
"development": [
|
|
72
|
+
"last 1 chrome version",
|
|
73
|
+
"last 1 firefox version",
|
|
74
|
+
"last 1 safari version"
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
}
|
package/dist/example/App.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/example/App.tsx"],"names":[],"mappings":"AAGA,iBAAS,GAAG,4CAIX;AAED,eAAe,GAAG,CAAC"}
|
package/dist/example/App.js
DELETED
package/dist/example/App.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/example/App.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,eAAe,CAAC;AAGtC,SAAS,GAAG;IACV,OAAO,CACL,KAAC,SAAS,KAAG,CACd,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"graph-teste.d.ts","sourceRoot":"","sources":["../../src/example/graph-teste.tsx"],"names":[],"mappings":"AA2LA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAiEhC"}
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef } from "react";
|
|
3
|
-
import Graph from "../graph";
|
|
4
|
-
const TEST_LINKS = [
|
|
5
|
-
{
|
|
6
|
-
id: "link-a",
|
|
7
|
-
from: {
|
|
8
|
-
node: "foo",
|
|
9
|
-
port: "output"
|
|
10
|
-
},
|
|
11
|
-
to: {
|
|
12
|
-
node: "bar",
|
|
13
|
-
port: "output"
|
|
14
|
-
},
|
|
15
|
-
labels: [
|
|
16
|
-
{ text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
|
|
17
|
-
{ text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
|
|
18
|
-
],
|
|
19
|
-
width: 1,
|
|
20
|
-
forwardColor: "#c7c700",
|
|
21
|
-
reverseColor: "#c71d07",
|
|
22
|
-
forwardDuration: 3,
|
|
23
|
-
reverseDuration: 0,
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
id: "link-b",
|
|
27
|
-
from: {
|
|
28
|
-
node: "tar",
|
|
29
|
-
port: "input"
|
|
30
|
-
},
|
|
31
|
-
to: {
|
|
32
|
-
node: "bar",
|
|
33
|
-
port: "input"
|
|
34
|
-
},
|
|
35
|
-
width: 2,
|
|
36
|
-
labels: [
|
|
37
|
-
{ text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
|
|
38
|
-
{ text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
|
|
39
|
-
],
|
|
40
|
-
forwardColor: "#c71d07",
|
|
41
|
-
reverseColor: "#1dc707",
|
|
42
|
-
forwardDuration: 0,
|
|
43
|
-
reverseDuration: 1,
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
id: "link-c",
|
|
47
|
-
from: {
|
|
48
|
-
node: "foo",
|
|
49
|
-
port: "input"
|
|
50
|
-
},
|
|
51
|
-
to: {
|
|
52
|
-
node: "tar",
|
|
53
|
-
port: "output"
|
|
54
|
-
},
|
|
55
|
-
width: 3,
|
|
56
|
-
labels: [
|
|
57
|
-
{ text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
|
|
58
|
-
{ text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
|
|
59
|
-
],
|
|
60
|
-
forwardColor: "#c71d07",
|
|
61
|
-
reverseColor: "#1dc707",
|
|
62
|
-
forwardDuration: 0,
|
|
63
|
-
reverseDuration: 1,
|
|
64
|
-
}
|
|
65
|
-
];
|
|
66
|
-
const TEST_OBJECTS = [
|
|
67
|
-
{
|
|
68
|
-
id: "foo",
|
|
69
|
-
position: { x: 300, y: 100, z: 0 },
|
|
70
|
-
ports: [
|
|
71
|
-
{
|
|
72
|
-
id: "input",
|
|
73
|
-
type: "data",
|
|
74
|
-
direction: "input",
|
|
75
|
-
location: "left",
|
|
76
|
-
children: () => _jsx("div", { className: "node-port" }),
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
id: "output",
|
|
80
|
-
type: "data",
|
|
81
|
-
direction: "output",
|
|
82
|
-
location: "right",
|
|
83
|
-
onDragEnd: async (api, event) => {
|
|
84
|
-
if (event.targetNodeId && event.targetPortName) {
|
|
85
|
-
api.connect({
|
|
86
|
-
connectionType: event.connectionType,
|
|
87
|
-
from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
|
|
88
|
-
to: { nodeId: event.targetNodeId, portName: event.targetPortName },
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
children: () => _jsx("div", { className: "node-port" }),
|
|
93
|
-
},
|
|
94
|
-
],
|
|
95
|
-
template: ({ id, ports }) => (_jsxs("div", { style: { background: "red", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Foo" }), ports.right] }))
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
id: "bar",
|
|
99
|
-
position: { x: 200, y: 300, z: 0 },
|
|
100
|
-
ports: [
|
|
101
|
-
{
|
|
102
|
-
id: "input",
|
|
103
|
-
type: "data",
|
|
104
|
-
direction: "input",
|
|
105
|
-
location: "left",
|
|
106
|
-
children: () => _jsx("div", { className: "node-port" }),
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
id: "output",
|
|
110
|
-
type: "data",
|
|
111
|
-
direction: "output",
|
|
112
|
-
location: "right",
|
|
113
|
-
onDragEnd: async (api, event) => {
|
|
114
|
-
if (event.targetNodeId && event.targetPortName) {
|
|
115
|
-
api.connect({
|
|
116
|
-
connectionType: event.connectionType,
|
|
117
|
-
from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
|
|
118
|
-
to: { nodeId: event.targetNodeId, portName: event.targetPortName },
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
}, children: () => _jsx("div", { className: "node-port" }),
|
|
122
|
-
},
|
|
123
|
-
],
|
|
124
|
-
template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Bar" }), ports.right] }))
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
id: "tar",
|
|
128
|
-
position: { x: 100, y: 100, z: 0 },
|
|
129
|
-
ports: [
|
|
130
|
-
{
|
|
131
|
-
id: "input",
|
|
132
|
-
type: "data",
|
|
133
|
-
direction: "input",
|
|
134
|
-
location: "left",
|
|
135
|
-
children: () => _jsx("div", { className: "node-port" }),
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
id: "output",
|
|
139
|
-
type: "data",
|
|
140
|
-
direction: "output",
|
|
141
|
-
location: "right",
|
|
142
|
-
onDragEnd: async (api, event) => {
|
|
143
|
-
if (event.targetNodeId && event.targetPortName) {
|
|
144
|
-
api.connect({
|
|
145
|
-
connectionType: event.connectionType,
|
|
146
|
-
from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
|
|
147
|
-
to: { nodeId: event.targetNodeId, portName: event.targetPortName },
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
}, children: () => _jsx("div", { className: "node-port" }),
|
|
151
|
-
},
|
|
152
|
-
],
|
|
153
|
-
template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Tar" }), ports.right] }))
|
|
154
|
-
}
|
|
155
|
-
];
|
|
156
|
-
export default function GraphTest() {
|
|
157
|
-
const apiRef = useRef(null);
|
|
158
|
-
const fpsRef = useRef(null);
|
|
159
|
-
const fpsCountRef = useRef(0);
|
|
160
|
-
const lastTimeRef = useRef(0);
|
|
161
|
-
useEffect(() => {
|
|
162
|
-
const timeout = window.setTimeout(() => {
|
|
163
|
-
const api = apiRef.current;
|
|
164
|
-
if (api) {
|
|
165
|
-
TEST_OBJECTS.forEach(obj => {
|
|
166
|
-
api.addNode(obj);
|
|
167
|
-
});
|
|
168
|
-
TEST_LINKS.forEach(obj => {
|
|
169
|
-
api.addLink(obj);
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
}, 1000);
|
|
173
|
-
return () => {
|
|
174
|
-
window.clearTimeout(timeout);
|
|
175
|
-
};
|
|
176
|
-
}, []);
|
|
177
|
-
useEffect(() => {
|
|
178
|
-
let running = true;
|
|
179
|
-
function calculateFPS(td) {
|
|
180
|
-
if (!running)
|
|
181
|
-
return;
|
|
182
|
-
if (!lastTimeRef.current)
|
|
183
|
-
lastTimeRef.current = performance.now();
|
|
184
|
-
fpsCountRef.current += 1;
|
|
185
|
-
requestAnimationFrame(calculateFPS);
|
|
186
|
-
}
|
|
187
|
-
requestAnimationFrame(calculateFPS);
|
|
188
|
-
let interval = window.setInterval(() => {
|
|
189
|
-
const now = performance.now();
|
|
190
|
-
const delta = now - lastTimeRef.current;
|
|
191
|
-
const fps = ((fpsCountRef.current / delta) * 1000);
|
|
192
|
-
if (fpsRef.current) {
|
|
193
|
-
fpsRef.current.textContent = `FPS: ${fps.toFixed(0)}`;
|
|
194
|
-
}
|
|
195
|
-
fpsCountRef.current = 0;
|
|
196
|
-
lastTimeRef.current = now;
|
|
197
|
-
}, 500);
|
|
198
|
-
return () => {
|
|
199
|
-
running = false;
|
|
200
|
-
window.clearInterval(interval);
|
|
201
|
-
};
|
|
202
|
-
}, []);
|
|
203
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { className: "graph-test-container", children: [_jsx("span", { ref: fpsRef }), _jsx("div", { className: "graph-test-graph", children: _jsx(Graph, { ref: apiRef, mode: "edit", onError: (err) => console.error("[GraphError]", err) }) })] }) }));
|
|
204
|
-
}
|
|
205
|
-
//# sourceMappingURL=graph-teste.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"graph-teste.js","sourceRoot":"","sources":["../../src/example/graph-teste.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"reportWebVitals.d.ts","sourceRoot":"","sources":["../../src/example/reportWebVitals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,QAAA,MAAM,eAAe,GAAI,cAAc,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,SAUlE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
const reportWebVitals = (onPerfEntry) => {
|
|
2
|
-
if (onPerfEntry && onPerfEntry instanceof Function) {
|
|
3
|
-
import('web-vitals').then(({ onCLS, onINP, onFCP, onLCP, onTTFB }) => {
|
|
4
|
-
onCLS(onPerfEntry);
|
|
5
|
-
onINP(onPerfEntry);
|
|
6
|
-
onFCP(onPerfEntry);
|
|
7
|
-
onLCP(onPerfEntry);
|
|
8
|
-
onTTFB(onPerfEntry);
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
export default reportWebVitals;
|
|
13
|
-
//# sourceMappingURL=reportWebVitals.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/example/reportWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,WAA0C,EAAE,EAAE;IACrE,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;YACnE,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,MAAM,CAAC,WAAW,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|