ts-graphviz 1.1.0 → 1.2.1

package/lib/ast/index.d.ts

@@ -1,4 +1,14 @@
-import { Compass, AttributeKey, ASTType, DotObjectType, DotObjectModel } from '#lib/common';
+import {
+  Compass,
+  AttributeKey,
+  ASTType,
+  DotObjectModel,
+  RootGraphModel,
+  EdgeModel,
+  NodeModel,
+  SubgraphModel,
+  ModelsContext,
+} from '#lib/common';
 
 /**
  * @group AST
@@ -432,6 +442,7 @@ declare function parse(input: string, options?: ParseOptions<'AttributeList'>):
 declare function parse(input: string, options?: ParseOptions<'Attribute'>): AttributeASTNode;
 declare function parse(input: string, options?: ParseOptions<'Subgraph'>): SubgraphASTNode;
 declare function parse(input: string, options?: ParseOptions<'ClusterStatements'>): ClusterStatementASTNode[];
+declare function parse(input: string, options?: ParseOptions<Rule>): ASTNode | ClusterStatementASTNode[];
 /**
  * @group Convert DOT to AST
  */
@@ -440,9 +451,7 @@ declare const SyntaxError: typeof SyntaxError$1;
 /**
  * @group AST
  */
-declare type ModelToAST<T> = T extends {
-  $$type: infer U extends DotObjectType;
-}
+declare type ModelToAST<T> = T extends DotObjectModel<infer U>
   ? U extends 'Graph'
     ? GraphASTNode | DotASTNode
     : U extends 'AttributeList'
@@ -493,6 +502,79 @@ declare class FromModelConverter {
  */
 declare function fromModel<T extends DotObjectModel>(model: T, options?: ConvertFromModelOptions): ModelToAST<T>;
 
+/**
+ * @group AST
+ */
+declare type ModelOf<T> = T extends 'Dot' | 'Graph'
+  ? RootGraphModel
+  : T extends 'Edge'
+  ? EdgeModel
+  : T extends 'Node'
+  ? NodeModel
+  : T extends 'Subgraph'
+  ? SubgraphModel
+  : never;
+/**
+ * @group AST
+ */
+declare type ASTToModel<T> = T extends {
+  type: infer U;
+}
+  ? ModelOf<U>
+  : never;
+/**
+ * @group Convert AST to Model
+ * @beta
+ */
+declare type ToModelConvertableASTNode = DotASTNode | GraphASTNode | SubgraphASTNode | NodeASTNode | EdgeASTNode;
+/**
+ * @group Convert AST to Model
+ * @alpha
+ */
+interface ConvertToModelOptions {
+  models?: Partial<ModelsContext>;
+}
+/**
+ * @group Convert AST to Model
+ * @alpha
+ */
+interface ConvertToModelContext {
+  models: ModelsContext;
+  convert<T extends ToModelConvertableASTNode>(ast: T): ASTToModel<T>;
+}
+/**
+ * @group Convert AST to Model
+ * @alpha
+ */
+interface ConvertToModelPlugin<T extends ToModelConvertableASTNode = ToModelConvertableASTNode> {
+  match(ast: T): boolean;
+  convert(context: ConvertToModelContext, ast: T): ASTToModel<T>;
+}
+
+/**
+ * @group Convert AST to Model
+ * @alpha
+ */
+declare class ToModelConverter {
+  private options;
+  /** @hidden */
+  protected plugins: ConvertToModelPlugin<ToModelConvertableASTNode>[];
+  constructor(options?: ConvertToModelOptions);
+  /**
+   * Convert AST to Model.
+   *
+   * @param ast AST node.
+   * @alpha
+   */
+  convert<T extends ToModelConvertableASTNode>(ast: T): ASTToModel<T>;
+}
+
+/**
+ * @group Convert AST to Model
+ * @beta
+ */
+declare function toModel<T extends ToModelConvertableASTNode>(ast: T, options?: ConvertToModelOptions): ASTToModel<T>;
+
 export {
   ASTBaseNode,
   ASTBaseParentNode,
@@ -500,6 +582,7 @@ export {
   ASTChildNode,
   ASTCommonPropaties,
   ASTNode,
+  ASTToModel,
   AttributeASTNode,
   AttributeASTPropaties,
   AttributeListASTNode,
@@ -514,6 +597,9 @@ export {
   ConvertFromModelContext,
   ConvertFromModelOptions,
   ConvertFromModelPlugin,
+  ConvertToModelContext,
+  ConvertToModelOptions,
+  ConvertToModelPlugin,
   CreateElement,
   DotASTNode,
   DotASTPropaties,
@@ -529,6 +615,7 @@ export {
   IndentStyle,
   LiteralASTNode,
   LiteralASTPropaties,
+  ModelOf,
   ModelToAST,
   NodeASTNode,
   NodeASTPropaties,
@@ -546,8 +633,11 @@ export {
   SubgraphASTNode,
   SubgraphASTPropaties,
   SyntaxError,
+  ToModelConvertableASTNode,
+  ToModelConverter,
   createElement,
   fromModel,
   parse,
   stringify,
+  toModel,
 };

package/lib/ast/index.js

@@ -1,5 +1,5 @@
 import { pipe, map } from '#lib/utils';
-import { isNodeModel, isForwardRefNode } from '#lib/common';
+import { isNodeModel, isForwardRefNode, createModelsContext } from '#lib/common';
 
 /**
  * @group Create AST
@@ -55,7 +55,7 @@ const endOfLine = (eol) => {
   }
 };
 
-const AttributeListPrintPlugin$1 = {
+const AttributeListPrintPlugin = {
   match(ast) {
     return ast.type === 'AttributeList';
   },
@@ -244,8 +244,8 @@ const SubgraphPrintPlugin = {
   },
 };
 
-const defaultPlugins$1 = [
-  AttributeListPrintPlugin$1,
+const defaultPlugins$2 = [
+  AttributeListPrintPlugin,
   AttributePrintPlugin,
   CommentPrintPlugin,
   DotPrintPlugin,
@@ -264,7 +264,7 @@ const defaultPlugins$1 = [
 class Printer {
   options;
   /** @internal */
-  #plugins = [...defaultPlugins$1];
+  #plugins = [...defaultPlugins$2];
   constructor(options = {}) {
     this.options = options;
   }
@@ -5333,7 +5333,7 @@ function convertClusterChildren(context, model) {
   );
 }
 
-const AttributeListPrintPlugin = {
+const AttributeListPlugin = {
   match(model) {
     return model.$$type === 'AttributeList';
   },
@@ -5348,7 +5348,7 @@ const AttributeListPrintPlugin = {
   },
 };
 
-const EdgeConvertPlugin = {
+const EdgePlugin$1 = {
   match(model) {
     return model.$$type === 'Edge';
   },
@@ -5418,7 +5418,7 @@ const EdgeConvertPlugin = {
   },
 };
 
-const GraphConvertPlugin = {
+const GraphPlugin$1 = {
   match(model) {
     return model.$$type === 'Graph';
   },
@@ -5447,7 +5447,7 @@ const GraphConvertPlugin = {
   },
 };
 
-const NodeConvertPlugin = {
+const NodePlugin$1 = {
   match(model) {
     return model.$$type === 'Node';
   },
@@ -5472,7 +5472,7 @@ const NodeConvertPlugin = {
   },
 };
 
-const SubgraphConvertPlugin = {
+const SubgraphPlugin$1 = {
   match(model) {
     return model.$$type === 'Subgraph';
   },
@@ -5496,13 +5496,7 @@ const SubgraphConvertPlugin = {
   },
 };
 
-const defaultPlugins = [
-  AttributeListPrintPlugin,
-  EdgeConvertPlugin,
-  NodeConvertPlugin,
-  GraphConvertPlugin,
-  SubgraphConvertPlugin,
-];
+const defaultPlugins$1 = [AttributeListPlugin, EdgePlugin$1, NodePlugin$1, GraphPlugin$1, SubgraphPlugin$1];
 
 /**
  * @group Convert Model to AST
@@ -5510,7 +5504,7 @@ const defaultPlugins = [
 class FromModelConverter {
   options;
   /** @hidden */
-  #plugins = [...defaultPlugins];
+  #plugins = [...defaultPlugins$1];
   constructor(options = {}) {
     this.options = options;
   }
@@ -5521,7 +5515,6 @@ class FromModelConverter {
       commentKind,
       convert(m) {
         for (const plugin of plugins) {
-          /*  */
           if (plugin.match(m)) {
             return plugin.convert(context, m);
           }
@@ -5540,4 +5533,228 @@ function fromModel(model, options) {
   return new FromModelConverter(options).convert(model);
 }
 
-export { Builder, FromModelConverter, Printer, SyntaxError, createElement, fromModel, parse, stringify };
+class CommentHolder {
+  comment = null;
+  set(comment) {
+    this.comment = comment;
+  }
+  reset() {
+    this.comment = null;
+  }
+  apply(model, location) {
+    if (location && this.comment?.location) {
+      if (this.comment?.kind === 'Block') {
+        if (this.comment.location.end.line === location.start.line - 1) {
+          model.comment = this.comment.value;
+        }
+      } else {
+        if (this.comment.location.end.line === location.start.line) {
+          model.comment = this.comment.value;
+        }
+      }
+    } else {
+      model.comment = this.comment?.value;
+    }
+    this.reset();
+  }
+}
+
+const DotPlugin = {
+  match(ast) {
+    return ast.type === 'Dot';
+  },
+  convert(context, ast) {
+    const commentHolder = new CommentHolder();
+    for (const stmt of ast.children) {
+      switch (stmt.type) {
+        case 'Comment':
+          commentHolder.set(stmt);
+          break;
+        case 'Graph':
+          const graph = context.convert(stmt);
+          commentHolder.apply(graph, stmt.location);
+          return graph;
+      }
+    }
+    throw Error();
+  },
+};
+
+function convertToEdgeTargetTuple(edge) {
+  return edge.targets.map((t) => {
+    switch (t.type) {
+      case 'NodeRef':
+        return { id: t.id.value, port: t.port?.value, compass: t.compass?.value };
+      case 'NodeRefGroup':
+        return t.children.map((t) => ({ id: t.id.value, port: t.port?.value, compass: t.compass?.value }));
+    }
+  });
+}
+
+const EdgePlugin = {
+  match(ast) {
+    return ast.type === 'Edge';
+  },
+  convert(context, ast) {
+    const edge = new context.models.Edge(
+      convertToEdgeTargetTuple(ast),
+      ast.children
+        .filter((v) => v.type === 'Attribute')
+        .reduce((prev, curr) => ({ ...prev, [curr.key.value]: curr.value.value }), {}),
+    );
+    return edge;
+  },
+};
+
+function applyStatements(graph, statements) {
+  const commentHolder = new CommentHolder();
+  for (const stmt of statements) {
+    switch (stmt.type) {
+      case 'Subgraph':
+        const subgraph = stmt.id ? graph.subgraph(stmt.id.value) : graph.subgraph();
+        applyStatements(subgraph, stmt.children);
+        commentHolder.apply(subgraph, stmt.location);
+        break;
+      case 'Attribute':
+        graph.set(stmt.key.value, stmt.value.value);
+        commentHolder.reset();
+        break;
+      case 'Node':
+        commentHolder.apply(
+          graph.node(
+            stmt.id.value,
+            stmt.children
+              .filter((v) => v.type === 'Attribute')
+              .reduce((prev, curr) => ({ ...prev, [curr.key.value]: curr.value.value }), {}),
+          ),
+          stmt.location,
+        );
+        break;
+      case 'Edge':
+        commentHolder.apply(
+          graph.edge(
+            convertToEdgeTargetTuple(stmt),
+            stmt.children
+              .filter((v) => v.type === 'Attribute')
+              .reduce((prev, curr) => ({ ...prev, [curr.key.value]: curr.value.value }), {}),
+          ),
+          stmt.location,
+        );
+        break;
+      case 'AttributeList':
+        const attrs = stmt.children
+          .filter((v) => v.type === 'Attribute')
+          .reduce((prev, curr) => ({ ...prev, [curr.key.value]: curr.value.value }), {});
+        switch (stmt.kind) {
+          case 'Edge':
+            graph.edge(attrs);
+            break;
+          case 'Node':
+            graph.node(attrs);
+            break;
+          case 'Graph':
+            graph.graph(attrs);
+            break;
+        }
+        commentHolder.reset();
+        break;
+      case 'Comment':
+        commentHolder.set(stmt);
+    }
+  }
+}
+
+const GraphPlugin = {
+  match(ast) {
+    return ast.type === 'Graph';
+  },
+  convert(context, ast) {
+    const G = ast.directed ? context.models.Digraph : context.models.Graph;
+    const graph = new G(ast.id?.value, ast.strict);
+    applyStatements(graph, ast.children);
+    return graph;
+  },
+};
+
+const SubgraphPlugin = {
+  match(ast) {
+    return ast.type === 'Subgraph';
+  },
+  convert(context, ast) {
+    const subgraph = new context.models.Subgraph(ast.id?.value);
+    applyStatements(subgraph, ast.children);
+    return subgraph;
+  },
+};
+
+const NodePlugin = {
+  match(ast) {
+    return ast.type === 'Node';
+  },
+  convert(context, ast) {
+    const node = new context.models.Node(
+      ast.id.value,
+      ast.children
+        .filter((v) => v.type === 'Attribute')
+        .reduce((prev, curr) => ({ ...prev, [curr.key.value]: curr.value.value }), {}),
+    );
+    return node;
+  },
+};
+
+const defaultPlugins = [NodePlugin, EdgePlugin, SubgraphPlugin, GraphPlugin, DotPlugin];
+
+/**
+ * @group Convert AST to Model
+ * @alpha
+ */
+class ToModelConverter {
+  options;
+  /** @hidden */
+  plugins = [...defaultPlugins];
+  constructor(options = {}) {
+    this.options = options;
+  }
+  /**
+   * Convert AST to Model.
+   *
+   * @param ast AST node.
+   * @alpha
+   */
+  convert(ast) {
+    const plugins = [...this.plugins];
+    const context = {
+      models: createModelsContext(this.options.models ?? {}),
+      convert(m) {
+        for (const plugin of plugins) {
+          if (plugin.match(m)) {
+            return plugin.convert(context, m);
+          }
+        }
+        throw Error();
+      },
+    };
+    return context.convert(ast);
+  }
+}
+
+/**
+ * @group Convert AST to Model
+ * @beta
+ */
+function toModel(ast, options) {
+  return new ToModelConverter(options).convert(ast);
+}
+
+export {
+  Builder,
+  FromModelConverter,
+  Printer,
+  SyntaxError,
+  ToModelConverter,
+  createElement,
+  fromModel,
+  parse,
+  stringify,
+  toModel,
+};

package/lib/common/index.cjs

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('#lib/core');
-
 /** @hidden */
 function isForwardRefNode(object) {
   return typeof object === 'object' && object !== null && typeof object.id === 'string';

package/lib/common/index.js

@@ -1,5 +1,3 @@
-import '#lib/core';
-
 /** @hidden */
 function isForwardRefNode(object) {
   return typeof object === 'object' && object !== null && typeof object.id === 'string';

package/lib/core/index.cjs

@@ -389,7 +389,7 @@ function withContext(models) {
  *
  * @group Convert Model to DOT
  *
- * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Node}, and {@link Edge}
+ * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Subgraph}, {@link Node}, and {@link Edge}
  * @param options
  * @returns DOT string
  */
@@ -398,6 +398,22 @@ function toDot(model, options) {
   return ast.stringify(ast$1, options?.print);
 }
 
+function fromDot(dot, options) {
+  const ast$1 = ast.parse(dot, options?.parse);
+  if (
+    Array.isArray(ast$1) ||
+    ast$1.type === 'Attribute' ||
+    ast$1.type === 'AttributeList' ||
+    ast$1.type === 'Comment' ||
+    ast$1.type === 'NodeRef' ||
+    ast$1.type === 'NodeRefGroup' ||
+    ast$1.type === 'Literal'
+  ) {
+    throw new Error();
+  }
+  return ast.toModel(ast$1, options?.convert);
+}
+
 exports.AttributeList = AttributeList;
 exports.AttributesBase = AttributesBase;
 exports.AttributesGroup = AttributesGroup;
@@ -411,6 +427,7 @@ exports.RootGraph = RootGraph;
 exports.Subgraph = Subgraph;
 exports.attribute = attribute;
 exports.digraph = digraph;
+exports.fromDot = fromDot;
 exports.graph = graph;
 exports.strict = strict;
 exports.toDot = toDot;

package/lib/core/index.d.ts

@@ -29,7 +29,7 @@ import {
   ClusterSubgraphAttributeKey,
   DotObjectModel,
 } from '#lib/common';
-import { ConvertFromModelOptions, PrintOptions } from '#lib/ast';
+import { ConvertFromModelOptions, PrintOptions, ParseOptions, ConvertToModelOptions } from '#lib/ast';
 
 /**
  * @group Attribute
@@ -2741,12 +2741,35 @@ interface ToDotOptions {
  *
  * @group Convert Model to DOT
  *
- * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Node}, and {@link Edge}
+ * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Subgraph}, {@link Node}, and {@link Edge}
  * @param options
  * @returns DOT string
  */
 declare function toDot(model: DotObjectModel, options?: ToDotOptions): string;
 
+/**
+ * @group Convert DOT to DOT
+ * @alpha
+ */
+interface FromDotOptions<T extends 'Dot' | 'Graph' | 'Node' | 'Edge' | 'Subgraph'> {
+  parse?: ParseOptions<T>;
+  convert?: ConvertToModelOptions;
+}
+/**
+ * Convert DOT string to Model.
+ *
+ * @group Convert DOT to Model
+ *
+ * @param dot DOT string
+ * @param options
+ * @returns Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Subgraph}, {@link Node}, and {@link Edge}
+ * @beta
+ */
+declare function fromDot(dot: string, options?: FromDotOptions<'Dot' | 'Graph'>): RootGraphModel;
+declare function fromDot(dot: string, options?: FromDotOptions<'Node'>): NodeModel;
+declare function fromDot(dot: string, options?: FromDotOptions<'Edge'>): EdgeModel;
+declare function fromDot(dot: string, options?: FromDotOptions<'Subgraph'>): SubgraphModel;
+
 export {
   AttributeKeyDict,
   AttributeList,
@@ -2755,6 +2778,7 @@ export {
   Digraph,
   DotObject,
   Edge,
+  FromDotOptions,
   Graph,
   GraphBase,
   ModelFactories,
@@ -2766,6 +2790,7 @@ export {
   ToDotOptions,
   attribute,
   digraph,
+  fromDot,
   graph,
   strict,
   toDot,

package/lib/core/index.js

@@ -6,7 +6,7 @@ import {
   toNodeRef,
   isNodeRefLike,
 } from '#lib/common';
-import { fromModel, stringify } from '#lib/ast';
+import { fromModel, stringify, parse, toModel } from '#lib/ast';
 
 /**
  * @group Attribute
@@ -392,7 +392,7 @@ function withContext(models) {
  *
  * @group Convert Model to DOT
  *
- * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Node}, and {@link Edge}
+ * @param model Dot Object Model, like {@link Digraph}, {@link Graph}, {@link Subgraph}, {@link Node}, and {@link Edge}
  * @param options
  * @returns DOT string
  */
@@ -401,6 +401,22 @@ function toDot(model, options) {
   return stringify(ast, options?.print);
 }
 
+function fromDot(dot, options) {
+  const ast = parse(dot, options?.parse);
+  if (
+    Array.isArray(ast) ||
+    ast.type === 'Attribute' ||
+    ast.type === 'AttributeList' ||
+    ast.type === 'Comment' ||
+    ast.type === 'NodeRef' ||
+    ast.type === 'NodeRefGroup' ||
+    ast.type === 'Literal'
+  ) {
+    throw new Error();
+  }
+  return toModel(ast, options?.convert);
+}
+
 export {
   AttributeList,
   AttributesBase,
@@ -415,6 +431,7 @@ export {
   Subgraph,
   attribute,
   digraph,
+  fromDot,
   graph,
   strict,
   toDot,

package/media/state-machine.svg

@@ -1 +1 @@
-<svg width="383pt" height="152pt" viewBox="0 0 382.84 152.44" xmlns="http://www.w3.org/2000/svg"><g class="graph" transform="translate(4 148.44)"><path fill="#fff" stroke="transparent" d="M-4 4v-152.44h382.84V4H-4z"/><g class="node"><circle fill="none" stroke="#000" cx="39.65" cy="-39.65" r="39.79"/><text text-anchor="middle" x="39.65" y="-35.95" font-family="Times,serif" font-size="14">Model</text></g><g class="node"><circle fill="none" stroke="#000" cx="204.65" cy="-39.65" r="29.5"/><text text-anchor="middle" x="204.65" y="-35.95" font-family="Times,serif" font-size="14">AST</text></g><g class="edge"><path fill="none" stroke="#000" d="M79.59-39.65h85.36"/><path stroke="#000" d="m165.16-43.15 10 3.5-10 3.5v-7z"/><text text-anchor="middle" x="127.35" y="-46.45" font-family="Times,serif" font-size="14">fromModel</text></g><g class="node"><circle fill="none" stroke="#000" cx="343.65" cy="-39.65" r="31.4"/><text text-anchor="middle" x="343.65" y="-35.95" font-family="Times,serif" font-size="14">DOT</text></g><g class="edge"><path fill="none" stroke="#000" d="M71.74-62.96c34.78-22.43 92.24-51.3 143.91-39.33 33.48 7.75 68.33 25.54 93.19 40.19"/><path stroke="#000" d="m310.76-65.03 6.76 8.16-10.37-2.16 3.61-6z"/><text text-anchor="middle" x="195.65" y="-101.09" font-family="Times,serif" font-size="14">toDot</text></g><g class="edge"><path fill="none" stroke="#000" d="M234.12-39.65h68.13"/><path stroke="#000" d="m302.28-43.15 10 3.5-10 3.5v-7z"/><text text-anchor="middle" x="273.17" y="-46.45" font-family="Times,serif" font-size="14">stringify</text></g><g class="edge"><path fill="none" stroke="#000" d="M314.74-27.44c-6.94 2.4-14.42 4.56-21.57 5.79-17.52 3.03-22.5 3.14-40 0-3.92-.7-7.93-1.7-11.89-2.87"/><path stroke="#000" d="m240.02-21.25-8.39-6.46 10.59-.18-2.2 6.64z"/><text text-anchor="middle" x="273.17" y="-25.45" font-family="Times,serif" font-size="14">parse</text></g></g></svg>
+<svg width="404" height="197pt" viewBox="0 0 302.59 196.79" xmlns="http://www.w3.org/2000/svg"><g class="graph" transform="translate(4 192.79)"><path fill="#fff" stroke="transparent" d="M-4 4v-196.79h302.59V4H-4z"/><g class="node"><circle fill="none" stroke="#000" cx="52.59" cy="-149.14" r="39.79"/><text text-anchor="middle" x="52.59" y="-145.44" font-family="Times,serif" font-size="14">Model</text></g><g class="node"><circle fill="none" stroke="#000" cx="218.59" cy="-149.14" r="31.4"/><text text-anchor="middle" x="218.59" y="-145.44" font-family="Times,serif" font-size="14">DOT</text></g><g class="edge"><path fill="none" stroke="#000" d="M90.64-137.1c9.44 2.47 19.6 4.7 29.18 5.96 17.63 2.32 22.42 2.63 40 0 6.37-.96 13.01-2.46 19.43-4.2"/><path stroke="#000" d="m178.51-138.77 10.58.54-8.61 6.17-1.97-6.71z"/><text text-anchor="middle" x="139.82" y="-134.94" font-family="Times,serif" font-size="14">toDot</text></g><g class="node"><circle fill="none" stroke="#000" cx="146.59" cy="-29.25" r="29.5"/><text text-anchor="middle" x="146.59" y="-25.55" font-family="Times,serif" font-size="14">AST</text></g><g class="edge"><path fill="none" stroke="#000" d="M21.2-124.93C5.91-110.76-6.93-92.37 4.59-76.49c23.16 31.9 68.9 42.22 102.23 45.34"/><path stroke="#000" d="m107.45-34.61 9.71 4.24-10.23 2.74.52-6.98z"/><text text-anchor="middle" x="44.09" y="-80.29" font-family="Times,serif" font-size="14">fromModel</text></g><g class="edge"><path fill="none" stroke="#000" d="M187.19-149.14h-84.61"/><path stroke="#000" d="m102.36-145.64-10-3.5 10-3.5v7z"/><text text-anchor="middle" x="139.82" y="-155.94" font-family="Times,serif" font-size="14">fromDot</text></g><g class="edge"><path fill="none" stroke="#000" d="M202.62-121.98c-10.54 17.26-24.44 40.01-35.75 58.54"/><path stroke="#000" d="m169.75-61.44-8.2 6.71 2.22-10.36 5.98 3.65z"/><text text-anchor="middle" x="202.59" y="-80.29" font-family="Times,serif" font-size="14">parse</text></g><g class="edge"><path fill="none" stroke="#000" d="M128.8-52.57c-12.81-16.06-30.42-38.14-45.48-57.03"/><path stroke="#000" d="m80.54-107.47-3.49-10 8.97 5.63-5.48 4.37z"/><text text-anchor="middle" x="138.09" y="-80.29" font-family="Times,serif" font-size="14">toModel</text></g><g class="edge"><path fill="none" stroke="#000" d="M174.74-37.96c18.87-6.8 42.31-18.78 53.85-38.53 5.88-10.07 6.19-22.25 4.18-33.7"/><path stroke="#000" d="m229.35-109.45 1.15-10.53 5.67 8.95-6.82 1.58z"/><text text-anchor="middle" x="264.09" y="-80.29" font-family="Times,serif" font-size="14">stringify</text></g></g></svg>

package/media/ts-graphviz.svg

@@ -1 +1 @@
-<svg width="644" height="196pt" viewBox="0 0 482.69 195.5" xmlns="http://www.w3.org/2000/svg"><g class="graph" transform="translate(4 191.5)"><path fill="#fff" stroke="transparent" d="M-4 4v-195.5h482.69V4H-4z"/><g class="node"><path fill="none" stroke="#000" d="M13-96v-91h194v91H13z"/><text text-anchor="middle" x="110" y="-171.8" font-family="Times,serif" font-size="14">Model Factory Functions</text><path fill="none" stroke="#000" d="M13-164h194"/><text x="21" y="-148.8" font-family="Times,serif" font-size="14">strict.digraph(...)</text><text x="21" y="-133.8" font-family="Times,serif" font-size="14">strict.graph(...)</text><text x="21" y="-118.8" font-family="Times,serif" font-size="14">digraph(...)</text><text x="21" y="-103.8" font-family="Times,serif" font-size="14">graph(...)</text></g><g class="node"><circle fill="none" stroke="#000" cx="296.65" cy="-89.5" r="39.79"/><text text-anchor="middle" x="296.65" y="-85.8" font-family="Times,serif" font-size="14">Model</text></g><g class="edge"><path fill="none" stroke="#000" d="M207.11-114.43c14.38 4.05 28.64 8.06 41.38 11.65"/><path stroke="#000" d="m249.67-106.08 8.68 6.08-10.57.65 1.89-6.73z"/></g><g class="node"><path fill="none" stroke="#000" d="M0-.5v-76h220v76H0z"/><text text-anchor="middle" x="110" y="-61.3" font-family="Times,serif" font-size="14">Object Oriented Programing</text><path fill="none" stroke="#000" d="M0-53.5h220"/><text x="8" y="-38.3" font-family="Times,serif" font-size="14">new Digraph(...)</text><text x="8" y="-23.3" font-family="Times,serif" font-size="14">new Graph(...)</text><text x="8" y="-8.3" font-family="Times,serif" font-size="14">...</text></g><g class="edge"><path fill="none" stroke="#000" d="M220.01-68.61c9.87-2.73 19.48-5.38 28.35-7.83"/><path stroke="#000" d="m247.47-79.82 10.57.71-8.7 6.03-1.87-6.74z"/></g><g class="node"><circle fill="none" stroke="#000" cx="443.49" cy="-89.5" r="31.4"/><text text-anchor="middle" x="443.49" y="-85.8" font-family="Times,serif" font-size="14">DOT</text></g><g class="edge"><path fill="none" stroke="#000" d="M336.46-89.5h65.12"/><path stroke="#000" d="m401.83-93 10 3.5-10 3.5v-7z"/><text text-anchor="middle" x="374.29" y="-93.3" font-family="Times,serif" font-size="14">toDot</text></g></g></svg>
+<svg width="503pt" height="196pt" viewBox="0 0 502.69 195.5" xmlns="http://www.w3.org/2000/svg"><g class="graph" transform="translate(4 191.5)"><path fill="#fff" stroke="transparent" d="M-4 4v-195.5h502.69V4H-4z"/><g class="node"><path fill="none" stroke="#000" d="M13-96v-91h194v91H13z"/><text text-anchor="middle" x="110" y="-171.8" font-family="Times,serif" font-size="14">Model Factory Functions</text><path fill="none" stroke="#000" d="M13-164h194"/><text x="21" y="-148.8" font-family="Times,serif" font-size="14">strict.digraph(...)</text><text x="21" y="-133.8" font-family="Times,serif" font-size="14">strict.graph(...)</text><text x="21" y="-118.8" font-family="Times,serif" font-size="14">digraph(...)</text><text x="21" y="-103.8" font-family="Times,serif" font-size="14">graph(...)</text></g><g class="node"><circle fill="none" stroke="#000" cx="296.65" cy="-89.5" r="39.79"/><text text-anchor="middle" x="296.65" y="-85.8" font-family="Times,serif" font-size="14">Model</text></g><g class="edge"><path fill="none" stroke="#000" d="M207.11-114.43c14.38 4.05 28.64 8.06 41.38 11.65"/><path stroke="#000" d="m249.67-106.08 8.68 6.08-10.57.65 1.89-6.73z"/></g><g class="node"><path fill="none" stroke="#000" d="M0-.5v-76h220v76H0z"/><text text-anchor="middle" x="110" y="-61.3" font-family="Times,serif" font-size="14">Object Oriented Programing</text><path fill="none" stroke="#000" d="M0-53.5h220"/><text x="8" y="-38.3" font-family="Times,serif" font-size="14">new Digraph(...)</text><text x="8" y="-23.3" font-family="Times,serif" font-size="14">new Graph(...)</text><text x="8" y="-8.3" font-family="Times,serif" font-size="14">...</text></g><g class="edge"><path fill="none" stroke="#000" d="M220.01-68.61c9.87-2.73 19.48-5.38 28.35-7.83"/><path stroke="#000" d="m247.47-79.82 10.57.71-8.7 6.03-1.87-6.74z"/></g><g class="node"><circle fill="none" stroke="#000" cx="463.49" cy="-89.5" r="31.4"/><text text-anchor="middle" x="463.49" y="-85.8" font-family="Times,serif" font-size="14">DOT</text></g><g class="edge"><path fill="none" stroke="#000" d="M336.3-89.5h85.43"/><path stroke="#000" d="m422.05-93 10 3.5-10 3.5v-7z"/><text text-anchor="middle" x="384.29" y="-93.3" font-family="Times,serif" font-size="14">toDot</text></g><g class="edge"><path fill="none" stroke="#000" d="M434.99-76.62c-6.64 2.54-13.8 4.81-20.7 6.12-26.2 4.98-33.68 4.3-60 0-3.48-.57-7.04-1.32-10.59-2.2"/><path stroke="#000" d="m342.47-69.41-8.7-6.05 10.58-.69-1.88 6.74z"/><text text-anchor="middle" x="384.29" y="-74.3" font-family="Times,serif" font-size="14">fromDot</text></g></g></svg>