@pallasoft/ps-core-components 2.40.0 → 2.41.0

package/dist/components/ps-linked-text.d.ts

@@ -0,0 +1,5 @@
+export interface PsLinkedTextProps {
+    linkClassName?: string;
+    text: string;
+}
+export declare const PsLinkedText: ({ linkClassName, text, }: PsLinkedTextProps) => import("react").JSX.Element;

package/dist/components/ps-linked-text.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkedText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_linked_text_link_rel_1 = require("../constants/ps-linked-text-link-rel");
+const ps_portable_text_link_class_name_1 = require("../constants/ps-portable-text-link-class-name");
+const ps_text_link_service_1 = require("../services/ps-text-link-service");
+const PsLinkedText = ({ linkClassName = ps_portable_text_link_class_name_1.PsPortableTextLinkClassName, text, }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ps_text_link_service_1.PsTextLinkService.segments(text).map((segment, index) => segment.href === null ? ((0, jsx_runtime_1.jsx)("span", { children: segment.text }, index)) : ((0, jsx_runtime_1.jsx)("a", { className: linkClassName, href: segment.href, rel: ps_linked_text_link_rel_1.PsLinkedTextLinkRel, target: '_blank', children: segment.text }, index))) }));
+exports.PsLinkedText = PsLinkedText;

package/dist/components/ps-portable-text.js

@@ -4,13 +4,19 @@ exports.PsPortableText = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ps_design_system_1 = require("@pallasoft/ps-design-system");
 const react_1 = require("@portabletext/react");
-const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', containerStyles = {}, headerClasses = 'text-ink', isLargeBodyFont = false, linkClassName = 'text-primary underline', LinkComponent = 'a', listClasses = 'text-ink', text, }) => {
+const ps_linked_text_link_rel_1 = require("../constants/ps-linked-text-link-rel");
+const ps_portable_text_auto_link_type_1 = require("../constants/ps-portable-text-auto-link-type");
+const ps_portable_text_link_class_name_1 = require("../constants/ps-portable-text-link-class-name");
+const ps_text_wrap_class_name_1 = require("../constants/ps-text-wrap-class-name");
+const ps_portable_text_link_service_1 = require("../services/ps-portable-text-link-service");
+const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', containerStyles = {}, headerClasses = 'text-ink', isLargeBodyFont = false, linkClassName = ps_portable_text_link_class_name_1.PsPortableTextLinkClassName, LinkComponent = 'a', listClasses = 'text-ink', text, }) => {
     const hasContainerStyles = Object.keys(containerStyles).length > 0;
     const getBodyClass = hasContainerStyles ? '' : bodyClasses;
     const getHeaderClass = hasContainerStyles ? '' : headerClasses;
     const getListClass = hasContainerStyles ? '' : listClasses;
     const components = {
         marks: {
+            [ps_portable_text_auto_link_type_1.PsPortableTextAutoLinkType]: ({ children, value }) => ((0, jsx_runtime_1.jsx)("a", { href: value.href, target: '_blank', rel: ps_linked_text_link_rel_1.PsLinkedTextLinkRel, className: linkClassName, children: children })),
             link: ({ children, value }) => {
                 const rel = !value.href.startsWith('/') ? 'noreferrer noopener' : undefined;
                 return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: value.href, rel: rel, className: linkClassName, "aria-label": value.children, children: children }));
@@ -21,11 +27,11 @@ const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', conta
             number: ({ children }) => (0, jsx_runtime_1.jsx)("ol", { className: 'mb-3 mt-1 list-decimal ml-4', children: children }),
         },
         listItem: {
-            bullet: ({ children }) => ((0, jsx_runtime_1.jsx)("li", { className: ps_design_system_1.PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', getListClass), children: children })),
-            number: ({ children }) => ((0, jsx_runtime_1.jsx)("li", { className: ps_design_system_1.PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', getListClass), children: children })),
+            bullet: ({ children }) => ((0, jsx_runtime_1.jsx)("li", { className: ps_design_system_1.PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', ps_text_wrap_class_name_1.PsTextWrapClassName, getListClass), children: children })),
+            number: ({ children }) => ((0, jsx_runtime_1.jsx)("li", { className: ps_design_system_1.PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', ps_text_wrap_class_name_1.PsTextWrapClassName, getListClass), children: children })),
         },
         block: {
-            normal: ({ children }) => ((0, jsx_runtime_1.jsx)("p", { className: ps_design_system_1.PallasoftClassNameService.merge(isLargeBodyFont ? 'text-body-1' : 'text-body-2', 'whitespace-pre-line', getBodyClass), children: children })),
+            normal: ({ children }) => ((0, jsx_runtime_1.jsx)("p", { className: ps_design_system_1.PallasoftClassNameService.merge(isLargeBodyFont ? 'text-body-1' : 'text-body-2', 'whitespace-pre-line', ps_text_wrap_class_name_1.PsTextWrapClassName, getBodyClass), children: children })),
             h2: ({ children }) => ((0, jsx_runtime_1.jsx)("h2", { className: ps_design_system_1.PallasoftClassNameService.merge('text-header-1 py-2', getHeaderClass), children: children })),
             h3: ({ children }) => ((0, jsx_runtime_1.jsx)("h3", { className: ps_design_system_1.PallasoftClassNameService.merge('text-header-2 py-2', getHeaderClass), children: children })),
             h4: ({ children }) => ((0, jsx_runtime_1.jsx)("h4", { className: ps_design_system_1.PallasoftClassNameService.merge('text-header-3 py-2', getHeaderClass), children: children })),
@@ -33,6 +39,6 @@ const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', conta
             h6: ({ children }) => ((0, jsx_runtime_1.jsx)("h6", { className: ps_design_system_1.PallasoftClassNameService.merge('text-header-4 py-1', getHeaderClass), children: children })),
         },
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: containerClasses, style: containerStyles, children: (0, jsx_runtime_1.jsx)(react_1.PortableText, { value: text, components: components }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: containerClasses, style: containerStyles, children: (0, jsx_runtime_1.jsx)(react_1.PortableText, { value: ps_portable_text_link_service_1.PsPortableTextLinkService.linkify(text), components: components }) }));
 };
 exports.PsPortableText = PsPortableText;

package/dist/constants/ps-linked-text-link-rel.d.ts

@@ -0,0 +1 @@
+export declare const PsLinkedTextLinkRel = "noopener noreferrer nofollow";

package/dist/constants/ps-linked-text-link-rel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkedTextLinkRel = void 0;
+exports.PsLinkedTextLinkRel = 'noopener noreferrer nofollow';

package/dist/constants/ps-portable-text-auto-link-type.d.ts

@@ -0,0 +1 @@
+export declare const PsPortableTextAutoLinkType = "autoLink";

package/dist/constants/ps-portable-text-auto-link-type.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextAutoLinkType = void 0;
+exports.PsPortableTextAutoLinkType = 'autoLink';

package/dist/constants/ps-portable-text-link-class-name.d.ts

@@ -0,0 +1 @@
+export declare const PsPortableTextLinkClassName = "text-primary underline";

package/dist/constants/ps-portable-text-link-class-name.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextLinkClassName = void 0;
+exports.PsPortableTextLinkClassName = 'text-primary underline';

package/dist/constants/ps-text-link-pattern-source.d.ts

@@ -0,0 +1 @@
+export declare const PsTextLinkPatternSource = "<([^<>\\s]+)>|(https?:\\/\\/[^\\s<>]+)";

package/dist/constants/ps-text-link-pattern-source.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLinkPatternSource = void 0;
+exports.PsTextLinkPatternSource = '<([^<>\\s]+)>|(https?:\\/\\/[^\\s<>]+)';

package/dist/constants/ps-text-link-protocols.d.ts

@@ -0,0 +1 @@
+export declare const PsTextLinkProtocols: string[];

package/dist/constants/ps-text-link-protocols.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLinkProtocols = void 0;
+exports.PsTextLinkProtocols = ['http:', 'https:', 'mailto:'];

package/dist/constants/ps-text-link-trailing-characters.d.ts

@@ -0,0 +1 @@
+export declare const PsTextLinkTrailingCharacters = ".,;:!?)]}'\"";

package/dist/constants/ps-text-link-trailing-characters.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLinkTrailingCharacters = void 0;
+exports.PsTextLinkTrailingCharacters = '.,;:!?)]}\'"';

package/dist/constants/ps-text-wrap-class-name.d.ts

@@ -0,0 +1 @@
+export declare const PsTextWrapClassName = "[overflow-wrap:anywhere]";

package/dist/constants/ps-text-wrap-class-name.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextWrapClassName = void 0;
+exports.PsTextWrapClassName = '[overflow-wrap:anywhere]';

package/dist/esm/components/ps-linked-text.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { PsLinkedTextLinkRel } from '../constants/ps-linked-text-link-rel.js';
+import { PsPortableTextLinkClassName } from '../constants/ps-portable-text-link-class-name.js';
+import { PsTextLinkService } from '../services/ps-text-link-service.js';
+export const PsLinkedText = ({ linkClassName = PsPortableTextLinkClassName, text, }) => (_jsx(_Fragment, { children: PsTextLinkService.segments(text).map((segment, index) => segment.href === null ? (_jsx("span", { children: segment.text }, index)) : (_jsx("a", { className: linkClassName, href: segment.href, rel: PsLinkedTextLinkRel, target: '_blank', children: segment.text }, index))) }));

package/dist/esm/components/ps-portable-text.js

@@ -1,13 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
 import { PortableText as Text } from '@portabletext/react';
-export const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', containerStyles = {}, headerClasses = 'text-ink', isLargeBodyFont = false, linkClassName = 'text-primary underline', LinkComponent = 'a', listClasses = 'text-ink', text, }) => {
+import { PsLinkedTextLinkRel } from '../constants/ps-linked-text-link-rel.js';
+import { PsPortableTextAutoLinkType } from '../constants/ps-portable-text-auto-link-type.js';
+import { PsPortableTextLinkClassName } from '../constants/ps-portable-text-link-class-name.js';
+import { PsTextWrapClassName } from '../constants/ps-text-wrap-class-name.js';
+import { PsPortableTextLinkService } from '../services/ps-portable-text-link-service.js';
+export const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = '', containerStyles = {}, headerClasses = 'text-ink', isLargeBodyFont = false, linkClassName = PsPortableTextLinkClassName, LinkComponent = 'a', listClasses = 'text-ink', text, }) => {
     const hasContainerStyles = Object.keys(containerStyles).length > 0;
     const getBodyClass = hasContainerStyles ? '' : bodyClasses;
     const getHeaderClass = hasContainerStyles ? '' : headerClasses;
     const getListClass = hasContainerStyles ? '' : listClasses;
     const components = {
         marks: {
+            [PsPortableTextAutoLinkType]: ({ children, value }) => (_jsx("a", { href: value.href, target: '_blank', rel: PsLinkedTextLinkRel, className: linkClassName, children: children })),
             link: ({ children, value }) => {
                 const rel = !value.href.startsWith('/') ? 'noreferrer noopener' : undefined;
                 return (_jsx(LinkComponent, { href: value.href, rel: rel, className: linkClassName, "aria-label": value.children, children: children }));
@@ -18,11 +24,11 @@ export const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = ''
             number: ({ children }) => _jsx("ol", { className: 'mb-3 mt-1 list-decimal ml-4', children: children }),
         },
         listItem: {
-            bullet: ({ children }) => (_jsx("li", { className: PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', getListClass), children: children })),
-            number: ({ children }) => (_jsx("li", { className: PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', getListClass), children: children })),
+            bullet: ({ children }) => (_jsx("li", { className: PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', PsTextWrapClassName, getListClass), children: children })),
+            number: ({ children }) => (_jsx("li", { className: PallasoftClassNameService.merge('md:text-body-2 max-md:text-body-3', PsTextWrapClassName, getListClass), children: children })),
         },
         block: {
-            normal: ({ children }) => (_jsx("p", { className: PallasoftClassNameService.merge(isLargeBodyFont ? 'text-body-1' : 'text-body-2', 'whitespace-pre-line', getBodyClass), children: children })),
+            normal: ({ children }) => (_jsx("p", { className: PallasoftClassNameService.merge(isLargeBodyFont ? 'text-body-1' : 'text-body-2', 'whitespace-pre-line', PsTextWrapClassName, getBodyClass), children: children })),
             h2: ({ children }) => (_jsx("h2", { className: PallasoftClassNameService.merge('text-header-1 py-2', getHeaderClass), children: children })),
             h3: ({ children }) => (_jsx("h3", { className: PallasoftClassNameService.merge('text-header-2 py-2', getHeaderClass), children: children })),
             h4: ({ children }) => (_jsx("h4", { className: PallasoftClassNameService.merge('text-header-3 py-2', getHeaderClass), children: children })),
@@ -30,5 +36,5 @@ export const PsPortableText = ({ bodyClasses = 'text-ink', containerClasses = ''
             h6: ({ children }) => (_jsx("h6", { className: PallasoftClassNameService.merge('text-header-4 py-1', getHeaderClass), children: children })),
         },
     };
-    return (_jsx("div", { className: containerClasses, style: containerStyles, children: _jsx(Text, { value: text, components: components }) }));
+    return (_jsx("div", { className: containerClasses, style: containerStyles, children: _jsx(Text, { value: PsPortableTextLinkService.linkify(text), components: components }) }));
 };

package/dist/esm/constants/ps-linked-text-link-rel.js

@@ -0,0 +1 @@
+export const PsLinkedTextLinkRel = 'noopener noreferrer nofollow';

package/dist/esm/constants/ps-portable-text-auto-link-type.js

@@ -0,0 +1 @@
+export const PsPortableTextAutoLinkType = 'autoLink';

package/dist/esm/constants/ps-portable-text-link-class-name.js

@@ -0,0 +1 @@
+export const PsPortableTextLinkClassName = 'text-primary underline';

package/dist/esm/constants/ps-text-link-pattern-source.js

@@ -0,0 +1 @@
+export const PsTextLinkPatternSource = '<([^<>\\s]+)>|(https?:\\/\\/[^\\s<>]+)';

package/dist/esm/constants/ps-text-link-protocols.js

@@ -0,0 +1 @@
+export const PsTextLinkProtocols = ['http:', 'https:', 'mailto:'];

package/dist/esm/constants/ps-text-link-trailing-characters.js

@@ -0,0 +1 @@
+export const PsTextLinkTrailingCharacters = '.,;:!?)]}\'"';

package/dist/esm/constants/ps-text-wrap-class-name.js

@@ -0,0 +1 @@
+export const PsTextWrapClassName = '[overflow-wrap:anywhere]';

package/dist/esm/index.js

@@ -35,6 +35,10 @@ export * from './components/ps-list-tile.js';
 export * from './components/ps-metric-card.js';
 export * from './components/ps-pill.js';
 export * from './components/ps-portable-text.js';
+export * from './components/ps-linked-text.js';
+export * from './services/ps-text-link-service.js';
+export * from './models/ps-text-link-segment-data.js';
+export * from './constants/ps-portable-text-link-class-name.js';
 export * from './components/ps-reflective-app-shell.js';
 export * from './components/ps-scaled-preview.js';
 export * from './components/ps-navigation-progress.js';

package/dist/esm/models/ps-text-link-segment-data.js

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

package/dist/esm/services/ps-portable-text-link-service.js

@@ -0,0 +1,53 @@
+import { PsPortableTextAutoLinkType } from '../constants/ps-portable-text-auto-link-type.js';
+import { PsTextLinkService } from './ps-text-link-service.js';
+export class PsPortableTextLinkService {
+    static linkify(blocks) {
+        return blocks.map((block) => (this.isBlock(block) ? this.linkifyBlock(block) : block));
+    }
+    static isBlock(value) {
+        return 'children' in value && Array.isArray(value.children);
+    }
+    static isSpan(value) {
+        return value._type === 'span' && 'text' in value && typeof value.text === 'string';
+    }
+    static linkifyBlock(block) {
+        const markDefs = block.markDefs === undefined ? [] : block.markDefs;
+        const added = [];
+        const children = [];
+        for (const child of block.children) {
+            if (!this.isSpan(child) || this.hasLinkMark(child, markDefs)) {
+                children.push(child);
+                continue;
+            }
+            const segments = PsTextLinkService.segments(child.text);
+            if (segments.length === 1 && segments[0].href === null) {
+                children.push(child);
+                continue;
+            }
+            const marks = child.marks === undefined ? [] : child.marks;
+            segments.forEach((segment, index) => {
+                const key = child._key === undefined ? undefined : `${child._key}-${index}`;
+                if (segment.href === null) {
+                    const plain = { ...child, _key: key, text: segment.text };
+                    children.push(plain);
+                    return;
+                }
+                const markKey = `${PsPortableTextAutoLinkType}-${added.length}`;
+                added.push({ _key: markKey, _type: PsPortableTextAutoLinkType, href: segment.href });
+                const linked = {
+                    ...child,
+                    _key: key,
+                    marks: [...marks, markKey],
+                    text: segment.text,
+                };
+                children.push(linked);
+            });
+        }
+        return { ...block, children, markDefs: [...markDefs, ...added] };
+    }
+    static hasLinkMark(span, markDefs) {
+        if (span.marks === undefined)
+            return false;
+        return span.marks.some((mark) => markDefs.some((definition) => definition._key === mark && definition._type === 'link'));
+    }
+}

package/dist/esm/services/ps-text-link-service.js

@@ -0,0 +1,63 @@
+import { PsTextLinkPatternSource } from '../constants/ps-text-link-pattern-source.js';
+import { PsTextLinkProtocols } from '../constants/ps-text-link-protocols.js';
+import { PsTextLinkTrailingCharacters } from '../constants/ps-text-link-trailing-characters.js';
+export class PsTextLinkService {
+    static segments(text) {
+        const segments = [];
+        const pattern = new RegExp(PsTextLinkPatternSource, 'g');
+        let cursor = 0;
+        let match = pattern.exec(text);
+        while (match !== null) {
+            this.pushText(segments, text.slice(cursor, match.index));
+            cursor = match.index + match[0].length;
+            if (match[1] !== undefined)
+                this.pushAngle(segments, match[0], match[1]);
+            else
+                this.pushBare(segments, match[2]);
+            match = pattern.exec(text);
+        }
+        this.pushText(segments, text.slice(cursor));
+        return segments;
+    }
+    static pushAngle(segments, raw, href) {
+        const url = this.parse(href);
+        if (url === null) {
+            this.pushText(segments, raw);
+            return;
+        }
+        const label = url.protocol === 'mailto:' ? url.pathname : url.hostname.replace(/^www\./, '');
+        if (label === '') {
+            this.pushText(segments, raw);
+            return;
+        }
+        segments.push({ href, text: label });
+    }
+    static pushBare(segments, raw) {
+        let end = raw.length;
+        while (end > 0 && PsTextLinkTrailingCharacters.includes(raw.charAt(end - 1)))
+            end -= 1;
+        const href = raw.slice(0, end);
+        if (this.parse(href) === null) {
+            this.pushText(segments, raw);
+            return;
+        }
+        segments.push({ href, text: href });
+        this.pushText(segments, raw.slice(end));
+    }
+    static pushText(segments, text) {
+        if (text === '')
+            return;
+        const last = segments[segments.length - 1];
+        if (last !== undefined && last.href === null) {
+            last.text += text;
+            return;
+        }
+        segments.push({ href: null, text });
+    }
+    static parse(href) {
+        if (!URL.canParse(href))
+            return null;
+        const url = new URL(href);
+        return PsTextLinkProtocols.includes(url.protocol) ? url : null;
+    }
+}

package/dist/index.d.ts

@@ -35,6 +35,10 @@ export * from './components/ps-list-tile';
 export * from './components/ps-metric-card';
 export * from './components/ps-pill';
 export * from './components/ps-portable-text';
+export * from './components/ps-linked-text';
+export * from './services/ps-text-link-service';
+export * from './models/ps-text-link-segment-data';
+export * from './constants/ps-portable-text-link-class-name';
 export * from './components/ps-reflective-app-shell';
 export * from './components/ps-scaled-preview';
 export * from './components/ps-navigation-progress';

package/dist/index.js

@@ -51,6 +51,10 @@ __exportStar(require("./components/ps-list-tile"), exports);
 __exportStar(require("./components/ps-metric-card"), exports);
 __exportStar(require("./components/ps-pill"), exports);
 __exportStar(require("./components/ps-portable-text"), exports);
+__exportStar(require("./components/ps-linked-text"), exports);
+__exportStar(require("./services/ps-text-link-service"), exports);
+__exportStar(require("./models/ps-text-link-segment-data"), exports);
+__exportStar(require("./constants/ps-portable-text-link-class-name"), exports);
 __exportStar(require("./components/ps-reflective-app-shell"), exports);
 __exportStar(require("./components/ps-scaled-preview"), exports);
 __exportStar(require("./components/ps-navigation-progress"), exports);

package/dist/models/ps-text-link-segment-data.d.ts

@@ -0,0 +1,4 @@
+export interface PsTextLinkSegmentData {
+    href: string | null;
+    text: string;
+}

package/dist/models/ps-text-link-segment-data.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/services/ps-portable-text-link-service.d.ts

@@ -0,0 +1,8 @@
+import type { TypedObject } from '@portabletext/types';
+export declare class PsPortableTextLinkService {
+    static linkify(blocks: TypedObject[]): TypedObject[];
+    private static isBlock;
+    private static isSpan;
+    private static linkifyBlock;
+    private static hasLinkMark;
+}

package/dist/services/ps-portable-text-link-service.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextLinkService = void 0;
+const ps_portable_text_auto_link_type_1 = require("../constants/ps-portable-text-auto-link-type");
+const ps_text_link_service_1 = require("./ps-text-link-service");
+class PsPortableTextLinkService {
+    static linkify(blocks) {
+        return blocks.map((block) => (this.isBlock(block) ? this.linkifyBlock(block) : block));
+    }
+    static isBlock(value) {
+        return 'children' in value && Array.isArray(value.children);
+    }
+    static isSpan(value) {
+        return value._type === 'span' && 'text' in value && typeof value.text === 'string';
+    }
+    static linkifyBlock(block) {
+        const markDefs = block.markDefs === undefined ? [] : block.markDefs;
+        const added = [];
+        const children = [];
+        for (const child of block.children) {
+            if (!this.isSpan(child) || this.hasLinkMark(child, markDefs)) {
+                children.push(child);
+                continue;
+            }
+            const segments = ps_text_link_service_1.PsTextLinkService.segments(child.text);
+            if (segments.length === 1 && segments[0].href === null) {
+                children.push(child);
+                continue;
+            }
+            const marks = child.marks === undefined ? [] : child.marks;
+            segments.forEach((segment, index) => {
+                const key = child._key === undefined ? undefined : `${child._key}-${index}`;
+                if (segment.href === null) {
+                    const plain = { ...child, _key: key, text: segment.text };
+                    children.push(plain);
+                    return;
+                }
+                const markKey = `${ps_portable_text_auto_link_type_1.PsPortableTextAutoLinkType}-${added.length}`;
+                added.push({ _key: markKey, _type: ps_portable_text_auto_link_type_1.PsPortableTextAutoLinkType, href: segment.href });
+                const linked = {
+                    ...child,
+                    _key: key,
+                    marks: [...marks, markKey],
+                    text: segment.text,
+                };
+                children.push(linked);
+            });
+        }
+        return { ...block, children, markDefs: [...markDefs, ...added] };
+    }
+    static hasLinkMark(span, markDefs) {
+        if (span.marks === undefined)
+            return false;
+        return span.marks.some((mark) => markDefs.some((definition) => definition._key === mark && definition._type === 'link'));
+    }
+}
+exports.PsPortableTextLinkService = PsPortableTextLinkService;

package/dist/services/ps-text-link-service.d.ts

@@ -0,0 +1,8 @@
+import type { PsTextLinkSegmentData } from '../models/ps-text-link-segment-data';
+export declare class PsTextLinkService {
+    static segments(text: string): PsTextLinkSegmentData[];
+    private static pushAngle;
+    private static pushBare;
+    private static pushText;
+    private static parse;
+}

package/dist/services/ps-text-link-service.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLinkService = void 0;
+const ps_text_link_pattern_source_1 = require("../constants/ps-text-link-pattern-source");
+const ps_text_link_protocols_1 = require("../constants/ps-text-link-protocols");
+const ps_text_link_trailing_characters_1 = require("../constants/ps-text-link-trailing-characters");
+class PsTextLinkService {
+    static segments(text) {
+        const segments = [];
+        const pattern = new RegExp(ps_text_link_pattern_source_1.PsTextLinkPatternSource, 'g');
+        let cursor = 0;
+        let match = pattern.exec(text);
+        while (match !== null) {
+            this.pushText(segments, text.slice(cursor, match.index));
+            cursor = match.index + match[0].length;
+            if (match[1] !== undefined)
+                this.pushAngle(segments, match[0], match[1]);
+            else
+                this.pushBare(segments, match[2]);
+            match = pattern.exec(text);
+        }
+        this.pushText(segments, text.slice(cursor));
+        return segments;
+    }
+    static pushAngle(segments, raw, href) {
+        const url = this.parse(href);
+        if (url === null) {
+            this.pushText(segments, raw);
+            return;
+        }
+        const label = url.protocol === 'mailto:' ? url.pathname : url.hostname.replace(/^www\./, '');
+        if (label === '') {
+            this.pushText(segments, raw);
+            return;
+        }
+        segments.push({ href, text: label });
+    }
+    static pushBare(segments, raw) {
+        let end = raw.length;
+        while (end > 0 && ps_text_link_trailing_characters_1.PsTextLinkTrailingCharacters.includes(raw.charAt(end - 1)))
+            end -= 1;
+        const href = raw.slice(0, end);
+        if (this.parse(href) === null) {
+            this.pushText(segments, raw);
+            return;
+        }
+        segments.push({ href, text: href });
+        this.pushText(segments, raw.slice(end));
+    }
+    static pushText(segments, text) {
+        if (text === '')
+            return;
+        const last = segments[segments.length - 1];
+        if (last !== undefined && last.href === null) {
+            last.text += text;
+            return;
+        }
+        segments.push({ href: null, text });
+    }
+    static parse(href) {
+        if (!URL.canParse(href))
+            return null;
+        const url = new URL(href);
+        return ps_text_link_protocols_1.PsTextLinkProtocols.includes(url.protocol) ? url : null;
+    }
+}
+exports.PsTextLinkService = PsTextLinkService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.40.0",
+	"version": "2.41.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",