@reacteditor/core 0.0.1-alpha.0

package/dist/Render-EFT7YD2C.css

@@ -0,0 +1,103 @@
+/* css-module:/Users/rami/Documents/apps/frontend-react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_1grt5_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_1grt5_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_1grt5_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--re-border-default);
+}
+._RichTextEditor_1grt5_1 .rich-text code {
+  background-color: var(--re-surface-sunken);
+  padding: 4px 8px;
+  border-radius: var(--re-radius-sm);
+}
+._RichTextEditor_1grt5_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_1grt5_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_1grt5_1 .rich-text > *:first-child,
+._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
+._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_1grt5_1 .rich-text > *:last-child,
+._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
+._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_1grt5_50 {
+  background: var(--re-surface-panel);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--re-border-default);
+  border-radius: var(--re-radius-md);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--re-font-size-xxs);
+  resize: vertical;
+  text-align: initial;
+  transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text ul,
+._RichTextEditor--editor_1grt5_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_1grt5_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_1grt5_50:focus-within {
+  border-color: var(--re-accent);
+  outline: none;
+  box-shadow: var(--re-ring);
+  transition: none;
+}
+._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
+  background: var(--re-surface-sunken);
+}
+._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_1grt5_119 {
+  border-bottom: 1px solid var(--re-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
+  border-bottom: 1px solid var(--re-border-subtle);
+}

package/dist/Render-VDC7AEQK.mjs

@@ -0,0 +1,55 @@
+import {
+  EditorRichText
+} from "./chunk-2YLS65V2.mjs";
+import {
+  styles_module_default
+} from "./chunk-MFI3RDA4.mjs";
+import {
+  get_class_name_factory_default
+} from "./chunk-Y2EFNT5P.mjs";
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/components/Render.tsx
+init_react_import();
+import { generateHTML, generateJSON } from "@tiptap/html";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var getClassName = get_class_name_factory_default("RichTextEditor", styles_module_default);
+function RichTextRender({
+  content,
+  field
+}) {
+  const { tiptap = {}, options } = field;
+  const { extensions = [] } = tiptap;
+  const loadedExtensions = useMemo(
+    () => [EditorRichText.configure(options), ...extensions],
+    [field, extensions]
+  );
+  const normalized = useMemo(() => {
+    if (typeof content === "object" && (content == null ? void 0 : content.type) === "doc") {
+      return content;
+    }
+    if (typeof content === "string") {
+      const isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
+      if (isHtml) {
+        return generateJSON(content, loadedExtensions);
+      }
+      return {
+        type: "doc",
+        content: [
+          { type: "paragraph", content: [{ type: "text", text: content }] }
+        ]
+      };
+    }
+    return { type: "doc", content: [] };
+  }, [content, loadedExtensions]);
+  const html = useMemo(() => {
+    return generateHTML(normalized, loadedExtensions);
+  }, [normalized, loadedExtensions]);
+  return /* @__PURE__ */ jsx("div", { className: getClassName(), children: /* @__PURE__ */ jsx("div", { className: "rich-text", dangerouslySetInnerHTML: { __html: html } }) });
+}
+export {
+  RichTextRender
+};