@statewalker/fsm-charts 0.2.4 → 0.2.6

package/dist/chunk-VILLJJJD.js

@@ -1,231 +0,0 @@
-// src/dom/newTreeBuilder.ts
-function newTreeBuilder(context) {
-  let level = -1;
-  return (newLevel, ...params) => {
-    while (level >= 0 && level >= newLevel) {
-      context.exit(level--, ...params);
-    }
-    while (level < newLevel) {
-      context.enter(++level, ...params);
-    }
-  };
-}
-
-// src/dom/buildSections.ts
-function buildSections(root) {
-  const nodes = toDomNodesIterator(root);
-  let top = null;
-  let peek = null;
-  const stack = [];
-  const aligner = newTreeBuilder({
-    enter(level, header) {
-      const section = {
-        header,
-        content: [],
-        children: []
-      };
-      top = top || section;
-      peek && peek.children.push(section);
-      peek = section;
-      stack.push(section);
-    },
-    exit() {
-      stack.pop();
-      peek = stack[stack.length - 1];
-    }
-  });
-  aligner(0);
-  let currentHeaderLevel = 0;
-  let currentLevel = 0;
-  for (const node of nodes) {
-    if (isDomElement(node)) {
-      if (/^H[1-6]$/i.test(node.tagName)) {
-        const headerLevel = +node.tagName.replace(/^H/, "");
-        currentLevel = headerLevel > currentHeaderLevel ? currentLevel + 1 : headerLevel < currentHeaderLevel ? currentLevel - 1 : currentLevel;
-        currentHeaderLevel = headerLevel;
-        aligner(currentLevel, node);
-      } else {
-        peek.content.push(node);
-      }
-    } else {
-      peek.content.push(node);
-    }
-  }
-  return top.content.length === 0 && top.children.length === 1 && !top.header ? top.children[0] : top;
-}
-function* visitSectionNodes(section) {
-  if (section.header) yield section.header;
-  yield* section.content;
-  for (const s of vistSections(section, true)) {
-    yield* visitSectionNodes(s);
-  }
-}
-function* vistSections(root, ignoreRoot = false) {
-  !ignoreRoot && (yield root);
-  for (const child of root.children) {
-    yield* vistSections(child, false);
-  }
-}
-function findSection(section, accept) {
-  for (const s of vistSections(section)) {
-    if (accept(s) === true) return s;
-  }
-}
-function isDomElement(node) {
-  return node.nodeType === Node.ELEMENT_NODE;
-}
-function* toDomNodesIterator(root) {
-  yield* root instanceof Node ? visitDom(root) : root;
-}
-function* visitDom(elm) {
-  if (isDomElement(elm) && elm.tagName === "TEMPLATE") {
-    elm = elm.content;
-  }
-  for (let node = elm.firstChild; node; node = node.nextSibling) {
-    if (isDomElement(node)) {
-      if (node.tagName === "DIV" || node.tagName === "TEMPLATE") {
-        yield* visitDom(node);
-      } else {
-        yield node;
-      }
-    } else {
-      yield node;
-    }
-  }
-}
-
-// src/dom/getStatesDescriptions.ts
-function* visitStateDescriptions({
-  element,
-  rootStateKey,
-  removeFromDom = true,
-  splitHeader = (header) => {
-    if (!header) return [void 0, ""];
-    const text = header.innerText.trim();
-    let key;
-    let label = text;
-    text.replace(/^\s*\[(.*)\]\s*(.*)$/, (_, k, l) => {
-      key = k.trim();
-      label = l.trim() || key;
-      return "";
-    });
-    return [key, label];
-  }
-}) {
-  const docSections = buildSections(element);
-  const rootDescription = findSection(docSections, (section) => {
-    if (!section.header) return false;
-    const [key] = splitHeader(section.header);
-    return key === rootStateKey;
-  });
-  if (!rootDescription) return;
-  if (removeFromDom) {
-    for (const node of visitSectionNodes(rootDescription)) {
-      if (node.nodeName[0] === "#") continue;
-      node.parentElement?.removeChild(node);
-    }
-  }
-  for (const section of vistSections(rootDescription, false)) {
-    if (!section.header) continue;
-    const [state, title] = splitHeader(section.header);
-    if (state)
-      yield {
-        state,
-        title,
-        ...section
-      };
-  }
-}
-function getStatesDescriptions(options) {
-  const index = {};
-  for (const description of visitStateDescriptions(options)) {
-    index[description.state] = description;
-  }
-  return index;
-}
-
-// src/dom/description-panels.ts
-function getStateDescriptionRenderer(options) {
-  const descriptionsIndex = getStatesDescriptions(options);
-  return (statesStack) => {
-    const stateKey = [...statesStack].pop();
-    if (!stateKey) return;
-    const section = descriptionsIndex[stateKey];
-    if (!section) return;
-    const elm = renderSections({
-      section,
-      deep: (section2) => false,
-      // section.state !== options.rootStateKey, // ???
-      header: (section2) => {
-        if (section2.state === stateKey) {
-          return section2.title || section2.state;
-        }
-        return;
-      }
-    });
-    const details = elm?.querySelector("details");
-    details && (details.open = true);
-    return elm;
-  };
-}
-function renderSections({
-  section,
-  deep = (s) => true,
-  header = (section2) => section2.header?.cloneNode(true)
-}) {
-  const container = document.createElement("div");
-  const id = `id-${String(Math.random()).split(".")[1]}-${Date.now()}`;
-  container.setAttribute("id", id);
-  if (!section) return container;
-  const sectionView = renderSection(section);
-  container.append(sectionView);
-  const style = renderSectionStyles(id);
-  container.append(style);
-  return container;
-  function renderSectionStyles(id2) {
-    const prefix = id2 ? `#${id2}` : "";
-    const style2 = document.createElement("style");
-    container.appendChild(style2);
-    style2.innerHTML = `
-      ${prefix} details {
-          border: 1px solid #aaa;
-          border-radius: 4px;
-          padding: 0.5em 0.5em 0;
-          margin-bottom: 0.5em;
-        }
-        
-      ${prefix} details > summary {
-          font-weight: bold;
-          margin: -0.5em -0.5em 0;
-          padding: 0.5em;
-          cursor: pointer;
-        }
-        
-      ${prefix} details[open] {
-          padding: 0.5em;
-        }
-      `;
-    return style2;
-  }
-  function renderSection(section2) {
-    const details = document.createElement("details");
-    const summary = document.createElement("summary");
-    details.appendChild(summary);
-    const content = document.createElement("div");
-    details.appendChild(content);
-    const headerElm = header(section2);
-    headerElm && summary.append(headerElm);
-    for (const node of section2.content) {
-      if (node.nodeName[0] === "#") continue;
-      content.append(node.cloneNode(true));
-    }
-    if (deep(section2)) {
-      for (const child of section2.children) {
-        content.append(renderSection(child));
-      }
-    }
-    return details;
-  }
-}
-
-export { buildSections, findSection, getStateDescriptionRenderer, getStatesDescriptions, isDomElement, newTreeBuilder, renderSections, toDomNodesIterator, visitDom, visitSectionNodes, visitStateDescriptions, vistSections };

package/dist/index-html-DgSCNHkR.d.ts

@@ -1,75 +0,0 @@
-import { S as StateChart, d as TransitionsGraph } from './StateChart-BYBjTmC2.js';
-
-declare function buildStatechartCss({ prefix }?: {
-    prefix?: string | undefined;
-}): string;
-
-declare function buildStatechartsPanel({ statechart, newId, println, initialStateKey, finalStateKey, }: {
-    statechart: StateChart;
-    newId: (prefix: string) => string;
-    println: (str: string) => void;
-    initialStateKey?: string;
-    finalStateKey?: string;
-}): void;
-
-interface CssTree extends Record<string, string | number | CssTree> {
-}
-declare function serializeCss(obj: CssTree): string;
-
-declare const activeStatesStyle: {
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: string;
-    labelColor: string;
-};
-declare const activeTransitionsStyle: {
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: string;
-    lineColor: string;
-    lineWidth: string;
-    labelColor: string;
-};
-declare const selectedStatesStyle: {
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: string;
-    labelColor: string;
-};
-declare const selectedTransitionsStyle: {
-    backgroundColor: string;
-    borderColor: string;
-    borderWidth: string;
-    lineColor: string;
-    lineWidth: string;
-    labelColor: string;
-};
-declare function buildStateDetailsStyle({ root, }: {
-    root?: string;
-}): CssTree;
-declare function buildStateDetailsStyleWithModifier({ root, modifier, states, }: {
-    root?: string;
-    modifier: string;
-    states: Record<string, string>;
-}): CssTree;
-declare function buildStatechartStylesWithModifier({ root, modifier, states, transitions, }: {
-    root?: string;
-    modifier: string;
-    states: Record<string, string>;
-    transitions: Record<string, string>;
-}): CssTree;
-declare function buildStatechartStyles({ root, }: {
-    root?: string;
-}): CssTree;
-
-declare function buildStatechartSvg({ graph: { width, height, nodes, edges }, newId, stateFontSize, transitionFontSize, println, initialStateKey, finalStateKey, }: {
-    graph: TransitionsGraph;
-    newId: (prefix: string) => string;
-    println: (str: string) => void;
-    stateFontSize?: number;
-    transitionFontSize?: number;
-    initialStateKey?: string;
-    finalStateKey?: string;
-}): void;
-
-export { type CssTree as C, buildStatechartsPanel as a, buildStatechartCss as b, activeStatesStyle as c, activeTransitionsStyle as d, selectedTransitionsStyle as e, buildStateDetailsStyle as f, buildStateDetailsStyleWithModifier as g, buildStatechartStylesWithModifier as h, buildStatechartStyles as i, buildStatechartSvg as j, serializeCss as k, selectedStatesStyle as s };