@editora/plugins 1.0.2 → 1.0.5

package/dist/emojis.cjs.js

@@ -0,0 +1,284 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d={all:{name:"All",emojis:["❤️","💔","💙","💚","💛","🖤","🤍","🤎","✔️","❌","☑️","❗","❓","⚠️","💯","➕","➖","✖️","➗","♻️","⚡","🔥","✨","⭐","⭕","🚫","😀","😃","😄","😁","😆","😅","😂","🤣","😊","😇","🙂","🙃","😉","😍","😘","😎","🤓","😐","😑","😬","🙄","😏","😌","🤩","🥳","🤔","😴","😭","😢","😡","🤯","👍","👎","👌","✌️","🤞","🙏","👏","🙌","💪","🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐸","🐵","🐔","🐧","🐦","🦆","🦅","🦄","🐝","🦋","🌲","🌳","🌴","🌵","🌸","🌼","🌻","☀️","🌙","⭐","🌈","🌧️","❄️","🌊","🍎","🍌","🍉","🍇","🍓","🍒","🍍","🥭","🍐","🍊","🍋","🍑","🥝","🥑","🍔","🍟","🍕","🌭","🥪","🌮","🌯","🍣","🍜","🍰","🧁","🍩","🍪","🍫","☕","🍵","🥤","🍺","🍷","🍸","🍹","🥂","⚽","🏀","🏈","⚾","🎾","🏐","🏉","🎮","🎯","🎳","🎲","♟️","🏃","🚴","🏊","🏋️","🧘","🎸","🎹","🥁","🎺","🎤","🏆","🥇","🚗","🚕","🚌","🚎","🚓","🚑","🚒","✈️","🚀","🚁","🚤","🛳️","🚢","🏠","🏢","🏬","🏫","🏥","🏰","🗼","🗽","⛩️","🕌","🌍","🌎","🌏","🏖️","🏝️","📱","💻","🖥️","⌨️","🖱️","📷","📸","🎥","📹","📚","📖","📝","📄","📂","🔒","🔑","🗝️","💡","🔦","🕯️","🧰","🛠️","🔧","⚙️","📦","💳","💰","🔋","🔌","🇮🇳","🇺🇸","🇬🇧","🇨🇦","🇦🇺","🇩🇪","🇫🇷","🇪🇸","🇮🇹","🇯🇵","🇰🇷","🇨🇳","🇧🇷","🇲🇽","🇷🇺","🇿🇦","🇳🇿"]},symbols:{name:"Symbols",emojis:["❤️","💔","💙","💚","💛","🖤","🤍","🤎","✔️","❌","☑️","❗","❓","⚠️","💯","➕","➖","✖️","➗","♻️","⚡","🔥","✨","⭐","⭕","🚫","⬆️","⬇️","⬅️","➡️","🔄","🔁","🔀","🔔","🔕","⏰","⌛","⏳"]},people:{name:"People",emojis:["😀","😃","😄","😁","😆","😅","😂","🤣","😊","😇","🙂","🙃","😉","😍","😘","😎","🤓","😐","😑","😬","🙄","😏","😌","🤩","🥳","🤔","😴","😭","😢","😡","🤯","👍","👎","👌","✌️","🤞","🙏","👏","🙌","💪"]},"animals-nature":{name:"Animals & Nature",emojis:["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐸","🐵","🐔","🐧","🐦","🦆","🦅","🦄","🐝","🦋","🌲","🌳","🌴","🌵","🌸","🌼","🌻","☀️","🌙","⭐","🌈","🌧️","❄️","🌊"]},"food-drink":{name:"Food & Drink",emojis:["🍎","🍌","🍉","🍇","🍓","🍒","🍍","🥭","🍐","🍊","🍋","🍑","🥝","🥑","🍔","🍟","🍕","🌭","🥪","🌮","🌯","🍣","🍜","🍰","🧁","🍩","🍪","🍫","☕","🍵","🥤","🍺","🍷","🍸","🍹","🥂"]},activity:{name:"Activity",emojis:["⚽","🏀","🏈","⚾","🎾","🏐","🏉","🎮","🎯","🎳","🎲","♟️","🏃","🚴","🏊","🏋️","🧘","🎸","🎹","🥁","🎺","🎤","🏆","🥇","🥈","🥉"]},"travel-places":{name:"Travel & Places",emojis:["🚗","🚕","🚌","🚎","🚓","🚑","🚒","✈️","🚀","🚁","🚤","🛳️","🚢","🏠","🏢","🏬","🏫","🏥","🏰","🗼","🗽","⛩️","🕌","🌍","🌎","🌏","🏖️","🏝️"]},objects:{name:"Objects",emojis:["📱","💻","🖥️","⌨️","🖱️","📷","📸","🎥","📹","📚","📖","📝","📄","📂","🔒","🔑","🗝️","💡","🔦","🕯️","🧰","🛠️","🔧","⚙️","📦","💳","💰","🔋","🔌"]},flags:{name:"Flags",emojis:["🇮🇳","🇺🇸","🇬🇧","🇨🇦","🇦🇺","🇩🇪","🇫🇷","🇪🇸","🇮🇹","🇯🇵","🇰🇷","🇨🇳","🇧🇷","🇲🇽","🇷🇺","🇿🇦","🇳🇿"]}},p={"💙":"blue heart","💚":"green heart","💛":"yellow heart","🖤":"black heart","🤍":"white heart","🤎":"brown heart","☑️":"check box with check","🔴":"red circle","🟢":"green circle","🟡":"yellow circle","🔵":"blue circle","⬆️":"up arrow","⬇️":"down arrow","⬅️":"left arrow","➡️":"right arrow","🔄":"counterclockwise arrows","🔁":"repeat button","🔀":"shuffle tracks","🔔":"bell","🔕":"muted bell","⏰":"alarm clock","⏳":"hourglass not done","⌛":"hourglass done","♠️":"spade suit","♥️":"heart suit","♦️":"diamond suit","♣️":"club suit","🚫":"prohibited","⭕":"hollow red circle","❎":"cross mark button","😐":"neutral face","😑":"expressionless face","😬":"grimacing face","🙄":"face with rolling eyes","😏":"smirking face","😌":"relieved face","🤩":"star struck","😜":"winking face with tongue","😝":"squinting face with tongue","🤪":"zany face","😢":"crying face","😥":"sad but relieved face","😓":"downcast face with sweat","😱":"face screaming in fear","😨":"fearful face","🤗":"hugging face","🤭":"face with hand over mouth","🤫":"shushing face","🤥":"lying face","👌":"ok hand","✌️":"victory hand","🤞":"crossed fingers","🙌":"raising hands","💪":"flexed biceps","🐔":"chicken","🐧":"penguin","🐦":"bird","🐤":"baby chick","🦆":"duck","🦅":"eagle","🐺":"wolf","🦄":"unicorn","🐝":"honeybee","🐞":"lady beetle","🦋":"butterfly","🐢":"turtle","🐍":"snake","🦖":"t-rex","🌿":"herb","🍀":"four leaf clover","🍁":"maple leaf","🍂":"fallen leaf","🌊":"water wave","❄️":"snowflake","☁️":"cloud","⛈️":"cloud with lightning and rain","🌪️":"tornado","🍐":"pear","🍊":"tangerine","🍋":"lemon","🍑":"peach","🥝":"kiwi fruit","🥑":"avocado","🍆":"eggplant","🌽":"ear of corn","🥕":"carrot","🥔":"potato","🍞":"bread","🥐":"croissant","🥖":"baguette bread","🧀":"cheese wedge","🍖":"meat on bone","🍗":"poultry leg","🥩":"cut of meat","🍦":"soft ice cream","🍨":"ice cream","🍫":"chocolate bar","🍬":"candy","🥛":"glass of milk","🧃":"beverage box","🍹":"tropical drink","🥂":"clinking glasses","🏓":"ping pong","🥊":"boxing glove","🥋":"martial arts uniform","⛳":"flag in hole","🏹":"bow and arrow","🎿":"skis","⛷️":"skier","🏂":"snowboarder","🎤":"microphone","🎬":"clapper board","🎨":"artist palette","🧩":"puzzle piece","🪀":"yo-yo","🚇":"metro","🚉":"station","🚊":"tram","🚝":"monorail","🛻":"pickup truck","🚐":"minibus","🗺️":"world map","🧭":"compass","⛰️":"mountain","🏔️":"snow capped mountain","🌋":"volcano","🏜️":"desert","🏕️":"camping","🏙️":"cityscape","🌆":"city at dusk","🌃":"night with stars","📦":"package","📫":"closed mailbox with raised flag","📬":"open mailbox with raised flag","📭":"open mailbox with lowered flag","🧾":"receipt","💳":"credit card","💰":"money bag","🪙":"coin","🔋":"battery","🔌":"electric plug","🧯":"fire extinguisher","🪜":"ladder","🪞":"mirror","🧹":"broom","🧸":"teddy bear"};let c=null,n="all",l="",s=null;const j='[data-theme="dark"], .dark, .editora-theme-dark',h=()=>({name:"emojis",toolbar:[{label:"Insert Emoji",command:"openEmojiDialog",icon:'<svg width="24" height="24" focusable="false"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"></path></svg>',shortcut:"Mod-Shift-j",type:"button"}],commands:{openEmojiDialog:(o,t)=>{const e=t?.contentElement||u();return e?(v(e),!0):!1},insertEmoji:(o,t)=>{if(!o)return!1;const e=t?.contentElement||u();if(!e)return!1;try{return f(o,e),!0}catch{return!1}}},keymap:{"Mod-Shift-j":"openEmojiDialog"}});function v(o){n="all",l="";const t=window.getSelection();s=null,t&&t.rangeCount>0&&o.contains(t.anchorNode)&&(s=t.getRangeAt(0).cloneRange());const e=document.createElement("div");e.className="emojis-overlay",y(o)&&e.classList.add("rte-ui-theme-dark"),e.onclick=g;const r=document.createElement("div");r.className="emojis-dialog",r.setAttribute("role","dialog"),r.setAttribute("aria-modal","true"),r.onclick=a=>a.stopPropagation();const i=Object.keys(d);r.innerHTML=`
+    <div class="rte-dialog-header emojis-header">
+      <h3>Insert Emojis</h3>
+      <button class="rte-dialog-close emojis-close">×</button>
+    </div>
+    <div class="rte-dialog-body emojis-content">
+      <div class="emojis-tabs">
+        ${i.map(a=>`
+          <button class="emojis-tab ${a===n?"active":""}" data-category="${a}">
+            ${d[a].name}
+          </button>
+        `).join("")}
+      </div>
+      <div class="emojis-main-content">
+        <div class="emojis-search">
+          <svg class="emojis-search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="11" cy="11" r="8"/>
+            <path d="m21 21-4.35-4.35"/>
+          </svg>
+          <input 
+            type="text" 
+            placeholder="Search emojis..." 
+            class="emojis-search-input"
+            id="emoji-search-input"
+          />
+        </div>
+        <div class="emojis-grid" id="emojis-grid">
+          ${b(n,l)}
+        </div>
+      </div>
+    </div>
+  `,e.appendChild(r),document.body.appendChild(e),c=e,x(r,o),k(),setTimeout(()=>{r.querySelector("#emoji-search-input")?.focus()},100)}function x(o,t){o.querySelector(".emojis-close")?.addEventListener("click",g),o.querySelectorAll(".emojis-tab").forEach(r=>{r.addEventListener("click",i=>{const a=i.target.getAttribute("data-category");a&&w(o,a,t)})}),o.querySelector("#emoji-search-input")?.addEventListener("input",r=>{l=r.target.value,m(o,t)}),m(o,t)}function w(o,t,e){n=t,o.querySelectorAll(".emojis-tab").forEach(r=>{r.classList.toggle("active",r.getAttribute("data-category")===t)}),m(o,e)}function m(o,t){const e=o.querySelector("#emojis-grid");e&&(e.innerHTML=b(n,l),e.querySelectorAll(".emojis-item").forEach(r=>{r.addEventListener("click",()=>{const i=r.textContent?.trim()||"";i&&(f(i,t),g())})}))}function b(o,t){let e=d[o].emojis;return t.trim()&&(e=e.filter(r=>r.toLowerCase().includes(t.toLowerCase())?!0:(p[r]||"").toLowerCase().includes(t.toLowerCase()))),e.length===0&&t.trim()?`<div class="emojis-no-results">No emojis found for "${t}"</div>`:e.map((r,i)=>`
+    <button 
+      class="emojis-item" 
+      title="Insert ${r}"
+      data-emoji="${r}"
+    >
+      ${r}
+    </button>
+  `).join("")}function g(){c&&(document.body.removeChild(c),c=null)}function f(o,t){t.focus();let e=window.getSelection();if(s&&(e?.removeAllRanges(),e?.addRange(s),s=null),e=window.getSelection(),e&&e.rangeCount>0){const r=e.getRangeAt(0);r.deleteContents();const i=document.createTextNode(o);r.insertNode(i),r.setStartAfter(i),r.setEndAfter(i),e.removeAllRanges(),e.addRange(r)}}function u(){const o=window.getSelection();if(o&&o.rangeCount>0){const e=o.anchorNode,i=(e instanceof HTMLElement?e:e?.parentElement)?.closest(".editora-content, .rte-content");if(i)return i}const t=document.activeElement;return t&&(t.classList.contains("editora-content")||t.classList.contains("rte-content"))?t:document.querySelector(".editora-content, .rte-content")}function y(o){const t=o||u();return t?!!t.closest(j):!1}function k(){if(document.getElementById("emojis-dialog-styles"))return;const o=document.createElement("style");o.id="emojis-dialog-styles",o.textContent=`
+    .emojis-overlay {
+      --rte-emoji-overlay-bg: rgba(15, 23, 36, 0.56);
+      --rte-emoji-dialog-bg: #ffffff;
+      --rte-emoji-dialog-text: #101828;
+      --rte-emoji-border: #d6dbe4;
+      --rte-emoji-subtle-bg: #f7f9fc;
+      --rte-emoji-subtle-hover: #eef2f7;
+      --rte-emoji-muted-text: #5f6b7d;
+      --rte-emoji-accent: #1f75fe;
+      --rte-emoji-accent-strong: #165fd6;
+      --rte-emoji-ring: rgba(31, 117, 254, 0.18);
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: var(--rte-emoji-overlay-bg);
+      backdrop-filter: blur(2px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+      padding: 16px;
+      box-sizing: border-box;
+    }
+
+    .emojis-overlay.rte-ui-theme-dark {
+      --rte-emoji-overlay-bg: rgba(2, 8, 20, 0.72);
+      --rte-emoji-dialog-bg: #202938;
+      --rte-emoji-dialog-text: #e8effc;
+      --rte-emoji-border: #49566c;
+      --rte-emoji-subtle-bg: #2a3444;
+      --rte-emoji-subtle-hover: #344256;
+      --rte-emoji-muted-text: #a5b1c5;
+      --rte-emoji-accent: #58a6ff;
+      --rte-emoji-accent-strong: #4598f4;
+      --rte-emoji-ring: rgba(88, 166, 255, 0.22);
+    }
+
+    .emojis-dialog {
+      background: var(--rte-emoji-dialog-bg);
+      color: var(--rte-emoji-dialog-text);
+      border: 1px solid var(--rte-emoji-border);
+      border-radius: 12px;
+      box-shadow: 0 24px 48px rgba(10, 15, 24, 0.28);
+      max-width: 800px;
+      width: 90%;
+      max-height: 80vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .emojis-header {
+      border-bottom: 1px solid var(--rte-emoji-border);
+      background: linear-gradient(180deg, rgba(127, 154, 195, 0.08) 0%, rgba(127, 154, 195, 0) 100%);
+    }
+
+    .emojis-header h3 {
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-close {
+      color: var(--rte-emoji-muted-text);
+      border-radius: 8px;
+      transition: background-color 0.16s ease, color 0.16s ease;
+    }
+
+    .emojis-close:hover {
+      background-color: var(--rte-emoji-subtle-hover);
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-content {
+      display: flex;
+      flex: 1;
+      overflow: hidden;
+      padding: 0;
+    }
+
+    .emojis-main-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .emojis-search {
+      padding: 16px 16px 0 16px;
+      position: relative;
+    }
+
+    .emojis-search-icon {
+      position: absolute;
+      left: 28px;
+      top: 27px;
+      color: var(--rte-emoji-muted-text);
+      pointer-events: none;
+      z-index: 1;
+    }
+
+    .emojis-search-input {
+      width: calc(100% - 24px);
+      padding: 10px 12px 10px 40px;
+      border: 1px solid var(--rte-emoji-border);
+      border-radius: 8px;
+      font-size: 14px;
+      color: var(--rte-emoji-dialog-text);
+      background-color: var(--rte-emoji-subtle-bg);
+      transition: border-color 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .emojis-search-input:focus {
+      outline: none;
+      border-color: var(--rte-emoji-accent);
+      box-shadow: 0 0 0 3px var(--rte-emoji-ring);
+    }
+
+    .emojis-search:focus-within .emojis-search-icon {
+      color: var(--rte-emoji-accent);
+    }
+
+    .emojis-search-input::placeholder {
+      color: var(--rte-emoji-muted-text);
+    }
+
+    .emojis-tabs {
+      display: flex;
+      flex-direction: column;
+      width: 180px;
+      border-right: 1px solid var(--rte-emoji-border);
+      background-color: var(--rte-emoji-subtle-bg);
+    }
+
+    .emojis-tab {
+      padding: 12px 16px;
+      border: none;
+      background: none;
+      text-align: left;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--rte-emoji-muted-text);
+      border-bottom: 1px solid var(--rte-emoji-border);
+      transition: all 0.2s ease;
+    }
+
+    .emojis-tab:hover {
+      background-color: var(--rte-emoji-subtle-hover);
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-tab.active {
+      background-color: var(--rte-emoji-accent);
+      color: #fff;
+      font-weight: 500;
+    }
+
+    .emojis-tab.active:hover {
+      background-color: var(--rte-emoji-accent-strong);
+    }
+
+    .emojis-grid {
+      padding: 16px;
+      overflow-y: auto;
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
+      gap: 8px;
+    }
+
+    .emojis-item {
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid var(--rte-emoji-border);
+      background: var(--rte-emoji-subtle-bg);
+      border-radius: 8px;
+      cursor: pointer;
+      font-size: 18px;
+      transition: all 0.2s ease;
+      color: var(--rte-emoji-dialog-text);
+    }
+
+    .emojis-item:hover {
+      background-color: var(--rte-emoji-accent);
+      border-color: var(--rte-emoji-accent);
+      color: #fff;
+      transform: scale(1.05);
+    }
+
+    .emojis-item:active {
+      transform: scale(0.95);
+    }
+
+    .emojis-no-results {
+      grid-column: 1 / -1;
+      text-align: center;
+      color: var(--rte-emoji-muted-text);
+      font-size: 14px;
+      padding: 40px 20px;
+      background-color: var(--rte-emoji-subtle-bg);
+      border-radius: 8px;
+      border: 1px solid var(--rte-emoji-border);
+    }
+
+    /* Responsive design */
+    @media (max-width: 768px) {
+      .emojis-dialog {
+        width: 95%;
+        max-height: 90vh;
+      }
+
+      .emojis-content {
+        flex-direction: column;
+      }
+
+      .emojis-tabs {
+        width: 100%;
+        border-right: none;
+        border-bottom: 1px solid var(--rte-emoji-border);
+        flex-direction: row;
+        overflow-x: auto;
+      }
+
+      .emojis-tab {
+        border-bottom: none;
+        border-right: 1px solid var(--rte-emoji-border);
+        white-space: nowrap;
+        min-width: 80px;
+      }
+
+      .emojis-grid {
+        grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
+        gap: 6px;
+      }
+
+      .emojis-item {
+        width: 36px;
+        height: 36px;
+        font-size: 16px;
+      }
+    }
+  `,document.head.appendChild(o)}exports.EmojisPlugin=h;