feat(examples): add dot layout example

update update
clientIO · Feb 8, 2024 · ce4dc75 · ce4dc75
1 parent e07dc52
commit ce4dc75
Show file tree

Hide file tree

Showing 7 changed files with 424 additions and 0 deletions.
diff --git a/examples/dot/.gitignore b/examples/dot/.gitignore
@@ -0,0 +1,3 @@
+build/
+dist/
+node_modules/
diff --git a/examples/dot/README.md b/examples/dot/README.md
@@ -0,0 +1,22 @@
+# JointJS List Demo
+
+## Setup
+
+Use Yarn to run this demo.
+
+You need to build *JointJS* first. Navigate to the root folder and run:
+```bash
+yarn install
+yarn run build
+```
+
+Navigate to this directory, then run:
+```bash
+yarn start
+```
+
+## License
+
+The *JointJS* library is licensed under the [Mozilla Public License 2.0](https://github.com/clientIO/joint/blob/master/LICENSE).
+
+Copyright © 2013-2024 client IO
diff --git a/examples/dot/css/dot.css b/examples/dot/css/dot.css
@@ -0,0 +1,8 @@
+#paper-container {
+ position: absolute;
+ right: 0;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ overflow: scroll;
+ }
diff --git a/examples/dot/index.html b/examples/dot/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="description" content="The JointJS Fault Tree Analysis demo serves as a template to help bring your idea to life in no time."/>
+ <title>Fault Tree Analysis | JointJS</title>
+ </head>
+ <body>
+ <div id="paper-container"></div>
+ <script src="dist/bundle.js"></script>
+ </body>
+</html>
diff --git a/examples/dot/package.json b/examples/dot/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "@joint/demo-graphviz-dot-layout",
+ "version": "4.0.1",
+ "main": "src/index.js",
+ "homepage": "https://jointjs.com",
+ "author": {
+ "name": "client IO",
+ "url": "https://client.io"
+ },
+ "license": "MPL-2.0",
+ "private": true,
+ "installConfig": {
+ "hoistingLimits": "workspaces"
+ },
+ "scripts": {
+ "start": "webpack-dev-server",
+ "tsc": "tsc"
+ },
+ "dependencies": {
+ "@hpcc-js/wasm": "^2.15.3",
+ "@joint/core": "workspace:^"
+ },
+ "devDependencies": {
+ "css-loader": "3.5.3",
+ "style-loader": "1.2.1",
+ "webpack": "^5.61.0",
+ "webpack-cli": "^4.8.0",
+ "webpack-dev-server": "^4.2.1"
+ },
+ "volta": {
+ "node": "16.18.1",
+ "npm": "8.19.2",
+ "yarn": "3.4.1"
+ }
+}