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"
+  }
+}