Demonstrate how to integrate maxGraph in projects.
⏩ Find the live demo at https://maxgraph.github.io/maxgraph-integration-examples/
Ensure you are using Node declared in the .nvmrc file (this is the tested version, it may work with other versions without guarantee)
If you are using nvm, run
nvm useIf the Node version is not installed, nvm will state how to install the required version.
Install dependencies by running
npm installBuild the "shared" package:
- this package is used in all projects, so it must be built first.
- for more details, see its dedicated README.
NOTE: if you want to build all examples at once, you can run
./build-all-examples.bash- TypeScript with Farm
- TypeScript with Lit
- TypeScript with Parcel
- TypeScript with Rollup
- TypeScript with Rsbuild
- TypeScript with SvelteKit
- TypeScript with ViteJs
Note: the maxGraph development version is tested in a GitHub Workflow that uses the procedure explained below.
Build maxGraph locally:
- from the
maxGraphproject root, run:npm install - then, from the
packages/corefolder, run:npm pack - the
packages/corefolder or the generatedpackages/core/maxgraph-core-***.tgzfile are now ready for use in an external project
In this folder where you clone the maxgraph-integration-examples project, go to the folder of the example you want to use. Then you can use one of the following solution
- with npm link:
npm link <path_to_locally_installed_maxgraph>/packages/core: create a soft link to the maxgraph local folder. Repack of maxgraph is automatically available in the examples - alternative:
npm install <path_to_locally_installed_maxgraph>/packages/core/maxgraph-core-0.1.0.tgz. This changes the package.json file. You must run this command again each time you rebuild the maxgraph npm package.
The versioning in this repository follow the versioning of maxGraph. For example, version 0.5.0 uses maxGraph 0.5.0.
So, prior releasing a new version of this version, the maxGraph version must have been updated:
- Dependencies in this repository are automatically updated by Dependabot, so you can trigger a new Dependabot run or wait for the next scheduled Dependabot run for this update to take place.
- Validate that the examples work: use the artifact built by GitHub Actions to test the various applications locally.
Once maxGraph has been updated, the release can be done by running the release workflow which:
- creates the Git tag
- publishes a GitHub release including the automatically generated release notes.