Demonstrate how to integrate maxGraph in projects.
⏩ Find the live demo at https://maxgraph.github.io/maxgraph-integration-examples/
Ensure you are using Node 18 (this is the tested version, it may work with other versions without guarantee)
If you are using nvm
, run
nvm use
If the Node version is not installed, nvm
will state how to install the required version.
Install dependencies by running
npm install
- TypeScript with Lit
- TypeScript with Parcel
- TypeScript with Rollup
- 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
maxGraph
project root, run:npm install
- then, from the
packages/core
folder, run:npm pack
- the
packages/core
folder or the generatedpackages/core/maxgraph-core-***.tgz
file 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.