diff --git a/.prettierrc b/.prettierrc index 0dd8f24e..e8d786e0 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,5 +1,6 @@ { "trailingComma": "all", "bracketSpacing": false, - "tabWidth": 2 + "tabWidth": 2, + "printWidth": 88 } diff --git a/README.md b/README.md index 2217ca54..31b4f13f 100644 --- a/README.md +++ b/README.md @@ -135,6 +135,28 @@ yarn install yarn start ``` +## Building the library + +To build the production-ready library: + +```bash +yarn build +``` + +**Output**: Single optimized bundle with all dependencies included. + +- `netjsongraph.[hash].min.js` - Complete library with ECharts and Leaflet +- `netjsongraph.[hash].min.js.map` - Source map for debugging +- Compressed versions (`.gz` and `.br`) for optimized delivery + +The build includes: + +- **ECharts** for network graph rendering +- **Leaflet** for geographic map rendering +- **Core NetJSONGraph.js** functionality + +This unified bundle approach ensures compatibility and simplifies deployment while maintaining optimal performance through advanced webpack optimizations. + ### Run Tests The test suite includes browser tests, so **ensure that ChromeDriver is installed** before running them. diff --git a/index.html b/index.html index cb3c8b16..4f1f4746 100644 --- a/index.html +++ b/index.html @@ -33,12 +33,13 @@ margin: 0; padding: 0; box-sizing: border-box; - transition: background-color var(--transition-speed) ease, - color var(--transition-speed) ease; + transition: + background-color var(--transition-speed) ease, + color var(--transition-speed) ease; } body { - font-family: 'Inter', sans-serif; + font-family: "Inter", sans-serif; background-color: var(--bg-primary); color: var(--text-primary); line-height: 1.6; @@ -124,12 +125,14 @@ flex-direction: column; align-items: center; } + .cards a { width: 100%; } } +