@shelf/table-of-contents 1.1.0 → 1.3.0

package/lib/default-settings.js

@@ -1,4 +1,5 @@
 import defaults from 'lodash.defaults';
+const DEFAULT_TEMPLATE = '<h<%= level %><%= attrs %>><a href="#<%= anchor %>" name="<%= anchor %>"><wbr /></a><%= header %></h<%= level %>>';
 export const DEFAULT_SETTINGS = {
     // DEFAULTS FOR toc.process()
     //
@@ -15,7 +16,7 @@ export const DEFAULT_SETTINGS = {
     anchorMin: 2,
     anchorMax: 6,
     // Anchorized header template.
-    header: '<h<%= level %><%= attrs %>><a href="#<%= anchor %>" name="<%= anchor %>"><%= header %></a></h<%= level %>>',
+    header: DEFAULT_TEMPLATE,
     // DEFAULTS FOR toc.toc()
     //
     // TOC part templates.

package/lib/helpers/anchorize.js

@@ -3,7 +3,6 @@ import { getSettings } from '../default-settings.js';
 import { untag } from './untag.js';
 import { unique } from './unique.js';
 import { anchor } from './anchor.js';
-import { getDataWithoutNestedAnchors } from './getDataWithoutNestedAnchors.js';
 // Parse HTML, returning an array of header objects and anchorized HTML.
 export function anchorize(src, settingsOverride) {
     // Normalize options and compile template(s).
@@ -12,6 +11,7 @@ export function anchorize(src, settingsOverride) {
     // Process HTML, "anchorizing" headers as-specified.
     const headers = [];
     const names = {};
+    // @ts-ignore
     const html = src.replace(settingsOverride.headers, function (all, level, attrs, header) {
         level = Number(level);
         // @ts-ignore
@@ -40,7 +40,7 @@ export function anchorize(src, settingsOverride) {
             headers.push(data);
         }
         if (anchorLevel) {
-            return getDataWithoutNestedAnchors(data, headerTemplate);
+            return headerTemplate(data);
         }
         return all;
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shelf/table-of-contents",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Fork of node-toc to reduce bundle size & rewritten in TypeScript",
   "license": "MIT",
   "author": {
@@ -24,6 +24,7 @@
     "lint:size": "size-limit",
     "prepack": "yarn build",
     "test": "TZ=UTC jest src",
+    "test:watch": "TZ=UTC jest src --watch",
     "type-check": "tsc --noEmit",
     "type-check:watch": "npm run type-check -- --watch"
   },
@@ -55,12 +56,12 @@
     "@types/lodash.template": "4.5.3",
     "@types/node": "20.8.9",
     "@types/slug": "5.0.7",
-    "eslint": "8.52.0",
+    "eslint": "8.53.0",
     "husky": "8.0.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "15.0.2",
-    "prettier": "3.0.3",
+    "lint-staged": "15.1.0",
+    "prettier": "3.1.0",
     "size-limit": "11.0.0",
     "ts-jest-resolver": "2.0.1",
     "typescript": "5.2.2"

package/lib/helpers/getDataWithoutNestedAnchors.d.ts

@@ -1,3 +0,0 @@
-import type { TemplateExecutor } from 'lodash';
-import type { Header } from '../types.js';
-export declare const getDataWithoutNestedAnchors: (data: Header, headerTemplate: TemplateExecutor) => string;

package/lib/helpers/getDataWithoutNestedAnchors.js

@@ -1,36 +0,0 @@
-const parser = new DOMParser();
-const hasAnchorTagsInHeader = (data) => {
-    const doc = parser.parseFromString(data.all, 'text/html');
-    // Extract any existing anchor tags from the header variable
-    const anchorElement = doc.querySelector('a');
-    return anchorElement?.outerHTML;
-};
-export const getDataWithoutNestedAnchors = (data, headerTemplate) => {
-    const results = headerTemplate(data);
-    if (!hasAnchorTagsInHeader(data)) {
-        return headerTemplate(data);
-    }
-    const doc = parser.parseFromString(results, 'text/xml');
-    // get Toc pointer anchor node
-    const firstAnchorElement = doc.querySelector(`a[href="#${data.anchor}"]`);
-    const parentNode = firstAnchorElement?.parentElement;
-    // EDGECASE - other anchors in this header
-    const otherAnchorElements = doc?.querySelectorAll(`a:not([href="#${data.anchor}"]):empty`);
-    if (otherAnchorElements && otherAnchorElements?.length > 0) {
-        otherAnchorElements.forEach(node => {
-            node.remove();
-        });
-    }
-    // get all content nodes from Toc pointer anchor node
-    const contentArray = Array.from(firstAnchorElement?.childNodes ?? []);
-    // remove all content nodes from Toc pointer anchor node
-    contentArray.forEach(node => {
-        firstAnchorElement?.removeChild(node);
-    });
-    if (firstAnchorElement) {
-        firstAnchorElement.innerHTML = '<wbr/>';
-    }
-    const newContentArray = [firstAnchorElement, ...contentArray];
-    parentNode?.replaceChildren(...newContentArray);
-    return parentNode?.outerHTML || results;
-};