(release): 9.0.0 (#556)

* (release): 9.0.0

CHANGELOG.md

@@ -1,8 +1,18 @@
 # Changelog
 
+## 9.0.0
+
+- Breaking: Fix issues with load due to asynchronous node dimension handling
+- Chore: Updated peer dependencies to support angular 18 and newer dependencies
+- Chore: Updated documentation portal to run on Storybook
+
+This release causes possible breaking changes to how ngx-graph displays on load. The changes should make ngx-graph load more reliably.
+
+If you have developed in the repository previously, you may need to delete your node_modules and run yarn after updating to the latest on master. This repository switched from npm to yarn. Multiple development commands in the package.json have moved. See the README.md for an up to date reference.
+
 ## 8.4.0
 
-- Fix; Fixes a styling issue when using ngx-graph and ngx-charts on the same page
+- Fix: Fixes a styling issue when using ngx-graph and ngx-charts on the same page
 - Chore: Updated peer dependencies to support new angular versions
 
 ## 8.3.0

README.md

@@ -254,36 +254,36 @@ https://swimlane.github.io/ngx-graph/
 
 ## Building ngx-graph
 
-To get started with development, clone a fork of the repository and run `npm install --legacy-peer-deps`.
-
-Run `npm run build:lib` to build ngx-graph. This must be done prior to building the demo.
+To get started with development, clone a fork of the repository and run `yarn`.
 
 ## Development server
 
-Run `npm run start` to serve the demo at `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+Run `yarn start` to serve Storybook at `http://localhost:6006/`. Storybook serves as the development and test environment for ngx-graph.
 
 ## Building
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `yarn build:storybook` to build Storybook to check for production issues. The build artifacts will be stored in the `dist/` directory.
+
+Run `yarn build:lib` to build ngx-graph.
 
 ## Running tests
 
-Run `npm run test` to execute the linter
+Run `yarn test` to execute the linter.
 
 ## Release
 
 - Checkout master (`git checkout master`)
 - Pull master (`git pull`)
-- Refresh node modules (`npm ci`)
-- Run tests (`npm test`)
+- Run tests (`yarn ci`)
 - Examine log to determine next version (X.Y.Z)
 - Run `git checkout -b release/X.Y.Z`
 - Update version in `projects/swimlane/ngx-graph/package.json`.
 - Update changelog in `CHANGELOG.md`
+- Run `yarn package` to check the package format
 - Run `git commit -am "(release): X.Y.Z"`
 - Run `git tag X.Y.Z`
 - Run `git push origin HEAD --tags`
-- Run `npm run publish:lib`
+- Run `yarn publish:lib`
 - Submit PR
 
 ## Credits

package.json

@@ -12,14 +12,13 @@
     "e2e": "ng e2e",
     "prettier": "prettier --write \"projects/**/*.{js,ts,scss,css,md,mdx,json}\"",
     "prettier:ci": "prettier --check  \"projects/**/*.{js,ts,scss,css,md,mdx,json}\"",
-    "copy-files": "cp README.md projects/dist/ngx-graph/README.md && cp LICENSE projects/dist/ngx-graph/LICENSE",
-    "build-docs": "cross-env NODE_ENV=production ng build --configuration production --no-aot --no-build-optimizer --base-href=\"/ngx-graph/\"",
+    "copy-files": "cp README.md dist/ngx-graph/README.md && cp LICENSE dist/ngx-graph/LICENSE && cp CHANGELOG.md dist/ngx-graph/CHANGELOG.md",
     "ci": "run-s lint prettier:ci",
     "preversion": "npm run ci",
     "package": "run-s build:lib copy-files",
     "prepublish:lib": "npm run package",
     "publish:lib": "npm publish projects/dist/ngx-graph",
-    "publish": "run-s publish:lib deploy-docs",
+    "publish": "run-s publish:lib",
     "prepublishOnly": "echo \"This is the workspace -- you probably meant run 'npm run publish'.\" && exit 1"
   },
   "license": "MIT",
@@ -48,7 +47,7 @@
     "msagl-js": "0.0.51",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rxjs": "7.8.1",
+    "rxjs": "^7.8.1",
     "transformation-matrix": "^2.16.1",
     "tslib": "^2.3.1",
     "webcola": "^3.4.0",
@@ -143,6 +142,6 @@
     ]
   },
   "resolutions": {
-    "typescript": "5.4.5"
+    "typescript": "5.5.2"
   }
 }

projects/swimlane/ngx-graph/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swimlane/ngx-graph",
-  "version": "9.0.0-beta.3",
+  "version": "9.0.0",
   "description": "Graph visualization for angular",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "d3-dispatch": "^3.0.1",
     "d3-ease": "^3.0.1",
     "d3-force": "^3.0.0",
-    "d3-scale": "^3.2.3",
+    "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
     "d3-shape": "^3.2.0",
     "d3-timer": "^3.0.1",

yarn.lock

@@ -13703,7 +13703,7 @@ __metadata:
     react-dom: "npm:^18.3.1"
     remark-gfm: "npm:^4.0.0"
     rollup: "npm:4.14.3"
-    rxjs: "npm:7.8.1"
+    rxjs: "npm:^7.8.1"
     start-server-and-test: "npm:^1.10.11"
     storybook: "npm:^8.4.1"
     transformation-matrix: "npm:^2.16.1"
@@ -17572,23 +17572,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.4.5":
-  version: 5.4.5
-  resolution: "typescript@npm:5.4.5"
+"typescript@npm:5.5.2":
+  version: 5.5.2
+  resolution: "typescript@npm:5.5.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/2954022ada340fd3d6a9e2b8e534f65d57c92d5f3989a263754a78aba549f7e6529acc1921913560a4b816c46dce7df4a4d29f9f11a3dc0d4213bb76d043251e
+  checksum: 10c0/8ca39b27b5f9bd7f32db795045933ab5247897660627251e8254180b792a395bf061ea7231947d5d7ffa5cb4cc771970fd4ef543275f9b559f08c9325cccfce3
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>":
-  version: 5.4.5
-  resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>::version=5.4.5&hash=5adc0c"
+"typescript@patch:typescript@npm%3A5.5.2#optional!builtin<compat/typescript>":
+  version: 5.5.2
+  resolution: "typescript@patch:typescript@npm%3A5.5.2#optional!builtin<compat/typescript>::version=5.5.2&hash=379a07"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/db2ad2a16ca829f50427eeb1da155e7a45e598eec7b086d8b4e8ba44e5a235f758e606d681c66992230d3fc3b8995865e5fd0b22a2c95486d0b3200f83072ec9
+  checksum: 10c0/a7b7ede75dc7fc32a76d0d0af6b91f5fbd8620890d84c906f663d8783bf3de6d7bd50f0430b8bb55eac88a38934af847ff709e7156e5138b95ae94cbd5f73e5b
   languageName: node
   linkType: hard