@aquera/nile-elements 1.9.6 → 1.9.7

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.9.6",
+  "version": "1.9.7",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",
@@ -131,7 +131,9 @@
     "./nile-color-picker": "./dist/src/nile-color-picker/index.js",
     "./nile-color-swatch": "./dist/src/nile-color-swatch/index.js",
     "./nile-tree": "./dist/src/nile-tree/index.js",
-    "./nile-tree-item": "./dist/src/nile-tree-item/index.js"
+    "./nile-tree-item": "./dist/src/nile-tree-item/index.js",
+    "./nile-wysiwyg-editor": "./dist/src/nile-wysiwyg-editor/index.js",
+    "./nile-wysiwyg-toolbar": "./dist/src/nile-wysiwyg-editor/nile-wysiwyg-toolbar/index.js"
   },
   "scripts": {
     "analyze": "cem analyze --litelement",
@@ -167,8 +169,22 @@
     "composed-offset-position": "^0.0.4",
     "element-internals-polyfill": "^1.1.20",
     "figlet": "1.7.0",
+    "highlight.js": "^11.9.0",
     "lit": "^3.0.0",
     "marked": "^15.0.12",
+    "prosemirror-commands": "^1.7.1",
+    "prosemirror-dropcursor": "^1.8.2",
+    "prosemirror-gapcursor": "^1.4.1",
+    "prosemirror-history": "^1.5.0",
+    "prosemirror-inputrules": "^1.5.1",
+    "prosemirror-keymap": "^1.2.3",
+    "prosemirror-model": "^1.25.0",
+    "prosemirror-schema-basic": "^1.2.4",
+    "prosemirror-schema-list": "^1.5.1",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.8.0",
+    "prosemirror-transform": "^1.10.0",
+    "prosemirror-view": "^1.38.0",
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {

package/src/index.ts

@@ -137,4 +137,60 @@ export { NileCommandMenuItem } from './nile-command-menu-item';
 export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
 export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
 export { NileMarkdown } from './nile-markdown';
-export { NileMarkdownEditor } from './nile-markdown-editor';
+export { NileMarkdownEditor } from './nile-markdown-editor';
+
+// nile-wysiwyg-editor — ProseMirror-powered rich text editor
+export { NileWysiwygEditor, DEFAULT_TOOLBAR } from './nile-wysiwyg-editor/index';
+export type {
+  WysiwygChangeDetail,
+  WysiwygCommandDetail,
+  ToolbarConfig,
+} from './nile-wysiwyg-editor/index';
+export { NileWysiwygToolbar } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';
+export { NileWysiwygLinkEditor } from './nile-wysiwyg-editor/ui/link-editor';
+export { NileWysiwygBubbleMenu } from './nile-wysiwyg-editor/ui/bubble-menu';
+export { NileWysiwygImagePanel } from './nile-wysiwyg-editor/ui/image-panel';
+export { NileWysiwygTableMenu } from './nile-wysiwyg-editor/ui/table-menu';
+export { NileWysiwygTablePicker } from './nile-wysiwyg-editor/ui/table-grid-picker';
+export { NileWysiwygSuggestList } from './nile-wysiwyg-editor/ui/suggest-list';
+export { NileWysiwygFindBar } from './nile-wysiwyg-editor/ui/find-replace';
+export { NileWysiwygSourceView } from './nile-wysiwyg-editor/ui/source-view';
+export { NileWysiwygEmbedPanel } from './nile-wysiwyg-editor/ui/embed-panel';
+export { NileWysiwygCodeMenu } from './nile-wysiwyg-editor/ui/code-block-menu';
+export { NileWysiwygShortcutHelp } from './nile-wysiwyg-editor/ui/shortcut-help';
+export { NileWysiwygImageMenu } from './nile-wysiwyg-editor/ui/image-menu';
+export { NileWysiwygSpecialChars } from './nile-wysiwyg-editor/ui/special-chars';
+export { NileWysiwygInsertMenu } from './nile-wysiwyg-editor/ui/insert-menu';
+export type { InsertMenuItem } from './nile-wysiwyg-editor/ui/insert-menu';
+export { NileWysiwygMathPanel } from './nile-wysiwyg-editor/ui/math-panel';
+export type { SuggestItem } from './nile-wysiwyg-editor/ui/suggest-list';
+export type {
+  MentionsConfig,
+  MergeFieldConfig,
+  TemplateConfig,
+} from './nile-wysiwyg-editor/types';
+export type { MathRenderer } from './nile-wysiwyg-editor/engine/plugins/math-view';
+export {
+  createSchema,
+  defaultSchema,
+  sanitizeHtml,
+  htmlToDoc,
+  docToHtml,
+  docToMarkdown,
+  markdownToHtml,
+  looksLikeMarkdown,
+  docToJson,
+  jsonToDoc,
+  computeToolbarState,
+  createEditorState,
+  toInlineStyledHtml,
+  buildWordDocument,
+  buildPrintDocument,
+} from './nile-wysiwyg-editor/engine';
+export type {
+  ToolbarState,
+  CommandName,
+  CommandAttrs,
+  Alignment,
+  PrintOptions,
+} from './nile-wysiwyg-editor/engine';

package/src/internal/glyph.ts

@@ -0,0 +1,13 @@
+import { html, TemplateResult } from 'lit';
+
+/**
+ * Renders a design-system icon through nile-glyph. ng-prefixed names are
+ * stroke-drawn in @aquera/nile-glyph's set; the rest are fill-drawn.
+ */
+export function renderGlyph(name: string, size: number): TemplateResult {
+  return html`<nile-glyph
+    name=${name}
+    size=${size}
+    method=${name.startsWith('ng-') ? 'stroke' : 'fill'}
+  ></nile-glyph>`;
+}

package/src/nile-wysiwyg-editor/emoji.ts

@@ -0,0 +1,137 @@
+/** Curated emoji set for the ":" picker. Keys are the search names. */
+export const EMOJI: { name: string; char: string }[] = [
+  { name: 'smile', char: '😄' },
+  { name: 'grin', char: '😁' },
+  { name: 'joy', char: '😂' },
+  { name: 'rofl', char: '🤣' },
+  { name: 'slight_smile', char: '🙂' },
+  { name: 'wink', char: '😉' },
+  { name: 'blush', char: '😊' },
+  { name: 'heart_eyes', char: '😍' },
+  { name: 'kiss', char: '😘' },
+  { name: 'thinking', char: '🤔' },
+  { name: 'neutral', char: '😐' },
+  { name: 'smirk', char: '😏' },
+  { name: 'unamused', char: '😒' },
+  { name: 'roll_eyes', char: '🙄' },
+  { name: 'grimacing', char: '😬' },
+  { name: 'relieved', char: '😌' },
+  { name: 'pensive', char: '😔' },
+  { name: 'sleepy', char: '😴' },
+  { name: 'mask', char: '😷' },
+  { name: 'sunglasses', char: '😎' },
+  { name: 'nerd', char: '🤓' },
+  { name: 'confused', char: '😕' },
+  { name: 'worried', char: '😟' },
+  { name: 'frown', char: '🙁' },
+  { name: 'open_mouth', char: '😮' },
+  { name: 'astonished', char: '😲' },
+  { name: 'scream', char: '😱' },
+  { name: 'cry', char: '😢' },
+  { name: 'sob', char: '😭' },
+  { name: 'sweat', char: '😓' },
+  { name: 'angry', char: '😠' },
+  { name: 'rage', char: '😡' },
+  { name: 'exploding_head', char: '🤯' },
+  { name: 'party', char: '🥳' },
+  { name: 'cowboy', char: '🤠' },
+  { name: 'clown', char: '🤡' },
+  { name: 'ghost', char: '👻' },
+  { name: 'alien', char: '👽' },
+  { name: 'robot', char: '🤖' },
+  { name: 'poop', char: '💩' },
+  { name: 'skull', char: '💀' },
+  { name: 'heart', char: '❤️' },
+  { name: 'broken_heart', char: '💔' },
+  { name: 'sparkling_heart', char: '💖' },
+  { name: 'fire', char: '🔥' },
+  { name: 'sparkles', char: '✨' },
+  { name: 'star', char: '⭐' },
+  { name: 'boom', char: '💥' },
+  { name: 'zap', char: '⚡' },
+  { name: 'rainbow', char: '🌈' },
+  { name: 'sun', char: '☀️' },
+  { name: 'cloud', char: '☁️' },
+  { name: 'rain', char: '🌧️' },
+  { name: 'snowflake', char: '❄️' },
+  { name: 'thumbsup', char: '👍' },
+  { name: 'thumbsdown', char: '👎' },
+  { name: 'ok_hand', char: '👌' },
+  { name: 'clap', char: '👏' },
+  { name: 'wave', char: '👋' },
+  { name: 'raised_hands', char: '🙌' },
+  { name: 'pray', char: '🙏' },
+  { name: 'muscle', char: '💪' },
+  { name: 'point_right', char: '👉' },
+  { name: 'point_left', char: '👈' },
+  { name: 'point_up', char: '☝️' },
+  { name: 'point_down', char: '👇' },
+  { name: 'handshake', char: '🤝' },
+  { name: 'crossed_fingers', char: '🤞' },
+  { name: 'victory', char: '✌️' },
+  { name: 'eyes', char: '👀' },
+  { name: 'brain', char: '🧠' },
+  { name: 'tada', char: '🎉' },
+  { name: 'confetti', char: '🎊' },
+  { name: 'balloon', char: '🎈' },
+  { name: 'gift', char: '🎁' },
+  { name: 'trophy', char: '🏆' },
+  { name: 'medal', char: '🥇' },
+  { name: 'rocket', char: '🚀' },
+  { name: 'airplane', char: '✈️' },
+  { name: 'car', char: '🚗' },
+  { name: 'bike', char: '🚲' },
+  { name: 'hourglass', char: '⏳' },
+  { name: 'clock', char: '🕐' },
+  { name: 'alarm', char: '⏰' },
+  { name: 'calendar', char: '📅' },
+  { name: 'pushpin', char: '📌' },
+  { name: 'paperclip', char: '📎' },
+  { name: 'scissors', char: '✂️' },
+  { name: 'pencil', char: '✏️' },
+  { name: 'memo', char: '📝' },
+  { name: 'book', char: '📖' },
+  { name: 'books', char: '📚' },
+  { name: 'bulb', char: '💡' },
+  { name: 'mag', char: '🔍' },
+  { name: 'lock', char: '🔒' },
+  { name: 'unlock', char: '🔓' },
+  { name: 'key', char: '🔑' },
+  { name: 'hammer', char: '🔨' },
+  { name: 'wrench', char: '🔧' },
+  { name: 'gear', char: '⚙️' },
+  { name: 'link', char: '🔗' },
+  { name: 'bell', char: '🔔' },
+  { name: 'mega', char: '📣' },
+  { name: 'email', char: '📧' },
+  { name: 'phone', char: '📱' },
+  { name: 'computer', char: '💻' },
+  { name: 'bug', char: '🐛' },
+  { name: 'check', char: '✅' },
+  { name: 'x', char: '❌' },
+  { name: 'warning', char: '⚠️' },
+  { name: 'question', char: '❓' },
+  { name: 'exclamation', char: '❗' },
+  { name: 'hundred', char: '💯' },
+  { name: 'money', char: '💰' },
+  { name: 'chart_up', char: '📈' },
+  { name: 'chart_down', char: '📉' },
+  { name: 'coffee', char: '☕' },
+  { name: 'beer', char: '🍺' },
+  { name: 'pizza', char: '🍕' },
+  { name: 'burger', char: '🍔' },
+  { name: 'cake', char: '🎂' },
+  { name: 'apple', char: '🍎' },
+  { name: 'banana', char: '🍌' },
+  { name: 'dog', char: '🐶' },
+  { name: 'cat', char: '🐱' },
+  { name: 'unicorn', char: '🦄' },
+  { name: 'bee', char: '🐝' },
+  { name: 'turtle', char: '🐢' },
+  { name: 'penguin', char: '🐧' },
+  { name: 'flower', char: '🌸' },
+  { name: 'tree', char: '🌳' },
+  { name: 'earth', char: '🌍' },
+  { name: 'moon', char: '🌙' },
+  { name: 'wave_water', char: '🌊' },
+];