smartrte-react 0.3.4 → 1.0.0-beta.1

package/dist/versionProvider.js

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

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "smartrte-react",
-  "version": "0.3.4",
+  "version": "1.0.0-beta.1",
   "description": "A powerful, feature-rich Rich Text Editor for React with support for tables, mathematical formulas (LaTeX/KaTeX), and media management",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./standalone/classic-editor-embed": {
+      "types": "./dist/standalone/classic-editor-embed.d.ts",
+      "import": "./dist/standalone/classic-editor-embed.js"
+    }
+  },
   "files": [
     "dist",
     "!dist/**/*.test.js",
     "!dist/**/*.test.d.ts",
+    "!dist/test-harness/**",
     "README.md",
     "CHANGELOG.md"
   ],
@@ -41,16 +52,6 @@
   },
   "author": "Smart RTE Contributors",
   "license": "MIT",
-  "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "prepublishOnly": "npm run build",
-    "dev": "pnpm build",
-    "lint": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run --passWithNoTests",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "e2e": "playwright test --pass-with-no-tests"
-  },
   "publishConfig": {
     "access": "public"
   },
@@ -60,16 +61,18 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.12.1",
     "@playwright/test": "^1.48.2",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
+    "@types/node": "^22",
     "@types/pdfjs-dist": "^2.10.377",
     "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
+    "jsdom": "^25.0.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "jsdom": "^25.0.1",
     "storybook": "^8.6.14",
     "typescript": "^5.6.2",
     "vite": "^5.4.8",
@@ -77,8 +80,19 @@
   },
   "dependencies": {
     "jszip": "^3.10.1",
+    "katex": "^0.18.4",
+    "lucide-react": "^1.35.0",
     "mammoth": "^1.11.0",
     "pdfjs-dist": "^5.4.530",
-    "smartrte-core": "^0.2.1"
+    "smartrte-core": "^1.0.0-beta.1"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.json",
+    "dev": "pnpm build",
+    "lint": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "e2e": "pnpm --filter smartrte-core build && pnpm build && playwright test --pass-with-no-tests"
   }
-}
+}

package/dist/adapters/coreBold.d.ts

@@ -1,5 +0,0 @@
-import { type CoreInlineMarkResult } from "./inlineMarkCoreExecution.js";
-export declare const isCoreBoldEnabled: () => boolean;
-/** Executes only the core bold command. Callers own DOM writes and legacy fallback. */
-export type CoreBoldResult = CoreInlineMarkResult;
-export declare const getCoreBoldResult: (root: HTMLElement) => CoreBoldResult | null;

package/dist/adapters/coreBold.js

@@ -1,3 +0,0 @@
-import { getCoreInlineMarkResult, isCoreInlineMarkEnabled } from "./inlineMarkCoreExecution.js";
-export const isCoreBoldEnabled = () => isCoreInlineMarkEnabled("bold");
-export const getCoreBoldResult = (root) => getCoreInlineMarkResult(root, "bold");

package/dist/adapters/inlineMarkCoreExecution.d.ts

@@ -1,9 +0,0 @@
-import { type SmartSelection } from "smartrte-core";
-export type CoreInlineMark = "bold" | "italic" | "underline" | "superscript" | "subscript";
-export interface CoreInlineMarkResult {
-    html: string;
-    selectionBefore: SmartSelection;
-    selectionAfter: SmartSelection;
-}
-export declare const isCoreInlineMarkEnabled: (mark: CoreInlineMark) => boolean;
-export declare const getCoreInlineMarkResult: (root: HTMLElement, mark: CoreInlineMark) => CoreInlineMarkResult | null;

package/dist/adapters/inlineMarkCoreExecution.js

@@ -1,25 +0,0 @@
-import { applyTransaction, toggleBold, toggleItalic, toggleSubscript, toggleSuperscript, toggleUnderline, } from "smartrte-core";
-import { selectionFromDom } from "./domSelectionBridge.js";
-import { serializeSmartDocument, smartDocumentFromEditorRoot } from "./domSmartDocument.js";
-import { isCoreInlineMarkFlagEnabled } from "./internalFlags.js";
-const commands = {
-    bold: toggleBold,
-    italic: toggleItalic,
-    underline: toggleUnderline,
-    superscript: toggleSuperscript,
-    subscript: toggleSubscript,
-};
-export const isCoreInlineMarkEnabled = (mark) => isCoreInlineMarkFlagEnabled(mark);
-export const getCoreInlineMarkResult = (root, mark) => {
-    const selection = selectionFromDom(root, window.getSelection());
-    if (!selection)
-        return null;
-    const { document } = smartDocumentFromEditorRoot(root);
-    const state = { document, selection };
-    const command = commands[mark];
-    if (!command.isEnabled(state))
-        return null;
-    const transaction = command.execute(state);
-    const next = applyTransaction(state, transaction);
-    return { html: serializeSmartDocument(next.document), selectionBefore: transaction.selectionBefore, selectionAfter: transaction.selectionAfter };
-};

package/dist/components/ClassicEditor.d.ts

@@ -1,66 +0,0 @@
-import { MediaManagerAdapter } from "./MediaManager.js";
-import { SrteTheme } from '../theme.js';
-type ClassicEditorProps = {
-    value?: string;
-    onChange?: (html: string) => void;
-    placeholder?: string;
-    minHeight?: number | string;
-    maxHeight?: number | string;
-    readOnly?: boolean;
-    table?: boolean;
-    media?: boolean;
-    formula?: boolean;
-    mediaManager?: MediaManagerAdapter;
-    /**
-     * Optional custom list of fonts to display in the toolbar.
-     * If not provided, a default set of web-safe fonts will be used.
-     * Example: [{ name: 'Robto', value: 'Roboto, sans-serif' }]
-     */
-    fonts?: {
-        name: string;
-        value: string;
-    }[];
-    /**
-     * The default font family to apply to the editor content.
-     * This sets the font-family style of the editable area.
-     * Example: "Arial, sans-serif"
-     */
-    defaultFont?: string;
-    /**
-     * Preserve font-family styles from pasted/imported content.
-     * Defaults to false so host applications can keep a single app font while
-     * still preserving bold, italic, headings, lists, tables, and colors.
-     */
-    preserveFontFamily?: boolean;
-    /**
-     * Preserve foreground/background colors from pasted/imported content.
-     * Defaults to false so dark-mode editors remain readable when content is
-     * copied from sources such as Google Docs with hardcoded black-on-white styles.
-     */
-    preserveColors?: boolean;
-    /**
-     * Preserve visual styling from imported DOCX files except font-family.
-     * This keeps Word-authored colors, spacing, borders, and table fills while
-     * still allowing the host app to control the editor font.
-     */
-    preserveDocxStyles?: boolean;
-    /**
-     * Theme mode for the editor.
-     * - "light" (default): Uses the built-in light theme.
-     * - "dark": Uses the built-in dark theme.
-     */
-    theme?: SrteTheme;
-    /**
-     * Show the inline font-size dropdown in the toolbar.
-     * Defaults to true. Heading block controls are independent of this option.
-     */
-    showFontSize?: boolean;
-    /**
-     * Additional CSS class name(s) to apply to the editor's root element.
-     * Useful for custom theming by overriding CSS custom properties.
-     * Example: className="my-editor-theme"
-     */
-    className?: string;
-};
-export declare function ClassicEditor({ value, onChange, placeholder, minHeight, maxHeight, readOnly, table, media, formula, mediaManager, fonts, defaultFont, preserveFontFamily, preserveColors, preserveDocxStyles, theme, showFontSize, className, }: ClassicEditorProps): import("react/jsx-runtime").JSX.Element;
-export {};