astar-visualizer 1.0.4 → 1.0.6
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/README.md +3 -2
- package/dist/astar-visualizer.js +369 -364
- package/dist/astar-visualizer.umd.cjs +5 -5
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,11 +12,10 @@ npm install astar-visualizer
|
|
|
12
12
|
|
|
13
13
|
```tsx
|
|
14
14
|
import { AStarVisualizer } from 'astar-visualizer';
|
|
15
|
-
import 'astar-visualizer/style.css';
|
|
16
15
|
|
|
17
16
|
function App() {
|
|
18
17
|
return (
|
|
19
|
-
<div>
|
|
18
|
+
<div style={{ width: '100%', height: '100vh' }}>
|
|
20
19
|
<AStarVisualizer />
|
|
21
20
|
</div>
|
|
22
21
|
);
|
|
@@ -25,6 +24,8 @@ function App() {
|
|
|
25
24
|
export default App;
|
|
26
25
|
```
|
|
27
26
|
|
|
27
|
+
**Important:** The component requires a container with a defined height (e.g., `height: 100vh` or a fixed pixel height). The grid will automatically scale to fit within the available space.
|
|
28
|
+
|
|
28
29
|
## Features
|
|
29
30
|
|
|
30
31
|
- Interactive grid for setting start/end points and obstacles
|