@statewalker/fsm-charts 0.2.3 → 0.2.5

package/src/graphlib/data/priority-queue.js

@@ -1,4 +1,4 @@
-import { _ } from '../../lodash-es/index.ts';
+import { _ } from "../../lodash-es/index.ts";
 
 export { PriorityQueue };
 
@@ -24,9 +24,7 @@ class PriorityQueue {
    * Returns the keys that are in the queue. Takes `O(n)` time.
    */
   keys() {
-    return this._arr.map(function (x) {
-      return x.key;
-    });
+    return this._arr.map((x) => x.key);
   }
   /**
    * Returns `true` if **key** is in the queue and `false` if not.
@@ -52,7 +50,7 @@ class PriorityQueue {
    */
   min() {
     if (this.size() === 0) {
-      throw new Error('Queue underflow');
+      throw new Error("Queue underflow");
     }
     return this._arr[0].key;
   }
@@ -98,13 +96,13 @@ class PriorityQueue {
     var index = this._keyIndices[key];
     if (priority > this._arr[index].priority) {
       throw new Error(
-        'New priority is greater than current priority. ' +
-          'Key: ' +
+        "New priority is greater than current priority. " +
+          "Key: " +
           key +
-          ' Old: ' +
+          " Old: " +
           this._arr[index].priority +
-          ' New: ' +
-          priority
+          " New: " +
+          priority,
       );
     }
     this._arr[index].priority = priority;

package/src/graphlib/graph.js

@@ -1,8 +1,8 @@
-import { _ } from '../lodash-es/index.ts';
+import { _ } from "../lodash-es/index.ts";
 
-var DEFAULT_EDGE_NAME = '\x00';
-var GRAPH_NODE = '\x00';
-var EDGE_KEY_DELIM = '\x01';
+var DEFAULT_EDGE_NAME = "\x00";
+var GRAPH_NODE = "\x00";
+var EDGE_KEY_DELIM = "\x01";
 
 // Implementation notes:
 //
@@ -25,9 +25,9 @@ var EDGE_KEY_DELIM = '\x01';
 //    we're going to get to a performant hashtable in JavaScript.
 export class Graph {
   constructor(opts = {}) {
-    this._isDirected = _.has(opts, 'directed') ? opts.directed : true;
-    this._isMultigraph = _.has(opts, 'multigraph') ? opts.multigraph : false;
-    this._isCompound = _.has(opts, 'compound') ? opts.compound : false;
+    this._isDirected = _.has(opts, "directed") ? opts.directed : true;
+    this._isMultigraph = _.has(opts, "multigraph") ? opts.multigraph : false;
+    this._isCompound = _.has(opts, "compound") ? opts.compound : false;
 
     // Label for the graph itself
     this._label = undefined;
@@ -100,25 +100,18 @@ export class Graph {
     return _.keys(this._nodes);
   }
   sources() {
-    var self = this;
-    return _.filter(this.nodes(), function (v) {
-      return _.isEmpty(self._in[v]);
-    });
+    return _.filter(this.nodes(), (v) => _.isEmpty(this._in[v]));
   }
   sinks() {
-    var self = this;
-    return _.filter(this.nodes(), function (v) {
-      return _.isEmpty(self._out[v]);
-    });
+    return _.filter(this.nodes(), (v) => _.isEmpty(this._out[v]));
   }
   setNodes(vs, value) {
     var args = arguments;
-    var self = this;
-    _.each(vs, function (v) {
+    _.each(vs, (v) => {
       if (args.length > 1) {
-        self.setNode(v, value);
+        this.setNode(v, value);
       } else {
-        self.setNode(v);
+        this.setNode(v);
       }
     });
     return this;
@@ -152,17 +145,16 @@ export class Graph {
     return _.has(this._nodes, v);
   }
   removeNode(v) {
-    var self = this;
     if (_.has(this._nodes, v)) {
-      var removeEdge = function (e) {
-        self.removeEdge(self._edgeObjs[e]);
+      var removeEdge = (e) => {
+        this.removeEdge(this._edgeObjs[e]);
       };
       delete this._nodes[v];
       if (this._isCompound) {
         this._removeFromParentsChildList(v);
         delete this._parent[v];
-        _.each(this.children(v), function (child) {
-          self.setParent(child);
+        _.each(this.children(v), (child) => {
+          this.setParent(child);
         });
         delete this._children[v];
       }
@@ -178,17 +170,23 @@ export class Graph {
   }
   setParent(v, parent) {
     if (!this._isCompound) {
-      throw new Error('Cannot set parent in a non-compound graph');
+      throw new Error("Cannot set parent in a non-compound graph");
     }
 
     if (_.isUndefined(parent)) {
       parent = GRAPH_NODE;
     } else {
       // Coerce parent to string
-      parent += '';
-      for (var ancestor = parent; !_.isUndefined(ancestor); ancestor = this.parent(ancestor)) {
+      parent += "";
+      for (
+        var ancestor = parent;
+        !_.isUndefined(ancestor);
+        ancestor = this.parent(ancestor)
+      ) {
         if (ancestor === v) {
-          throw new Error('Setting ' + parent + ' as parent of ' + v + ' would create a cycle');
+          throw new Error(
+            `Setting ${parent} as parent of ${v} would create a cycle`,
+          );
         }
       }
 
@@ -266,13 +264,13 @@ export class Graph {
     copy.setGraph(this.graph());
 
     var self = this;
-    _.each(this._nodes, function (value, v) {
+    _.each(this._nodes, (value, v) => {
       if (filter(v)) {
         copy.setNode(v, value);
       }
     });
 
-    _.each(this._edgeObjs, function (e) {
+    _.each(this._edgeObjs, (e) => {
       // @ts-expect-error
       if (copy.hasNode(e.v) && copy.hasNode(e.w)) {
         copy.setEdge(e, self.edge(e));
@@ -293,7 +291,7 @@ export class Graph {
     }
 
     if (this._isCompound) {
-      _.each(copy.nodes(), function (v) {
+      _.each(copy.nodes(), (v) => {
         copy.setParent(v, findParent(v));
       });
     }
@@ -315,13 +313,12 @@ export class Graph {
     return _.values(this._edgeObjs);
   }
   setPath(vs, value) {
-    var self = this;
     var args = arguments;
-    _.reduce(vs, function (v, w) {
+    _.reduce(vs, (v, w) => {
       if (args.length > 1) {
-        self.setEdge(v, w, value);
+        this.setEdge(v, w, value);
       } else {
-        self.setEdge(v, w);
+        this.setEdge(v, w);
       }
       return w;
     });
@@ -336,7 +333,7 @@ export class Graph {
     var valueSpecified = false;
     var arg0 = arguments[0];
 
-    if (typeof arg0 === 'object' && arg0 !== null && 'v' in arg0) {
+    if (typeof arg0 === "object" && arg0 !== null && "v" in arg0) {
       v = arg0.v;
       w = arg0.w;
       name = arg0.name;
@@ -354,10 +351,10 @@ export class Graph {
       }
     }
 
-    v = '' + v;
-    w = '' + w;
+    v = `${v}`;
+    w = `${w}`;
     if (!_.isUndefined(name)) {
-      name = '' + name;
+      name = `${name}`;
     }
 
     var e = edgeArgsToId(this._isDirected, v, w, name);
@@ -369,7 +366,7 @@ export class Graph {
     }
 
     if (!_.isUndefined(name) && !this._isMultigraph) {
-      throw new Error('Cannot set a named edge when isMultigraph = false');
+      throw new Error("Cannot set a named edge when isMultigraph = false");
     }
 
     // It didn't exist, so we need to create it.
@@ -378,7 +375,9 @@ export class Graph {
     this.setNode(w);
 
     // @ts-expect-error
-    this._edgeLabels[e] = valueSpecified ? value : this._defaultEdgeLabelFn(v, w, name);
+    this._edgeLabels[e] = valueSpecified
+      ? value
+      : this._defaultEdgeLabelFn(v, w, name);
 
     var edgeObj = edgeArgsToObj(this._isDirected, v, w, name);
     // Ensure we add undirected edges in a consistent way.
@@ -434,9 +433,7 @@ export class Graph {
       if (!u) {
         return edges;
       }
-      return _.filter(edges, function (edge) {
-        return edge.v === u;
-      });
+      return _.filter(edges, (edge) => edge.v === u);
     }
   }
   outEdges(v, w) {
@@ -446,9 +443,7 @@ export class Graph {
       if (!w) {
         return edges;
       }
-      return _.filter(edges, function (edge) {
-        return edge.w === w;
-      });
+      return _.filter(edges, (edge) => edge.w === w);
     }
   }
   nodeEdges(v, w) {
@@ -480,19 +475,25 @@ function decrementOrRemoveEntry(map, k) {
 }
 
 function edgeArgsToId(isDirected, v_, w_, name) {
-  var v = '' + v_;
-  var w = '' + w_;
+  var v = `${v_}`;
+  var w = `${w_}`;
   if (!isDirected && v > w) {
     var tmp = v;
     v = w;
     w = tmp;
   }
-  return v + EDGE_KEY_DELIM + w + EDGE_KEY_DELIM + (_.isUndefined(name) ? DEFAULT_EDGE_NAME : name);
+  return (
+    v +
+    EDGE_KEY_DELIM +
+    w +
+    EDGE_KEY_DELIM +
+    (_.isUndefined(name) ? DEFAULT_EDGE_NAME : name)
+  );
 }
 
 function edgeArgsToObj(isDirected, v_, w_, name) {
-  var v = '' + v_;
-  var w = '' + w_;
+  var v = `${v_}`;
+  var w = `${w_}`;
   if (!isDirected && v > w) {
     var tmp = v;
     v = w;

package/src/graphlib/index.d.ts

@@ -1,3 +1,3 @@
-import { Graph } from './graph.js';
-export const version: '2.1.9-pre';
+import { Graph } from "./graph.js";
+export const version: "2.1.9-pre";
 export { Graph };

package/src/graphlib/index.js

@@ -1,7 +1,7 @@
 // Includes only the "core" of graphlib
 
-import { Graph } from './graph.js';
+import { Graph } from "./graph.js";
 
-const version = '2.1.9-pre';
+const version = "2.1.9-pre";
 
 export { Graph, version };

package/src/graphlib/json.d.ts

@@ -13,4 +13,4 @@ export function write(g: any): {
   }[];
 };
 export function read(json: any): Graph;
-import { Graph } from './graph.js';
+import { Graph } from "./graph.js";

package/src/graphlib/json.js

@@ -1,5 +1,5 @@
-import { _ } from '../lodash-es/index.ts';
-import { Graph } from './graph.js';
+import { _ } from "../lodash-es/index.ts";
+import { Graph } from "./graph.js";
 
 export { write, read };
 
@@ -20,7 +20,7 @@ function write(g) {
 }
 
 function writeNodes(g) {
-  return _.map(g.nodes(), function (v) {
+  return _.map(g.nodes(), (v) => {
     var nodeValue = g.node(v);
     var parent = g.parent(v);
     var node = { v: v };
@@ -35,7 +35,7 @@ function writeNodes(g) {
 }
 
 function writeEdges(g) {
-  return _.map(g.edges(), function (e) {
+  return _.map(g.edges(), (e) => {
     var edgeValue = g.edge(e);
     var edge = { v: e.v, w: e.w };
     if (!_.isUndefined(e.name)) {
@@ -50,13 +50,13 @@ function writeEdges(g) {
 
 function read(json) {
   var g = new Graph(json.options).setGraph(json.value);
-  _.each(json.nodes, function (entry) {
+  _.each(json.nodes, (entry) => {
     g.setNode(entry.v, entry.value);
     if (entry.parent) {
       g.setParent(entry.v, entry.parent);
     }
   });
-  _.each(json.edges, function (entry) {
+  _.each(json.edges, (entry) => {
     g.setEdge({ v: entry.v, w: entry.w, name: entry.name }, entry.value);
   });
   return g;

package/src/html/buildStatechartCss.ts

@@ -1,4 +1,4 @@
-import { serializeCss } from "../utils/serializeCss.ts";
+import { serializeCss } from "../utils/serializeCss.js";
 import {
   activeStatesStyle,
   activeTransitionsStyle,
@@ -8,7 +8,7 @@ import {
   buildStateDetailsStyleWithModifier,
   selectedStatesStyle,
   selectedTransitionsStyle,
-} from "./buildStatechartStyles.ts";
+} from "./buildStatechartStyles.js";
 
 export function buildStatechartCss({ prefix = "" } = {}): string {
   const root = prefix || ":root";

package/src/html/buildStatechartStyles.ts

@@ -1,4 +1,4 @@
-import type { CssTree } from "../utils/serializeCss.ts";
+import type { CssTree } from "../utils/serializeCss.js";
 
 export const activeStatesStyle = {
   backgroundColor: "white",

package/src/html/buildStatechartSvg.ts

@@ -3,10 +3,10 @@ import type {
   Padding,
   Position,
   TransitionsGraph,
-} from "../types/index.ts";
-import { getPadding } from "../utils/getPadding.ts";
-import { serializeAttrs } from "../utils/serializeAttrs.ts";
-import { BasisCurve } from "../utils/BasisCurve.ts";
+} from "../types/index.js";
+import { BasisCurve } from "../utils/BasisCurve.js";
+import { getPadding } from "../utils/getPadding.js";
+import { serializeAttrs } from "../utils/serializeAttrs.js";
 
 function getBoxParams({
   x,
@@ -101,13 +101,13 @@ export function buildStatechartSvg({
         x2: number,
         y2: number,
       ) {
-        path.push("C" + round(x0, y0, x1, y1, x2, y2).join(","));
+        path.push(`C${round(x0, y0, x1, y1, x2, y2).join(",")}`);
       },
       moveTo(x: number, y: number) {
-        path.push("M" + round(x, y).join(","));
+        path.push(`M${round(x, y).join(",")}`);
       },
       lineTo(x: number, y: number) {
-        path.push("L" + round(x, y).join(","));
+        path.push(`L${round(x, y).join(",")}`);
       },
       closePath() {
         path.push("Z");

package/src/html/buildStatechartsPanel.ts

@@ -1,5 +1,5 @@
-import type { StateChart } from "../types/StateChart.ts";
-import { buildStatechartSvg } from "./buildStatechartSvg.ts";
+import type { StateChart } from "../types/StateChart.js";
+import { buildStatechartSvg } from "./buildStatechartSvg.js";
 
 export function buildStatechartsPanel({
   statechart,

package/src/html/index.ts

@@ -1,4 +1,4 @@
-export * from "./buildStatechartCss.ts";
-export * from "./buildStatechartsPanel.ts";
-export * from "./buildStatechartStyles.ts";
-export * from "./buildStatechartSvg.ts";
+export * from "./buildStatechartCss.js";
+export * from "./buildStatechartStyles.js";
+export * from "./buildStatechartSvg.js";
+export * from "./buildStatechartsPanel.js";

package/src/index-config.ts

@@ -1,2 +1,2 @@
-export type * from "./types/index.ts";
-export * from "./config/index.ts";
+export * from "./config/index.js";
+export type * from "./types/index.js";

package/src/index-dom.ts

@@ -1 +1 @@
-export * from "./dom/index.ts";
+export * from "./dom/index.js";

package/src/index-html.ts

@@ -1,2 +1,2 @@
-export type * from "./types/index.ts";
-export * from "./html/index.ts";
+export * from "./html/index.js";
+export type * from "./types/index.js";

package/src/index-layout.ts

@@ -1,2 +1,2 @@
-export type * from "./types/index.ts";
-export * from "./layout/index.ts";
+export * from "./layout/index.js";
+export type * from "./types/index.js";

package/src/index-runtime.ts

@@ -1,2 +1,2 @@
-export type * from "./types/index.ts";
-export * from "./runtime/index.ts";
+export * from "./runtime/index.js";
+export type * from "./types/index.js";

package/src/index.ts

@@ -1,8 +1,8 @@
-export type * from "./types/index.ts";
-export * from "./dom/index.ts";
-export * from "./config/index.ts";
-export * from "./layout/index.ts";
-export * from "./html/index.ts";
-export * from "./runtime/index.ts";
-export * from "./utils/toKebabCase.ts";
-export * from "./utils/serializeCss.ts";
+export * from "./config/index.js";
+export * from "./dom/index.js";
+export * from "./html/index.js";
+export * from "./layout/index.js";
+export * from "./runtime/index.js";
+export type * from "./types/index.js";
+export * from "./utils/serializeCss.js";
+export * from "./utils/toKebabCase.js";

package/src/layout/buildCharts.ts

@@ -1,9 +1,9 @@
-import type { GraphParamsProvider } from "../types/GraphParamsProvider.ts";
-import type { Padding } from "../types/Padding.ts";
-import type { FsmStateConfig } from "../types/FsmStateConfig.ts";
-import type { StateChart } from "../types/StateChart.ts";
+import type { FsmStateConfig } from "../types/FsmStateConfig.js";
+import type { GraphParamsProvider } from "../types/GraphParamsProvider.js";
+import type { Padding } from "../types/Padding.js";
+import type { StateChart } from "../types/StateChart.js";
 
-import { buildFlatCharts } from "./buildFlatCharts.ts";
+import { buildFlatCharts } from "./buildFlatCharts.js";
 /**
  * Build graphs corresponding to the specified transitions.
  * @param config - State configuration with transitions and sub-states.

package/src/layout/buildFlatCharts.ts

@@ -1,17 +1,15 @@
 import { layout } from "../dagre/layout.js";
 import { Graph } from "../graphlib/graph.js";
-
-import type { GraphParamsProvider } from "../types/GraphParamsProvider.ts";
-import type { Transition } from "../types/Transition.ts";
-import type { TransitionsGraph } from "../types/TransitionsGraph.ts";
-import type { StateGraphNode } from "../types/StateGraphNode.ts";
-import type { StateGraphEdge } from "../types/StateGraphEdge.ts";
-import type { Padding } from "../types/Padding.ts";
-import type { Position } from "../types/Position.ts";
-import type { Dimensions } from "../types/Dimensions.ts";
-
-import { getPadding } from "../utils/getPadding.ts";
-import { getLodash, setLodash } from "../lodash-es/index.ts";
+import { getLodash, setLodash } from "../lodash-es/index.js";
+import type { Dimensions } from "../types/Dimensions.js";
+import type { GraphParamsProvider } from "../types/GraphParamsProvider.js";
+import type { Padding } from "../types/Padding.js";
+import type { Position } from "../types/Position.js";
+import type { StateGraphEdge } from "../types/StateGraphEdge.js";
+import type { StateGraphNode } from "../types/StateGraphNode.js";
+import type { Transition } from "../types/Transition.js";
+import type { TransitionsGraph } from "../types/TransitionsGraph.js";
+import { getPadding } from "../utils/getPadding.js";
 
 /**
  * Build graphs corresponding to the specified transitions.
@@ -46,7 +44,7 @@ export function buildFlatCharts({
   padding?: Padding;
   direction?: "tb" | "bt" | "lr" | "rl";
 } & GraphParamsProvider): TransitionsGraph {
-  let prevLodash = getLodash();
+  const prevLodash = getLodash();
   try {
     setLodash(lodash);
     const rankdir = direction || (vertical ? "tb" : "lr");

package/src/layout/getGraphParamsProvider.ts

@@ -1,10 +1,7 @@
-import type { Dimensions } from "../types/Dimensions.ts";
-import type { GraphParamsProvider } from "../types/GraphParamsProvider.ts";
-import type { Padding } from "../types/Padding.ts";
-
-import { getLabelDimensions } from "./getLabelDimensions.ts";
-import { getPadding } from "../utils/getPadding.ts";
-import { Label } from "../types/Label.ts";
+import type { GraphParamsProvider } from "../types/GraphParamsProvider.js";
+import type { Padding } from "../types/Padding.js";
+import { getPadding } from "../utils/getPadding.js";
+import { getLabelDimensions } from "./getLabelDimensions.js";
 
 /**
  * Provides default functions measuring dimensions for state nodes and transition edges in the graph.
@@ -21,7 +18,7 @@ export function getGraphParamsProvider({
   transitionsFontSize = fontSize,
   transitionsTextPadding = 0,
   getStateLabel = (state: string) => state,
-  getTransitionLabel = (fromState: string, event: string, toState: string) =>
+  getTransitionLabel = (_fromState: string, event: string, _toState: string) =>
     event,
 }: {
   fontSize?: number;

package/src/layout/getLabelDimensions.ts

@@ -1,6 +1,6 @@
-import type { Dimensions } from "../types/Dimensions.ts";
-import type { Padding } from "../types/Padding.ts";
-import { getPadding } from "../utils/getPadding.ts";
+import type { Dimensions } from "../types/Dimensions.js";
+import type { Padding } from "../types/Padding.js";
+import { getPadding } from "../utils/getPadding.js";
 
 export function getLabelDimensions(
   label: string,
@@ -14,7 +14,7 @@ export function getLabelDimensions(
     fontSize?: number;
     getCharWidth?: (char: string) => number;
     lineGap?: number;
-  } = {}
+  } = {},
 ) {
   const lines = [label]; // label.split("\n");
   let dimensions: Dimensions = { width: 0, height: 0 };
@@ -27,7 +27,7 @@ export function getLabelDimensions(
         line,
         fontSize,
         getCharWidth,
-      })
+      }),
     );
   }
   const [top, right, bottom, left] = getPadding(padding);

package/src/layout/index.ts

@@ -1,5 +1,6 @@
 // Methods
-export * from "./buildFlatCharts.ts";
-export * from "./buildCharts.ts";
-export * from "./getGraphParamsProvider.ts";
-export * from "./getLabelDimensions.ts";
+
+export * from "./buildCharts.js";
+export * from "./buildFlatCharts.js";
+export * from "./getGraphParamsProvider.js";
+export * from "./getLabelDimensions.js";

package/src/lodash-es/index.ts

@@ -2,8 +2,8 @@ export let _: any = {
   constant: (value: any) => () => value,
 };
 export function setLodash(lib: any) {
-  _ = lib;  
+  _ = lib;
 }
-export function getLodash() { 
+export function getLodash() {
   return _;
 }