@synopackageland/ui 0.17.8 → 0.17.10

package/docs/theme-hooks.md

@@ -103,8 +103,17 @@ here stay implementation details and can change in any release.
 | `data-ui-tab-bar-item`, `-more`, `-label`, `-badge` | `AppTabBar` parts (an item's value is its key) | key / present |
 | `--ui-tab-bar-height`, `--ui-tab-bar-bg`, `--ui-tab-bar-border` | `AppTabBar` height (56px), fill and top border | CSS tokens |
 | `data-ui-completion-toggle` | `CompletionToggle` (`data-state` `idle` / `done`, `data-error`) | present |
-| `data-ui-mention-textarea`, `-input`, `-count`, `-list`, `-option`, `-empty` | `MentionTextarea` parts (`data-over` past `maxlength`) | present |
-| `data-ui-comment`, `-author`, `-time`, `-edited`, `-body`, `-mention`, `-link`, `-code`, `-list`, `-actions` | `CommentItem` parts (`data-deleted`, `data-highlighted`) | present |
+| `data-ui-mention-list`, `data-ui-mention-option`, `data-ui-mention-empty` | `MentionList` parts (an option's value is the person's id) | id / present |
+| `data-ui-comment`, `-author`, `-time`, `-edited`, `-body`, `-actions` | `CommentItem` parts (`data-deleted`, `data-highlighted`); the body is a `RichTextView` | present |
+| `data-ui-rich-text-view` | `RichTextView` | present |
+| `data-ui-rich-paragraph`, `-heading`, `-list`, `-quote`, `-code-block`, `-code`, `-link` | `RichTextView` blocks and inline parts | present |
+| `data-ui-rich-mention`, `data-ui-rich-image` | a mention (`data-inactive`) and an image (`data-state`) in a `RichTextView` | id |
+| `data-ui-file-thumbs`, `data-ui-file-thumb`, `-thumb-remove`, `-thumbs-more` | `FileThumbs` parts | present |
+| `data-ui-lightbox`, `-overlay`, `-name`, `-count`, `-download`, `-close`, `-stage`, `-image`, `-file`, `-processing`, `-previous`, `-next` | `ImageLightbox` parts | present |
+| `data-ui-upload-queue`, `-summary`, `-list`, `-task`, `-status`, `-retry`, `-cancel`, `-retry-all`, `-cancel-all`, `-fold`, `-close` | `UploadQueue` parts (a task has `data-status`) | present |
+| `data-ui-rich-editor` | `RichTextEditor` (`data-variant` `compact` / `full`, `data-over` past `maxlength`) | present |
+| `data-ui-rich-editor-content`, `data-ui-rich-toolbar`, `-more`, `-bubble`, `-format-row`, `-format-toggle`, `-link-row`, `-actions`, `-send`, `-count`, `-notes` | `RichTextEditor` parts | present |
+| `data-ui-rich-tool`, `data-ui-rich-attachment`, `data-ui-rich-editor-image` | an editor format button (its key), an image under a compact box (its file id) and an image in a full one (`data-state`) | key / id / present |
 | `data-tone` | `Callout` | `info`, `success`, `warning`, `danger` |
 | `data-variant` | `Callout` | `soft`, `inline` |
 | `data-fill` | `Callout` | present when it spans its container |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.17.8",
+  "version": "0.17.10",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",
@@ -40,6 +40,10 @@
       "types": "./dist/json.d.ts",
       "import": "./dist/json.js"
     },
+    "./rich-text": {
+      "types": "./dist/rich-text.d.ts",
+      "import": "./dist/rich-text.js"
+    },
     "./json-catalog.schema.json": "./dist/json-catalog.schema.json",
     "./json-ai-prompt.md": "./dist/json-ai-prompt.md",
     "./theme.css": "./dist/theme.css",
@@ -52,10 +56,19 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
+    "@floating-ui/dom": "1.8.0",
     "@internationalized/date": "3.12.4",
     "@json-render/core": "0.21.0",
     "@json-render/vue": "0.21.0",
     "@lucide/vue": "1.48.0",
+    "@tiptap/core": "3.32.1",
+    "@tiptap/extension-bubble-menu": "3.32.1",
+    "@tiptap/extension-mention": "3.32.1",
+    "@tiptap/extensions": "3.32.1",
+    "@tiptap/pm": "3.32.1",
+    "@tiptap/starter-kit": "3.32.1",
+    "@tiptap/suggestion": "3.32.1",
+    "@tiptap/vue-3": "3.32.1",
     "zod": "^4.6.5"
   },
   "engines": {

package/dist/components/composite/comment-item/CommentInlineParts.vue.d.ts

@@ -1,7 +0,0 @@
-import { CommentInline } from '../../../lib/commentMarkdown';
-type __VLS_Props = {
-    parts: CommentInline[];
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/composite/mention-textarea/MentionTextarea.vue.d.ts

@@ -1,52 +0,0 @@
-import { MentionCandidate } from '../../../lib/mentions';
-type __VLS_Props = {
-    modelValue?: string;
-    /** The people mentioned so far, each still written as `@Label` in the text. */
-    mentions?: MentionCandidate[];
-    /** People to offer for the current query. */
-    candidates?: MentionCandidate[];
-    /** Narrows `candidates` by the query here; turn off when the server already did. */
-    filter?: boolean;
-    /** Shows "Loading…" in the list while the caller fetches. */
-    loading?: boolean;
-    /** Characters the stored body may hold; the count shows from 90% and over. */
-    maxlength?: number;
-    /** Where the list opens; `top` suits a box pinned to the bottom of a screen. */
-    side?: 'top' | 'bottom';
-    placeholder?: string;
-    /** Visible lines before it grows; it grows with its text to about eight lines where the browser supports it. */
-    rows?: number;
-    disabled?: boolean;
-    invalid?: boolean;
-    id?: string;
-    ariaLabel?: string;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
-    focus: () => void | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    search: (query: string) => any;
-    select: (person: MentionCandidate) => any;
-    "update:modelValue": (text: string) => any;
-    "update:mentions": (mentions: MentionCandidate[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((person: MentionCandidate) => any) | undefined;
-    "onUpdate:modelValue"?: ((text: string) => any) | undefined;
-    "onUpdate:mentions"?: ((mentions: MentionCandidate[]) => any) | undefined;
-}>, {
-    filter: boolean;
-    loading: boolean;
-    disabled: boolean;
-    id: string;
-    modelValue: string;
-    placeholder: string;
-    invalid: boolean;
-    ariaLabel: string;
-    rows: number;
-    side: "top" | "bottom";
-    mentions: MentionCandidate[];
-    candidates: MentionCandidate[];
-    maxlength: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/lib/commentMarkdown.d.ts

@@ -1,34 +0,0 @@
-import { MentionCandidate } from './mentions';
-type Marks = {
-    strong?: true;
-    em?: true;
-};
-export type CommentInline = ({
-    type: 'text';
-    text: string;
-} & Marks) | ({
-    type: 'link';
-    text: string;
-    href: string;
-} & Marks) | ({
-    type: 'mention';
-    id: string;
-    label: string;
-    inactive: boolean;
-    known: boolean;
-} & Marks) | {
-    type: 'code';
-    text: string;
-};
-export type CommentBlock = {
-    type: 'paragraph';
-    parts: CommentInline[];
-} | {
-    type: 'list';
-    items: CommentInline[][];
-};
-/** A comment body → paragraphs (text keeps its line breaks) and lists of inline parts. */
-export declare function commentMarkdownParts(body: string, people?: readonly MentionCandidate[]): CommentBlock[];
-/** A comment body as plain text without the Markdown, for a notification or a preview: mentions as `@Label`, links as their text, list items as `• item`. */
-export declare function commentMarkdownText(body: string, people?: readonly MentionCandidate[]): string;
-export {};