smartrte-react 0.2.8 → 0.3.0

package/dist/theme.d.ts

@@ -1,3 +1,3 @@
 export type SrteTheme = 'light' | 'dark';
-export declare const SRTE_DEFAULT_CSS = "\n.srte-editor {\n  --srte-bg: #ffffff;\n  --srte-text: #111111;\n  --srte-text-muted: #4b5563;\n  --srte-border: #dddddd;\n  --srte-border-light: #eeeeee;\n  --srte-toolbar-bg: #ffffff;\n  --srte-input-bg: #ffffff;\n  --srte-input-text: #111111;\n  --srte-input-border: #e5e7eb;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);\n  --srte-modal-backdrop-filter: blur(2px);\n  --srte-modal-bg: #ffffff;\n  --srte-modal-text: #000000;\n  --srte-menu-bg: #ffffff;\n  --srte-menu-text: #111111;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n  --srte-accent: #1e90ff;\n  --srte-accent-bg: rgba(30, 144, 255, 0.15);\n  --srte-danger: #dc2626;\n  --srte-primary: #2563eb;\n  --srte-surface-subtle: #f3f4f6;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #f3f4f6;\n}\n.srte-editor.srte-dark {\n  --srte-bg: #1e1e1e;\n  --srte-text: #e0e0e0;\n  --srte-text-muted: #9ca3af;\n  --srte-border: #3a3a3a;\n  --srte-border-light: #2e2e2e;\n  --srte-toolbar-bg: #252525;\n  --srte-input-bg: #2a2a2a;\n  --srte-input-text: #e0e0e0;\n  --srte-input-border: #444444;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.22);\n  --srte-modal-backdrop-filter: blur(10px) saturate(0.9);\n  --srte-modal-bg: #1e293b;\n  --srte-modal-text: #e0e0e0;\n  --srte-menu-bg: #1e293b;\n  --srte-menu-text: #e0e0e0;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n  --srte-accent: #3b9eff;\n  --srte-accent-bg: rgba(59, 158, 255, 0.2);\n  --srte-danger: #ef4444;\n  --srte-primary: #3b82f6;\n  --srte-surface-subtle: #333333;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #333333;\n}\n.srte-editor [contenteditable] blockquote {\n  border-left: 4px solid var(--srte-accent);\n  margin: 0.75em 0;\n  padding: 0.5em 1em;\n  background: var(--srte-surface-subtle);\n  color: var(--srte-text);\n}\n.srte-editor [contenteditable] p,\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  color: inherit;\n}\n.srte-editor [contenteditable] p {\n  display: block;\n  margin: 0 0 0.75em;\n  font-size: 1em;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  display: block;\n  margin: 0.75em 0 0.4em;\n  font-weight: 700;\n  line-height: 1.25;\n}\n.srte-editor [contenteditable] h1 {\n  font-size: 2em;\n}\n.srte-editor [contenteditable] h2 {\n  font-size: 1.5em;\n}\n.srte-editor [contenteditable] h3 {\n  font-size: 1.25em;\n}\n.srte-editor [contenteditable] > :first-child {\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul {\n  list-style-type: disc;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] ol {\n  list-style-type: decimal;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] li {\n  display: list-item;\n  margin: 0.25em 0;\n  padding-left: 0.25em;\n}\n.srte-editor [contenteditable] li::marker {\n  color: currentColor;\n}\n.srte-editor.srte-dark [contenteditable] [style*=\"color\"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *),\n.srte-editor.srte-dark [contenteditable] [style*=\"background\"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *) {\n  color: var(--srte-text) !important;\n  background: transparent !important;\n  background-color: transparent !important;\n}\n.srte-editor [contenteditable] sub,\n.srte-editor [contenteditable] sup {\n  line-height: 0;\n}\n";
+export declare const SRTE_DEFAULT_CSS = "\n.srte-editor {\n  --srte-bg: #ffffff;\n  --srte-text: #111111;\n  --srte-text-muted: #4b5563;\n  --srte-border: #dddddd;\n  --srte-border-light: #eeeeee;\n  --srte-toolbar-bg: #ffffff;\n  --srte-input-bg: #ffffff;\n  --srte-input-text: #111111;\n  --srte-input-border: #e5e7eb;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);\n  --srte-modal-backdrop-filter: blur(2px);\n  --srte-modal-bg: #ffffff;\n  --srte-modal-text: #000000;\n  --srte-menu-bg: #ffffff;\n  --srte-menu-text: #111111;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n  --srte-accent: #1e90ff;\n  --srte-accent-bg: rgba(30, 144, 255, 0.15);\n  --srte-danger: #dc2626;\n  --srte-primary: #2563eb;\n  --srte-surface-subtle: #f3f4f6;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #f3f4f6;\n  --srte-code-bg: #f6f8fa;\n  --srte-code-text: #24292f;\n}\n.srte-editor.srte-dark {\n  --srte-bg: #1e1e1e;\n  --srte-text: #e0e0e0;\n  --srte-text-muted: #9ca3af;\n  --srte-border: #3a3a3a;\n  --srte-border-light: #2e2e2e;\n  --srte-toolbar-bg: #252525;\n  --srte-input-bg: #2a2a2a;\n  --srte-input-text: #e0e0e0;\n  --srte-input-border: #444444;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.22);\n  --srte-modal-backdrop-filter: blur(10px) saturate(0.9);\n  --srte-modal-bg: #1e293b;\n  --srte-modal-text: #e0e0e0;\n  --srte-menu-bg: #1e293b;\n  --srte-menu-text: #e0e0e0;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n  --srte-accent: #3b9eff;\n  --srte-accent-bg: rgba(59, 158, 255, 0.2);\n  --srte-danger: #ef4444;\n  --srte-primary: #3b82f6;\n  --srte-surface-subtle: #333333;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #333333;\n  --srte-code-bg: #111827;\n  --srte-code-text: #e5e7eb;\n}\n.srte-editor [contenteditable] blockquote {\n  border-left: 4px solid var(--srte-accent);\n  margin: 0.75em 0;\n  padding: 0.5em 1em;\n  background: var(--srte-surface-subtle);\n  color: var(--srte-text);\n}\n.srte-editor [contenteditable] p,\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  color: inherit;\n}\n.srte-editor [contenteditable] p {\n  display: block;\n  margin: 0 0 0.75em;\n  font-size: 1em;\n  font-weight: 400;\n  line-height: 1.6;\n}\n.srte-editor [contenteditable] p[data-srte-caret-boundary=\"true\"] {\n  min-height: 1.6em;\n}\n.srte-editor [contenteditable] h1,\n.srte-editor [contenteditable] h2,\n.srte-editor [contenteditable] h3 {\n  display: block;\n  margin: 0.75em 0 0.4em;\n  font-weight: 700;\n  line-height: 1.25;\n}\n.srte-editor [contenteditable] h1 {\n  font-size: 2em;\n}\n.srte-editor [contenteditable] h2 {\n  font-size: 1.5em;\n}\n.srte-editor [contenteditable] h3 {\n  font-size: 1.25em;\n}\n.srte-editor [contenteditable] > :first-child {\n  margin-top: 0;\n}\n.srte-editor [contenteditable] ul {\n  list-style-type: disc;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] ol {\n  list-style-type: decimal;\n  list-style-position: outside;\n  margin: 0.75em 0;\n  padding-left: 1.75em;\n}\n.srte-editor [contenteditable] li {\n  display: list-item;\n  margin: 0.25em 0;\n  padding-left: 0.25em;\n}\n.srte-editor [contenteditable] li::marker {\n  color: currentColor;\n}\n.srte-editor [contenteditable] table {\n  width: 100%;\n  margin: 0.75em 0;\n  border-collapse: collapse;\n}\n.srte-editor [contenteditable] th,\n.srte-editor [contenteditable] td {\n  padding: 8px;\n  border: 1px solid var(--srte-border);\n  vertical-align: top;\n}\n.srte-editor [contenteditable] th {\n  background: var(--srte-surface-subtle);\n  font-weight: 600;\n  text-align: left;\n}\n.srte-editor [contenteditable] td > h1,\n.srte-editor [contenteditable] td > h2,\n.srte-editor [contenteditable] td > h3,\n.srte-editor [contenteditable] th > h1,\n.srte-editor [contenteditable] th > h2,\n.srte-editor [contenteditable] th > h3 {\n  margin: 0 0 0.4em;\n  overflow-wrap: anywhere;\n}\n.srte-editor [contenteditable] pre {\n  display: block;\n  margin: 0.75em 0;\n  padding: 12px 14px;\n  overflow-x: auto;\n  border: 1px solid var(--srte-border);\n  border-radius: 6px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n  line-height: 1.55;\n  white-space: pre-wrap;\n}\n.srte-editor [contenteditable] pre code {\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n}\n.srte-editor [contenteditable] code:not(pre code) {\n  padding: 0.1em 0.35em;\n  border-radius: 3px;\n  background: var(--srte-code-bg);\n  color: var(--srte-code-text);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n  font-size: 0.9em;\n}\n.srte-editor [contenteditable] a,\n.srte-editor [contenteditable] a:visited {\n  color: var(--srte-primary) !important;\n  text-decoration: underline !important;\n  text-decoration-thickness: 1px !important;\n  text-underline-offset: 2px !important;\n  cursor: pointer;\n}\n.srte-editor [contenteditable] a:hover {\n  color: var(--srte-accent) !important;\n}\n.srte-editor [contenteditable] a:focus-visible {\n  outline: 2px solid var(--srte-accent);\n  outline-offset: 2px;\n}\n.srte-editor.srte-dark [contenteditable] [style*=\"color\"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *),\n.srte-editor.srte-dark [contenteditable] [style*=\"background\"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *) {\n  color: var(--srte-text) !important;\n  background: transparent !important;\n  background-color: transparent !important;\n}\n.srte-editor [contenteditable] sub,\n.srte-editor [contenteditable] sup {\n  line-height: 0;\n}\n";
 export declare function ensureStyleSheet(): void;

package/dist/theme.js

@@ -23,6 +23,8 @@ export const SRTE_DEFAULT_CSS = `
   --srte-surface-subtle: #f3f4f6;
   --srte-on-primary: #ffffff;
   --srte-cancel-bg: #f3f4f6;
+  --srte-code-bg: #f6f8fa;
+  --srte-code-text: #24292f;
 }
 .srte-editor.srte-dark {
   --srte-bg: #1e1e1e;
@@ -48,6 +50,8 @@ export const SRTE_DEFAULT_CSS = `
   --srte-surface-subtle: #333333;
   --srte-on-primary: #ffffff;
   --srte-cancel-bg: #333333;
+  --srte-code-bg: #111827;
+  --srte-code-text: #e5e7eb;
 }
 .srte-editor [contenteditable] blockquote {
   border-left: 4px solid var(--srte-accent);
@@ -69,6 +73,9 @@ export const SRTE_DEFAULT_CSS = `
   font-weight: 400;
   line-height: 1.6;
 }
+.srte-editor [contenteditable] p[data-srte-caret-boundary="true"] {
+  min-height: 1.6em;
+}
 .srte-editor [contenteditable] h1,
 .srte-editor [contenteditable] h2,
 .srte-editor [contenteditable] h3 {
@@ -109,6 +116,75 @@ export const SRTE_DEFAULT_CSS = `
 .srte-editor [contenteditable] li::marker {
   color: currentColor;
 }
+.srte-editor [contenteditable] table {
+  width: 100%;
+  margin: 0.75em 0;
+  border-collapse: collapse;
+}
+.srte-editor [contenteditable] th,
+.srte-editor [contenteditable] td {
+  padding: 8px;
+  border: 1px solid var(--srte-border);
+  vertical-align: top;
+}
+.srte-editor [contenteditable] th {
+  background: var(--srte-surface-subtle);
+  font-weight: 600;
+  text-align: left;
+}
+.srte-editor [contenteditable] td > h1,
+.srte-editor [contenteditable] td > h2,
+.srte-editor [contenteditable] td > h3,
+.srte-editor [contenteditable] th > h1,
+.srte-editor [contenteditable] th > h2,
+.srte-editor [contenteditable] th > h3 {
+  margin: 0 0 0.4em;
+  overflow-wrap: anywhere;
+}
+.srte-editor [contenteditable] pre {
+  display: block;
+  margin: 0.75em 0;
+  padding: 12px 14px;
+  overflow-x: auto;
+  border: 1px solid var(--srte-border);
+  border-radius: 6px;
+  background: var(--srte-code-bg);
+  color: var(--srte-code-text);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 0.9em;
+  line-height: 1.55;
+  white-space: pre-wrap;
+}
+.srte-editor [contenteditable] pre code {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+.srte-editor [contenteditable] code:not(pre code) {
+  padding: 0.1em 0.35em;
+  border-radius: 3px;
+  background: var(--srte-code-bg);
+  color: var(--srte-code-text);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 0.9em;
+}
+.srte-editor [contenteditable] a,
+.srte-editor [contenteditable] a:visited {
+  color: var(--srte-primary) !important;
+  text-decoration: underline !important;
+  text-decoration-thickness: 1px !important;
+  text-underline-offset: 2px !important;
+  cursor: pointer;
+}
+.srte-editor [contenteditable] a:hover {
+  color: var(--srte-accent) !important;
+}
+.srte-editor [contenteditable] a:focus-visible {
+  outline: 2px solid var(--srte-accent);
+  outline-offset: 2px;
+}
 .srte-editor.srte-dark [contenteditable] [style*="color"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *),
 .srte-editor.srte-dark [contenteditable] [style*="background"]:not(td):not(th):not(.srte-preserve-colors):not(.srte-preserve-colors *) {
   color: var(--srte-text) !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smartrte-react",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "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",
@@ -8,7 +8,10 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "README.md"
+    "!dist/**/*.test.js",
+    "!dist/**/*.test.d.ts",
+    "README.md",
+    "CHANGELOG.md"
   ],
   "keywords": [
     "react",
@@ -40,13 +43,13 @@
   "license": "MIT",
   "scripts": {
     "build": "tsc -p tsconfig.json",
-    "prepublishOnly": "pnpm run build",
+    "prepublishOnly": "npm run build",
     "dev": "pnpm build",
-    "lint": "eslint . || true",
-    "test": "vitest run || true",
+    "lint": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run --passWithNoTests",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "e2e": "playwright test || true"
+    "e2e": "playwright test --pass-with-no-tests"
   },
   "publishConfig": {
     "access": "public"
@@ -66,6 +69,7 @@
     "@types/react-dom": "^18.3.0",
     "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",
@@ -74,6 +78,7 @@
   "dependencies": {
     "jszip": "^3.10.1",
     "mammoth": "^1.11.0",
-    "pdfjs-dist": "^5.4.530"
+    "pdfjs-dist": "^5.4.530",
+    "smartrte-core": "^0.2.0"
   }
 }