react-html-graph 1.0.0 → 1.2.1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Jefferson Raylan
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Jefferson Raylan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1 @@
-**To be documented**...
+**To be documented**...

package/dist/example/App.css

@@ -1,39 +1,39 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
 }

package/dist/example/index.css

@@ -1,48 +1,48 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
-.graph-test-container {
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-
-  .graph-test-graph {
-    flex: 1;
-    background: #000;
-  }
-}
-
-.node-port {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: #888;
-  cursor: crosshair;
-  flex-shrink: 0;
-  transition: background 0.15s ease, transform 0.15s ease;
-}
-
-.node-port:hover {
-  background: #fff;
-  transform: scale(1.4);
-}
-
-.port-input {
-  margin-right: 6px;
-}
-
-.port-output {
-  margin-left: 6px;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+
+.graph-test-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  .graph-test-graph {
+    flex: 1;
+    background: #000;
+  }
+}
+
+.node-port {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #888;
+  cursor: crosshair;
+  flex-shrink: 0;
+  transition: background 0.15s ease, transform 0.15s ease;
+}
+
+.node-port:hover {
+  background: #fff;
+  transform: scale(1.4);
+}
+
+.port-input {
+  margin-right: 6px;
+}
+
+.port-output {
+  margin-left: 6px;
 }

package/dist/style.css

@@ -1,78 +1,78 @@
-graph-root {
-    display: block;
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background: #000;
-    color: #fff;
-    overflow: hidden;
-
-    graph-viewbox {
-        display: block;
-        position: relative;
-        min-width: 100%;
-        min-height: 100%;
-        transform-origin: 0 0;
-        overflow: visible;
-
-        node-graph-object {
-            position: absolute;
-            width: fit-content;
-            height: fit-content;
-            display: flex;
-            align-items: center;
-        }
-    }
-}
-
-
-
-@keyframes graph-link-flow {
-    from {
-        stroke-dashoffset: 0;
-    }
-
-    to {
-        stroke-dashoffset: var(--cycle-len);
-    }
-}
-
-node-graph-link,
-node-graph-node {
-    position: absolute;
-    pointer-events: all;
-}
-
-node-graph-temp-link {
-    position: absolute;
-
-    >svg {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 0;
-        height: 0;
-        overflow: visible;
-        pointer-events: none;
-    }
-}
-
-node-graph-link>svg {
-    position: absolute;
-    pointer-events: none;
-    overflow: visible;
-}
-
-node-graph-link>svg path {
-    animation-name: graph-link-flow;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-    transition: stroke 0.3s ease, stroke-width 0.15s ease;
-}
-
-node-graph-link>svg text {
-    pointer-events: none;
-    -webkit-user-select: none;
-    user-select: none;
-    transition: font-size 0.15s ease;
+graph-root {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    color: #fff;
+    overflow: hidden;
+
+    graph-viewbox {
+        display: block;
+        position: relative;
+        min-width: 100%;
+        min-height: 100%;
+        transform-origin: 0 0;
+        overflow: visible;
+
+        node-graph-object {
+            position: absolute;
+            width: fit-content;
+            height: fit-content;
+            display: flex;
+            align-items: center;
+        }
+    }
+}
+
+
+
+@keyframes graph-link-flow {
+    from {
+        stroke-dashoffset: 0;
+    }
+
+    to {
+        stroke-dashoffset: var(--cycle-len);
+    }
+}
+
+node-graph-link,
+node-graph-node {
+    position: absolute;
+    pointer-events: all;
+}
+
+node-graph-temp-link {
+    position: absolute;
+
+    >svg {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 0;
+        height: 0;
+        overflow: visible;
+        pointer-events: none;
+    }
+}
+
+node-graph-link>svg {
+    position: absolute;
+    pointer-events: none;
+    overflow: visible;
+}
+
+node-graph-link>svg path {
+    animation-name: graph-link-flow;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    transition: stroke 0.3s ease, stroke-width 0.15s ease;
+}
+
+node-graph-link>svg text {
+    pointer-events: none;
+    -webkit-user-select: none;
+    user-select: none;
+    transition: font-size 0.15s ease;
 }

package/package.json

@@ -1,73 +1,77 @@
-{
-  "name": "react-html-graph",
-  "version": "1.0.0",
-  "type": "module",
-  "main": "./dist/module.js",
-  "module": "./dist/module.js",
-  "types": "./dist/module.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/module.d.ts",
-      "import": "./dist/module.js",
-      "default": "./dist/module.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "clean": "node scripts/clean-dist.mjs",
-    "build": "npm run clean && tsc -p tsconfig.build.json && node scripts/copy-library-assets.mjs",
-    "build:demo": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "prepack": "npm run build"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
-    "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-scripts": "^5.0.1",
-    "typescript": "^6.0.2",
-    "web-vitals": "^5.2.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "overrides": {
-    "react-scripts": {
-      "typescript": "^6.0.2"
-    }
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}
+{
+  "name": "react-html-graph",
+  "version": "1.2.1",
+  "type": "module",
+  "main": "./dist/module.js",
+  "module": "./dist/module.js",
+  "types": "./dist/module.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jraylan/react-html-graph"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.ts",
+      "import": "./dist/module.js",
+      "default": "./dist/module.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "clean": "node scripts/clean-dist.mjs",
+    "build": "npm run clean && tsc -p tsconfig.build.json && node scripts/copy-library-assets.mjs",
+    "build:demo": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-scripts": "^5.0.1",
+    "typescript": "^6.0.2",
+    "web-vitals": "^5.2.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "overrides": {
+    "react-scripts": {
+      "typescript": "^6.0.2"
+    }
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/dist/example/App.d.ts

@@ -1,3 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;
-//# sourceMappingURL=App.d.ts.map

package/dist/example/App.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import GraphTest from "./graph-teste";
-function App() {
-    return (_jsx(GraphTest, {}));
-}
-export default App;
-//# sourceMappingURL=App.js.map

package/dist/example/App.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/example/graph-teste.d.ts

@@ -1,2 +0,0 @@
-export default function GraphTest(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=graph-teste.d.ts.map

package/dist/example/graph-teste.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-teste.d.ts","sourceRoot":"","sources":["../../src/example/graph-teste.tsx"],"names":[],"mappings":"AA2LA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAiEhC"}

package/dist/example/graph-teste.js

@@ -1,205 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import Graph from "../graph";
-const TEST_LINKS = [
-    {
-        id: "link-a",
-        from: {
-            node: "foo",
-            port: "output"
-        },
-        to: {
-            node: "bar",
-            port: "output"
-        },
-        labels: [
-            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
-            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
-        ],
-        width: 1,
-        forwardColor: "#c7c700",
-        reverseColor: "#c71d07",
-        forwardDuration: 3,
-        reverseDuration: 0,
-    },
-    {
-        id: "link-b",
-        from: {
-            node: "tar",
-            port: "input"
-        },
-        to: {
-            node: "bar",
-            port: "input"
-        },
-        width: 2,
-        labels: [
-            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
-            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
-        ],
-        forwardColor: "#c71d07",
-        reverseColor: "#1dc707",
-        forwardDuration: 0,
-        reverseDuration: 1,
-    },
-    {
-        id: "link-c",
-        from: {
-            node: "foo",
-            port: "input"
-        },
-        to: {
-            node: "tar",
-            port: "output"
-        },
-        width: 3,
-        labels: [
-            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
-            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
-        ],
-        forwardColor: "#c71d07",
-        reverseColor: "#1dc707",
-        forwardDuration: 0,
-        reverseDuration: 1,
-    }
-];
-const TEST_OBJECTS = [
-    {
-        id: "foo",
-        position: { x: 300, y: 100, z: 0 },
-        ports: [
-            {
-                id: "input",
-                type: "data",
-                direction: "input",
-                location: "left",
-                children: () => _jsx("div", { className: "node-port" }),
-            },
-            {
-                id: "output",
-                type: "data",
-                direction: "output",
-                location: "right",
-                onDragEnd: async (api, event) => {
-                    if (event.targetNodeId && event.targetPortName) {
-                        api.connect({
-                            connectionType: event.connectionType,
-                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
-                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
-                        });
-                    }
-                },
-                children: () => _jsx("div", { className: "node-port" }),
-            },
-        ],
-        template: ({ id, ports }) => (_jsxs("div", { style: { background: "red", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Foo" }), ports.right] }))
-    },
-    {
-        id: "bar",
-        position: { x: 200, y: 300, z: 0 },
-        ports: [
-            {
-                id: "input",
-                type: "data",
-                direction: "input",
-                location: "left",
-                children: () => _jsx("div", { className: "node-port" }),
-            },
-            {
-                id: "output",
-                type: "data",
-                direction: "output",
-                location: "right",
-                onDragEnd: async (api, event) => {
-                    if (event.targetNodeId && event.targetPortName) {
-                        api.connect({
-                            connectionType: event.connectionType,
-                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
-                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
-                        });
-                    }
-                }, children: () => _jsx("div", { className: "node-port" }),
-            },
-        ],
-        template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Bar" }), ports.right] }))
-    },
-    {
-        id: "tar",
-        position: { x: 100, y: 100, z: 0 },
-        ports: [
-            {
-                id: "input",
-                type: "data",
-                direction: "input",
-                location: "left",
-                children: () => _jsx("div", { className: "node-port" }),
-            },
-            {
-                id: "output",
-                type: "data",
-                direction: "output",
-                location: "right",
-                onDragEnd: async (api, event) => {
-                    if (event.targetNodeId && event.targetPortName) {
-                        api.connect({
-                            connectionType: event.connectionType,
-                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
-                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
-                        });
-                    }
-                }, children: () => _jsx("div", { className: "node-port" }),
-            },
-        ],
-        template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Tar" }), ports.right] }))
-    }
-];
-export default function GraphTest() {
-    const apiRef = useRef(null);
-    const fpsRef = useRef(null);
-    const fpsCountRef = useRef(0);
-    const lastTimeRef = useRef(0);
-    useEffect(() => {
-        const timeout = window.setTimeout(() => {
-            const api = apiRef.current;
-            if (api) {
-                TEST_OBJECTS.forEach(obj => {
-                    api.addNode(obj);
-                });
-                TEST_LINKS.forEach(obj => {
-                    api.addLink(obj);
-                });
-            }
-        }, 1000);
-        return () => {
-            window.clearTimeout(timeout);
-        };
-    }, []);
-    useEffect(() => {
-        let running = true;
-        function calculateFPS(td) {
-            if (!running)
-                return;
-            if (!lastTimeRef.current)
-                lastTimeRef.current = performance.now();
-            fpsCountRef.current += 1;
-            requestAnimationFrame(calculateFPS);
-        }
-        requestAnimationFrame(calculateFPS);
-        let interval = window.setInterval(() => {
-            const now = performance.now();
-            const delta = now - lastTimeRef.current;
-            const fps = ((fpsCountRef.current / delta) * 1000);
-            if (fpsRef.current) {
-                fpsRef.current.textContent = `FPS: ${fps.toFixed(0)}`;
-            }
-            fpsCountRef.current = 0;
-            lastTimeRef.current = now;
-        }, 500);
-        return () => {
-            running = false;
-            window.clearInterval(interval);
-        };
-    }, []);
-    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) }) })] }) }));
-}
-//# sourceMappingURL=graph-teste.js.map

package/dist/example/graph-teste.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-teste.js","sourceRoot":"","sources":["../../src/example/graph-teste.tsx"],"names":[],"mappings":"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"}

package/dist/example/reportWebVitals.d.ts

@@ -1,4 +0,0 @@
-import { MetricType } from 'web-vitals';
-declare const reportWebVitals: (onPerfEntry?: (metric: MetricType) => void) => void;
-export default reportWebVitals;
-//# sourceMappingURL=reportWebVitals.d.ts.map

package/dist/example/reportWebVitals.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/example/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import('web-vitals').then(({ onCLS, onINP, onFCP, onLCP, onTTFB }) => {
-            onCLS(onPerfEntry);
-            onINP(onPerfEntry);
-            onFCP(onPerfEntry);
-            onLCP(onPerfEntry);
-            onTTFB(onPerfEntry);
-        });
-    }
-};
-export default reportWebVitals;
-//# sourceMappingURL=reportWebVitals.js.map

package/dist/example/reportWebVitals.js.map

@@ -1 +0,0 @@
-{"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"}