@pallasoft/ps-input-components 2.2.0 → 3.0.0

package/dist/portable-text-core/services/ps-portable-text-extension-service.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPortableTextExtensionService = void 0;
+const ps_models_1 = require("@pallasoft/ps-models");
+const core_1 = require("@tiptap/core");
+const extension_blockquote_1 = require("@tiptap/extension-blockquote");
+const extension_bold_1 = require("@tiptap/extension-bold");
+const extension_code_1 = require("@tiptap/extension-code");
+const extension_document_1 = require("@tiptap/extension-document");
+const extension_hard_break_1 = require("@tiptap/extension-hard-break");
+const extension_italic_1 = require("@tiptap/extension-italic");
+const extension_link_1 = require("@tiptap/extension-link");
+const extension_list_1 = require("@tiptap/extension-list");
+const extension_paragraph_1 = require("@tiptap/extension-paragraph");
+const extension_text_1 = require("@tiptap/extension-text");
+const extension_underline_1 = require("@tiptap/extension-underline");
+const extensions_1 = require("@tiptap/extensions");
+const ps_portable_text_core_config_1 = require("../constants/ps-portable-text-core-config");
+const ps_portable_text_editor_service_1 = require("./ps-portable-text-editor-service");
+class PsPortableTextExtensionService {
+    static extensions({ classNames, onLinkShortcut, placeholder, }) {
+        return [
+            extension_document_1.Document,
+            extension_paragraph_1.Paragraph,
+            extension_text_1.Text,
+            extension_hard_break_1.HardBreak,
+            extension_bold_1.Bold,
+            extension_italic_1.Italic,
+            extension_underline_1.Underline,
+            extension_code_1.Code.extend({ excludes: extension_code_1.Code.name }).configure({
+                HTMLAttributes: { class: classNames.code },
+            }),
+            extension_blockquote_1.Blockquote.extend({ content: ps_portable_text_core_config_1.PsPortableTextCoreConfig.blockquoteContent }).configure({
+                HTMLAttributes: { class: classNames.blockquote },
+            }),
+            extension_list_1.BulletList.configure({ HTMLAttributes: { class: classNames.bulletList } }),
+            extension_list_1.OrderedList.configure({ HTMLAttributes: { class: classNames.orderedList } }),
+            extension_list_1.ListItem.extend({
+                content: ps_portable_text_core_config_1.PsPortableTextCoreConfig.listItemContent,
+                addKeyboardShortcuts() {
+                    return {
+                        ...this.parent?.(),
+                        [ps_portable_text_core_config_1.PsPortableTextCoreConfig.shortcuts.nest]: () => PsPortableTextExtensionService.nest(this.editor),
+                        [ps_portable_text_core_config_1.PsPortableTextCoreConfig.shortcuts.unnest]: () => PsPortableTextExtensionService.unnest(this.editor),
+                    };
+                },
+            }),
+            extension_list_1.ListKeymap,
+            extension_link_1.Link.configure({
+                autolink: true,
+                defaultProtocol: ps_portable_text_core_config_1.PsPortableTextCoreConfig.defaultLinkProtocol,
+                HTMLAttributes: { class: classNames.link },
+                isAllowedUri: (url, context) => context.defaultValidate(url) && ps_portable_text_editor_service_1.PsPortableTextEditorService.normalizeLink(url) !== null,
+                linkOnPaste: true,
+                openOnClick: false,
+            }),
+            extensions_1.Placeholder.configure({
+                emptyEditorClass: classNames.placeholder,
+                placeholder: ({ editor }) => (editor.isEmpty ? placeholder : ''),
+            }),
+            extensions_1.UndoRedo,
+            core_1.Extension.create({
+                name: ps_portable_text_core_config_1.PsPortableTextCoreConfig.linkShortcutExtension,
+                addKeyboardShortcuts: () => ({
+                    [ps_portable_text_core_config_1.PsPortableTextCoreConfig.shortcuts.link]: () => {
+                        onLinkShortcut();
+                        return true;
+                    },
+                }),
+            }),
+        ];
+    }
+    static listDepth(editor) {
+        const { $from } = editor.state.selection;
+        return Array.from({ length: $from.depth }, (_, index) => $from.node(index + 1)).filter((node) => node.type.name === ps_portable_text_core_config_1.PsPortableTextCoreConfig.nodes.listItem).length;
+    }
+    static nest(editor) {
+        const depth = PsPortableTextExtensionService.listDepth(editor);
+        if (depth === 0)
+            return false;
+        if (depth < ps_models_1.Common.PortableTextConfig.maxListLevel) {
+            editor.commands.sinkListItem(ps_portable_text_core_config_1.PsPortableTextCoreConfig.nodes.listItem);
+        }
+        return true;
+    }
+    static unnest(editor) {
+        if (PsPortableTextExtensionService.listDepth(editor) === 0)
+            return false;
+        editor.commands.liftListItem(ps_portable_text_core_config_1.PsPortableTextCoreConfig.nodes.listItem);
+        return true;
+    }
+}
+exports.PsPortableTextExtensionService = PsPortableTextExtensionService;

package/dist/portable-text-engine/index.d.ts

@@ -0,0 +1 @@
+export * from '../portable-text-core/components/ps-portable-text-core-editor';

package/dist/portable-text-engine/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../portable-text-core/components/ps-portable-text-core-editor"), exports);

package/dist/portable-text-engine/worker.d.ts

@@ -0,0 +1 @@
+export * from '../portable-text-core/components/ps-portable-text-core-editor-stub';

package/dist/portable-text-engine/worker.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../portable-text-core/components/ps-portable-text-core-editor-stub"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-input-components",
-	"version": "2.2.0",
+	"version": "3.0.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -30,6 +30,14 @@
 			"module": "./dist/esm/portable-text-core/index.js",
 			"require": "./dist/portable-text-core/index.js",
 			"default": "./dist/portable-text-core/index.js"
+		},
+		"./portable-text-engine": {
+			"types": "./dist/portable-text-engine/index.d.ts",
+			"workerd": "./dist/esm/portable-text-engine/worker.js",
+			"worker": "./dist/esm/portable-text-engine/worker.js",
+			"module": "./dist/esm/portable-text-engine/index.js",
+			"require": "./dist/portable-text-engine/index.js",
+			"default": "./dist/portable-text-engine/index.js"
 		}
 	},
 	"files": [
@@ -56,12 +64,25 @@
 		"@pallasoft/ps-models": "^1.4.0",
 		"@pallasoft/ps-popovers": "^1.7.0",
 		"@pallasoft/ps-utilities": "^2.13.0",
-		"@portabletext/editor": "^3.3.19",
-		"@portabletext/sanity-bridge": "^1.2.14",
+		"@portabletext/schema": "^2.2.4",
+		"@tiptap/core": "^3.31.4",
+		"@tiptap/extension-blockquote": "^3.31.4",
+		"@tiptap/extension-bold": "^3.31.4",
+		"@tiptap/extension-code": "^3.31.4",
+		"@tiptap/extension-document": "^3.31.4",
+		"@tiptap/extension-hard-break": "^3.31.4",
+		"@tiptap/extension-italic": "^3.31.4",
+		"@tiptap/extension-link": "^3.31.4",
+		"@tiptap/extension-list": "^3.31.4",
+		"@tiptap/extension-paragraph": "^3.31.4",
+		"@tiptap/extension-text": "^3.31.4",
+		"@tiptap/extension-underline": "^3.31.4",
+		"@tiptap/extensions": "^3.31.4",
+		"@tiptap/pm": "^3.31.4",
+		"@tiptap/react": "^3.31.4",
 		"libphonenumber-js": "^1.13.13",
 		"react-aria-components": "^1.19.0",
-		"react-datepicker": "^9.1.0",
-		"rxjs": "^7.8.2"
+		"react-datepicker": "^9.1.0"
 	},
 	"peerDependencies": {
 		"react": "^18 || ^19",
@@ -120,6 +141,9 @@
 			],
 			"portable-text-core": [
 				"./dist/portable-text-core/index.d.ts"
+			],
+			"portable-text-engine": [
+				"./dist/portable-text-engine/index.d.ts"
 			]
 		}
 	},

package/dist/constants/ps-portable-text-editor-renderers.d.ts

@@ -1,6 +0,0 @@
-import type { BlockAnnotationRenderProps, BlockDecoratorRenderProps, BlockRenderProps } from '@portabletext/editor';
-export declare const PsPortableTextEditorRenderers: {
-    renderBlock: ({ children, listItem, style }: BlockRenderProps) => import("react").JSX.Element;
-    renderDecorator: ({ children, value }: BlockDecoratorRenderProps) => import("react").JSX.Element;
-    renderAnnotation: ({ children }: BlockAnnotationRenderProps) => import("react").JSX.Element;
-};

package/dist/constants/ps-portable-text-editor-renderers.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PsPortableTextEditorRenderers = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ps_portable_text_core_config_1 = require("../portable-text-core/constants/ps-portable-text-core-config");
-exports.PsPortableTextEditorRenderers = {
-    renderBlock: ({ children, listItem, style }) => {
-        if (listItem === ps_portable_text_core_config_1.PsPortableTextCoreConfig.listItems.bullet) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: "relative pl-6 before:absolute before:left-1 before:content-['\u2022']", children: children }));
-        }
-        if (listItem === ps_portable_text_core_config_1.PsPortableTextCoreConfig.listItems.number) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: "relative pl-6 before:absolute before:left-0 before:content-[counter(ps-list)'.']", style: { counterIncrement: 'ps-list' }, children: children }));
-        }
-        if (style === ps_portable_text_core_config_1.PsPortableTextCoreConfig.styles.blockquote) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: 'border-l-2 border-primary pl-3 text-ink/80', style: { counterReset: 'ps-list' }, children: children }));
-        }
-        return (0, jsx_runtime_1.jsx)("div", { style: { counterReset: 'ps-list' }, children: children });
-    },
-    renderDecorator: ({ children, value }) => {
-        if (value === ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.bold)
-            return (0, jsx_runtime_1.jsx)("strong", { children: children });
-        if (value === ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.italic)
-            return (0, jsx_runtime_1.jsx)("em", { children: children });
-        if (value === ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.underline)
-            return (0, jsx_runtime_1.jsx)("u", { children: children });
-        if (value === ps_portable_text_core_config_1.PsPortableTextCoreConfig.decorators.code) {
-            return (0, jsx_runtime_1.jsx)("code", { className: 'rounded bg-ink/10 px-1 font-mono text-[0.9em]', children: children });
-        }
-        return children;
-    },
-    renderAnnotation: ({ children }) => ((0, jsx_runtime_1.jsx)("span", { className: 'text-primary underline', children: children })),
-};

package/dist/esm/constants/ps-portable-text-editor-renderers.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PsPortableTextCoreConfig } from '../portable-text-core/constants/ps-portable-text-core-config';
-export const PsPortableTextEditorRenderers = {
-    renderBlock: ({ children, listItem, style }) => {
-        if (listItem === PsPortableTextCoreConfig.listItems.bullet) {
-            return (_jsx("div", { className: "relative pl-6 before:absolute before:left-1 before:content-['\u2022']", children: children }));
-        }
-        if (listItem === PsPortableTextCoreConfig.listItems.number) {
-            return (_jsx("div", { className: "relative pl-6 before:absolute before:left-0 before:content-[counter(ps-list)'.']", style: { counterIncrement: 'ps-list' }, children: children }));
-        }
-        if (style === PsPortableTextCoreConfig.styles.blockquote) {
-            return (_jsx("div", { className: 'border-l-2 border-primary pl-3 text-ink/80', style: { counterReset: 'ps-list' }, children: children }));
-        }
-        return _jsx("div", { style: { counterReset: 'ps-list' }, children: children });
-    },
-    renderDecorator: ({ children, value }) => {
-        if (value === PsPortableTextCoreConfig.decorators.bold)
-            return _jsx("strong", { children: children });
-        if (value === PsPortableTextCoreConfig.decorators.italic)
-            return _jsx("em", { children: children });
-        if (value === PsPortableTextCoreConfig.decorators.underline)
-            return _jsx("u", { children: children });
-        if (value === PsPortableTextCoreConfig.decorators.code) {
-            return _jsx("code", { className: 'rounded bg-ink/10 px-1 font-mono text-[0.9em]', children: children });
-        }
-        return children;
-    },
-    renderAnnotation: ({ children }) => (_jsx("span", { className: 'text-primary underline', children: children })),
-};