@parhelia/core 0.1.11004 → 0.1.11007

package/dist/dist/editor/field-types/richtext/index.js

@@ -0,0 +1,7 @@
+export * from "./components/ReactSlate";
+export * from "./components/SimpleRichTextEditor";
+export * from "./types";
+export * from "./utils/profileServiceCache";
+export * from "./hooks/useProfileCache";
+export * from "./hooks/useRichTextProfile";
+//# sourceMappingURL=index.js.map

package/dist/dist/editor/field-types/richtext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/field-types/richtext/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,SAAS,CAAC;AACxB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC"}

package/dist/dist/editor/field-types/richtext/types.d.ts

@@ -0,0 +1,288 @@
+import React from "react";
+import { BaseEditor, Editor } from "slate";
+import { HistoryEditor } from "slate-history";
+import { ReactEditor } from "slate-react";
+import { Link } from "../../LinkEditorDialog";
+import { Field } from "../../pageModel";
+export type MarkId = keyof typeof SLATE_MARKS;
+export type BlockId = keyof typeof SLATE_BLOCKS;
+export type AlignmentId = keyof typeof SLATE_ALIGNMENTS;
+export type MarkOptionConfig = {
+    readonly type: "mark";
+    readonly id: MarkId;
+};
+export type BlockOptionConfig = {
+    readonly type: "block";
+    readonly id: BlockId;
+};
+export type AlignmentOptionConfig = {
+    readonly type: "alignment";
+    readonly id: AlignmentId;
+};
+export type LinkOptionConfig = {
+    readonly type: "link";
+    readonly id: "link";
+};
+export type ListOptionConfig = {
+    readonly type: "list";
+    readonly id: "unordered-list" | "ordered-list";
+};
+export type DividerOptionConfig = {
+    readonly type: "divider";
+    readonly id: "divider";
+};
+export type InsertionOptionConfig = {
+    readonly type: "insertion";
+    readonly id: "horizontal-rule";
+};
+export type ToolbarOptionConfig = MarkOptionConfig | BlockOptionConfig | AlignmentOptionConfig | LinkOptionConfig | ListOptionConfig | DividerOptionConfig | InsertionOptionConfig;
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor & HistoryEditor & {
+            isMarkActive(format: MarkId): boolean;
+            toggleMark(format: MarkId): void;
+            isBlockActive(format: BlockId): boolean;
+            toggleBlock(format: BlockId): void;
+            isAlignActive(align: Alignment): boolean;
+            toggleAlign(align: Alignment): void;
+            isLinkActive(): boolean;
+            insertLink(options?: {
+                onOpenLinkDialog?: (callback: (link: any) => void) => void;
+            }): void;
+            isListActive(listType?: "unordered" | "ordered"): boolean;
+            toggleList(listType: "unordered" | "ordered"): void;
+            indentList(): void;
+            outdentList(): void;
+            insertHorizontalRule(): void;
+            stripFormatting(): void;
+        };
+        Element: CustomElement;
+        Text: CustomText;
+    }
+}
+export type CustomText = {
+    readonly text: string;
+    readonly bold?: boolean;
+    readonly italic?: boolean;
+    readonly underline?: boolean;
+    readonly strikethrough?: boolean;
+    readonly subscript?: boolean;
+    readonly superscript?: boolean;
+    readonly extrabold?: boolean;
+    readonly isRawHtml?: boolean;
+};
+export type Alignment = "left" | "center" | "right" | "justify";
+export type CustomElement = {
+    readonly type: string;
+    readonly align?: Alignment;
+    readonly listType?: "unordered" | "ordered";
+    readonly indent?: number;
+    readonly children: readonly (CustomText | CustomElement)[];
+    readonly [key: string]: any;
+};
+export type PreservedElement = CustomElement & {
+    readonly type: "preserved-element";
+    readonly originalTag: string;
+    readonly originalHtml: string;
+    readonly attributes: Record<string, any>;
+};
+export type PreservedInlineElement = CustomElement & {
+    readonly type: "preserved-inline";
+    readonly originalTag: string;
+    readonly originalHtml: string;
+    readonly attributes: Record<string, any>;
+};
+export type LinkElement = CustomElement & {
+    readonly type: "link";
+    readonly link: Link;
+};
+export interface ReactSlateProps {
+    readonly value?: string;
+    readonly onChange?: (value: string) => void;
+    readonly onFocus?: () => void;
+    readonly onBlur?: () => void;
+    readonly readOnly?: boolean;
+    readonly placeholder?: string;
+    readonly className?: string;
+    readonly profile?: RichTextEditorProfile;
+    readonly showControls?: boolean;
+}
+export interface CustomOption {
+    readonly id: string;
+    readonly label?: string;
+    readonly icon?: React.ReactNode;
+    readonly isActive?: (editor: Editor) => boolean;
+    readonly toggle?: (editor: Editor, event: React.MouseEvent) => void;
+}
+export type DropdownOption<T = CustomOption> = {
+    readonly value: T;
+    readonly label?: string;
+    readonly icon?: React.ReactNode;
+    readonly style?: React.CSSProperties;
+    readonly isActive: (editor: Editor) => boolean;
+    readonly onSelect: (editor: Editor, event: React.MouseEvent) => void;
+};
+export interface ToolbarButtonProps {
+    readonly icon: React.ReactNode;
+    readonly active: boolean;
+    readonly onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    readonly type?: string;
+}
+export interface ToolbarGroupConfig {
+    readonly id: string;
+    readonly label?: string;
+    readonly display?: "buttons" | "dropdown";
+    readonly showIconsOnly?: boolean;
+    readonly options: readonly ToolbarOptionConfig[];
+    readonly row?: number;
+}
+export type RichTextEditorProfile = {
+    readonly toolbar: {
+        readonly groups: readonly ToolbarGroupConfig[];
+    };
+};
+export interface SimplifiedProfile {
+    readonly marks: readonly MarkId[];
+    readonly blocks: readonly BlockId[];
+    readonly alignment: readonly AlignmentId[];
+    readonly lists: boolean;
+    readonly links: boolean;
+}
+export type HtmlToSlateResult = {
+    readonly success: true;
+    readonly data: import("slate").Descendant[];
+} | {
+    readonly success: false;
+    readonly error: Error;
+    readonly fallback: import("slate").Descendant[];
+};
+export type SlateToHtmlResult = {
+    readonly success: true;
+    readonly data: string;
+} | {
+    readonly success: false;
+    readonly error: Error;
+    readonly fallback: string;
+};
+export declare const SLATE_MARKS: {
+    readonly bold: {
+        readonly hotkey: "mod+b";
+        readonly htmlTag: "strong";
+        readonly label: "Bold";
+        readonly icon: "𝐁";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly italic: {
+        readonly hotkey: "mod+i";
+        readonly htmlTag: "em";
+        readonly label: "Italic";
+        readonly icon: "𝐼";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly underline: {
+        readonly hotkey: "mod+u";
+        readonly htmlTag: "u";
+        readonly label: "Underline";
+        readonly icon: "𝐔";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly strikethrough: {
+        readonly htmlTag: "s";
+        readonly label: "Strikethrough";
+        readonly icon: "𝐒";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly subscript: {
+        readonly htmlTag: "sub";
+        readonly label: "Subscript";
+        readonly icon: "X₂";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly superscript: {
+        readonly htmlTag: "sup";
+        readonly label: "Superscript";
+        readonly icon: "X²";
+        readonly renderHtml: (text: string) => string;
+    };
+    readonly extrabold: {
+        readonly htmlTag: "span";
+        readonly label: "Extra Bold";
+        readonly icon: "𝐄𝐁";
+        readonly renderHtml: (text: string) => string;
+    };
+};
+export declare const SLATE_BLOCKS: {
+    readonly paragraph: {
+        readonly htmlTag: "p";
+        readonly label: "Paragraph";
+        readonly icon: "¶";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "no-tag": {
+        readonly htmlTag: "no-tag";
+        readonly label: "Plain Text";
+        readonly icon: "T";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-1": {
+        readonly htmlTag: "h1";
+        readonly label: "Heading 1";
+        readonly icon: "H1";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-2": {
+        readonly htmlTag: "h2";
+        readonly label: "Heading 2";
+        readonly icon: "H2";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-3": {
+        readonly htmlTag: "h3";
+        readonly label: "Heading 3";
+        readonly icon: "H3";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-4": {
+        readonly htmlTag: "h4";
+        readonly label: "Heading 4";
+        readonly icon: "H4";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-5": {
+        readonly htmlTag: "h5";
+        readonly label: "Heading 5";
+        readonly icon: "H5";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+    readonly "heading-6": {
+        readonly htmlTag: "h6";
+        readonly label: "Heading 6";
+        readonly icon: "H6";
+        readonly renderHtml: (text: string, alignStyle: string) => string;
+    };
+};
+export declare const SLATE_ALIGNMENTS: {
+    readonly left: {
+        readonly label: "Align Left";
+        readonly icon: "←";
+        readonly value: "left";
+    };
+    readonly center: {
+        readonly label: "Align Center";
+        readonly icon: "↔";
+        readonly value: "center";
+    };
+    readonly right: {
+        readonly label: "Align Right";
+        readonly icon: "→";
+        readonly value: "right";
+    };
+    readonly justify: {
+        readonly label: "Justify";
+        readonly icon: "≡";
+        readonly value: "justify";
+    };
+};
+export type RichTextField = Field & {
+    readonly source: string;
+};

package/dist/dist/editor/field-types/richtext/types.js

@@ -0,0 +1,107 @@
+// Built-in Slate mark configurations with strict typing
+export const SLATE_MARKS = {
+    bold: {
+        hotkey: "mod+b",
+        htmlTag: "strong",
+        label: "Bold",
+        icon: "𝐁",
+        renderHtml: (text) => `<strong>${text}</strong>`,
+    },
+    italic: {
+        hotkey: "mod+i",
+        htmlTag: "em",
+        label: "Italic",
+        icon: "𝐼",
+        renderHtml: (text) => `<em>${text}</em>`,
+    },
+    underline: {
+        hotkey: "mod+u",
+        htmlTag: "u",
+        label: "Underline",
+        icon: "𝐔",
+        renderHtml: (text) => `<u>${text}</u>`,
+    },
+    strikethrough: {
+        htmlTag: "s",
+        label: "Strikethrough",
+        icon: "𝐒",
+        renderHtml: (text) => `<s>${text}</s>`,
+    },
+    subscript: {
+        htmlTag: "sub",
+        label: "Subscript",
+        icon: "X₂",
+        renderHtml: (text) => `<sub>${text}</sub>`,
+    },
+    superscript: {
+        htmlTag: "sup",
+        label: "Superscript",
+        icon: "X²",
+        renderHtml: (text) => `<sup>${text}</sup>`,
+    },
+    extrabold: {
+        htmlTag: "span",
+        label: "Extra Bold",
+        icon: "𝐄𝐁",
+        renderHtml: (text) => `<span class="extrabold">${text}</span>`,
+    },
+};
+// Built-in Slate block configurations with strict typing
+export const SLATE_BLOCKS = {
+    paragraph: {
+        htmlTag: "p",
+        label: "Paragraph",
+        icon: "¶",
+        renderHtml: (text, alignStyle) => `<p${alignStyle}>${text}</p>`,
+    },
+    "no-tag": {
+        htmlTag: "no-tag",
+        label: "Plain Text",
+        icon: "T",
+        renderHtml: (text, alignStyle) => text,
+    },
+    "heading-1": {
+        htmlTag: "h1",
+        label: "Heading 1",
+        icon: "H1",
+        renderHtml: (text, alignStyle) => `<h1${alignStyle}>${text}</h1>`,
+    },
+    "heading-2": {
+        htmlTag: "h2",
+        label: "Heading 2",
+        icon: "H2",
+        renderHtml: (text, alignStyle) => `<h2${alignStyle}>${text}</h2>`,
+    },
+    "heading-3": {
+        htmlTag: "h3",
+        label: "Heading 3",
+        icon: "H3",
+        renderHtml: (text, alignStyle) => `<h3${alignStyle}>${text}</h3>`,
+    },
+    "heading-4": {
+        htmlTag: "h4",
+        label: "Heading 4",
+        icon: "H4",
+        renderHtml: (text, alignStyle) => `<h4${alignStyle}>${text}</h4>`,
+    },
+    "heading-5": {
+        htmlTag: "h5",
+        label: "Heading 5",
+        icon: "H5",
+        renderHtml: (text, alignStyle) => `<h5${alignStyle}>${text}</h5>`,
+    },
+    "heading-6": {
+        htmlTag: "h6",
+        label: "Heading 6",
+        icon: "H6",
+        renderHtml: (text, alignStyle) => `<h6${alignStyle}>${text}</h6>`,
+    },
+};
+// Built-in alignment configurations with strict typing
+export const SLATE_ALIGNMENTS = {
+    left: { label: "Align Left", icon: "←", value: "left" },
+    center: { label: "Align Center", icon: "↔", value: "center" },
+    right: { label: "Align Right", icon: "→", value: "right" },
+    justify: { label: "Justify", icon: "≡", value: "justify" },
+};
+//# sourceMappingURL=types.js.map

package/dist/dist/editor/field-types/richtext/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/editor/field-types/richtext/types.ts"],"names":[],"mappings":"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"}

package/dist/dist/editor/field-types/richtext/utils/conversion.d.ts

@@ -0,0 +1,7 @@
+import { Descendant } from 'slate';
+import { CustomText, SimplifiedProfile, MarkId, HtmlToSlateResult, SlateToHtmlResult } from '../types';
+export declare const htmlToSlate: (html: string, profile: SimplifiedProfile) => Descendant[];
+export declare const htmlToSlateWithResult: (html: string, profile: SimplifiedProfile) => HtmlToSlateResult;
+export declare const formatTextWithMarks: (child: CustomText, configuredMarks: readonly MarkId[]) => string;
+export declare const slateToHtml: (value: Descendant[], profile: SimplifiedProfile) => string;
+export declare const slateToHtmlWithResult: (value: Descendant[], profile: SimplifiedProfile) => SlateToHtmlResult;