@diplodoc/folding-headings-extension 0.2.0 → 0.2.2

package/README.md

@@ -1,3 +1,7 @@
+**english** | [русский](https://github.com/diplodoc-platform/folding-headings-extension/blob/master/README.ru.md)
+
+---
+
 [![NPM version](https://img.shields.io/npm/v/@diplodoc/folding-headings-extension.svg?style=flat)](https://www.npmjs.org/package/@diplodoc/folding-headings-extension)
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=diplodoc-platform_folding-headings-extension&metric=alert_status)](https://sonarcloud.io/summary/overall?id=diplodoc-platform_folding-headings-extension)
 [![Coverage](https://sonarcloud.io/api/project_badges/measure?project=diplodoc-platform_folding-headings-extension&metric=coverage)](https://sonarcloud.io/summary/overall?id=diplodoc-platform_folding-headings-extension)

package/build/common/const.js

@@ -0,0 +1,9 @@
+export const DATA_KEY = 'heading-section';
+export const SectionAttr = {
+    DataId: 'data-diplodoc-id',
+    DataKey: 'data-diplodoc-key',
+};
+export const SectionCN = {
+    Section: 'heading-section',
+    Content: 'heading-section-content',
+};

package/build/plugin/const.js

@@ -0,0 +1,13 @@
+export { SectionCN, DATA_KEY, SectionAttr } from '../common/const';
+export const ENV_FLAG_NAME = 'has-folding-headings';
+export const TokenType = {
+    Heading: 'heading',
+    HeadingOpen: 'heading_open',
+    HeadingClose: 'heading_close',
+    Section: 'heading_section',
+    SectionOpen: 'heading_section_open',
+    SectionClose: 'heading_section_close',
+    Content: 'heading_section_content',
+    ContentOpen: 'heading_section_content_open',
+    ContentClose: 'heading_section_content_close',
+};

package/build/plugin/headingBlockRule.js

@@ -0,0 +1,59 @@
+import { TokenType } from './const';
+// copied from https://github.com/markdown-it/markdown-it/blob/14.1.0/lib/rules_block/heading.mjs
+// modified: support syntax ###+ for folding headings
+export const headingBlockRule = (state, startLine, _endLine, silent) => {
+    const { isSpace } = state.md.utils;
+    let pos = state.bMarks[startLine] + state.tShift[startLine];
+    let max = state.eMarks[startLine];
+    // if it's indented more than 3 spaces, it should be a code block
+    if (state.sCount[startLine] - state.blkIndent >= 4) {
+        return false;
+    }
+    let ch = state.src.charCodeAt(pos);
+    if (ch !== 0x23 /* # */ || pos >= max) {
+        return false;
+    }
+    // count heading level
+    let level = 1;
+    ch = state.src.charCodeAt(++pos);
+    while (ch === 0x23 /* # */ && pos < max && level <= 6) {
+        level++;
+        ch = state.src.charCodeAt(++pos);
+    }
+    let folding = false;
+    if (ch === 0x2b /* + */) {
+        folding = true;
+        ch = state.src.charCodeAt(++pos);
+    }
+    if (level > 6 || (pos < max && !isSpace(ch))) {
+        return false;
+    }
+    if (silent) {
+        return true;
+    }
+    // Let's cut tails like '    ###  ' from the end of string
+    max = state.skipSpacesBack(max, pos);
+    const tmp = state.skipCharsBack(max, 0x23, pos); // #
+    if (tmp > pos && isSpace(state.src.charCodeAt(tmp - 1))) {
+        max = tmp;
+    }
+    state.line = startLine + 1;
+    let token = state.push(TokenType.HeadingOpen, 'h' + String(level), 1);
+    token.markup = '########'.slice(0, level) + (folding ? '+' : '');
+    token.map = [startLine, state.line];
+    if (folding) {
+        token.meta ||= {};
+        token.meta.folding = true;
+    }
+    token = state.push('inline', '', 0);
+    token.content = state.src.slice(pos, max).trim();
+    token.map = [startLine, state.line];
+    token.children = [];
+    token = state.push(TokenType.HeadingClose, 'h' + String(level), -1);
+    token.markup = '########'.slice(0, level) + (folding ? '+' : '');
+    if (folding) {
+        token.meta ||= {};
+        token.meta.folding = true;
+    }
+    return true;
+};

package/build/plugin/index.js

@@ -1,308 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/plugin/index.ts
-var index_exports = {};
-__export(index_exports, {
-  TokenType: () => TokenType,
-  transform: () => transform
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/common/const.ts
-var DATA_KEY = "heading-section";
-var SectionAttr = {
-  DataId: "data-diplodoc-id",
-  DataKey: "data-diplodoc-key"
-};
-var SectionCN = {
-  Section: "heading-section",
-  Content: "heading-section-content"
-};
-
-// src/plugin/const.ts
-var ENV_FLAG_NAME = "has-folding-headings";
-var TokenType = {
-  Heading: "heading",
-  HeadingOpen: "heading_open",
-  HeadingClose: "heading_close",
-  Section: "heading_section",
-  SectionOpen: "heading_section_open",
-  SectionClose: "heading_section_close",
-  Content: "heading_section_content",
-  ContentOpen: "heading_section_content_open",
-  ContentClose: "heading_section_content_close"
-};
-
-// src/plugin/headingBlockRule.ts
-var headingBlockRule = (state, startLine, _endLine, silent) => {
-  const { isSpace } = state.md.utils;
-  let pos = state.bMarks[startLine] + state.tShift[startLine];
-  let max = state.eMarks[startLine];
-  if (state.sCount[startLine] - state.blkIndent >= 4) {
-    return false;
-  }
-  let ch = state.src.charCodeAt(pos);
-  if (ch !== 35 || pos >= max) {
-    return false;
-  }
-  let level = 1;
-  ch = state.src.charCodeAt(++pos);
-  while (ch === 35 && pos < max && level <= 6) {
-    level++;
-    ch = state.src.charCodeAt(++pos);
-  }
-  let folding = false;
-  if (ch === 43) {
-    folding = true;
-    ch = state.src.charCodeAt(++pos);
-  }
-  if (level > 6 || pos < max && !isSpace(ch)) {
-    return false;
-  }
-  if (silent) {
-    return true;
-  }
-  max = state.skipSpacesBack(max, pos);
-  const tmp = state.skipCharsBack(max, 35, pos);
-  if (tmp > pos && isSpace(state.src.charCodeAt(tmp - 1))) {
-    max = tmp;
-  }
-  state.line = startLine + 1;
-  let token = state.push(TokenType.HeadingOpen, "h" + String(level), 1);
-  token.markup = "########".slice(0, level) + (folding ? "+" : "");
-  token.map = [startLine, state.line];
-  if (folding) {
-    token.meta ||= {};
-    token.meta.folding = true;
-  }
-  token = state.push("inline", "", 0);
-  token.content = state.src.slice(pos, max).trim();
-  token.map = [startLine, state.line];
-  token.children = [];
-  token = state.push(TokenType.HeadingClose, "h" + String(level), -1);
-  token.markup = "########".slice(0, level) + (folding ? "+" : "");
-  if (folding) {
-    token.meta ||= {};
-    token.meta.folding = true;
-  }
-  return true;
-};
-
-// src/plugin/sectionsCoreRule.ts
-var import_utils = require("@diplodoc/utils");
-
-// src/plugin/utils.ts
-function headingLevel(header) {
-  return parseInt(header.charAt(1), 10);
-}
-function last(arr) {
-  return arr[arr.length - 1];
-}
-function hidden(box, field, value) {
-  if (!(field in box)) {
-    Object.defineProperty(box, field, {
-      enumerable: false,
-      value
-    });
-  }
-  return box;
-}
-function copyRuntime({ runtime, output }, cache) {
-  const PATH_TO_RUNTIME = "../runtime";
-  const { join, resolve } = dynrequire("node:path");
-  const runtimeFiles = {
-    "index.js": runtime.script,
-    "index.css": runtime.style
-  };
-  for (const [originFile, outputFile] of Object.entries(runtimeFiles)) {
-    const file = join(PATH_TO_RUNTIME, originFile);
-    if (!cache.has(file)) {
-      cache.add(file);
-      copy(resolve(__dirname, file), join(output, outputFile));
-    }
-  }
-}
-function copy(from, to) {
-  const { mkdirSync, copyFileSync } = dynrequire("node:fs");
-  const { dirname } = dynrequire("node:path");
-  mkdirSync(dirname(to), { recursive: true });
-  copyFileSync(from, to);
-}
-function dynrequire(module) {
-  return eval(`require('${module}')`);
-}
-
-// src/plugin/sectionsCoreRule.ts
-function createSectionsCoreRule(externalGenerateID) {
-  const generateID = externalGenerateID ?? (0, import_utils.createIDGeneratorByStrategy)("random");
-  return (state) => {
-    const Token = state.Token;
-    const tokens = [];
-    const sections = [];
-    let nestedLevel = 0;
-    for (const token of state.tokens) {
-      if (token.type.search(TokenType.Heading) !== 0) {
-        nestedLevel += token.nesting;
-      }
-      if (last(sections) && nestedLevel < last(sections).nesting) {
-        closeSectionsToCurrentNesting(nestedLevel);
-      }
-      const hasFolding = token.markup.endsWith("#+");
-      if (token.type === TokenType.HeadingOpen) {
-        const section = {
-          header: headingLevel(token.tag),
-          nesting: nestedLevel
-        };
-        closeSections(section);
-        if (hasFolding) {
-          tokens.push(openSection());
-          sections.push(section);
-        }
-      }
-      tokens.push(token);
-      if (token.type === TokenType.HeadingClose && hasFolding) {
-        tokens.push(openContent());
-      }
-    }
-    closeAllSections();
-    if (state.tokens.length !== tokens.length) {
-      state.env ??= {};
-      state.env[ENV_FLAG_NAME] = true;
-    }
-    state.tokens = tokens;
-    function openSection() {
-      const t = new Token(TokenType.SectionOpen, "section", 1);
-      t.attrPush(["class", SectionCN.Section]);
-      t.attrPush([SectionAttr.DataKey, DATA_KEY]);
-      t.attrPush([SectionAttr.DataId, generateID(DATA_KEY)]);
-      t.block = true;
-      return t;
-    }
-    function closeSection() {
-      const t = new Token(TokenType.SectionClose, "section", -1);
-      t.block = true;
-      return t;
-    }
-    function openContent() {
-      const t = new Token(TokenType.ContentOpen, "div", 1);
-      t.attrPush(["class", SectionCN.Content]);
-      t.block = true;
-      return t;
-    }
-    function closeContent() {
-      const t = new Token(TokenType.ContentClose, "div", -1);
-      t.block = true;
-      return t;
-    }
-    function closeSections(section) {
-      while (last(sections) && // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      section.header <= last(sections).header && // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-      section.nesting <= last(sections).nesting) {
-        sections.pop();
-        tokens.push(closeContent());
-        tokens.push(closeSection());
-      }
-    }
-    function closeSectionsToCurrentNesting(nesting) {
-      while (last(sections) && nesting < last(sections).nesting) {
-        sections.pop();
-        tokens.push(closeContent());
-        tokens.push(closeSection());
-      }
-    }
-    function closeAllSections() {
-      while (sections.pop()) {
-        tokens.push(closeContent());
-        tokens.push(closeSection());
-      }
-    }
-  };
-}
-
-// src/plugin/plugin.ts
-function createFoldingHeadingPlugin(generateID) {
-  return (md) => {
-    md.block.ruler.at("heading", headingBlockRule, {
-      alt: ["paragraph", "reference", "blockquote"]
-    });
-    md.core.ruler.push("heading_sections", createSectionsCoreRule(generateID));
-  };
-}
-
-// src/plugin/transform.ts
-var registerTransform = (md, {
-  runtime,
-  bundle,
-  output,
-  generateID
-}) => {
-  md.use(createFoldingHeadingPlugin(generateID));
-  md.core.ruler.push("heading_sections_after", ({ env }) => {
-    hidden(env, "bundled", /* @__PURE__ */ new Set());
-    if (env?.[ENV_FLAG_NAME]) {
-      env.meta = env.meta || {};
-      env.meta.script = env.meta.script || [];
-      env.meta.script.push(runtime.script);
-      env.meta.style = env.meta.style || [];
-      env.meta.style.push(runtime.style);
-      if (bundle) {
-        copyRuntime({ runtime, output }, env.bundled);
-      }
-    }
-  });
-};
-function transform(options = {}) {
-  const { bundle = true } = options;
-  if (bundle && typeof options.runtime === "string") {
-    throw new TypeError("Option `runtime` should be record when `bundle` is enabled.");
-  }
-  const runtime = typeof options.runtime === "string" ? { script: options.runtime, style: options.runtime } : options.runtime || {
-    script: "_assets/folding-headings-extension.js",
-    style: "_assets/folding-headings-extension.css"
-  };
-  const plugin = function(md, { output = ".", generateID } = {}) {
-    registerTransform(md, {
-      runtime,
-      bundle,
-      output,
-      generateID
-    });
-  };
-  Object.assign(plugin, {
-    collect(input, { destRoot = "." }) {
-      const MdIt = dynrequire("markdown-it");
-      const md = new MdIt().use((md2) => {
-        registerTransform(md2, {
-          runtime,
-          bundle,
-          output: destRoot
-        });
-      });
-      md.parse(input, {});
-    }
-  });
-  return plugin;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TokenType,
-  transform
-});
-//# sourceMappingURL=index.js.map
+export { transform } from './transform';
+export { TokenType } from './const';

package/build/plugin/plugin.js

@@ -0,0 +1,19 @@
+import { headingBlockRule } from './headingBlockRule';
+import { createSectionsCoreRule } from './sectionsCoreRule';
+/**
+ * Creates a folding-heading plugin with an optional external ID generator.
+ * When `generateID` is provided, all generated section IDs share the same counter
+ * as other plugins, ensuring deterministic output regardless of --merge-includes.
+ * When omitted, the plugin uses its internal fallback generator.
+ *
+ * @param generateID - Optional external ID generator shared with the rest of the transform pipeline.
+ * @returns Markdown-it plugin that registers folding heading parsing and section wrapping rules.
+ */
+export function createFoldingHeadingPlugin(generateID) {
+    return (md) => {
+        md.block.ruler.at('heading', headingBlockRule, {
+            alt: ['paragraph', 'reference', 'blockquote'],
+        });
+        md.core.ruler.push('heading_sections', createSectionsCoreRule(generateID));
+    };
+}

package/build/plugin/sectionsCoreRule.js

@@ -0,0 +1,104 @@
+import { createIDGeneratorByStrategy } from '@diplodoc/utils';
+import { DATA_KEY, ENV_FLAG_NAME, SectionAttr, SectionCN, TokenType } from './const';
+import { headingLevel, last } from './utils';
+/**
+ * Creates a core rule that wraps folding headings in `<section>` elements with unique IDs.
+ * @param externalGenerateID - Optional external ID generator (e.g. from MarkdownItPluginOpts).
+ *   When provided, ensures all plugins share the same per-file generator.
+ *   When omitted, uses random fallback behavior.
+ * @returns Markdown-it core rule that injects section wrapper tokens around folding headings.
+ */
+export function createSectionsCoreRule(externalGenerateID) {
+    // Use the external generator if provided, otherwise use random fallback.
+    // Random IDs are the default behavior for production builds.
+    const generateID = externalGenerateID ?? createIDGeneratorByStrategy('random');
+    return (state) => {
+        const Token = state.Token;
+        const tokens = []; // output
+        const sections = [];
+        let nestedLevel = 0;
+        for (const token of state.tokens) {
+            // record level of nesting
+            if (token.type.search(TokenType.Heading) !== 0) {
+                nestedLevel += token.nesting;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            if (last(sections) && nestedLevel < last(sections).nesting) {
+                closeSectionsToCurrentNesting(nestedLevel);
+            }
+            const hasFolding = token.markup.endsWith('#+');
+            // add sections before headers
+            if (token.type === TokenType.HeadingOpen) {
+                const section = {
+                    header: headingLevel(token.tag),
+                    nesting: nestedLevel,
+                };
+                closeSections(section);
+                if (hasFolding) {
+                    tokens.push(openSection());
+                    sections.push(section);
+                }
+            }
+            tokens.push(token);
+            if (token.type === TokenType.HeadingClose && hasFolding) {
+                tokens.push(openContent());
+            }
+        }
+        // end for every token
+        closeAllSections();
+        if (state.tokens.length !== tokens.length) {
+            state.env ??= {};
+            state.env[ENV_FLAG_NAME] = true;
+        }
+        state.tokens = tokens;
+        function openSection() {
+            const t = new Token(TokenType.SectionOpen, 'section', 1);
+            t.attrPush(['class', SectionCN.Section]);
+            t.attrPush([SectionAttr.DataKey, DATA_KEY]);
+            t.attrPush([SectionAttr.DataId, generateID(DATA_KEY)]);
+            t.block = true;
+            return t;
+        }
+        function closeSection() {
+            const t = new Token(TokenType.SectionClose, 'section', -1);
+            t.block = true;
+            return t;
+        }
+        function openContent() {
+            const t = new Token(TokenType.ContentOpen, 'div', 1);
+            t.attrPush(['class', SectionCN.Content]);
+            t.block = true;
+            return t;
+        }
+        function closeContent() {
+            const t = new Token(TokenType.ContentClose, 'div', -1);
+            t.block = true;
+            return t;
+        }
+        function closeSections(section) {
+            while (last(sections) &&
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                section.header <= last(sections).header &&
+                // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+                section.nesting <= last(sections).nesting) {
+                sections.pop();
+                tokens.push(closeContent());
+                tokens.push(closeSection());
+            }
+        }
+        function closeSectionsToCurrentNesting(nesting) {
+            // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+            while (last(sections) && nesting < last(sections).nesting) {
+                sections.pop();
+                tokens.push(closeContent());
+                tokens.push(closeSection());
+            }
+        }
+        function closeAllSections() {
+            while (sections.pop()) {
+                tokens.push(closeContent());
+                tokens.push(closeSection());
+            }
+        }
+    };
+}

package/build/plugin/transform.js

@@ -0,0 +1,53 @@
+import { ENV_FLAG_NAME } from './const';
+import { createFoldingHeadingPlugin } from './plugin';
+import { copyRuntime, dynrequire, hidden } from './utils';
+const registerTransform = (md, { runtime, bundle, output, generateID, }) => {
+    md.use(createFoldingHeadingPlugin(generateID));
+    md.core.ruler.push('heading_sections_after', ({ env }) => {
+        hidden(env, 'bundled', new Set());
+        if (env?.[ENV_FLAG_NAME]) {
+            env.meta = env.meta || {};
+            env.meta.script = env.meta.script || [];
+            env.meta.script.push(runtime.script);
+            env.meta.style = env.meta.style || [];
+            env.meta.style.push(runtime.style);
+            if (bundle) {
+                copyRuntime({ runtime, output }, env.bundled);
+            }
+        }
+    });
+};
+export function transform(options = {}) {
+    const { bundle = true } = options;
+    if (bundle && typeof options.runtime === 'string') {
+        throw new TypeError('Option `runtime` should be record when `bundle` is enabled.');
+    }
+    const runtime = typeof options.runtime === 'string'
+        ? { script: options.runtime, style: options.runtime }
+        : options.runtime || {
+            script: '_assets/folding-headings-extension.js',
+            style: '_assets/folding-headings-extension.css',
+        };
+    const plugin = function (md, { output = '.', generateID } = {}) {
+        registerTransform(md, {
+            runtime,
+            bundle,
+            output,
+            generateID,
+        });
+    };
+    Object.assign(plugin, {
+        collect(input, { destRoot = '.' }) {
+            const MdIt = dynrequire('markdown-it');
+            const md = new MdIt().use((md) => {
+                registerTransform(md, {
+                    runtime,
+                    bundle,
+                    output: destRoot,
+                });
+            });
+            md.parse(input, {});
+        },
+    });
+    return plugin;
+}

package/build/plugin/utils.js

@@ -0,0 +1,44 @@
+export function headingLevel(header) {
+    return parseInt(header.charAt(1), 10);
+}
+export function last(arr) {
+    return arr[arr.length - 1];
+}
+export function hidden(box, field, value) {
+    if (!(field in box)) {
+        Object.defineProperty(box, field, {
+            enumerable: false,
+            value: value,
+        });
+    }
+    return box;
+}
+export function copyRuntime({ runtime, output }, cache) {
+    const PATH_TO_RUNTIME = '../runtime';
+    const { join, resolve } = dynrequire('node:path');
+    const runtimeFiles = {
+        'index.js': runtime.script,
+        'index.css': runtime.style,
+    };
+    for (const [originFile, outputFile] of Object.entries(runtimeFiles)) {
+        const file = join(PATH_TO_RUNTIME, originFile);
+        if (!cache.has(file)) {
+            cache.add(file);
+            copy(resolve(__dirname, file), join(output, outputFile));
+        }
+    }
+}
+export function copy(from, to) {
+    const { mkdirSync, copyFileSync } = dynrequire('node:fs');
+    const { dirname } = dynrequire('node:path');
+    mkdirSync(dirname(to), { recursive: true });
+    copyFileSync(from, to);
+}
+/*
+ * Runtime require hidden for builders.
+ * Used for nodejs api
+ */
+export function dynrequire(module) {
+    // eslint-disable-next-line no-eval
+    return eval(`require('${module}')`);
+}

package/build/runtime/const.js

@@ -0,0 +1,10 @@
+export { SectionAttr, DATA_KEY } from '../common/const';
+export const GLOBAL_KEY = 'heading_sections';
+export const Selector = {
+    Heading: '.yfm .heading-section > h1,h2,h3,h4,h5,h6',
+    Section: '.yfm .heading-section',
+    Content: '.yfm .heading-section-content',
+};
+export const ClassName = {
+    Open: 'open',
+};

package/build/runtime/controller.js

@@ -0,0 +1,55 @@
+import { ClassName, DATA_KEY, SectionAttr, Selector } from './const';
+import { getEventTarget, isCustom } from './utils';
+export class HeadingSectionContoller {
+    __doc;
+    constructor(doc) {
+        this.__doc = doc;
+        this.__doc.addEventListener('click', this._onDocClick);
+    }
+    open(id) {
+        for (const elem of this._findSections(id)) {
+            elem.classList.add(ClassName.Open);
+        }
+    }
+    toggle(id) {
+        for (const elem of this._findSections(id)) {
+            elem.classList.toggle(ClassName.Open);
+        }
+    }
+    close(id) {
+        for (const elem of this._findSections(id)) {
+            elem.classList.remove(ClassName.Open);
+        }
+    }
+    destroy() {
+        this.__doc.removeEventListener('click', this._onDocClick);
+    }
+    _findSections(id) {
+        return Array.from(this.__doc.querySelectorAll(`section[${SectionAttr.DataKey}=${DATA_KEY}][${SectionAttr.DataId}=${id}]`));
+    }
+    _onDocClick = (event) => {
+        if (isCustom(event))
+            return;
+        const heading = this._findHeading(event);
+        if (heading)
+            this._toogleSection(heading);
+    };
+    _findHeading(event) {
+        const target = getEventTarget(event);
+        if (this._matchHeading(target))
+            return target;
+        const path = event.composedPath?.();
+        return path?.find(this._matchHeading);
+    }
+    _matchHeading = (target) => {
+        if (!(target instanceof HTMLElement))
+            return false;
+        return (target?.matches?.(Selector.Heading) && target.parentElement?.matches(Selector.Section));
+    };
+    _toogleSection(heading) {
+        const section = heading.parentElement;
+        if (section instanceof HTMLElement) {
+            section.classList.toggle(ClassName.Open);
+        }
+    }
+}

package/build/runtime/index.js

@@ -1,2 +1,6 @@
-"use strict";(()=>{var c="heading-section",o={DataId:"data-diplodoc-id",DataKey:"data-diplodoc-key"};var a="heading_sections",I={Heading:".yfm .heading-section > h1,h2,h3,h4,h5,h6",Section:".yfm .heading-section",Content:".yfm .heading-section-content"},i={Open:"open"};var A=g=>{let e=g.composedPath();return Array.isArray(e)&&e.length>0?e[0]:g.target},C=g=>{let e=A(g);return!e||!e.matches};var n=class{__doc;constructor(e){this.__doc=e,this.__doc.addEventListener("click",this._onDocClick)}open(e){for(let t of this._findSections(e))t.classList.add(i.Open)}toggle(e){for(let t of this._findSections(e))t.classList.toggle(i.Open)}close(e){for(let t of this._findSections(e))t.classList.remove(i.Open)}destroy(){this.__doc.removeEventListener("click",this._onDocClick)}_findSections(e){return Array.from(this.__doc.querySelectorAll(`section[${o.DataKey}=${c}][${o.DataId}=${e}]`))}_onDocClick=e=>{if(C(e))return;let t=this._findHeading(e);t&&this._toogleSection(t)};_findHeading(e){let t=A(e);return this._matchHeading(t)?t:e.composedPath?.()?.find(this._matchHeading)}_matchHeading=e=>e instanceof HTMLElement?e?.matches?.(I.Heading)&&e.parentElement?.matches(I.Section):!1;_toogleSection(e){let t=e.parentElement;t instanceof HTMLElement&&t.classList.toggle(i.Open)}};typeof window<"u"&&typeof document<"u"&&!window[a]&&(window[a]=new n(document));})();
-//# sourceMappingURL=index.js.map
+import { GLOBAL_KEY } from './const';
+import { HeadingSectionContoller } from './controller';
+import './styles/index.scss';
+if (typeof window !== 'undefined' && typeof document !== 'undefined' && !window[GLOBAL_KEY]) {
+    window[GLOBAL_KEY] = new HeadingSectionContoller(document);
+}

package/build/runtime/utils.js

@@ -0,0 +1,8 @@
+export const getEventTarget = (event) => {
+    const path = event.composedPath();
+    return Array.isArray(path) && path.length > 0 ? path[0] : event.target;
+};
+export const isCustom = (event) => {
+    const target = getEventTarget(event);
+    return !target || !target.matches;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diplodoc/folding-headings-extension",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Folding headings extension for Diplodoc platform ",
   "main": "build/plugin/index.js",
   "types": "build/plugin/index.d.ts",
@@ -34,27 +34,27 @@
   ],
   "scripts": {
     "build": "run-p build:*",
-    "build:declarations": "tsc --emitDeclarationOnly --outDir ./build",
+    "build:declarations": "tsc -p tsconfig.publish.json",
     "build:js": "node ./esbuild/build.mjs",
     "prepublishOnly": "npm run typecheck && npm run lint && npm test && npm run build",
     "test": "vitest run --config vitest.config.mjs",
     "test:watch": "vitest --config vitest.config.mjs",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
-    "lint": "lint update && lint",
-    "lint:fix": "lint update && lint fix",
-    "pre-commit": "lint update && lint-staged",
-    "prepare": "husky"
+    "lint": "lint",
+    "lint:fix": "lint fix",
+    "pre-commit": "lint-staged",
+    "prepare": "husky || true",
+    "lock": "npm install --no-workspaces --package-lock-only --ignore-scripts"
   },
   "devDependencies": {
-    "@diplodoc/lint": "^1.14.1",
-    "@diplodoc/tsconfig": "^1.0.2",
     "@diplodoc/utils": "^2.2.2",
     "@types/markdown-it": "^13.0.9",
     "@vitest/coverage-v8": "^3.2.4",
     "markdown-it": "^13.0.0",
     "npm-run-all": "^4.1.5",
     "typescript": "^5.3.3",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "@diplodoc/infra": "2.2.1"
   }
 }

package/build/test/data.d.ts

@@ -1,147 +0,0 @@
-export declare const sectionsHtmlResult: string;
-export declare const commonHeadingTokens: ({
-    type: string;
-    tag: string;
-    attrs: null;
-    map: number[];
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: number[];
-    nesting: number;
-    level: number;
-    children: {
-        type: string;
-        tag: string;
-        attrs: null;
-        map: null;
-        nesting: number;
-        level: number;
-        children: null;
-        content: string;
-        markup: string;
-        info: string;
-        meta: null;
-        block: boolean;
-        hidden: boolean;
-    }[];
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: null;
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-})[];
-export declare const foldingHeadingTokens: ({
-    type: string;
-    tag: string;
-    attrs: string[][];
-    map: null;
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: number[];
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: {
-        folding: boolean;
-    };
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: number[];
-    nesting: number;
-    level: number;
-    children: {
-        type: string;
-        tag: string;
-        attrs: null;
-        map: null;
-        nesting: number;
-        level: number;
-        children: null;
-        content: string;
-        markup: string;
-        info: string;
-        meta: null;
-        block: boolean;
-        hidden: boolean;
-    }[];
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: null;
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: {
-        folding: boolean;
-    };
-    block: boolean;
-    hidden: boolean;
-} | {
-    type: string;
-    tag: string;
-    attrs: null;
-    map: null;
-    nesting: number;
-    level: number;
-    children: null;
-    content: string;
-    markup: string;
-    info: string;
-    meta: null;
-    block: boolean;
-    hidden: boolean;
-})[];

package/build/test/plugin.spec.d.ts

@@ -1 +0,0 @@
-export {};