@multiplatform.one/rich-text 6.1.0 → 6.3.0

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

@@ -33,15 +33,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);
@@ -49,7 +69,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 {
@@ -95,7 +143,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 {
@@ -119,8 +170,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;
@@ -145,16 +196,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;
@@ -162,8 +214,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;
@@ -183,25 +235,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 {
@@ -217,18 +278,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;
@@ -236,39 +297,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/cjs/editor/editorStyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","editorStyles_exports","__export","getEditorCSS","module","exports","options","arguments","length","minHeight","maxHeight","bodyFontFamily","headingFontFamily","bodyFont","headingFont"],"sources":["../../../src/editor/editorStyles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAmBOC,MAAA,CAAAC,OAAS,GAAAT,YAAa,CAAAK,oBAAwC;AACnE,SAAME,YAAEA,CAAA,EAAY;EACpB,IAAAG,OAAM,GAAAC,SAAW,CAAAC,MAAA,QAAkBD,SAAA,iBAAAA,SAAA;EACnC;IAAME,SAAA,MAAc;IAAAC,SAAA;IAAAC,cAAqB;IAAAC;EAAA,IAAAN,OAAA;EAEzC,IAAAO,QAAO,GAAAF,cAAA;EAAA,IAAAG,WAAA,GAAAF,iBAAA,IAAAC,QAAA;EAAA;AAAA;AAGoB;AAC2C,oBAAAJ,SAAA;AAAA,QAAAC,SAAA,kBAE3CA,SAAA;AAAA;AAAA,qBAAAG,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBG;AAAA,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;AAmNhC","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","editorStyles_exports","__export","getEditorCSS","module","exports","options","arguments","length","minHeight","maxHeight","bodyFontFamily","headingFontFamily","fullscreen","motionMs","scopeClass","bodyFont","headingFont","bubbleScope"],"sources":["../../../src/editor/editorStyles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAyBOC,MAAA,CAAAC,OAAS,GAAAT,YAAa,CAAAK,oBAAwC;AACnE,SAAME,aAAA;EAAA,IACJG,OAAA,GAAYC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IACZ;IAAAE,SAAA;IAAAC,SAAA;IAAAC,cAAA;IAAAC,iBAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAT,OAAA;EAAA,IACAU,QAAA,GAAAL,cAAA;EAAA,IACAM,WAAA,GAAAL,iBAAA,IAAAI,QAAA;EAAA,IACAE,WAAA,GAAAH,UAAA,OAAAA,UAAA;EAAA,OACA;AAAW;AACX;AAEF;AACA;AACA;AAEA;AAAO;AAAA;AAAA,MAAAG,WAAA;AAAA,4BAAAJ,QAAA,sBAAAA,QAAA;AAAA,+BAAAA,QAAA;AAAA;AAAA,MAAAI,WAAA;AAAA,4BAAAJ,QAAA,sBAAAA,QAAA;AAAA;AASQ;AACiD;AAC3B;AAAA,QAEjCD,UAAW,wCAAAJ,SAAA;AAAA,QAAAC,SAAA,kBACWA,SAAQ,uBAA8B;AAAA;AAAA,qBAAAM,QAAA;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;AAAA,qBAAAC,WAAA;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;AAAA,4BAAAH,QAAA;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;AAAA,8BAAAA,QAAA;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","ignoreList":[]}

package/dist/cjs/editor/emoji.cjs

@@ -0,0 +1,128 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var emoji_exports = {};
+__export(emoji_exports, {
+  EmojiSuggestion: () => EmojiSuggestion,
+  insertEmoji: () => insertEmoji,
+  loadEmojiIndex: () => loadEmojiIndex,
+  resetEmojiIndexForTesting: () => resetEmojiIndexForTesting,
+  searchEmoji: () => searchEmoji
+});
+module.exports = __toCommonJS(emoji_exports);
+var import_core = require("@tiptap/core");
+var import_state = require("@tiptap/pm/state");
+var import_suggestion = __toESM(require("@tiptap/suggestion"));
+var import_t = require("../shared/t.cjs");
+var import_suggestionPopup = require("./suggestionPopup.cjs");
+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 import_state.PluginKey("emojiSuggestion");
+const EmojiSuggestion = import_core.Extension.create({
+  name: "emojiSuggestion",
+  addOptions() {
+    return {
+      suggestion: {
+        char: ":",
+        pluginKey: EmojiSuggestionPluginKey,
+        startOfLine: false,
+        items: async ({
+          query
+        }) => searchEmoji(await loadEmojiIndex(), query),
+        render: (0, import_suggestionPopup.createSuggestionRenderer)({
+          toRow: item => ({
+            key: item.name,
+            title: `:${item.name}:`,
+            description: item.keywords.slice(0, 3).join(", ") || void 0,
+            icon: item.char
+          }),
+          getChrome: import_suggestionPopup.getSuggestionChrome,
+          getEmptyLabel: () => (0, import_t.t)("No results")
+        }),
+        command: ({
+          editor,
+          range,
+          props
+        }) => insertEmoji(editor, range, props.char)
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [(0, import_suggestion.default)({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});

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

@@ -0,0 +1,184 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var emoji_exports = {};
+__export(emoji_exports, {
+  EmojiSuggestion: () => EmojiSuggestion,
+  insertEmoji: () => insertEmoji,
+  loadEmojiIndex: () => loadEmojiIndex,
+  resetEmojiIndexForTesting: () => resetEmojiIndexForTesting,
+  searchEmoji: () => searchEmoji
+});
+module.exports = __toCommonJS(emoji_exports);
+var import_core = require("@tiptap/core");
+var import_state = require("@tiptap/pm/state");
+var import_suggestion = __toESM(require("@tiptap/suggestion"));
+var import_t = require("../shared/t.native.js");
+var import_suggestionPopup = require("./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 import_state.PluginKey("emojiSuggestion");
+var EmojiSuggestion = import_core.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: (0, import_suggestionPopup.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: import_suggestionPopup.getSuggestionChrome,
+          getEmptyLabel: function getEmptyLabel() {
+            return (0, import_t.t)("No results");
+          }
+        }),
+        command: function command(param) {
+          var {
+            editor,
+            range,
+            props
+          } = param;
+          return insertEmoji(editor, range, props.char);
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [(0, import_suggestion.default)({
+      editor: this.editor,
+      ...this.options.suggestion
+    })];
+  }
+});
+//# sourceMappingURL=emoji.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","emoji_exports","__export","EmojiSuggestion","insertEmoji","loadEmojiIndex","resetEmojiIndexForTesting","searchEmoji","module","exports","import_core","require","import_state","import_suggestion","__toESM","import_t","import_suggestionPopup","emojiIndexPromise","then","_ref","lib","default","entries","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","Symbol","iterator","_step","next","done","name","_value_keywords","char","push","keywords","err","return","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":[]}