@codeauradev/ngx-wind-editor 1.0.0 → 1.0.2

package/dist/ngx-wind-editor.css

@@ -1,184 +0,0 @@
-:host {
-  display: block;
-  min-width: 0;
-}
-
-.wind-frame {
-  position: relative;
-  min-width: 0;
-}
-
-.wind-doc {
-  min-height: 12rem;
-  padding: 1rem 1.15rem 1.5rem;
-  outline: none;
-  color: var(--color-stone-900, #1c1917);
-  font-family: var(--font-serif, Georgia, "Iowan Old Style", "Palatino Linotype", serif);
-  font-size: 1.0625rem;
-  line-height: 1.65;
-  caret-color: var(--color-teal-700, #0f766e);
-  overflow-wrap: anywhere;
-}
-
-.wind-doc > * + * {
-  margin-top: 0.75rem;
-}
-
-.wind-doc p,
-.wind-doc h1,
-.wind-doc h2,
-.wind-doc h3,
-.wind-doc blockquote,
-.wind-doc pre,
-.wind-doc li {
-  margin: 0;
-}
-
-.wind-doc h1,
-.wind-doc h2,
-.wind-doc h3 {
-  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
-  line-height: 1.2;
-  letter-spacing: -0.03em;
-  color: var(--color-stone-950, #0c0a09);
-}
-
-.wind-doc h1 { font-size: 1.875rem; font-weight: 600; }
-.wind-doc h2 { font-size: 1.5rem; font-weight: 600; }
-.wind-doc h3 { font-size: 1.25rem; font-weight: 600; }
-
-.wind-doc blockquote {
-  border-left: 2px solid var(--color-teal-700, #0f766e);
-  padding-left: 0.9rem;
-  color: var(--color-stone-600, #57534e);
-}
-
-.wind-doc ul,
-.wind-doc ol {
-  margin: 0;
-  padding-left: 1.25rem;
-}
-
-.wind-doc li + li {
-  margin-top: 0.25rem;
-}
-
-.wind-doc pre {
-  overflow-x: auto;
-  border-radius: 0.6rem;
-  background: color-mix(in oklab, var(--color-stone-900, #1c1917) 6%, transparent);
-  padding: 0.8rem 0.9rem;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.875rem;
-  line-height: 1.55;
-  white-space: pre-wrap;
-}
-
-.wind-doc pre code {
-  font: inherit;
-  background: none;
-  padding: 0;
-}
-
-.wind-doc a {
-  color: var(--color-teal-800, #115e59);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.wind-doc code {
-  border-radius: 0.3rem;
-  background: color-mix(in oklab, var(--color-stone-900, #1c1917) 8%, transparent);
-  padding: 0.05em 0.3em;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.88em;
-}
-
-.wind-doc img {
-  display: block;
-  max-width: 100%;
-  border-radius: 0.6rem;
-}
-
-.wind-doc figure {
-  margin: 0;
-}
-
-.wind-doc hr {
-  border: 0;
-  border-top: 1px solid var(--color-stone-300, #d6d3d1);
-  margin: 0.25rem 0;
-}
-
-.wind-doc [data-atomic].is-selected {
-  outline: 2px solid var(--color-teal-700, #0f766e);
-  outline-offset: 3px;
-  border-radius: 0.4rem;
-}
-
-.wind-doc[data-empty='true'] > p[data-placeholder]:before {
-  content: attr(data-placeholder);
-  float: left;
-  height: 0;
-  pointer-events: none;
-  color: var(--color-stone-400, #a8a29e);
-}
-
-.wind-carets {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.wind-caret,
-.wind-remote {
-  position: absolute;
-  pointer-events: none;
-}
-
-.wind-caret {
-  width: 2px;
-  background: var(--peer);
-  border-radius: 1px;
-}
-
-.wind-caret i {
-  position: absolute;
-  top: -1.15rem;
-  left: -1px;
-  border-radius: 0.3rem;
-  background: var(--peer);
-  color: white;
-  padding: 0.05rem 0.3rem;
-  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
-  font-size: 0.65rem;
-  font-style: normal;
-  line-height: 1.3;
-  letter-spacing: 0.01em;
-  white-space: nowrap;
-}
-
-.wind-remote {
-  background: color-mix(in oklab, var(--peer) 32%, transparent);
-  border-radius: 0.1rem;
-}
-
-.wind-frame.is-readonly .wind-doc {
-  caret-color: transparent;
-}
-
-.dark .wind-doc {
-  color: var(--color-stone-100, #f5f5f4);
-  caret-color: var(--color-teal-300, #5eead4);
-}
-.dark .wind-doc h1,
-.dark .wind-doc h2,
-.dark .wind-doc h3 { color: var(--color-stone-50, #fafaf9); }
-.dark .wind-doc blockquote { color: var(--color-stone-400, #a8a29e); }
-.dark .wind-doc a { color: var(--color-teal-300, #5eead4); }
-.dark .wind-doc hr { border-top-color: var(--color-stone-700, #44403c); }
-.dark .wind-doc pre,
-.dark .wind-doc code {
-  background: color-mix(in oklab, white 8%, transparent);
-}

package/dist/package.json

@@ -1,48 +0,0 @@
-{
-  "name": "@codeauradev/ngx-wind-editor",
-  "version": "1.0.0",
-  "description": "WYSIWYG HTML editor for Angular 22, styled with Tailwind CSS v4.",
-  "keywords": [
-    "angular",
-    "angular22",
-    "wysiwyg",
-    "rich-text",
-    "editor",
-    "tailwindcss",
-    "ngx"
-  ],
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": [
-    "*.css",
-    "styles.css"
-  ],
-  "type": "module",
-  "module": "fesm2022/codeauradev-ngx-wind-editor.mjs",
-  "typings": "types/codeauradev-ngx-wind-editor.d.ts",
-  "exports": {
-    ".": {
-      "types": "./types/codeauradev-ngx-wind-editor.d.ts",
-      "default": "./fesm2022/codeauradev-ngx-wind-editor.mjs"
-    },
-    "./styles.css": "./ngx-wind-editor.css",
-    "./package.json": {
-      "default": "./package.json"
-    }
-  },
-  "peerDependencies": {
-    "@angular/core": "^22.0.0",
-    "tailwindcss": "^4.0.0"
-  },
-  "peerDependenciesMeta": {
-    "tailwindcss": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "tslib": "^2.8.1",
-    "yjs": "^13.6.27"
-  }
-}

package/ng-package.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist",
-  "allowedNonPeerDependencies": ["yjs"],
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    {
-      "input": "src/styles",
-      "glob": "**/*.css",
-      "output": "."
-    }
-  ]
-}

package/scripts/patch-dist.mjs

@@ -1,11 +0,0 @@
-import { readFileSync, writeFileSync } from 'node:fs';
-
-const file = 'dist/package.json';
-const pkg = JSON.parse(readFileSync(file, 'utf8'));
-delete pkg.main;
-delete pkg.types;
-pkg.exports = {
-  ...pkg.exports,
-  './styles.css': './ngx-wind-editor.css',
-};
-writeFileSync(file, JSON.stringify(pkg, null, 2) + '\n');

package/src/catalog.ts

@@ -1,27 +0,0 @@
-import type { SlashChoice } from './session';
-
-export interface SlashItem {
-  id: SlashChoice;
-  label: string;
-  hint: string;
-  keys: string;
-}
-
-export const SLASH_ITEMS: readonly SlashItem[] = [
-  { id: 'paragraph', label: 'Text', hint: 'Plain paragraph', keys: 'p text paragraph' },
-  { id: 'h1', label: 'Heading 1', hint: 'Large title', keys: 'h1 heading title' },
-  { id: 'h2', label: 'Heading 2', hint: 'Section', keys: 'h2 heading' },
-  { id: 'h3', label: 'Heading 3', hint: 'Subsection', keys: 'h3 heading' },
-  { id: 'bullet', label: 'Bullet list', hint: 'Unordered', keys: 'ul list bullet' },
-  { id: 'ordered', label: 'Numbered list', hint: 'Ordered', keys: 'ol list number' },
-  { id: 'quote', label: 'Quote', hint: 'Blockquote', keys: 'quote blockquote' },
-  { id: 'code', label: 'Code', hint: 'Monospace block', keys: 'code pre' },
-  { id: 'rule', label: 'Divider', hint: 'Horizontal rule', keys: 'hr rule divider line' },
-  { id: 'image', label: 'Image', hint: 'From a URL', keys: 'img image picture' },
-];
-
-export function filterSlash(query: string): SlashItem[] {
-  const needle = query.trim().toLowerCase();
-  if (!needle) return [...SLASH_ITEMS];
-  return SLASH_ITEMS.filter((item) => `${item.label} ${item.keys}`.toLowerCase().includes(needle));
-}

package/src/delta.ts

@@ -1,115 +0,0 @@
-import type { Delta, DeltaOp, TextAttrs } from './types';
-
-const MARK_KEYS = ['bold', 'italic', 'underline', 'strike', 'code', 'href'] as const;
-
-export function packAttrs(attrs: TextAttrs | null | undefined): TextAttrs | undefined {
-  if (!attrs) return undefined;
-  const out: TextAttrs = {};
-  if (attrs.bold) out.bold = true;
-  if (attrs.italic) out.italic = true;
-  if (attrs.underline) out.underline = true;
-  if (attrs.strike) out.strike = true;
-  if (attrs.code) out.code = true;
-  if (typeof attrs.href === 'string' && attrs.href.length > 0) out.href = attrs.href;
-  return Object.keys(out).length > 0 ? out : undefined;
-}
-
-export function attrsEqual(a: TextAttrs | undefined, b: TextAttrs | undefined): boolean {
-  const left = packAttrs(a) ?? {};
-  const right = packAttrs(b) ?? {};
-  return MARK_KEYS.every((key) => left[key] === right[key]);
-}
-
-export function mergeDelta(delta: Delta): Delta {
-  const out: Delta = [];
-  for (const op of delta) {
-    if (!op.insert) continue;
-    const prev = out[out.length - 1];
-    if (prev && attrsEqual(prev.attributes, op.attributes)) prev.insert += op.insert;
-    else out.push({ insert: op.insert, attributes: packAttrs(op.attributes) });
-  }
-  return out;
-}
-
-export function deltaLength(delta: Delta): number {
-  return delta.reduce((sum, op) => sum + op.insert.length, 0);
-}
-
-export function deltaToText(delta: Delta): string {
-  return delta.map((op) => op.insert).join('');
-}
-
-export function sliceDelta(delta: Delta, start: number, end: number): Delta {
-  const out: DeltaOp[] = [];
-  let pos = 0;
-  for (const op of delta) {
-    const len = op.insert.length;
-    const from = Math.max(start, pos);
-    const to = Math.min(end, pos + len);
-    if (to > from) {
-      out.push({ insert: op.insert.slice(from - pos, to - pos), attributes: packAttrs(op.attributes) });
-    }
-    pos += len;
-  }
-  return out;
-}
-
-/** Attributes that apply to a caret sitting at `index` (the character before it). */
-export function attrsAt(delta: Delta, index: number): TextAttrs {
-  if (index <= 0 || delta.length === 0) return {};
-  let pos = 0;
-  for (const op of delta) {
-    const len = op.insert.length;
-    if (index <= pos + len) return { ...(packAttrs(op.attributes) ?? {}) };
-    pos += len;
-  }
-  return { ...(packAttrs(delta[delta.length - 1]?.attributes) ?? {}) };
-}
-
-export function commonEdges(prev: string, next: string): { start: number; prevEnd: number; nextEnd: number } {
-  let start = 0;
-  const limit = Math.min(prev.length, next.length);
-  while (start < limit && prev[start] === next[start]) start += 1;
-  let prevEnd = prev.length;
-  let nextEnd = next.length;
-  while (prevEnd > start && nextEnd > start && prev[prevEnd - 1] === next[nextEnd - 1]) {
-    prevEnd -= 1;
-    nextEnd -= 1;
-  }
-  return { start, prevEnd, nextEnd };
-}
-
-interface GraphemePart {
-  index: number;
-  segment: string;
-}
-
-interface GraphemeSegmenter {
-  segment(input: string): Iterable<GraphemePart>;
-}
-
-/** Local shape so the build does not depend on the ES2022 Intl lib. */
-function graphemeSegmenter(): GraphemeSegmenter | null {
-  const intl = Intl as typeof Intl & {
-    Segmenter?: new (locales?: string, options?: { granularity?: 'grapheme' }) => GraphemeSegmenter;
-  };
-  if (typeof intl.Segmenter !== 'function') return null;
-  return new intl.Segmenter(undefined, { granularity: 'grapheme' });
-}
-
-export function graphemeBefore(text: string, offset: number): number {
-  if (offset <= 0) return 0;
-  const segmenter = graphemeSegmenter();
-  if (!segmenter) return offset - 1;
-  let last = 0;
-  for (const part of segmenter.segment(text.slice(0, offset))) last = part.index;
-  return last;
-}
-
-export function graphemeAfter(text: string, offset: number): number {
-  if (offset >= text.length) return text.length;
-  const segmenter = graphemeSegmenter();
-  if (!segmenter) return offset + 1;
-  const part = segmenter.segment(text.slice(offset))[Symbol.iterator]().next().value;
-  return offset + (part?.segment.length ?? 1);
-}