@statewalker/fsm-charts 0.2.4 → 0.2.5

package/src/lodash-es/types.ts

@@ -1,35 +1,37 @@
-export type { constant } from "lodash-es";
-export type { clone } from "lodash-es";
-export type { cloneDeep } from "lodash-es";
-export type { defaults } from "lodash-es";
-export type { each } from "lodash-es";
-export type { forEach } from "lodash-es";
-export type { find } from "lodash-es";
-export type { filter } from "lodash-es";
-export type { flatten } from "lodash-es";
-export type { forIn } from "lodash-es";
-export type { forOwn } from "lodash-es";
-export type { has } from "lodash-es";
-export type { isArray } from "lodash-es";
-export type { isEmpty } from "lodash-es";
-export type { isFunction } from "lodash-es";
-export type { isUndefined } from "lodash-es";
-export type { keys } from "lodash-es";
-export type { last } from "lodash-es";
-export type { map } from "lodash-es";
-export type { mapValues } from "lodash-es";
-export type { max } from "lodash-es";
-export type { merge } from "lodash-es";
-export type { min } from "lodash-es";
-export type { minBy } from "lodash-es";
-export type { now } from "lodash-es";
-export type { pick } from "lodash-es";
-export type { range } from "lodash-es";
-export type { reduce } from "lodash-es";
-export type { sortBy } from "lodash-es";
-export type { size } from "lodash-es";
-export type { transform } from "lodash-es";
-export type { values } from "lodash-es";
-export type { uniqueId } from "lodash-es";
-export type { union } from "lodash-es";
-export type { zipObject } from "lodash-es";
+export type {
+  clone,
+  cloneDeep,
+  constant,
+  defaults,
+  each,
+  filter,
+  find,
+  flatten,
+  forEach,
+  forIn,
+  forOwn,
+  has,
+  isArray,
+  isEmpty,
+  isFunction,
+  isUndefined,
+  keys,
+  last,
+  map,
+  mapValues,
+  max,
+  merge,
+  min,
+  minBy,
+  now,
+  pick,
+  range,
+  reduce,
+  size,
+  sortBy,
+  transform,
+  union,
+  uniqueId,
+  values,
+  zipObject,
+} from "lodash-es";

package/src/runtime/RuntimeStatechartApi.ts

@@ -1,4 +1,4 @@
-import type { StateChart } from "../types/index.ts";
+import type { StateChart } from "../types/index.js";
 
 export type RuntimeListener = (id: string) => void;
 export class RuntimeStatechartApi {
@@ -22,7 +22,7 @@ export class RuntimeStatechartApi {
   }
 
   close() {
-    Object.values(this._registry).forEach((r) => r && r());
+    Object.values(this._registry).forEach((r) => r?.());
     this._registry = {};
     this._transitionsClickListeners = {};
     this._statesClickListeners = {};
@@ -68,7 +68,7 @@ export class RuntimeStatechartApi {
       this.selectState(id);
     }
   }
- 
+
   focusStates(...stateIds: string[]) {
     for (let i = 0; i < stateIds.length; i++) {
       const stateId = stateIds[i];
@@ -81,10 +81,7 @@ export class RuntimeStatechartApi {
     }
   }
 
-  setStateDescription(
-    stateId: string,
-    description: Node | string | undefined,
-  ) {
+  setStateDescription(stateId: string, description: Node | string | undefined) {
     const descriptionContainer = this.element.querySelector(
       `details[data-state-id="${stateId}"] .state-details__description`,
     );
@@ -198,17 +195,13 @@ export class RuntimeStatechartApi {
   }
 
   _addStateModifier(cssSelector: string, modifier: string = "selected") {
-    this._applyStateModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && elm.classList.add(cls),
+    this._applyStateModifier(cssSelector, modifier, (elm, cls) =>
+      elm?.classList.add(cls),
     );
   }
   _removeStateModifier(cssSelector: string, modifier: string = "selected") {
-    this._applyStateModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && elm.classList.remove(cls),
+    this._applyStateModifier(cssSelector, modifier, (elm, cls) =>
+      elm?.classList.remove(cls),
     );
   }
   _applyStateModifier(
@@ -231,20 +224,16 @@ export class RuntimeStatechartApi {
   }
 
   _addTransitionsModifier(cssSelector: string, modifier: string = "selected") {
-    this._applyTransitionsModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && elm.classList.add(cls),
+    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) =>
+      elm?.classList.add(cls),
     );
   }
   _removeTransitionsModifier(
     cssSelector: string,
     modifier: string = "selected",
   ) {
-    this._applyTransitionsModifier(
-      cssSelector,
-      modifier,
-      (elm, cls) => elm && elm.classList.remove(cls),
+    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) =>
+      elm?.classList.remove(cls),
     );
   }
   _applyTransitionsModifier(

package/src/runtime/StateChartIndex.ts

@@ -1,8 +1,8 @@
 import type {
   StateChart,
-  StateGraphNode,
   StateGraphEdge,
-} from "../types/index.ts";
+  StateGraphNode,
+} from "../types/index.js";
 
 export class StateChartIndex {
   statechart: StateChart;
@@ -90,7 +90,7 @@ export class StateChartIndex {
    * @returns a stack of state identifiers for the given states
    */
   getStatesIds(...stack: string[]): string[] {
-    let result = [];
+    const result = [];
     let list = [this.statechart] as (StateChart | StateGraphNode)[];
     for (let i = 0; list?.length > 0 && i < stack.length; i++) {
       const key = stack[i];

package/src/runtime/index.ts

@@ -1,2 +1,2 @@
-export * from "./RuntimeStatechartApi.ts";
-export * from "./StateChartIndex.ts";
+export * from "./RuntimeStatechartApi.js";
+export * from "./StateChartIndex.js";

package/src/types/FsmStateConfig.ts

@@ -1,4 +1,4 @@
-import type { Transition } from "./Transition.ts";
+import type { Transition } from "./Transition.js";
 
 // export type FsmStateKey = string;
 // export type FsmEventKey = string;

package/src/types/GraphParamsProvider.ts

@@ -1,5 +1,5 @@
-import type { Dimensions } from "./Dimensions.ts";
-import { Label } from "./Label.ts";
+import type { Dimensions } from "./Dimensions.js";
+import type { Label } from "./Label.js";
 
 /**
  * Provides default functions measuring dimensions for state nodes and transition edges in the graph.

package/src/types/Position.ts

@@ -1,4 +1,4 @@
 /**
  * X/Y position of a node in the graph.
  */
-export type Position = { x: number; y: number; };
+export type Position = { x: number; y: number };

package/src/types/StateChart.ts

@@ -1,5 +1,5 @@
-import type { StateGraphNode } from "./StateGraphNode.ts";
-import type { TransitionsGraph } from "./TransitionsGraph.ts";
+import type { StateGraphNode } from "./StateGraphNode.js";
+import type { TransitionsGraph } from "./TransitionsGraph.js";
 
 export type StateChart = TransitionsGraph &
   StateGraphNode & {

package/src/types/StateGraphEdge.ts

@@ -1,5 +1,5 @@
-import type { Dimensions } from "./Dimensions.ts";
-import type { Position } from "./Position.ts";
+import type { Dimensions } from "./Dimensions.js";
+import type { Position } from "./Position.js";
 
 /**
  * Information about a state graph edge.

package/src/types/StateGraphNode.ts

@@ -1,5 +1,5 @@
-import type { Dimensions } from "./Dimensions.ts";
-import type { Position } from "./Position.ts";
+import type { Dimensions } from "./Dimensions.js";
+import type { Position } from "./Position.js";
 
 /**
  * Information about a state node in the graph.

package/src/types/TransitionsGraph.ts

@@ -1,7 +1,7 @@
-import type { Dimensions } from "./Dimensions.ts";
-import type { Position } from "./Position.ts";
-import type { StateGraphEdge } from "./StateGraphEdge.ts";
-import type { StateGraphNode } from "./StateGraphNode.ts";
+import type { Dimensions } from "./Dimensions.js";
+import type { Position } from "./Position.js";
+import type { StateGraphEdge } from "./StateGraphEdge.js";
+import type { StateGraphNode } from "./StateGraphNode.js";
 
 /**
  * Coordinates for state nodes and endges corresponding to state transitions.

package/src/types/index.ts

@@ -1,11 +1,11 @@
-export type * from "./Dimensions.ts";
-export type * from "./FsmStateConfig.ts";
-export type * from "./GraphParamsProvider.ts";
-export type * from "./Label.ts";
-export type * from "./Padding.ts";
-export type * from "./Position.ts";
-export type * from "./StateChart.ts";
-export type * from "./StateGraphEdge.ts";
-export type * from "./StateGraphNode.ts";
-export type * from "./Transition.ts";
-export type * from "./TransitionsGraph.ts";
+export type * from "./Dimensions.js";
+export type * from "./FsmStateConfig.js";
+export type * from "./GraphParamsProvider.js";
+export type * from "./Label.js";
+export type * from "./Padding.js";
+export type * from "./Position.js";
+export type * from "./StateChart.js";
+export type * from "./StateGraphEdge.js";
+export type * from "./StateGraphNode.js";
+export type * from "./Transition.js";
+export type * from "./TransitionsGraph.js";

package/src/utils/BasisCurve.ts

@@ -8,7 +8,7 @@ export type DrawContext = {
     x1: number,
     y1: number,
     x2: number,
-    y2: number
+    y2: number,
   ): void;
   moveTo(x: number, y: number): void;
   lineTo(x: number, y: number): void;
@@ -33,7 +33,7 @@ export class BasisCurve {
       (this._x0 + 2 * this._x1) / 3,
       (this._y0 + 2 * this._y1) / 3,
       (this._x0 + 4 * this._x1 + x) / 6,
-      (this._y0 + 4 * this._y1 + y) / 6 
+      (this._y0 + 4 * this._y1 + y) / 6,
     );
   }
 
@@ -77,7 +77,7 @@ export class BasisCurve {
         this._point = 3;
         this._context.lineTo(
           (5 * this._x0 + this._x1) / 6,
-          (5 * this._y0 + this._y1) / 6
+          (5 * this._y0 + this._y1) / 6,
         ); // falls through
       default:
         this.$point(x, y);

package/src/utils/domToText.ts

@@ -20,7 +20,7 @@ export function domToText(elm: HTMLElement) {
       const child = el.childNodes[i];
       const result = visitor(el.childNodes[i]);
       if (child.nodeType !== Node.ELEMENT_NODE) continue;
-      if (result !== undefined && !Boolean(result)) continue;
+      if (result !== undefined && !result) continue;
       visit(child as HTMLElement, visitor);
     }
   }

package/src/utils/getPadding.ts

@@ -1,4 +1,4 @@
-import type { Padding } from "../types/Padding.ts";
+import type { Padding } from "../types/Padding.js";
 
 /**
  * Expands a padding value to a 4-element array: [top, right, bottom, left].

package/src/utils/newRegistry.ts

@@ -15,7 +15,7 @@ export function newRegistry(
   const register = (action: () => unknown) => {
     const id = counter++;
     return (registrations[id] = Object.assign(
-      function (skip?: boolean) {
+      (skip?: boolean) => {
         try {
           delete registrations[id];
           return !skip && action && action();

package/src/utils/serializeAttrs.ts

@@ -1,24 +1,24 @@
-import { toKebabCase } from "./toKebabCase.ts";
+import { toKebabCase } from "./toKebabCase.js";
 
 export function serializeAttrs(
   attrs: Record<string, string | number | undefined> = {},
   {
     prefix = "",
     transform = false,
-  }: { prefix?: string; transform?: boolean } = {}
+  }: { prefix?: string; transform?: boolean } = {},
 ) {
   const result: string[] = [];
   for (const [key, value] of Object.entries(attrs || {}).sort(([a], [b]) =>
-    a > b ? 1 : -1
+    a > b ? 1 : -1,
   )) {
     if (value === undefined || value === null || value === "") continue;
     result.push(
       `${prefix}${escapeValue(key)}${
         "=" +
         JSON.stringify(
-          escapeValue(transform ? toKebabCase(String(value)) : value)
+          escapeValue(transform ? toKebabCase(String(value)) : value),
         )
-      }`
+      }`,
     );
   }
   return result.join(" ");
@@ -27,6 +27,6 @@ export function serializeAttrs(
     return String(value)
       .replaceAll(/</gim, "&lt;")
       .replaceAll(/>/gim, "&gt;")
-      .replaceAll(/"/gim, "&qout;");
+      .replaceAll(/"/gim, "&quot;");
   }
 }

package/src/utils/serializeCss.ts

@@ -1,4 +1,4 @@
-import { toKebabCase } from "./toKebabCase.ts";
+import { toKebabCase } from "./toKebabCase.js";
 
 export interface CssTree extends Record<string, string | number | CssTree> {}
 
@@ -8,14 +8,14 @@ export function serializeCss(obj: CssTree) {
   function visitStyle(
     obj: CssTree,
     lines: string[] = [],
-    prefixes: string[] = [""]
+    prefixes: string[] = [""],
   ) {
     for (const [key, style] of Object.entries(obj)) {
       const selectors = [];
       for (const sel of key.split(",").map((_) => _.trim())) {
         for (const prefix of prefixes) {
           const selector = sel.replace(/^(.)/, (_, ch) =>
-            ch === "&" ? prefix : prefix.length > 0 ? prefix + " " + ch : ch
+            ch === "&" ? prefix : prefix.length > 0 ? `${prefix} ${ch}` : ch,
           );
           selectors.push(selector);
         }

package/src/utils/serializeStyle.ts

@@ -1,8 +1,8 @@
-import { toKebabCase } from "./toKebabCase.ts";
+import { toKebabCase } from "./toKebabCase.js";
 
 export function serializeStyle(
   style: Record<string, string>,
-  separator = "; "
+  separator = "; ",
 ) {
   const str = Object.entries(style)
     .map(([key, value]) => `${toKebabCase(key)}: ${value}`)

package/src/utils/toKebabCase.ts

@@ -4,7 +4,7 @@ export function toKebabCase(str?: string): string {
   // Transform to kebab:
   str = str.replace(
     /([^A-Z]?)([A-Z])/g,
-    (_, a, b) => a.toLowerCase() + "-" + b.toLowerCase()
+    (_, a, b) => `${a.toLowerCase()}-${b.toLowerCase()}`,
   );
   return str;
 

package/CHANGELOG.md

@@ -1 +0,0 @@
-# @statewalker/fsm-charts