@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/esm/editor/editorStyles.native.js

@@ -4,15 +4,35 @@ function getEditorCSS() {
     minHeight = 150,
     maxHeight,
     bodyFontFamily,
-    headingFontFamily
+    headingFontFamily,
+    fullscreen,
+    motionMs = 120,
+    scopeClass
   } = options;
   var bodyFont = bodyFontFamily || "inherit";
   var headingFont = headingFontFamily || bodyFont;
+  var bubbleScope = scopeClass ? `.${scopeClass} .rt-bubble-menu` : ".rt-bubble-menu";
   return `
+    /*
+      LC-24 A-ENTEREXIT: the bubble-menu plugin persists its element and
+      flips inline visibility/opacity on show/hide. A transition on the same
+      element pairs enter AND exit: the destination-state selector (inline
+      style attribute) picks instant visibility on show and delayed
+      visibility on hide so the exit fade stays visible. motionMs 0
+      (animation none) silences both.
+    */
+    ${bubbleScope} {
+      transition: opacity ${motionMs}ms ease, transform ${motionMs}ms ease,
+        visibility 0s linear ${motionMs}ms;
+    }
+    ${bubbleScope}[style*="visibility: visible"] {
+      transition: opacity ${motionMs}ms ease, transform ${motionMs}ms ease, visibility 0s;
+    }
+
     .ProseMirror {
       padding: 12px 12px 12px 16px;
-      min-height: ${minHeight}px;
-      ${maxHeight ? `max-height: ${maxHeight}px; overflow-y: auto;` : ""}
+      ${fullscreen ? "min-height: 100%;" : `min-height: ${minHeight}px;
+      ${maxHeight ? `max-height: ${maxHeight}px; overflow-y: auto;` : ""}`}
       outline: none;
       font-family: ${bodyFont};
       color: var(--color12);
@@ -20,7 +40,35 @@ function getEditorCSS() {
     .ProseMirror:focus {
       outline: none;
     }
+    /* Axiom 12 LEGIBLE FLOOR: non-removable >=2px focus ring on the
+       keyboard-focused editing surface */
+    .ProseMirror:focus-visible {
+      outline: 2px solid var(--color8);
+      outline-offset: -2px;
+    }
+    /* Mention chips (@ mention nodes) */
+    .ProseMirror .rt-mention {
+      background-color: var(--color4);
+      border-radius: 4px;
+      padding: 0.1em 0.3em;
+      color: var(--color12);
+      font-weight: 500;
+      white-space: nowrap;
+    }
+    /* Attachment chips (non-image file uploads) */
+    .ProseMirror a.rt-attachment {
+      display: inline-flex;
+      align-items: center;
+      background-color: var(--color3);
+      border: 1px solid var(--color6);
+      border-radius: 999px;
+      padding: 0.05em 0.6em;
+      text-decoration: none;
+      color: var(--color12);
+    }
     .ProseMirror p {
+      /* @tamagui/core reset.css does p { all: unset } (display -> inline); restore block flow */
+      display: block;
       margin: 0 0 0.5em 0;
     }
     .ProseMirror p:last-child {
@@ -66,7 +114,10 @@ function getEditorCSS() {
     }
     .ProseMirror ul,
     .ProseMirror ol {
-      padding-left: 1em;
+      /* reset.css also unsets ul/ol display; restore block flow.
+         Logical padding so list indent mirrors in RTL content. */
+      display: block;
+      padding-inline-start: 1em;
       margin: 0.5em 0;
     }
     .ProseMirror ul {
@@ -90,8 +141,8 @@ function getEditorCSS() {
     }
     .ProseMirror ul[data-type="taskList"] {
       list-style: none;
-      padding-left: 0;
-      margin-left: 0;
+      padding-inline-start: 0;
+      margin-inline-start: 0;
     }
     .ProseMirror ul[data-type="taskList"] li {
       display: flex;
@@ -116,16 +167,17 @@ function getEditorCSS() {
       border-radius: 4px;
     }
     .ProseMirror img.ProseMirror-selectednode {
-      outline: 2px solid var(--blue10, #0066cc);
+      outline: 2px solid var(--blue10);
     }
     .ProseMirror blockquote {
-      border-left: 3px solid var(--color6, #ccc);
-      padding-left: 1em;
+      /* Logical start rail so the quote accent mirrors in RTL. */
+      border-inline-start: 3px solid var(--color6);
+      padding-inline-start: 1em;
       margin: 0.5em 0;
-      color: var(--color10, #666);
+      color: var(--color10);
     }
     .ProseMirror code {
-      background-color: var(--color4, rgba(0,0,0,0.05));
+      background-color: var(--color4);
       padding: 0.15em 0.35em;
       border-radius: 4px;
       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
@@ -133,8 +185,8 @@ function getEditorCSS() {
       word-break: break-word;
     }
     .ProseMirror pre {
-      background-color: var(--color3, rgba(0,0,0,0.04));
-      border: 1px solid var(--color5, rgba(0,0,0,0.08));
+      background-color: var(--color3);
+      border: 1px solid var(--color5);
       padding: 0.75em 1em;
       border-radius: 4px;
       overflow-x: auto;
@@ -154,25 +206,34 @@ function getEditorCSS() {
       white-space: pre;
     }
     .ProseMirror a {
-      color: var(--blue10, #0066cc);
+      color: var(--blue10);
       text-decoration: underline;
     }
+    /* Highlight marks: the swatch palette rides scheme-aware theme ramps
+       (radix step-5 washes \u2014 pastel in light, deep-dim in dark), so the
+       inherited scheme ink stays legible on them; no forced ink needed. */
     .ProseMirror hr {
       border: none;
-      border-top: 2px solid var(--color6, #ccc);
+      border-top: 2px solid var(--color6);
       margin: 1em 0;
     }
     .ProseMirror p.is-editor-empty:first-child::before {
       content: attr(data-placeholder);
-      color: var(--color8, #aaa);
+      /* Axiom 12: placeholder is an owned text role \u2014 color11 is the muted
+         step that still clears 4.5:1 on the color2 editor surface in both
+         schemes (color10 measured 3.76:1 light / 3.87:1 dark) */
+      color: var(--color11);
       pointer-events: none;
-      float: left;
+      float: inline-start;
       height: 0;
     }
 
-    /* Block drag handle */
+    /* Block drag handle (decorative fade stops at animation none) */
+    .block-drag-handle {
+      transition: opacity ${motionMs}ms ease;
+    }
     .block-drag-handle:hover {
-      background-color: var(--color4, rgba(0,0,0,0.05));
+      background-color: var(--color4);
       opacity: 1 !important;
     }
     .block-drag-handle:active {
@@ -188,18 +249,18 @@ function getEditorCSS() {
     }
     .ProseMirror td,
     .ProseMirror th {
-      border: 1px solid var(--color6, #ddd);
+      border: 1px solid var(--color6);
       padding: 0.4em 0.6em;
       vertical-align: top;
       position: relative;
       min-width: 80px;
     }
     .ProseMirror th {
-      background-color: var(--color3, #f5f5f5);
+      background-color: var(--color3);
       font-weight: 600;
     }
     .ProseMirror .selectedCell {
-      background-color: var(--blue3, rgba(0, 102, 204, 0.08));
+      background-color: var(--blue3);
     }
     .ProseMirror .column-resize-handle {
       position: absolute;
@@ -207,39 +268,147 @@ function getEditorCSS() {
       top: 0;
       bottom: 0;
       width: 4px;
-      background-color: var(--blue10, #0066cc);
+      background-color: var(--blue10);
       pointer-events: none;
     }
     .ProseMirror.resize-cursor {
       cursor: col-resize;
     }
 
+    /* Inline math (KaTeX-rendered atom; raw TeX while loading) */
+    .ProseMirror .rt-math-inline {
+      display: inline-block;
+      padding: 0 0.15em;
+      border-radius: 4px;
+      cursor: pointer;
+      max-width: 100%;
+    }
+    .ProseMirror .rt-math-inline.ProseMirror-selectednode {
+      outline: 2px solid var(--blue10);
+    }
+    .ProseMirror .rt-math-inline.rt-math-error {
+      color: var(--red10);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.875em;
+      text-decoration: underline dashed var(--red10);
+      text-underline-offset: 3px;
+    }
+    .ProseMirror .rt-math-inline.rt-math-empty {
+      color: var(--color10);
+      font-style: italic;
+      border: 1px dashed var(--color8);
+      padding: 0 0.4em;
+    }
+    .ProseMirror .katex { font-size: 1.06em; }
+
+    /* Code block wrapper with live preview pane (mermaid / math) */
+    .ProseMirror .rt-codeblock { margin: 0.5em 0; }
+    .ProseMirror .rt-codeblock pre { margin: 0; }
+    .ProseMirror .rt-block-preview[data-state="hidden"] { display: none; }
+    .ProseMirror .rt-codeblock:has(.rt-block-preview:not([data-state="hidden"])) pre {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    .ProseMirror .rt-block-preview {
+      border: 1px solid var(--color5);
+      border-top: 1px dashed var(--color6);
+      border-radius: 0 0 4px 4px;
+      padding: 0.75em 1em;
+      background-color: var(--color2);
+      overflow-x: auto;
+    }
+    .ProseMirror .rt-preview-diagram { display: flex; justify-content: center; }
+    .ProseMirror .rt-preview-diagram svg { max-width: 100%; height: auto; }
+    .ProseMirror .rt-preview-math .katex-display { margin: 0.25em 0; }
+    .ProseMirror .rt-preview-error {
+      color: var(--red10);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+      font-size: 0.8125em;
+      white-space: pre-wrap;
+    }
+    .ProseMirror .rt-preview-hint {
+      color: var(--color10);
+      font-size: 0.8125em;
+      font-style: italic;
+    }
+
+    /* Collapsible details sections (GitLab <details> parity) */
+    .ProseMirror [data-type="details"] {
+      display: flex;
+      gap: 0.4em;
+      border: 1px solid var(--color5);
+      border-radius: 4px;
+      padding: 0.5em 0.75em;
+      margin: 0.5em 0;
+    }
+    .ProseMirror [data-type="details"] > button {
+      flex: 0 0 auto;
+      width: 1.5em;
+      height: 1.5em;
+      margin-top: 0.1em;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: none;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      color: var(--color11);
+      font-size: 1em;
+      padding: 0;
+    }
+    .ProseMirror [data-type="details"] > button:hover {
+      background-color: var(--color4);
+    }
+    .ProseMirror [data-type="details"] > button::before {
+      content: "\\25B8";
+      display: block;
+      transition: transform ${motionMs}ms ease;
+    }
+    .ProseMirror [data-type="details"].is-open > button::before {
+      transform: rotate(90deg);
+    }
+    .ProseMirror [data-type="details"] > div {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+    .ProseMirror [data-type="details"] summary {
+      display: block;
+      font-weight: 600;
+      list-style: none;
+    }
+    .ProseMirror [data-type="details"] summary::-webkit-details-marker { display: none; }
+    .ProseMirror [data-type="detailsContent"] { margin-top: 0.25em; }
+    /* The tamagui reset defeats the UA's [hidden] display:none \u2014 restore
+       it so the details toggle actually collapses the content */
+    .ProseMirror [data-type="detailsContent"][hidden] { display: none; }
+
     /* Syntax highlighting (lowlight / highlight.js compatible) */
     .ProseMirror pre .hljs-comment,
-    .ProseMirror pre .hljs-quote { color: var(--color9, #6a737d); font-style: italic; }
+    .ProseMirror pre .hljs-quote { color: var(--color9); font-style: italic; }
     .ProseMirror pre .hljs-keyword,
     .ProseMirror pre .hljs-selector-tag,
-    .ProseMirror pre .hljs-meta { color: var(--purple10, #d73a49); }
+    .ProseMirror pre .hljs-meta { color: var(--purple10); }
     .ProseMirror pre .hljs-string,
     .ProseMirror pre .hljs-attr,
     .ProseMirror pre .hljs-template-tag,
-    .ProseMirror pre .hljs-template-variable { color: var(--green10, #22863a); }
+    .ProseMirror pre .hljs-template-variable { color: var(--green10); }
     .ProseMirror pre .hljs-number,
     .ProseMirror pre .hljs-literal,
     .ProseMirror pre .hljs-type,
-    .ProseMirror pre .hljs-params { color: var(--blue10, #005cc5); }
+    .ProseMirror pre .hljs-params { color: var(--blue10); }
     .ProseMirror pre .hljs-built_in,
-    .ProseMirror pre .hljs-builtin-name { color: var(--orange10, #e36209); }
+    .ProseMirror pre .hljs-builtin-name { color: var(--orange10); }
     .ProseMirror pre .hljs-title,
-    .ProseMirror pre .hljs-section { color: var(--blue10, #005cc5); font-weight: 600; }
+    .ProseMirror pre .hljs-section { color: var(--blue10); font-weight: 600; }
     .ProseMirror pre .hljs-name,
-    .ProseMirror pre .hljs-tag { color: var(--green10, #22863a); }
-    .ProseMirror pre .hljs-attribute { color: var(--purple10, #6f42c1); }
+    .ProseMirror pre .hljs-tag { color: var(--green10); }
+    .ProseMirror pre .hljs-attribute { color: var(--purple10); }
     .ProseMirror pre .hljs-variable,
     .ProseMirror pre .hljs-symbol,
-    .ProseMirror pre .hljs-bullet { color: var(--orange10, #e36209); }
-    .ProseMirror pre .hljs-addition { color: var(--green10, #22863a); background-color: rgba(34,134,58,0.1); }
-    .ProseMirror pre .hljs-deletion { color: var(--red10, #b31d28); background-color: rgba(179,29,40,0.1); }
+    .ProseMirror pre .hljs-bullet { color: var(--orange10); }
+    .ProseMirror pre .hljs-addition { color: var(--green10); background-color: color-mix(in srgb, var(--green10) 12%, transparent); }
+    .ProseMirror pre .hljs-deletion { color: var(--red10); background-color: color-mix(in srgb, var(--red10) 12%, transparent); }
     .ProseMirror pre .hljs-emphasis { font-style: italic; }
     .ProseMirror pre .hljs-strong { font-weight: bold; }
   `;

package/dist/esm/editor/editorStyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getEditorCSS","options","arguments","length","minHeight","maxHeight","bodyFontFamily","headingFontFamily","bodyFont","headingFont"],"sources":["../../../src/editor/editorStyles.ts"],"sourcesContent":[null],"mappings":"AAmBO,SAASA,aAAA,EAAa;EAC3B,IAAAC,OAAQ,GAAAC,SAAY,CAAAC,MAAK,QAAWD,SAAA,QAAgB,SAAAA,SAAkB,CAAI;EAC1E;IAAME,SAAA,GAAW;IAAAC,SAAA;IAAAC,cAAkB;IAAAC;EAAA,IAAAN,OAAA;EACnC,IAAAO,QAAM,GAAAF,cAAc,aAAqB;EAEzC,IAAAG,WAAO,GAAAF,iBAAA,IAAAC,QAAA;EAAA;AAAA;AAAA;AAGoB,oBACTJ,SAAA;AAAoD,QAAAC,SAAA,kBAAAA,SAAA;AAAA;AAE3C,qBAAAG,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBG,qBAAAC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmNhC","ignoreList":[]}
+{"version":3,"names":["getEditorCSS","options","arguments","length","minHeight","maxHeight","bodyFontFamily","headingFontFamily","fullscreen","motionMs","scopeClass","bodyFont","headingFont","bubbleScope"],"sources":["../../../src/editor/editorStyles.ts"],"sourcesContent":[null],"mappings":"AAyBO,SAASA,aAAA,EAAa;EAC3B,IAAAC,OAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACJ;IAAAE,SAAY;IAAAC,SAAA;IAAAC,cAAA;IAAAC,iBAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAT,OAAA;EAAA,IACZU,QAAA,GAAAL,cAAA;EAAA,IACAM,WAAA,GAAAL,iBAAA,IAAAI,QAAA;EAAA,IACAE,WAAA,GAAAH,UAAA,OAAAA,UAAA;EAAA,OACA;AAAA;AACW;AACX;AAEF;AACA;AACA;AAEA;AAAO;AAAA,MAAAG,WAAA;AAAA,4BAAAJ,QAAA,sBAAAA,QAAA;AAAA,+BAAAA,QAAA;AAAA;AAAA,MAAAI,WAAA;AAAA,4BAAAJ,QAAA,sBAAAA,QAAA;AAAA;AAAA;AASQ;AACiD;AAC3B,QAAAD,UAAA,wCAAAJ,SAAA;AAAA,QAEjCC,SAAW,kBAAAA,SAAA;AAAA;AACiD,qBAAAM,QAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B;AAE9B;AAAA;AAEuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAAC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAAH,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsJI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAAA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAAT,YAAA","ignoreList":[]}

package/dist/esm/editor/emoji.mjs

@@ -0,0 +1,88 @@
+import { Extension } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import Suggestion from "@tiptap/suggestion";
+import { t } from "../shared/t.mjs";
+import { createSuggestionRenderer, getSuggestionChrome } from "./suggestionPopup.mjs";
+let emojiIndexPromise = null;
+function loadEmojiIndex() {
+  if (!emojiIndexPromise) {
+    emojiIndexPromise = import("emojilib/emojis.json").then(mod => {
+      const lib = mod?.default ?? mod;
+      const entries = [];
+      for (const [name, value] of Object.entries(lib)) {
+        if (!value?.char) continue;
+        entries.push({
+          name,
+          char: value.char,
+          keywords: value.keywords ?? []
+        });
+      }
+      return entries;
+    });
+  }
+  return emojiIndexPromise;
+}
+function resetEmojiIndexForTesting() {
+  emojiIndexPromise = null;
+}
+function searchEmoji(entries, query, limit = 20) {
+  const q = query.trim().toLowerCase();
+  if (!q) return entries.slice(0, limit);
+  const tiers = [[], [], [], []];
+  for (const entry of entries) {
+    const name = entry.name.toLowerCase();
+    if (name === q) {
+      tiers[0].push(entry);
+    } else if (name.startsWith(q)) {
+      tiers[1].push(entry);
+    } else if (name.includes(q)) {
+      tiers[2].push(entry);
+    } else if (entry.keywords.some(keyword => keyword.toLowerCase().startsWith(q))) {
+      tiers[3].push(entry);
+    }
+    if (tiers[0].length + tiers[1].length >= limit) break;
+  }
+  return tiers.flat().slice(0, limit);
+}
+function insertEmoji(editor, range, char) {
+  editor.chain().focus().insertContentAt(range, char).run();
+}
+const EmojiSuggestionPluginKey = new PluginKey("emojiSuggestion");
+const EmojiSuggestion = Extension.create({
+  name: "emojiSuggestion",
+  addOptions() {
+    return {
+      suggestion: {
+        char: ":",
+        pluginKey: EmojiSuggestionPluginKey,
+        startOfLine: false,
+        items: async ({
+          query
+        }) => searchEmoji(await loadEmojiIndex(), query),
+        render: createSuggestionRenderer({
+          toRow: item => ({
+            key: item.name,
+            title: `:${item.name}:`,
+            description: item.keywords.slice(0, 3).join(", ") || void 0,
+            icon: item.char
+          }),
+          getChrome: getSuggestionChrome,
+          getEmptyLabel: () => t("No results")
+        }),
+        command: ({
+          editor,
+          range,
+          props
+        }) => insertEmoji(editor, range, props.char)
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [Suggestion({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});
+export { EmojiSuggestion, insertEmoji, loadEmojiIndex, resetEmojiIndexForTesting, searchEmoji };
+//# sourceMappingURL=emoji.mjs.map

package/dist/esm/editor/emoji.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Extension","PluginKey","Suggestion","t","createSuggestionRenderer","getSuggestionChrome","emojiIndexPromise","loadEmojiIndex","then","mod","lib","default","entries","name","value","Object","char","push","keywords","resetEmojiIndexForTesting","searchEmoji","query","limit","q","trim","toLowerCase","slice","tiers","entry","startsWith","includes","some","keyword","length","flat","insertEmoji","editor","range","chain","focus","insertContentAt","run","EmojiSuggestionPluginKey","EmojiSuggestion","create","addOptions","suggestion","pluginKey","startOfLine","items","render","toRow","item","key","title","description","join","icon","getChrome","getEmptyLabel","command","props","addProseMirrorPlugins","options"],"sources":["../../../src/editor/emoji.ts"],"sourcesContent":[null],"mappings":"AAcA,SAASA,SAAA,QAAiB;AAE1B,SAASC,SAAA,QAAiB;AAC1B,OAAOC,UAAA,MAAgB;AACvB,SAASC,CAAA,QAAS;AAClB,SAASC,wBAAA,EAA0BC,mBAAA,QAA2B;AAoB9D,IAAIC,iBAAA,GAAkD;AAO/C,SAASC,eAAA,EAAwC;EACtD,IAAI,CAACD,iBAAA,EAAmB;IACtBA,iBAAA,GAAoB,OAAO,sBAAsB,EAAEE,IAAA,CAAMC,GAAA,IAAa;MACpE,MAAMC,GAAA,GAAOD,GAAA,EAAKE,OAAA,IAAWF,GAAA;MAC7B,MAAMG,OAAA,GAAwB,EAAC;MAC/B,WAAW,CAACC,IAAA,EAAMC,KAAK,KAAKC,MAAA,CAAOH,OAAA,CAAQF,GAAG,GAAG;QAC/C,IAAI,CAACI,KAAA,EAAOE,IAAA,EAAM;QAClBJ,OAAA,CAAQK,IAAA,CAAK;UAAEJ,IAAA;UAAMG,IAAA,EAAMF,KAAA,CAAME,IAAA;UAAME,QAAA,EAAUJ,KAAA,CAAMI,QAAA,IAAY;QAAG,CAAC;MACzE;MACA,OAAON,OAAA;IACT,CAAC;EACH;EACA,OAAON,iBAAA;AACT;AAGO,SAASa,0BAAA,EAAkC;EAChDb,iBAAA,GAAoB;AACtB;AAWO,SAASc,YAAYR,OAAA,EAAuBS,KAAA,EAAeC,KAAA,GAAQ,IAAkB;EAC1F,MAAMC,CAAA,GAAIF,KAAA,CAAMG,IAAA,CAAK,EAAEC,WAAA,CAAY;EACnC,IAAI,CAACF,CAAA,EAAG,OAAOX,OAAA,CAAQc,KAAA,CAAM,GAAGJ,KAAK;EAErC,MAAMK,KAAA,GAAwB,CAAC,EAAC,EAAG,EAAC,EAAG,EAAC,EAAG,EAAE;EAC7C,WAAWC,KAAA,IAAShB,OAAA,EAAS;IAC3B,MAAMC,IAAA,GAAOe,KAAA,CAAMf,IAAA,CAAKY,WAAA,CAAY;IACpC,IAAIZ,IAAA,KAASU,CAAA,EAAG;MACdI,KAAA,CAAM,CAAC,EAAGV,IAAA,CAAKW,KAAK;IACtB,WAAWf,IAAA,CAAKgB,UAAA,CAAWN,CAAC,GAAG;MAC7BI,KAAA,CAAM,CAAC,EAAGV,IAAA,CAAKW,KAAK;IACtB,WAAWf,IAAA,CAAKiB,QAAA,CAASP,CAAC,GAAG;MAC3BI,KAAA,CAAM,CAAC,EAAGV,IAAA,CAAKW,KAAK;IACtB,WAAWA,KAAA,CAAMV,QAAA,CAASa,IAAA,CAAMC,OAAA,IAAYA,OAAA,CAAQP,WAAA,CAAY,EAAEI,UAAA,CAAWN,CAAC,CAAC,GAAG;MAChFI,KAAA,CAAM,CAAC,EAAGV,IAAA,CAAKW,KAAK;IACtB;IACA,IAAID,KAAA,CAAM,CAAC,EAAGM,MAAA,GAASN,KAAA,CAAM,CAAC,EAAGM,MAAA,IAAUX,KAAA,EAAO;EACpD;EACA,OAAOK,KAAA,CAAMO,IAAA,CAAK,EAAER,KAAA,CAAM,GAAGJ,KAAK;AACpC;AAOO,SAASa,YAAYC,MAAA,EAAgBC,KAAA,EAAcrB,IAAA,EAAoB;EAC5EoB,MAAA,CAAOE,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEC,eAAA,CAAgBH,KAAA,EAAOrB,IAAI,EAAEyB,GAAA,CAAI;AAC1D;AAEA,MAAMC,wBAAA,GAA2B,IAAIzC,SAAA,CAAU,iBAAiB;AAMzD,MAAM0C,eAAA,GAAkB3C,SAAA,CAAU4C,MAAA,CAAO;EAC9C/B,IAAA,EAAM;EAENgC,WAAA,EAAa;IACX,OAAO;MACLC,UAAA,EAAY;QACV9B,IAAA,EAAM;QACN+B,SAAA,EAAWL,wBAAA;QACXM,WAAA,EAAa;QACbC,KAAA,EAAO,MAAAA,CAAO;UAAE5B;QAAM,MACpBD,WAAA,CAAY,MAAMb,cAAA,CAAe,GAAGc,KAAK;QAC3C6B,MAAA,EAAQ9C,wBAAA,CAAqC;UAC3C+C,KAAA,EAAQC,IAAA,KAAU;YAChBC,GAAA,EAAKD,IAAA,CAAKvC,IAAA;YACVyC,KAAA,EAAO,IAAIF,IAAA,CAAKvC,IAAI;YACpB0C,WAAA,EAAaH,IAAA,CAAKlC,QAAA,CAASQ,KAAA,CAAM,GAAG,CAAC,EAAE8B,IAAA,CAAK,IAAI,KAAK;YACrDC,IAAA,EAAML,IAAA,CAAKpC;UACb;UACA0C,SAAA,EAAWrD,mBAAA;UACXsD,aAAA,EAAeA,CAAA,KAAMxD,CAAA,CAAE,YAAY;QACrC,CAAC;QACDyD,OAAA,EAASA,CAAC;UAAExB,MAAA;UAAQC,KAAA;UAAOwB;QAAM,MAC/B1B,WAAA,CAAYC,MAAA,EAAQC,KAAA,EAAOwB,KAAA,CAAM7C,IAAI;MACzC;IACF;EACF;EAEA8C,sBAAA,EAAwB;IACtB,OAAO,CACL5D,UAAA,CAAW;MACTkC,MAAA,EAAQ,KAAKA,MAAA;MACb,GAAG,KAAK2B,OAAA,CAAQjB;IAClB,CAAC,EACH;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/editor/emoji.native.js

@@ -0,0 +1,141 @@
+import { Extension } from "@tiptap/core";
+import { PluginKey } from "@tiptap/pm/state";
+import Suggestion from "@tiptap/suggestion";
+import { t } from "../shared/t.native.js";
+import { createSuggestionRenderer, getSuggestionChrome } from "./suggestionPopup.native.js";
+var emojiIndexPromise = null;
+function loadEmojiIndex() {
+  if (!emojiIndexPromise) {
+    emojiIndexPromise = import("emojilib/emojis.json").then(function (mod) {
+      var _ref;
+      var lib = (_ref = mod === null || mod === void 0 ? void 0 : mod.default) !== null && _ref !== void 0 ? _ref : mod;
+      var entries = [];
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = Object.entries(lib)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var [name, value] = _step.value;
+          var _value_keywords;
+          if (!(value === null || value === void 0 ? void 0 : value.char)) continue;
+          entries.push({
+            name,
+            char: value.char,
+            keywords: (_value_keywords = value.keywords) !== null && _value_keywords !== void 0 ? _value_keywords : []
+          });
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+      return entries;
+    });
+  }
+  return emojiIndexPromise;
+}
+function resetEmojiIndexForTesting() {
+  emojiIndexPromise = null;
+}
+function searchEmoji(entries, query) {
+  var limit = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 20;
+  var q = query.trim().toLowerCase();
+  if (!q) return entries.slice(0, limit);
+  var tiers = [[], [], [], []];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var entry = _step.value;
+      var name = entry.name.toLowerCase();
+      if (name === q) {
+        tiers[0].push(entry);
+      } else if (name.startsWith(q)) {
+        tiers[1].push(entry);
+      } else if (name.includes(q)) {
+        tiers[2].push(entry);
+      } else if (entry.keywords.some(function (keyword) {
+        return keyword.toLowerCase().startsWith(q);
+      })) {
+        tiers[3].push(entry);
+      }
+      if (tiers[0].length + tiers[1].length >= limit) break;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return tiers.flat().slice(0, limit);
+}
+function insertEmoji(editor, range, char) {
+  editor.chain().focus().insertContentAt(range, char).run();
+}
+var EmojiSuggestionPluginKey = new PluginKey("emojiSuggestion");
+var EmojiSuggestion = Extension.create({
+  name: "emojiSuggestion",
+  addOptions() {
+    return {
+      suggestion: {
+        char: ":",
+        pluginKey: EmojiSuggestionPluginKey,
+        startOfLine: false,
+        items: async function items(param) {
+          var {
+            query
+          } = param;
+          return searchEmoji(await loadEmojiIndex(), query);
+        },
+        render: createSuggestionRenderer({
+          toRow: function toRow(item) {
+            return {
+              key: item.name,
+              title: `:${item.name}:`,
+              description: item.keywords.slice(0, 3).join(", ") || void 0,
+              icon: item.char
+            };
+          },
+          getChrome: getSuggestionChrome,
+          getEmptyLabel: function getEmptyLabel() {
+            return t("No results");
+          }
+        }),
+        command: function command(param) {
+          var {
+            editor,
+            range,
+            props
+          } = param;
+          return insertEmoji(editor, range, props.char);
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [Suggestion({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});
+export { EmojiSuggestion, insertEmoji, loadEmojiIndex, resetEmojiIndexForTesting, searchEmoji };
+//# sourceMappingURL=emoji.native.js.map

package/dist/esm/editor/emoji.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Extension","PluginKey","Suggestion","t","createSuggestionRenderer","getSuggestionChrome","emojiIndexPromise","loadEmojiIndex","then","mod","_ref","lib","default","entries","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","Symbol","iterator","_step","next","done","name","value","_value_keywords","char","push","keywords","err","return","resetEmojiIndexForTesting","searchEmoji","query","limit","arguments","length","q","trim","toLowerCase","slice","tiers","entry","startsWith","includes","some","keyword"],"sources":["../../../src/editor/emoji.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}