@codeauradev/ngx-wind-editor 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeauradev/ngx-wind-editor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "WYSIWYG HTML editor for Angular 22, styled with Tailwind CSS v4.",
   "keywords": [
     "angular",
@@ -20,16 +20,17 @@
     "styles.css"
   ],
   "type": "module",
-  "main": "./src/public-api.ts",
-  "module": "./src/public-api.ts",
-  "types": "./src/public-api.ts",
-  "typings": "./src/public-api.ts",
+  "module": "fesm2022/codeauradev-ngx-wind-editor.mjs",
+  "typings": "types/codeauradev-ngx-wind-editor.d.ts",
   "exports": {
     ".": {
-      "types": "./src/public-api.ts",
-      "default": "./src/public-api.ts"
+      "types": "./types/codeauradev-ngx-wind-editor.d.ts",
+      "default": "./fesm2022/codeauradev-ngx-wind-editor.mjs"
     },
-    "./styles.css": "./src/styles/ngx-wind-editor.css"
+    "./styles.css": "./ngx-wind-editor.css",
+    "./package.json": {
+      "default": "./package.json"
+    }
   },
   "peerDependencies": {
     "@angular/core": "^22.0.0",
@@ -43,19 +44,5 @@
   "dependencies": {
     "tslib": "^2.8.1",
     "yjs": "^13.6.27"
-  },
-  "devDependencies": {
-    "@angular/compiler": "22.2.3",
-    "@angular/compiler-cli": "22.2.3",
-    "@angular/core": "22.2.3",
-    "ng-packagr": "22.2.3",
-    "rxjs": "7.8.2",
-    "tsx": "^4.20.5",
-    "typescript": "6.0.3",
-    "yjs": "13.6.27"
-  },
-  "scripts": {
-    "build": "ng-packagr -p ng-package.json -c tsconfig.json && node scripts/patch-dist.mjs",
-    "test": "tsx --test test/*.test.ts"
   }
 }

package/.idea/workspace.xml

@@ -1,120 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AutoImportSettings">
-    <option name="autoReloadType" value="SELECTIVE" />
-  </component>
-  <component name="ChangeListManager">
-    <list default="true" id="dddd179b-1b8b-4c78-9e6c-2af59aa46f63" name="Changes" comment="" />
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="EmbeddingIndexingInfo">
-    <option name="cachedIndexableFilesCount" value="14" />
-  </component>
-  <component name="McpProjectServerCommands">
-    <commands />
-    <urls />
-  </component>
-  <component name="NextEditCompletionFeaturesState">
-    <decayedCancelled>
-      <entry key="MS100" value="1.0001115886368703" />
-      <entry key="MS500" value="1.1948794499459696" />
-      <entry key="S2" value="2.1869433799188776" />
-      <entry key="S5" value="2.9825256379321456" />
-      <entry key="S10" value="3.41812528727204" />
-      <entry key="S30" value="3.786387362660663" />
-      <entry key="S60" value="3.8904843964087816" />
-      <entry key="M2" value="3.9445442044642562" />
-      <entry key="M5" value="3.977647438695401" />
-      <entry key="M10" value="3.988795115094321" />
-      <entry key="M15" value="3.992523703040572" />
-      <entry key="M30" value="3.9962586603670154" />
-      <entry key="H1" value="3.998128531586192" />
-      <entry key="H2" value="3.999064066042545" />
-      <entry key="H4" value="3.9995319830709763" />
-      <entry key="D1" value="3.9999219902398804" />
-      <entry key="W1" value="3.999988855578615" />
-    </decayedCancelled>
-    <decayedSelected>
-      <entry key="MS100" value="0.0" />
-      <entry key="MS500" value="0.0" />
-      <entry key="S2" value="0.0" />
-      <entry key="S5" value="0.0" />
-      <entry key="S10" value="0.0" />
-      <entry key="S30" value="0.0" />
-      <entry key="S60" value="0.0" />
-      <entry key="M2" value="0.0" />
-      <entry key="M5" value="0.0" />
-      <entry key="M10" value="0.0" />
-      <entry key="M15" value="0.0" />
-      <entry key="M30" value="0.0" />
-      <entry key="H1" value="0.0" />
-      <entry key="H2" value="0.0" />
-      <entry key="H4" value="0.0" />
-      <entry key="D1" value="0.0" />
-      <entry key="W1" value="0.0" />
-    </decayedSelected>
-    <decayedShown>
-      <entry key="MS100" value="0.9202903328756359" />
-      <entry key="MS500" value="1.1748831837532834" />
-      <entry key="S2" value="2.1187503324718144" />
-      <entry key="S5" value="2.8806834430249055" />
-      <entry key="S10" value="3.3375501941549914" />
-      <entry key="S30" value="3.7497962118056876" />
-      <entry key="S60" value="3.870711561646617" />
-      <entry key="M2" value="3.93426591538041" />
-      <entry key="M5" value="3.9734390453964807" />
-      <entry key="M10" value="3.9866744803524328" />
-      <entry key="M15" value="3.9911062742677355" />
-      <entry key="M30" value="3.9955481049777206" />
-      <entry key="H1" value="3.9977727927268436" />
-      <entry key="H2" value="3.99888608120727" />
-      <entry key="H4" value="3.9994429617876244" />
-      <entry key="D1" value="3.9999071493489797" />
-      <entry key="W1" value="3.999986735353115" />
-    </decayedShown>
-  </component>
-  <component name="ProjectColorInfo"><![CDATA[{
-  "customColor": "467ffe29",
-  "associatedIndex": 8,
-  "fromUser": false
-}]]></component>
-  <component name="ProjectId" id="3LkGtLtMlVrCxbh24OvdaS4qmTr" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "ModuleVcsDetector.initialDetectionPerformed": "true",
-    "RunOnceActivity.MCP Project settings loaded": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "RunOnceActivity.typescript.service.memoryLimit.init": "true",
-    "codeWithMe.voiceChat.enabledByDefault": "false",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "settings.editor.selected.configurable": "preferences.lookFeel",
-    "ts.external.directory.path": "/Users/caseycolvell/Herd/ngx-wind-editor/node_modules/typescript/lib"
-  }
-}]]></component>
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="dddd179b-1b8b-4c78-9e6c-2af59aa46f63" name="Changes" comment="" />
-      <created>1792612006340</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1792612006340</updated>
-      <workItem from="1792612008984" duration="755000" />
-      <workItem from="1793990867474" duration="1465000" />
-    </task>
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-</project>

package/dist/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 ngx-wind-editor contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/README.md

@@ -1,90 +0,0 @@
-# @codeauradev/ngx-wind-editor
-
-WYSIWYG HTML editor for Angular 22. The chrome is Tailwind CSS v4, and it follows a `dark` class on an ancestor for dark mode.
-
-```html
-<wind-editor [(html)]="html" placeholder="Write something…" />
-```
-
-```ts
-import { Component, signal } from '@angular/core';
-import { WindEditor } from '@codeauradev/ngx-wind-editor';
-
-@Component({
-  selector: 'app-note',
-  imports: [WindEditor],
-  template: `<wind-editor [(html)]="html" />`,
-})
-export class Note {
-  readonly html = signal('<p>Start writing.</p>');
-}
-```
-
-`[(html)]` is the serialized document.
-
-## Install
-
-```bash
-npm install @codeauradev/ngx-wind-editor
-```
-
-Peer: `@angular/core` `^22`. Tailwind CSS v4 is optional and styles the toolbar.
-
-```css
-@import "tailwindcss";
-@source "../node_modules/@codeauradev/ngx-wind-editor";
-@custom-variant dark (&:where(.dark, .dark *));
-```
-
-`@source` lets Tailwind see the utility classes in the component. Document typography and the placeholder ship in the component stylesheet, so the page still reads if you skip Tailwind. Put `class="dark"` on an ancestor to switch the document to dark.
-
-## Toolbar
-
-`toolbar` picks which buttons appear. A preset name, or a list of ids in the order you want:
-
-```html
-<wind-editor [(html)]="html" toolbar="writing" />
-<wind-editor [(html)]="html" [toolbar]="['bold', 'italic', 'link', 'bullet']" />
-```
-
-| Preset | Buttons |
-| --- | --- |
-| `full` | Every button. This is the default. |
-| `writing` | Paragraph, headings, bold, italic, link, lists, quote, undo, redo |
-| `basic` | Bold, italic, underline, strike, link, lists, undo, redo |
-| `minimal` | Bold, italic, link |
-
-Ids: `paragraph`, `h1`, `h2`, `bold`, `italic`, `underline`, `strike`, `code`, `link`, `bullet`, `ordered`, `quote`, `codeblock`, `rule`, `image`, `clear`, `undo`, `redo`, `source`. Unknown ids are ignored. `[showToolbar]="false"` hides the bar entirely.
-
-`/` at the start of an empty block opens the block menu. Arrow keys move, Enter applies, Escape cancels. In a code block, Enter inserts a newline and Ctrl/Cmd+Enter starts a paragraph under it.
-
-| Shortcut | Action |
-| --- | --- |
-| Mod+B / I / U / E | Bold, italic, underline, inline code |
-| Mod+Shift+X | Strikethrough |
-| Mod+K | Link |
-| Mod+Z / Mod+Shift+Z | Undo / redo |
-
-Mod is Cmd on macOS and Ctrl elsewhere.
-
-## HTML
-
-The editor reads and writes a fixed subset: `p`, `h1`–`h3`, `blockquote`, `ul`, `ol`, `li`, `pre`, `code`, `strong`, `em`, `u`, `s`, `a`, `br`, `hr`, `img`. `javascript:` URLs are dropped. Lists are flat.
-
-Set the model and the editor replaces its document. Edits write back.
-
-## Readonly
-
-```html
-<wind-editor [html]="published" [readonly]="true" [showToolbar]="false" />
-```
-
-## Build this package
-
-```bash
-npm install
-npm test
-npm run build
-```
-
-Publish `dist/`. It is an Angular Package Format build (partial compilation).

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);
-}