palt-typesetting 0.2.1 → 0.5.0

package/dist/apply-style.d.ts

@@ -1,5 +1,6 @@
-import { TypesettingOptions } from './types';
+import { TypesettingOptions } from '../types';
 declare const applyStyleToText: (currentNodeValue: string, nextNodeValue: string, options: TypesettingOptions) => string;
 declare const applyStyleToSegment: (currentSegment: string, nextSegment: string, options: TypesettingOptions) => string;
-export { applyStyleToText, applyStyleToSegment };
+declare const applyKerningToSegment: (currentSegment: string, nextSegment: string, options: TypesettingOptions) => string;
+export { applyStyleToText, applyStyleToSegment, applyKerningToSegment };
 //# sourceMappingURL=apply-style.d.ts.map

package/dist/apply-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-style.d.ts","sourceRoot":"","sources":["../src/apply-style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAQ5C,QAAA,MAAM,gBAAgB,qBAAsB,MAAM,iBAAiB,MAAM,WAAW,kBAAkB,KAAG,MAOxG,CAAA;AAUD,QAAA,MAAM,mBAAmB,mBAAoB,MAAM,eAAe,MAAM,WAAW,kBAAkB,KAAG,MAmBvG,CAAA;AA8BD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"apply-style.d.ts","sourceRoot":"","sources":["../src/apply-style.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAQ7C,QAAA,MAAM,gBAAgB,qBAAsB,MAAM,iBAAiB,MAAM,WAAW,kBAAkB,KAAG,MAOxG,CAAA;AAUD,QAAA,MAAM,mBAAmB,mBAAoB,MAAM,eAAe,MAAM,WAAW,kBAAkB,KAAG,MAiBvG,CAAA;AAUD,QAAA,MAAM,qBAAqB,mBAAoB,MAAM,eAAe,MAAM,WAAW,kBAAkB,KAAG,MAmBzG,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/apply-style.js

@@ -1,40 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyStyleToSegment = exports.applyStyleToText = void 0;
-const utils_text_classes_1 = require("./utils-text-classes");
-const utils_tags_1 = require("./utils-tags");
+import { isBreakable } from "./insert-separators";
+import { CharClass, LanguageClass } from "./util-text-classes";
+import { applyWrapperStyle, applyLatinStyle, applyNoBreaksStyle, createKerning } from "./util-tags";
+import * as util from "./util-regex";
 const applyStyleToText = (currentNodeValue, nextNodeValue, options) => {
-    if (currentNodeValue === ' ') {
-        return currentNodeValue;
-    }
-    return (0, utils_tags_1.applyWrapperStyle)(currentNodeValue, options.classNamePrefix, options.useWordBreak);
+  if (currentNodeValue === " ") {
+    return currentNodeValue;
+  }
+  return applyWrapperStyle(currentNodeValue, options.useWordBreak);
 };
-exports.applyStyleToText = applyStyleToText;
 const applyStyleToSegment = (currentSegment, nextSegment, options) => {
-    if (currentSegment === ' ') {
-        return currentSegment;
-    }
-    const kernedSegment = applyKerningToSegment(currentSegment, nextSegment, options);
-    if (options.wrapLatin && utils_text_classes_1.LanguageClass.isLatin(currentSegment)) {
-        return (0, utils_tags_1.applyLatinStyle)(kernedSegment, options.classNamePrefix);
-    }
-    if (options.noSpaceBetweenNoBreaks && utils_text_classes_1.CharClass.shouldNotBreak(currentSegment)) {
-        return (0, utils_tags_1.applyNoBreakStyle)(kernedSegment, options.classNamePrefix);
-    }
-    return kernedSegment;
+  if (currentSegment === " ") {
+    return currentSegment;
+  }
+  if (options.wrapLatin && LanguageClass.isLatin(currentSegment)) {
+    return currentSegment.replace(util.latinRegex, (match) => applyLatinStyle(match));
+  }
+  if (options.noSpaceBetweenNoBreaks && CharClass.shouldNotBreak(currentSegment)) {
+    return currentSegment.replace(util.noBreakRulesRegex, (match) => applyNoBreaksStyle(match));
+  }
+  return currentSegment;
 };
-exports.applyStyleToSegment = applyStyleToSegment;
 const applyKerningToSegment = (currentSegment, nextSegment, options) => {
-    const chars = [...currentSegment];
-    const kernedChars = chars.map((currentChar, i) => {
-        const nextChar = chars[i + 1] || nextSegment[0] || '';
-        const kerningRule = options.kerningRules.find(rule => rule.between[0] === currentChar && rule.between[1] === nextChar);
-        if (kerningRule) {
-            const kerningValue = typeof kerningRule.value === 'number' ? kerningRule.value : parseInt(kerningRule.value, 10);
-            return currentChar + (0, utils_tags_1.createKerningSpan)(kerningValue, options.classNamePrefix);
-        }
-        return currentChar;
-    });
-    return kernedChars.join('');
+  const chars = [...currentSegment];
+  const kernedChars = chars.map((currentChar, i) => {
+    const nextChar = chars[i + 1] || nextSegment[0] || "";
+    const kerningRule = options.kerningRules.find(
+      (rule) => rule.between[0] === currentChar && rule.between[1] === nextChar
+    );
+    if (kerningRule) {
+      const kerningValue = typeof kerningRule.value === "number" ? kerningRule.value : parseInt(kerningRule.value, 10);
+      const breakable = options.useWordBreak ? false : isBreakable(currentChar, nextChar);
+      return currentChar + createKerning(kerningValue, breakable);
+    }
+    return currentChar;
+  });
+  return kernedChars.join("");
+};
+export {
+  applyKerningToSegment,
+  applyStyleToSegment,
+  applyStyleToText
 };
-//# sourceMappingURL=apply-style.js.map

package/dist/html-processor.d.ts

@@ -1,4 +1,4 @@
-import type { TransformFunction, TypesettingOptions } from './types';
+import type { TransformFunction, TypesettingOptions } from '../types';
 declare class HTMLProcessor {
     private transformFunctions;
     private options;

package/dist/html-processor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-processor.d.ts","sourceRoot":"","sources":["../src/html-processor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAOpE,cAAM,aAAa;IACjB,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,OAAO,CAAoB;gBAEvB,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,OAAO,EAAE,kBAAkB;IAahF,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAmBjD,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,WAAW,CASlB;CACF;AAQD,QAAA,MAAM,eAAe,SAAU,MAAM,aAEpC,CAAA;AAQD,QAAA,MAAM,YAAY,YAAa,WAAW,KAAG,IAAI,EAahD,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"html-processor.d.ts","sourceRoot":"","sources":["../src/html-processor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOrE,cAAM,aAAa;IACjB,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,OAAO,CAAoB;gBAEvB,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,OAAO,EAAE,kBAAkB;IAahF,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAmBjD,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,WAAW,CASlB;CACF;AAQD,QAAA,MAAM,eAAe,SAAU,MAAM,aAEpC,CAAA;AAQD,QAAA,MAAM,YAAY,YAAa,WAAW,KAAG,IAAI,EAahD,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/html-processor.js

@@ -1,64 +1,97 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextNodes = exports.parseFromString = void 0;
-const win_1 = __importDefault(require("./win"));
+import win from "./win";
 class HTMLProcessor {
-    constructor(transformFunctions, options) {
-        this.replaceNode = (node, transformedHtml) => {
-            const range = win_1.default.document.createRange();
-            range.selectNode(node);
-            const fragment = range.createContextualFragment(transformedHtml);
-            if (node.parentNode) {
-                node.parentNode.insertBefore(fragment, node);
-                node.parentNode.removeChild(node);
-            }
-        };
-        this.transformFunctions = transformFunctions;
-        this.options = options;
-    }
-    processHtmlWithFunctions(srcHtml) {
-        if (srcHtml === '') {
-            return srcHtml;
-        }
-        return this.transformFunctions.reduce((currentHtml, transformFunction) => this.processHtml(currentHtml, transformFunction), srcHtml);
+  constructor(transformFunctions, options) {
+    /**
+     * 指定されたノードを、新しいHTMLコンテンツで置き換えます。
+     *
+     * @param node - 置き換えるノード。
+     * @param transformedHtml - ノードに挿入される変換後のHTMLコンテンツ。
+     */
+    this.replaceNode = (node, transformedHtml) => {
+      const range = win.document.createRange();
+      range.selectNode(node);
+      const fragment = range.createContextualFragment(transformedHtml);
+      if (node.parentNode) {
+        node.parentNode.insertBefore(fragment, node);
+        node.parentNode.removeChild(node);
+      }
+    };
+    this.transformFunctions = transformFunctions;
+    this.options = options;
+  }
+  /**
+   * 与えられたHTML文字列に対して、指定された変換関数の配列を順番に適用し、
+   * 変換されたHTMLを生成します。
+   *
+   * @param srcHtml - 変換を適用する元のHTML文字列。
+   * @param functions - 順番に適用する変換関数の配列。
+   * @return 変換後のHTML文字列。
+   */
+  processHtmlWithFunctions(srcHtml) {
+    if (srcHtml === "") {
+      return srcHtml;
     }
-    processHtml(html, transformFunction) {
-        if (html === '') {
-            return html;
-        }
-        const doc = parseFromString(html);
-        const textNodes = getTextNodes(doc.body);
-        textNodes.forEach((currentNode, index) => {
-            const nextNode = textNodes[index + 1] || null;
-            const transformedHtml = this.getTransformedHtml(currentNode, nextNode, transformFunction);
-            this.replaceNode(currentNode, transformedHtml);
-        });
-        return doc.body.innerHTML;
-    }
-    getTransformedHtml(currentNode, nextNode, transformFunction) {
-        const transformedHtml = transformFunction(currentNode.nodeValue || '', nextNode ? nextNode.nodeValue || '' : '', this.options);
-        return transformedHtml;
+    return this.transformFunctions.reduce(
+      (currentHtml, transformFunction) => this.processHtml(currentHtml, transformFunction),
+      srcHtml
+    );
+  }
+  /**
+   * HTML文字列を解析し、特定の変換関数を使用してその内容を変換し、
+   * 変換されたHTMLを文字列として返します。
+   *
+   * @param html - 解析および変換するHTML文字列。
+   * @param transformFunction - 各テキストノードに適用される変換関数。
+   * @return 変換後のHTML内容を含む文字列。テキストが空の場合は、そのまま返されます。
+   */
+  processHtml(html, transformFunction) {
+    if (html === "") {
+      return html;
     }
+    const doc = parseFromString(html);
+    const textNodes = getTextNodes(doc.body);
+    textNodes.forEach((currentNode, index) => {
+      const nextNode = textNodes[index + 1] || null;
+      const transformedHtml = this.getTransformedHtml(currentNode, nextNode, transformFunction);
+      this.replaceNode(currentNode, transformedHtml);
+    });
+    return doc.body.innerHTML;
+  }
+  /**
+   * 与えられたノードと、その次のノードに基づいて変換されたHTMLを生成します。
+   *
+   * @param currentNode - 現在のノード。
+   * @param nextNode - 次のノード、または存在しない場合は null。
+   * @param transformFunction - ノードの値を変換するための関数。
+   * @return 変換されたHTMLコンテンツを含む文字列。
+   */
+  getTransformedHtml(currentNode, nextNode, transformFunction) {
+    const transformedHtml = transformFunction(
+      currentNode.nodeValue || "",
+      nextNode ? nextNode.nodeValue || "" : "",
+      this.options
+    );
+    return transformedHtml;
+  }
 }
 const parseFromString = (html) => {
-    return new win_1.default.DOMParser().parseFromString(html, 'text/html');
+  return new win.DOMParser().parseFromString(html, "text/html");
 };
-exports.parseFromString = parseFromString;
 const getTextNodes = (element) => {
-    const walk = win_1.default.document.createTreeWalker(element, win_1.default.NodeFilter.SHOW_TEXT);
-    let textNode = walk.nextNode();
-    const textNodes = [];
-    while (textNode) {
-        if (textNode.nodeValue && textNode.nodeValue.trim() !== '') {
-            textNodes.push(textNode);
-        }
-        textNode = walk.nextNode();
+  const walk = win.document.createTreeWalker(element, win.NodeFilter.SHOW_TEXT);
+  let textNode = walk.nextNode();
+  const textNodes = [];
+  while (textNode) {
+    if (textNode.nodeValue && textNode.nodeValue.trim() !== "") {
+      textNodes.push(textNode);
     }
-    return textNodes;
+    textNode = walk.nextNode();
+  }
+  return textNodes;
+};
+var html_processor_default = HTMLProcessor;
+export {
+  html_processor_default as default,
+  getTextNodes,
+  parseFromString
 };
-exports.getTextNodes = getTextNodes;
-exports.default = HTMLProcessor;
-//# sourceMappingURL=html-processor.js.map

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import HTMLProcessor from './html-processor';
-import type { TypesettingOptions } from './types';
+import type { TypesettingOptions } from '../types';
 declare class Typesetter extends HTMLProcessor {
-    static defaultOptions: TypesettingOptions;
+    static getDefaultOptions(): TypesettingOptions;
     private isIntlSegmenterSupported;
     constructor(options?: Partial<TypesettingOptions>);
     private static validateOptions;
@@ -11,4 +11,5 @@ declare class Typesetter extends HTMLProcessor {
     renderToSelector(selector: string | null): void;
 }
 export default Typesetter;
+export type { TypesettingOptions, KerningRule } from '../types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAe,MAAM,SAAS,CAAA;AAM9D,cAAM,UAAW,SAAQ,aAAa;IAIpC,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAQxC;IAKD,OAAO,CAAC,wBAAwB,CAAS;gBAE7B,OAAO,GAAE,OAAO,CAAC,kBAAkB,CAAM;IA2BrD,OAAO,CAAC,MAAM,CAAC,eAAe;IAkB9B,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAiBjC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAc/B,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,GAAG,IAAI;IAqB5D,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAQhD;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAe,MAAM,UAAU,CAAA;AAM/D,cAAM,UAAW,SAAQ,aAAa;IAIpC,MAAM,CAAC,iBAAiB,IAAI,kBAAkB;IAc9C,OAAO,CAAC,wBAAwB,CAAS;gBAE7B,OAAO,GAAE,OAAO,CAAC,kBAAkB,CAAM;IA2BrD,OAAO,CAAC,MAAM,CAAC,eAAe;IAkB9B,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAiBjC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAc/B,gBAAgB,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,GAAG,IAAI;IAqB5D,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAQhD;AAED,eAAe,UAAU,CAAA;AACzB,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -1,73 +1,109 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const html_processor_1 = __importDefault(require("./html-processor"));
-const insert_separators_1 = __importDefault(require("./insert-separators"));
-const apply_style_1 = require("./apply-style");
-const win_1 = __importDefault(require("./win"));
-class Typesetter extends html_processor_1.default {
-    constructor(options = {}) {
-        const transformFunctions = [apply_style_1.applyStyleToText, insert_separators_1.default, apply_style_1.applyStyleToSegment];
-        const validatedOptions = Typesetter.validateOptions(options);
-        super(transformFunctions, validatedOptions);
-        this.isIntlSegmenterSupported = typeof Intl.Segmenter !== 'undefined';
-        if (!this.isIntlSegmenterSupported) {
-            console.warn(`
+import HTMLProcessor from "./html-processor";
+import insertSeparatorsToText from "./insert-separators";
+import { applyStyleToText, applyStyleToSegment, applyKerningToSegment } from "./apply-style";
+import win from "./win";
+class Typesetter extends HTMLProcessor {
+  /**
+   * Typesetter のデフォルトの設定を返します。
+   */
+  static getDefaultOptions() {
+    return {
+      useWordBreak: true,
+      wrapLatin: true,
+      noSpaceBetweenNoBreaks: true,
+      insertThinSpaces: true,
+      thinSpaceWidth: "0.2em",
+      kerningRules: []
+    };
+  }
+  constructor(options = {}) {
+    const transformFunctions = [applyStyleToText, insertSeparatorsToText, applyStyleToSegment, applyKerningToSegment];
+    const validatedOptions = Typesetter.validateOptions(options);
+    super(transformFunctions, validatedOptions);
+    this.isIntlSegmenterSupported = typeof Intl.Segmenter !== "undefined";
+    if (!this.isIntlSegmenterSupported) {
+      console.warn(`
         Intl.Segmenter is not supported in this environment. 
         The original HTML string will be returned. 
         For more information, see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter
         `);
-        }
     }
-    static validateOptions(options) {
-        if (options.kerningRules) {
-            options.kerningRules = options.kerningRules.filter(Typesetter.isValidKerningRule);
-        }
-        return Object.assign(Object.assign({}, Typesetter.defaultOptions), options);
+  }
+  /**
+   * 与えられたオプションを検証し、修正されたオプションを返します。
+   *
+   * @param options - 検証するオプション。
+   * @return 修正されたオプション。
+   */
+  static validateOptions(options) {
+    if (options.kerningRules) {
+      options.kerningRules = options.kerningRules.filter(Typesetter.isValidKerningRule);
+    }
+    return {
+      ...Typesetter.getDefaultOptions(),
+      ...options
+    };
+  }
+  /**
+   * カーニングルールが適切かどうかを検証します。
+   *
+   * @param kerningRule - 検証するカーニングルール。
+   * @return ルールが有効な場合はtrue、そうでない場合はfalse。
+   */
+  static isValidKerningRule(kerningRule) {
+    if (kerningRule.between[0].length !== 1 || kerningRule.between[1].length !== 1) {
+      console.warn(
+        `Kerning rule between '${kerningRule.between[0]}' and '${kerningRule.between[1]}' must be single characters.`
+      );
+      return false;
     }
-    static isValidKerningRule(kerningRule) {
-        if (kerningRule.between[0].length !== 1 || kerningRule.between[1].length !== 1) {
-            console.warn(`Kerning rule between '${kerningRule.between[0]}' and '${kerningRule.between[1]}' must be single characters.`);
-            return false;
-        }
-        return true;
+    return true;
+  }
+  /**
+   * 与えられたHTML文字列を処理し、指定されたスタイルと区切り文字を適用した結果を返します。
+   *
+   * @param srcHtml - 処理するHTML文字列。
+   * @return 処理後のHTML文字列。
+   */
+  render(srcHtml) {
+    if (!this.isIntlSegmenterSupported || !srcHtml) {
+      return srcHtml;
     }
-    render(srcHtml) {
-        if (!this.isIntlSegmenterSupported || !srcHtml) {
-            return srcHtml;
-        }
-        return this.processHtmlWithFunctions(srcHtml);
+    return this.processHtmlWithFunctions(srcHtml);
+  }
+  /**
+   * 与えられたElementまたはElementの配列に対して、スタイルと区切り文字を適用します。
+   * 各要素のinnerHTMLを取得し、変換処理を適用した後、変換されたHTMLで元の内容を置き換えます。
+   *
+   * @param elements - スタイルを適用するElementまたはHTMLElementの配列。
+   */
+  renderToElements(elements) {
+    if (!this.isIntlSegmenterSupported || !elements) {
+      return;
     }
-    renderToElements(elements) {
-        if (!this.isIntlSegmenterSupported || !elements) {
-            return;
-        }
-        if (!Array.isArray(elements)) {
-            elements = [elements];
-        }
-        elements.forEach(element => {
-            const processedHtml = this.render(element.innerHTML);
-            element.innerHTML = processedHtml;
-        });
+    if (!Array.isArray(elements)) {
+      elements = [elements];
     }
-    renderToSelector(selector) {
-        if (!this.isIntlSegmenterSupported || !selector) {
-            return;
-        }
-        const elements = win_1.default.document.querySelectorAll(selector);
-        this.renderToElements(Array.from(elements));
+    elements.forEach((element) => {
+      const processedHtml = this.render(element.innerHTML);
+      element.innerHTML = processedHtml;
+    });
+  }
+  /**
+   * 指定されたCSSセレクタに一致するすべての要素にスタイルを適用します。
+   * document.querySelectorAllを使用して要素を取得し、それぞれに対してスタイル適用処理を行います。
+   *
+   * @param selector - スタイルを適用する要素を選択するCSSセレクタ。
+   */
+  renderToSelector(selector) {
+    if (!this.isIntlSegmenterSupported || !selector) {
+      return;
     }
+    const elements = win.document.querySelectorAll(selector);
+    this.renderToElements(Array.from(elements));
+  }
 }
-Typesetter.defaultOptions = {
-    classNamePrefix: 'typeset',
-    useWordBreak: true,
-    wrapLatin: true,
-    noSpaceBetweenNoBreaks: true,
-    insertThinSpaces: true,
-    thinSpaceWidth: '50%',
-    kerningRules: [],
+var src_default = Typesetter;
+export {
+  src_default as default
 };
-exports.default = Typesetter;
-//# sourceMappingURL=index.js.map

package/dist/insert-separators.d.ts

@@ -1,9 +1,9 @@
-import { TypesettingOptions } from './types';
+import { TypesettingOptions } from '../types';
 declare const insertSeparatorsToText: (currentText: string, nextText: string, options: TypesettingOptions) => string;
 declare const createSegments: (src: string) => string[];
 declare const addSeparatorsToSegment: (current: string, next: string | undefined, options: TypesettingOptions) => string;
-declare const shouldAddWbr: (current: string, next: string) => boolean | null;
 declare const shouldAddThinSpace: (current: string, next: string) => boolean;
+declare const isBreakable: (current: string, next: string) => boolean;
 export default insertSeparatorsToText;
-export { createSegments, addSeparatorsToSegment, shouldAddWbr, shouldAddThinSpace };
+export { createSegments, addSeparatorsToSegment, shouldAddThinSpace, isBreakable };
 //# sourceMappingURL=insert-separators.d.ts.map

package/dist/insert-separators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insert-separators.d.ts","sourceRoot":"","sources":["../src/insert-separators.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAQ5C,QAAA,MAAM,sBAAsB,gBAAiB,MAAM,YAAY,MAAM,WAAW,kBAAkB,KAAG,MAWpG,CAAA;AAOD,QAAA,MAAM,cAAc,QAAS,MAAM,KAAG,MAAM,EAG3C,CAAA;AAQD,QAAA,MAAM,sBAAsB,YAAa,MAAM,qCAAsB,kBAAkB,KAAG,MAUzF,CAAA;AAQD,QAAA,MAAM,YAAY,YAAa,MAAM,QAAQ,MAAM,KAAG,OAAO,GAAG,IAK/D,CAAA;AAQD,QAAA,MAAM,kBAAkB,YAAa,MAAM,QAAQ,MAAM,KAAG,OAE3D,CAAA;AAED,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"insert-separators.d.ts","sourceRoot":"","sources":["../src/insert-separators.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAQ7C,QAAA,MAAM,sBAAsB,gBAAiB,MAAM,YAAY,MAAM,WAAW,kBAAkB,KAAG,MAWpG,CAAA;AAOD,QAAA,MAAM,cAAc,QAAS,MAAM,KAAG,MAAM,EAG3C,CAAA;AAQD,QAAA,MAAM,sBAAsB,YAAa,MAAM,qCAAsB,kBAAkB,KAAG,MAezF,CAAA;AAQD,QAAA,MAAM,kBAAkB,YAAa,MAAM,QAAQ,MAAM,KAAG,OAE3D,CAAA;AAQD,QAAA,MAAM,WAAW,YAAa,MAAM,QAAQ,MAAM,KAAG,OAKpD,CAAA;AAED,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAA"}

package/dist/insert-separators.js

@@ -1,47 +1,47 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldAddThinSpace = exports.shouldAddWbr = exports.addSeparatorsToSegment = exports.createSegments = void 0;
-const linebreak_1 = __importDefault(require("linebreak"));
-const utils_text_classes_1 = require("./utils-text-classes");
-const utils_tags_1 = require("./utils-tags");
+import LineBreaker from "linebreak";
+import { CharClass, LanguageClass } from "./util-text-classes";
+import { createWbr, createThinSpace } from "./util-tags";
 const insertSeparatorsToText = (currentText, nextText, options) => {
-    const currentSegments = createSegments(currentText);
-    const nextSegments = createSegments(nextText);
-    const formattedText = currentSegments.reduce((accumulatedText, segment, index, array) => {
-        const current = segment;
-        const next = array[index + 1] || nextSegments[0];
-        return accumulatedText + addSeparatorsToSegment(current, next, options);
-    }, '');
-    return formattedText;
+  const currentSegments = createSegments(currentText);
+  const nextSegments = createSegments(nextText);
+  const formattedText = currentSegments.reduce((accumulatedText, segment, index, array) => {
+    const current = segment;
+    const next = array[index + 1] || nextSegments[0];
+    return accumulatedText + addSeparatorsToSegment(current, next, options);
+  }, "");
+  return formattedText;
 };
 const createSegments = (src) => {
-    const segmenter = new Intl.Segmenter('ja-JP', { granularity: 'word' });
-    return Array.from(segmenter.segment(src), ({ segment }) => segment);
-};
-exports.createSegments = createSegments;
-const addSeparatorsToSegment = (current, next = '', options) => {
-    if (!next)
-        return current;
-    const addWbr = options.useWordBreak && shouldAddWbr(current, next);
-    const addSpace = options.insertThinSpaces && shouldAddThinSpace(current, next);
-    return (current +
-        (addSpace ? (0, utils_tags_1.createThinSpaceSpan)(options.thinSpaceWidth, options.classNamePrefix) : '') +
-        (addWbr ? utils_tags_1.wbr : ''));
+  const segmenter = new Intl.Segmenter("ja-JP", { granularity: "word" });
+  return Array.from(segmenter.segment(src), ({ segment }) => segment);
 };
-exports.addSeparatorsToSegment = addSeparatorsToSegment;
-const shouldAddWbr = (current, next) => {
-    const combinedText = current.slice(-1) + next.slice(0, 1);
-    const lb = new linebreak_1.default(combinedText);
-    const breakOpportunity = lb.nextBreak();
-    return breakOpportunity && breakOpportunity.position === 1;
+const addSeparatorsToSegment = (current, next = "", options) => {
+  if (!next)
+    return current;
+  const addThinSpace = options.insertThinSpaces && shouldAddThinSpace(current, next);
+  const breakable = isBreakable(current, next);
+  if (addThinSpace) {
+    return current + createThinSpace(options.thinSpaceWidth, breakable);
+  }
+  if (options.useWordBreak && breakable) {
+    return current + createWbr();
+  }
+  return current;
 };
-exports.shouldAddWbr = shouldAddWbr;
 const shouldAddThinSpace = (current, next) => {
-    return utils_text_classes_1.LanguageClass.shouldAddThinSpace(current, next) || utils_text_classes_1.CharClass.shouldAddThinSpace(current, next);
+  return LanguageClass.shouldAddThinSpace(current, next) || CharClass.shouldAddThinSpace(current, next);
+};
+const isBreakable = (current, next) => {
+  const combinedText = current.slice(-1) + next.slice(0, 1);
+  const lb = new LineBreaker(combinedText);
+  const breakOpportunity = lb.nextBreak();
+  return breakOpportunity ? breakOpportunity.position === 1 : false;
+};
+var insert_separators_default = insertSeparatorsToText;
+export {
+  addSeparatorsToSegment,
+  createSegments,
+  insert_separators_default as default,
+  isBreakable,
+  shouldAddThinSpace
 };
-exports.shouldAddThinSpace = shouldAddThinSpace;
-exports.default = insertSeparatorsToText;
-//# sourceMappingURL=insert-separators.js.map

package/dist/style/typesetting.css

@@ -0,0 +1,40 @@
+@font-face {
+  /* 
+   * カスタムフォント: 1/10000 UPM 幅の Space と No-Break Space を定義。
+   * 注意：完全なゼロ幅スペースを使用すると、Safari では letter-spacing が無視される。
+   * @sharapeco による貢献に感謝します。{@link https://gist.github.com/sharapeco/1dd7f4433dad07648e1325e1fa5926ee}
+   */
+  font-family: ling-one;
+  src: url('data:font/woff2;base64,AAEAAAAKAIAAAwAgT1MvMhG03xcAAAEoAAAAYGNtYXAADABzAAABkAAAADRnbHlmJAM2GwAAAcwAAAAYaGVhZCLbfFwAAACsAAAANmhoZWEnEvkrAAAA5AAAACRobXR4AAEAAAAAAYgAAAAIbG9jYQAMABgAAAHEAAAACG1heHAAcQAiAAABCAAAACBuYW1lBbsdPAAAAeQAAACKcG9zdHQrY6cAAAJwAAAALQABAAAAAQAAsWqD8F8PPPUAAycQAAAAAOHcugAAAAAA4edeTwAAAAAAAQABAAAABwACAAAAAAAAAAEAACcQ+DAAAAB9AAAAfAABAAEAAAAAAAAAAAAAAAAAAAABAAEAAAADAAMAAQAAAAAAAQACAB4ABgAAAGQAAAAAAAAAAwB9AZAABQAIGWQXcAAAAu4ZZBdwAAANrAAyC7gAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAc3N6bQBAACAAIB9A+DAH0CcQB9AAAAABAAAAABOIG1gAAAAgAAAAAQAAAAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAIAAAAAQABAABAAAAIP//AAAAIP///+EAAQAAAAAAAAAMAAwADAABAAAAAAABAAEAAgAANRcjAQEBAQAAAAAAAAYATgADAAEECQABAAgAAAADAAEECQACAAIACAADAAEECQADAB4ACgADAAEECQAEAAwAKAADAAEECQAFAAgANAADAAEECQAGAAwAKABMAGkAbgBnADEAMQAuADAAOwBzAHMAegBtADsATABpAG4AZwAtADEATABpAG4AZwAtADEAdgAxAC4AMAAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAMBAgRuYnNwAAAA')
+    format('woff2');
+}
+
+/* 
+ * Safari のリーダーモード対応
+ * See: {@link https://github.com/yamatoiizuka/palt-typesetting/issues/96}
+ */
+.typeset wbr {
+  visibility: hidden;
+}
+
+.typeset-word-break {
+  word-break: keep-all;
+  overflow-wrap: anywhere;
+}
+
+.typeset-thin-space,
+.typeset-kerning {
+  letter-spacing: 0; /* 親要素から継承される letter-spacing の影響を無視します。 */
+  user-select: none; /* ユーザーによるテキストのコピーを無効にします。 */
+}
+
+.typeset-thin-space::after,
+.typeset-kerning::after {
+  content: attr(data-content); /* Space または No-Break Space */
+  font-family: ling-one; /* カスタムフォントのスペースを使用します。 */
+  line-height: 0; /* 空白による行の高さの影響を無視します。 */
+}
+
+.typeset-no-breaks {
+  letter-spacing: 0; /* 親要素から継承される letter-spacing の影響を無視します。 */
+}

package/dist/{utils-regex.d.ts → util-regex.d.ts}

@@ -3,5 +3,7 @@ export declare const japaneseRegex: RegExp;
 export declare const openingsRegex: RegExp;
 export declare const closingsRegex: RegExp;
 export declare const middleDotsRegex: RegExp;
+export declare const commasRegex: RegExp;
+export declare const periodsRegex: RegExp;
 export declare const noBreakRulesRegex: RegExp;
-//# sourceMappingURL=utils-regex.d.ts.map
+//# sourceMappingURL=util-regex.d.ts.map

package/dist/util-regex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util-regex.d.ts","sourceRoot":"","sources":["../src/util-regex.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,QAC4E,CAAA;AAKnG,eAAO,MAAM,aAAa,QAAwD,CAAA;AAKlF,eAAO,MAAM,aAAa,QAA8B,CAAA;AAKxD,eAAO,MAAM,aAAa,QAA8B,CAAA;AAKxD,eAAO,MAAM,eAAe,QAAU,CAAA;AAKtC,eAAO,MAAM,WAAW,QAAQ,CAAA;AAKhC,eAAO,MAAM,YAAY,QAAQ,CAAA;AAKjC,eAAO,MAAM,iBAAiB,QAE7B,CAAA"}