@statewalker/fsm-charts 0.2.5 → 0.2.6

package/dist/toFsmStateConfig-DmOlTRjv.d.ts

@@ -0,0 +1,15 @@
+import { l as FsmStateConfig, u as Transition } from "./StateChart-cXyVRcs-.js";
+//#region src/config/concatTransitionsToString.d.ts
+declare function concatTransitionsToString(transitions: Transition[]): string[];
+//#endregion
+//#region src/config/serializeProcessConfig.d.ts
+declare function serializeProcessConfig(config: FsmStateConfig | undefined): string;
+//#endregion
+//#region src/config/splitTransitionString.d.ts
+declare function splitTransitionString(str: string): Transition[];
+//#endregion
+//#region src/config/toFsmStateConfig.d.ts
+declare function toFsmStateConfig(json: any): FsmStateConfig | undefined;
+//#endregion
+export { concatTransitionsToString as i, splitTransitionString as n, serializeProcessConfig as r, toFsmStateConfig as t };
+//# sourceMappingURL=toFsmStateConfig-DmOlTRjv.d.ts.map

package/dist/toFsmStateConfig-DmOlTRjv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toFsmStateConfig-DmOlTRjv.d.ts","names":[],"sources":["../src/config/concatTransitionsToString.ts","../src/config/serializeProcessConfig.ts","../src/config/splitTransitionString.ts","../src/config/toFsmStateConfig.ts"],"mappings":";;iBAEgB,0BAA0B,aAAa;;;iBCAvC,uBAAuB,QAAQ;;;iBCA/B,sBAAsB,cAAc;;;iBCCpC,iBAAiB,YAAY"}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@statewalker/fsm-charts",
-  "version": "0.2.5",
-  "description": "HFSM Implementation",
+  "version": "0.2.6",
+  "description": "Statechart layout, SVG rendering and runtime binding for hierarchical finite state machines",
+  "bugs": {
+    "url": "https://github.com/statewalker/statewalker-fsm/issues"
+  },
   "keywords": [],
-  "homepage": "https://github.com/statewalker/statewalker-fsm-charts",
+  "homepage": "https://github.com/statewalker/statewalker-fsm/tree/main/packages/fsm-charts#readme",
   "author": {
     "name": "Mikhail Kotelnikov",
     "email": "mikhail.kotelnikov@gmail.com"
@@ -26,40 +29,65 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./config": {
+      "source": "./src/index-config.ts",
+      "types": "./dist/index-config.d.ts",
+      "import": "./dist/index-config.js",
+      "default": "./dist/index-config.js"
+    },
+    "./dom": {
+      "source": "./src/index-dom.ts",
+      "types": "./dist/index-dom.d.ts",
+      "import": "./dist/index-dom.js",
+      "default": "./dist/index-dom.js"
+    },
+    "./html": {
+      "source": "./src/index-html.ts",
+      "types": "./dist/index-html.d.ts",
+      "import": "./dist/index-html.js",
+      "default": "./dist/index-html.js"
+    },
+    "./layout": {
+      "source": "./src/index-layout.ts",
+      "types": "./dist/index-layout.d.ts",
+      "import": "./dist/index-layout.js",
+      "default": "./dist/index-layout.js"
+    },
+    "./runtime": {
+      "source": "./src/index-runtime.ts",
+      "types": "./dist/index-runtime.d.ts",
+      "import": "./dist/index-runtime.js",
+      "default": "./dist/index-runtime.js"
     }
   },
   "devDependencies": {
-    "@types/jsdom": "catalog:",
-    "@types/lodash-es": "catalog:",
-    "@typescript-eslint/eslint-plugin": "catalog:",
-    "eslint": "catalog:",
-    "eslint-config-standard-with-typescript": "catalog:",
-    "eslint-plugin-import": "catalog:",
-    "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
-    "eslint-plugin-promise": "catalog:",
-    "jsdom": "catalog:",
-    "lodash": "catalog:",
-    "lodash-es": "catalog:",
-    "tsup": "catalog:",
-    "typescript": "*",
-    "vitest": "catalog:"
+    "@types/jsdom": "^30.0.0",
+    "@types/lodash-es": "^4.17.12",
+    "eslint": "^10.12.0",
+    "jsdom": "^30.1.1",
+    "lodash": "^4.18.1",
+    "lodash-es": "^4.18.1",
+    "tsdown": "^0.23.0",
+    "typescript": "^7.0.2",
+    "vitest": "^5.0.3"
   },
   "repository": {
     "type": "git",
-    "url": "git@github.com:statewalker/statewalker-fsm-charts.git"
+    "url": "git+https://github.com/statewalker/statewalker-fsm.git",
+    "directory": "packages/fsm-charts"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
-    "build": "rm -fr ./dist && pnpm test && tsup",
-    "watch": "tsup --watch",
-    "watch-for-viewer": "tsup --watch --outDir=../statewalker-fsm-viewer/src/.observablehq/cache/_node/@statewalker/fsm-charts@0.2.1",
+    "build": "rm -fr ./dist && pnpm test && tsdown",
+    "watch": "tsdown --watch",
     "clean": "rm -rf dist",
     "lint": "eslint",
     "lint:fix": "pnpm lint --fix",
     "test": "vitest --run",
     "test:watch": "vitest",
     "prepublish": "pnpm build"
-  },
-  "publishConfig": {
-    "access": "public"
   }
-}
+}

package/src/config/concatTransitionsToString.ts

@@ -9,13 +9,13 @@ export function concatTransitionsToString(transitions: Transition[]) {
       if (str) list.push(str);
       str = from;
     }
-    str += ` -${escape(event)}-> ${escape(to)}`;
+    str += ` -${escapeLabel(event)}-> ${escapeLabel(to)}`;
     prev = to;
   }
   if (str) list.push(str);
   return list;
 
-  function escape(str: string): string {
+  function escapeLabel(str: string): string {
     return str;
   }
 }

package/src/config/splitTransitionString.ts

@@ -3,9 +3,7 @@ import type { Transition } from "../types/index.js";
 export function splitTransitionString(str: string): Transition[] {
   let list: string[] = [];
   let pos = 0;
-  const matches = Array.from(
-    str.matchAll(/-\s*("[^"]*?"|'[^']*?'|[^-]*?)\s*->/g),
-  );
+  const matches = Array.from(str.matchAll(/-\s*("[^"]*?"|'[^']*?'|[^-]*?)\s*->/g));
   for (const match of matches) {
     list.push(str.substring(pos, match.index));
     list.push(match[1]);

package/src/config/toFsmStateConfig.ts

@@ -22,9 +22,7 @@ export function toFsmStateConfig(json: any): FsmStateConfig | undefined {
     const array = toArray(json);
     for (const line of array) {
       const lineTransitions =
-        typeof line === "string"
-          ? splitTransitionString(line)
-          : [toArray(line)];
+        typeof line === "string" ? splitTransitionString(line) : [toArray(line)];
       for (const transition of lineTransitions.map(validateTransition)) {
         if (!transition) continue;
         const key = transition.join("|");
@@ -40,12 +38,7 @@ export function toFsmStateConfig(json: any): FsmStateConfig | undefined {
     const array = toArray(value);
     if (array.length !== 3) return;
     const [from, event, to] = array;
-    if (
-      typeof from !== "string" ||
-      typeof event !== "string" ||
-      typeof to !== "string"
-    )
-      return;
+    if (typeof from !== "string" || typeof event !== "string" || typeof to !== "string") return;
     return [from, event, to];
   }
 

package/src/dom/buildSections.ts

@@ -38,10 +38,7 @@ export function buildSections(root: HTMLElement | Iterable<Node>): DomSection {
     if (isDomElement(node)) {
       if (/^H[1-6]$/i.test(node.tagName)) {
         const headerLevel = +node.tagName.replace(/^H/, "");
-        while (
-          headerLevels.length > 0 &&
-          headerLevels[headerLevels.length - 1] >= headerLevel
-        ) {
+        while (headerLevels.length > 0 && headerLevels[headerLevels.length - 1] >= headerLevel) {
           headerLevels.pop();
         }
         headerLevels.push(headerLevel);
@@ -76,10 +73,7 @@ export function* vistSections(
   }
 }
 
-export function findSection(
-  section: DomSection,
-  accept: (section: DomSection) => boolean,
-) {
+export function findSection(section: DomSection, accept: (section: DomSection) => boolean) {
   for (const s of vistSections(section)) {
     if (accept(s) === true) return s;
   }
@@ -93,9 +87,7 @@ export function isDomElement(node: Node): node is HTMLElement {
   return node.nodeType === Node.ELEMENT_NODE;
 }
 
-export function* toDomNodesIterator(
-  root: Node | Iterable<Node>,
-): Iterable<Node> {
+export function* toDomNodesIterator(root: Node | Iterable<Node>): Iterable<Node> {
   yield* root instanceof Node ? visitDom(root) : root;
 }
 

package/src/dom/description-panels.ts

@@ -4,9 +4,7 @@ import { getStatesDescriptions } from "./getStatesDescriptions.js";
 export function getStateDescriptionRenderer(options: {
   element: HTMLElement;
   rootStateKey: string;
-  splitHeader?: (
-    header?: HTMLElement,
-  ) => [stateKey: undefined | string, label: string];
+  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
 }) {
   const descriptionsIndex = getStatesDescriptions(options);
 
@@ -28,7 +26,7 @@ export function getStateDescriptionRenderer(options: {
       },
     });
     const details = elm?.querySelector("details");
-    details && (details.open = true);
+    if (details) details.open = true;
     return elm;
   };
 }

package/src/dom/getStatesDescriptions.ts

@@ -14,9 +14,7 @@ export function* visitStateDescriptions({
   element,
   rootStateKey,
   removeFromDom = true,
-  splitHeader = (
-    header?: HTMLElement,
-  ): [stateKey: undefined | string, label: string] => {
+  splitHeader = (header?: HTMLElement): [stateKey: undefined | string, label: string] => {
     if (!header) return [undefined, ""];
     const text = header.innerText.trim();
     let key: string | undefined;
@@ -32,9 +30,7 @@ export function* visitStateDescriptions({
   element: HTMLElement;
   rootStateKey: string;
   removeFromDom?: boolean; // If true - removes state description nodes from the DOM
-  splitHeader?: (
-    header?: HTMLElement,
-  ) => [stateKey: undefined | string, label: string];
+  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
 }): Generator<StateDescriptionSection> {
   const docSections = buildSections(element);
   const rootDescription = findSection(docSections, (section: DomSection) => {
@@ -68,9 +64,7 @@ export function getStatesDescriptions(options: {
   element: HTMLElement;
   rootStateKey: string;
   removeFromDom?: boolean; // If true - removes state description nodes from the DOM
-  splitHeader?: (
-    header?: HTMLElement,
-  ) => [stateKey: undefined | string, label: string];
+  splitHeader?: (header?: HTMLElement) => [stateKey: undefined | string, label: string];
 }): { [state: string]: StateDescriptionSection } {
   const index: { [state: string]: StateDescriptionSection } = {};
   for (const description of visitStateDescriptions(options)) {

package/src/full/toFsmStateCharts.ts

@@ -92,7 +92,7 @@ ${css}
         const stateId = node.id;
         if (i < nodes.length - 1 || selected) {
           const transitions = index.getTransitions(stateId);
-          transitions.forEach((t) => api.selectTransition(t.id));
+          for (const t of transitions) api.selectTransition(t.id);
         }
       }
       // api.focusStates(...nodeIds);

package/src/html/buildStatechartStyles.ts

@@ -30,11 +30,7 @@ export const selectedTransitionsStyle = {
   labelColor: "navy",
 };
 
-export function buildStateDetailsStyle({
-  root = ":root",
-}: {
-  root?: string;
-}): CssTree {
+export function buildStateDetailsStyle({ root = ":root" }: { root?: string }): CssTree {
   return {
     [root]: {
       // --------------------------
@@ -42,8 +38,7 @@ export function buildStateDetailsStyle({
 
       ".state-details": {
         backgroundColor: "var(--state-background-color, white)",
-        border:
-          "var(--state-border-width, 1px) solid var(--state-border-color, currentColor)",
+        border: "var(--state-border-width, 1px) solid var(--state-border-color, currentColor)",
         borderRadius: "0.5em",
         padding: "0.5em",
       },
@@ -109,8 +104,7 @@ export function buildStatechartStylesWithModifier({
     [root]: {
       // --------------------------------------
       // Default values for transitions
-      [`--transition-${modifier}-background-color`]:
-        transitions.backgroundColor,
+      [`--transition-${modifier}-background-color`]: transitions.backgroundColor,
       [`--transition-${modifier}-border-color`]: transitions.borderColor,
       [`--transition-${modifier}-border-width`]: transitions.borderWidth,
       [`--transition-${modifier}-line-color`]: transitions.lineColor,
@@ -147,11 +141,7 @@ export function buildStatechartStylesWithModifier({
   };
 }
 
-export function buildStatechartStyles({
-  root = ":root",
-}: {
-  root?: string;
-}): CssTree {
+export function buildStatechartStyles({ root = ":root" }: { root?: string }): CssTree {
   return {
     [root]: {
       // --------------------------------------

package/src/html/buildStatechartSvg.ts

@@ -1,9 +1,4 @@
-import type {
-  Dimensions,
-  Padding,
-  Position,
-  TransitionsGraph,
-} from "../types/index.js";
+import type { Dimensions, Padding, Position, TransitionsGraph } from "../types/index.js";
 import { BasisCurve } from "../utils/BasisCurve.js";
 import { getPadding } from "../utils/getPadding.js";
 import { serializeAttrs } from "../utils/serializeAttrs.js";
@@ -93,14 +88,7 @@ export function buildStatechartSvg({
     const path: string[] = [];
     const round = (...n: number[]) => n.map(Math.round);
     const base = new BasisCurve({
-      bezierCurveTo(
-        x0: number,
-        y0: number,
-        x1: number,
-        y1: number,
-        x2: number,
-        y2: number,
-      ) {
+      bezierCurveTo(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number) {
         path.push(`C${round(x0, y0, x1, y1, x2, y2).join(",")}`);
       },
       moveTo(x: number, y: number) {

package/src/html/buildStatechartsPanel.ts

@@ -17,9 +17,7 @@ export function buildStatechartsPanel({
   render(statechart, println);
 
   function render(statechart: StateChart, println: (str: string) => void) {
-    println(
-      `  <details class="state-details" data-state-id="${statechart.id}">`,
-    );
+    println(`  <details class="state-details" data-state-id="${statechart.id}">`);
     println(
       `    <summary class="state-details__label">${statechart.text ?? statechart.state}</summary>`,
     );

package/src/layout/buildCharts.ts

@@ -19,8 +19,7 @@ export function buildCharts({
   config,
   newId,
   getStateParams,
-  getStateLabel = (stateKey: string) =>
-    stateKey.replace(/([a-z])([A-Z])/g, "$1 $2"),
+  getStateLabel = (stateKey: string) => stateKey.replace(/([a-z])([A-Z])/g, "$1 $2"),
   getTransitionParams,
   padding = [5, 5],
   vertical = false,

package/src/layout/buildFlatCharts.ts

@@ -92,14 +92,12 @@ export function buildFlatCharts({
       n.y += -n.height / 2;
       return n;
     });
-    const edges = graph
-      .edges()
-      .map(({ v, w, name }: { v: string; w: string; name: string }) => {
-        const e = graph.edge(v, w, name) as StateGraphEdge;
-        e.x += -e.width / 2;
-        e.y += -e.height / 2;
-        return e;
-      });
+    const edges = graph.edges().map(({ v, w, name }: { v: string; w: string; name: string }) => {
+      const e = graph.edge(v, w, name) as StateGraphEdge;
+      e.x += -e.width / 2;
+      e.y += -e.height / 2;
+      return e;
+    });
 
     // Get the bounding box of the graph
     let x = 0;

package/src/layout/getGraphParamsProvider.ts

@@ -18,8 +18,7 @@ export function getGraphParamsProvider({
   transitionsFontSize = fontSize,
   transitionsTextPadding = 0,
   getStateLabel = (state: string) => state,
-  getTransitionLabel = (_fromState: string, event: string, _toState: string) =>
-    event,
+  getTransitionLabel = (_fromState: string, event: string, _toState: string) => event,
 }: {
   fontSize?: number;
   stateFontSize?: number;
@@ -27,11 +26,7 @@ export function getGraphParamsProvider({
   transitionsFontSize?: number;
   transitionsTextPadding?: Padding;
   getStateLabel?: (state: string) => string;
-  getTransitionLabel?: (
-    fromState: string,
-    event: string,
-    toState: string,
-  ) => string;
+  getTransitionLabel?: (fromState: string, event: string, toState: string) => string;
 } = {}): GraphParamsProvider {
   return {
     getStateParams: (stateKey: string, state: string = stateKey) => {
@@ -50,11 +45,7 @@ export function getGraphParamsProvider({
         fontSize,
       };
     },
-    getTransitionParams: (
-      fromStateKey: string,
-      event: string,
-      toStateKey: string,
-    ) => {
+    getTransitionParams: (fromStateKey: string, event: string, toStateKey: string) => {
       const padding = getPadding(transitionsTextPadding);
       const fontSize = transitionsFontSize;
       const eventLabel = getTransitionLabel(fromStateKey, event, toStateKey);

package/src/runtime/RuntimeStatechartApi.ts

@@ -22,7 +22,7 @@ export class RuntimeStatechartApi {
   }
 
   close() {
-    Object.values(this._registry).forEach((r) => r?.());
+    for (const r of Object.values(this._registry)) r?.();
     this._registry = {};
     this._transitionsClickListeners = {};
     this._statesClickListeners = {};
@@ -73,9 +73,7 @@ export class RuntimeStatechartApi {
     for (let i = 0; i < stateIds.length; i++) {
       const stateId = stateIds[i];
       for (const tagName of ["details", "g"]) {
-        const elm = this.element.querySelector(
-          `${tagName}[data-state-id="${stateId}"]`,
-        );
+        const elm = this.element.querySelector(`${tagName}[data-state-id="${stateId}"]`);
         elm?.scrollIntoView();
       }
     }
@@ -153,10 +151,7 @@ export class RuntimeStatechartApi {
       dataField: string,
       eventType: string,
     ) => {
-      function newEventListener(
-        index: Record<string, RuntimeListener>,
-        elm: Element,
-      ) {
+      function newEventListener(index: Record<string, RuntimeListener>, elm: Element) {
         return (ev: Event) => {
           ev.preventDefault();
           ev.stopPropagation();
@@ -174,17 +169,11 @@ export class RuntimeStatechartApi {
       [...this.element.querySelectorAll(`[${dataField}]`)].forEach((elm) => {
         const eventListener = newEventListener(index, elm);
         elm.addEventListener(eventType, eventListener);
-        this._addListener(this._registry, () =>
-          elm.removeEventListener(eventType, eventListener),
-        );
+        this._addListener(this._registry, () => elm.removeEventListener(eventType, eventListener));
       });
     };
     bindListeners(this._statesClickListeners, "data-state-id", "click");
-    bindListeners(
-      this._transitionsClickListeners,
-      "data-transition-id",
-      "click",
-    );
+    bindListeners(this._transitionsClickListeners, "data-transition-id", "click");
   }
 
   _setStatePanelStatus(selector: string, open: boolean) {
@@ -195,14 +184,10 @@ export class RuntimeStatechartApi {
   }
 
   _addStateModifier(cssSelector: string, modifier: string = "selected") {
-    this._applyStateModifier(cssSelector, modifier, (elm, cls) =>
-      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?.classList.remove(cls),
-    );
+    this._applyStateModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));
   }
   _applyStateModifier(
     cssSelector: string,
@@ -224,17 +209,10 @@ export class RuntimeStatechartApi {
   }
 
   _addTransitionsModifier(cssSelector: string, modifier: string = "selected") {
-    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) =>
-      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?.classList.remove(cls),
-    );
+  _removeTransitionsModifier(cssSelector: string, modifier: string = "selected") {
+    this._applyTransitionsModifier(cssSelector, modifier, (elm, cls) => elm?.classList.remove(cls));
   }
   _applyTransitionsModifier(
     cssSelector: string,

package/src/runtime/StateChartIndex.ts

@@ -1,8 +1,4 @@
-import type {
-  StateChart,
-  StateGraphEdge,
-  StateGraphNode,
-} from "../types/index.js";
+import type { StateChart, StateGraphEdge, StateGraphNode } from "../types/index.js";
 
 export class StateChartIndex {
   statechart: StateChart;
@@ -62,12 +58,7 @@ export class StateChartIndex {
    * @return a list of all nodes
    */
   getAllNodes(): StateGraphNode[] {
-    return [
-      ...new Set([
-        ...Object.values(this._chartsIndex),
-        ...Object.values(this._nodesIndex),
-      ]),
-    ];
+    return [...new Set([...Object.values(this._chartsIndex), ...Object.values(this._nodesIndex)])];
   }
 
   /**
@@ -77,8 +68,7 @@ export class StateChartIndex {
    */
   getStateNodes(): StateGraphNode[] {
     return this.getAllNodes().filter(
-      (node) =>
-        node.key !== this.initialStateKey && node.key !== this.finalStateKey,
+      (node) => node.key !== this.initialStateKey && node.key !== this.finalStateKey,
     );
   }
 
@@ -133,9 +123,7 @@ export class StateChartIndex {
     const state = stack.pop();
     if (!state || !stack.length) return;
     const parent = stack[stack.length - 1];
-    const t = parent.edges.find(
-      (t: StateGraphEdge) => t.from === state.key && t.event === event,
-    );
+    const t = parent.edges.find((t: StateGraphEdge) => t.from === state.key && t.event === event);
     return t;
   }
 
@@ -177,13 +165,8 @@ export class StateChartIndex {
    * @param transition a graph edge instance defining transition
    * @returns an array with two identifiers - [sourceStateId, targetStateId] - the source state id and target state id
    */
-  getTransitionStateIds(
-    transition?: StateGraphEdge,
-  ): [string | undefined, string | undefined] {
-    const result: [string | undefined, string | undefined] = [
-      undefined,
-      undefined,
-    ];
+  getTransitionStateIds(transition?: StateGraphEdge): [string | undefined, string | undefined] {
+    const result: [string | undefined, string | undefined] = [undefined, undefined];
     if (!transition) return result;
     const parentId = this._edgesParentsIndex[transition.id];
     if (!parentId) return result;

package/src/types/GraphParamsProvider.ts

@@ -5,10 +5,7 @@ import type { Label } from "./Label.js";
  * Provides default functions measuring dimensions for state nodes and transition edges in the graph.
  */
 export type GraphParamsProvider = {
-  getStateParams: (
-    stateKey: string,
-    state?: string,
-  ) => Dimensions & Label & Record<string, any>;
+  getStateParams: (stateKey: string, state?: string) => Dimensions & Label & Record<string, any>;
   getTransitionParams: (
     fromStateKey: string,
     event: string,

package/src/utils/BasisCurve.ts

@@ -2,14 +2,7 @@
 // copied from d3-shape/src/curve/basis.ts (Mike Bostock, MIT License)
 
 export type DrawContext = {
-  bezierCurveTo(
-    x0: number,
-    y0: number,
-    x1: number,
-    y1: number,
-    x2: number,
-    y2: number,
-  ): void;
+  bezierCurveTo(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number): void;
   moveTo(x: number, y: number): void;
   lineTo(x: number, y: number): void;
   closePath(): void;
@@ -52,14 +45,14 @@ export class BasisCurve {
 
   lineEnd() {
     switch (this._point) {
+      // biome-ignore lint/suspicious/noFallthroughSwitchClause: deliberate fall-through, as in the d3-shape basis curve this ports
       case 3:
         this.$point(this._x1, this._y1); // falls through
       case 2:
         this._context.lineTo(this._x1, this._y1);
         break;
     }
-    if (this._line || (this._line !== 0 && this._point === 1))
-      this._context.closePath();
+    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();
     this._line = 1 - this._line;
   }
 
@@ -73,12 +66,10 @@ export class BasisCurve {
       case 1:
         this._point = 2;
         break;
+      // biome-ignore lint/suspicious/noFallthroughSwitchClause: deliberate fall-through, as in the d3-shape basis curve this ports
       case 2:
         this._point = 3;
-        this._context.lineTo(
-          (5 * this._x0 + this._x1) / 6,
-          (5 * this._y0 + this._y1) / 6,
-        ); // falls through
+        this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6); // falls through
       default:
         this.$point(x, y);
         break;

package/src/utils/domToText.ts

@@ -4,11 +4,7 @@ export function domToText(elm: HTMLElement) {
     if (node.nodeType === Node.TEXT_NODE) {
       lines.push(node.textContent || "");
     } else if (node.nodeType === Node.ELEMENT_NODE) {
-      if (
-        node.nodeName === "BR" ||
-        node.nodeName === "P" ||
-        node.nodeName === "DIV"
-      ) {
+      if (node.nodeName === "BR" || node.nodeName === "P" || node.nodeName === "DIV") {
         lines.push("\n");
       }
     }
@@ -16,7 +12,7 @@ export function domToText(elm: HTMLElement) {
   return lines.join("");
 
   function visit(el: HTMLElement, visitor: (node: Node) => void) {
-    for (var i = 0; i < el.childNodes.length; i++) {
+    for (let i = 0; i < el.childNodes.length; i++) {
       const child = el.childNodes[i];
       const result = visitor(el.childNodes[i]);
       if (child.nodeType !== Node.ELEMENT_NODE) continue;