@gilav21/shadcn-angular-rte 0.1.2 → 0.2.0

package/fesm2022/gilav21-shadcn-angular-rte.mjs

@@ -1,2 +1,2 @@
-export { A as ACTION_ATTRS, a as ACTION_PARAMS, b as AddonSlotRegistry, D as DEFAULT_COLOR_PALETTE, c as DEFAULT_FONT_FAMILIES, d as DEFAULT_HIGHLIGHT_PALETTE, e as DEFAULT_LINK_SCHEMES, f as DEFAULT_TOOLBAR_ITEMS, g as DOCUMENT_IMPORT_ACCEPT, h as DOCX_MIME, E as EMPTINESS_FIXTURES, F as FIND_MAX_PAINTED_RECTS, j as FIND_MAX_QUERY_LENGTH, H as HEADER_BYTES, I as IMAGE_IMPORT_ACCEPT, k as INLINE_RULE_LOOKBEHIND, M as MAX_NESTING_DEPTH, P as PDF_MIME, l as PresetDialogComponent, m as PresetHoverCardComponent, R as RICH_TEXT_ACTIONS_SANITIZER_RULES, n as RICH_TEXT_AI_CONTEXT, o as RICH_TEXT_AI_LOCALES, p as RICH_TEXT_COLORS_LOCALES, q as RICH_TEXT_COLOR_BUTTON_CONTEXT, r as RICH_TEXT_EMOJI_CONTEXT, s as RICH_TEXT_EMOJI_LOCALES, t as RICH_TEXT_FILE_IMPORT_BUTTON_CONTEXT, u as RICH_TEXT_FILE_IMPORT_LOCALES, v as RICH_TEXT_HISTORY_LOCALES, w as RICH_TEXT_IMAGES_BUTTON_CONTEXT, x as RICH_TEXT_IMAGES_LOCALES, y as RICH_TEXT_LINKS_BUTTON_CONTEXT, z as RICH_TEXT_LINKS_LOCALES, B as RICH_TEXT_LOCALES, C as RICH_TEXT_MENTIONS_LOCALES, G as RICH_TEXT_OUTLINE_CONTEXT, J as RICH_TEXT_OUTLINE_LOCALES, K as RICH_TEXT_PROSE_CLASSES, L as RICH_TEXT_SHORTCUT_DEFINITIONS, N as RICH_TEXT_SLASH_COMMANDS_LOCALES, O as RICH_TEXT_TABLES_BUTTON_CONTEXT, Q as RICH_TEXT_TABLES_LOCALES, S as RICH_TEXT_TYPOGRAPHY_BUTTON_CONTEXT, T as RICH_TEXT_TYPOGRAPHY_LOCALES, U as RTE_FULL, V as RichTextActionsBindDirective, W as RichTextActionsDirective, X as RichTextAiChipComponent, Y as RichTextAiDirective, Z as RichTextAiPanelComponent, _ as RichTextAllowDirective, $ as RichTextAllowHost, a0 as RichTextColorsButtonComponent, a1 as RichTextColorsDirective, a2 as RichTextCommandRegistry, a3 as RichTextEditorAddonHost, a4 as RichTextEditorComponent, a5 as RichTextEmojiButtonComponent, a6 as RichTextEmojiDirective, a7 as RichTextFileImportButtonComponent, a8 as RichTextFileImportDirective, a9 as RichTextFileImportOverlayComponent, aa as RichTextHistoryDirective, ab as RichTextHistoryPanelComponent, ac as RichTextImageResizerComponent, ad as RichTextImagesButtonComponent, ae as RichTextImagesDirective, af as RichTextImagesOverlayComponent, ag as RichTextLinksButtonComponent, ah as RichTextLinksDirective, ai as RichTextLinksFormComponent, aj as RichTextMarkdownService, ak as RichTextMentionPopoverComponent, al as RichTextMentionsDirective, am as RichTextOutlineDirective, an as RichTextOutlinePanelComponent, ao as RichTextPasteNormalizerService, ap as RichTextSanitizerService, aq as RichTextSlashCommandsDirective, ar as RichTextSlashCommandsMenuComponent, as as RichTextTablesButtonComponent, at as RichTextTablesDirective, au as RichTextToolbarComponent, av as RichTextToolbarViewContext, aw as RichTextTypographyButtonComponent, ax as RichTextTypographyDirective, ay as TEXT_STYLE_OPTIONS, az as TOOLBAR_BUTTONS, aA as TRANSPARENT_PIXEL, aB as addonSetting, aC as anchorOverlay, aD as applyImageAlignment, aE as applyStarterStyle, aF as assertFlatParams, aG as bindRichTextActions, aH as blockquoteDepthOf, aI as buildDefaultSlashCommands, aJ as buildEntityInsertNode, aK as buildEntityRenderContext, aL as buildFindIndex, aM as buildLineIndex, aN as caretPosition, aO as classifyImport, aP as compileFindRegex, aQ as computeSeedStyleString, aR as containsCssUrl, aS as createImageElement, aT as cssFunctionCalls, aU as dataUrlToFile, aV as decodeCssEscapes, aW as detectTrigger, aX as directionOf, aY as dragHasSupportedDocument, aZ as extractCssUrls, a_ as flattenIntoRowText, a$ as hasUnsafeCssFunction, b0 as holdsNothing, b1 as hostOf, b2 as hoverCardAction, b3 as hoverCardHandlers, b4 as isCombinedOnElement, b5 as isHostAllowed, b6 as isHostBearingUrl, b7 as isInlineHoldingBlock, b8 as isLineOwner, b9 as isNestedList, ba as isPdfHeader, bb as isPhrasing, bc as isRichTextEmpty, bd as isSupportedDocumentFile, be as isZipHeader, bf as labelBlockedImages, bg as lastOwnInlineNode, bh as lineAbove, bi as lineBelow, bj as lineIsEmpty, bk as lineIsTextOnly, bl as lineKeepsItsElement, bm as lineOf, bn as lineOwnNodes, bo as lineTagIsFixed, bp as lineText, bq as linesBetween, br as linesMayJoin, bs as linkedPreviewDialogAction, bt as linkedPreviewDialogHandlers, bu as matchBlockInputRule, bv as matchInlineInputRule, bw as mountTopLayer, bx as nodeShowsNothing, by as normalizeHostEntry, bz as offsetToPosition, bA as openDialogAction, bB as openDialogHandlers, bC as parseImageSize, bD as placeCaretIn, bE as placeImageAtSelection, bF as positionAfterLine, bG as rangeShowsNothing, bH as readActions, bI as readFileAsDataUrl, bJ as remoteHostOf, bK as removeAction, bL as reportResourceDecisions, bM as resolveFromPage, bN as richTextHasMedia, bO as richTextMaxLength, bP as richTextMinWords, bQ as richTextRequired, bR as richTextVisibleText, bS as rowRunsOf, bT as selectTriggerRange, bU as separateListKinds, bV as simpleHash, bW as stripCssComments, bX as stripStyleIfMatches, bY as structureAround, bZ as validateActionId, b_ as validateActionParams, b$ as writeAction, c0 as writeCombined } from './gilav21-shadcn-angular-rte-gilav21-shadcn-angular-rte-CfjU_y-y.mjs';
+export { A as ACTION_ATTRS, a as ACTION_PARAMS, b as AddonSlotRegistry, D as DEFAULT_COLOR_PALETTE, c as DEFAULT_FONT_FAMILIES, d as DEFAULT_HIGHLIGHT_PALETTE, e as DEFAULT_LINK_SCHEMES, f as DEFAULT_TOOLBAR_ITEMS, g as DOCUMENT_IMPORT_ACCEPT, h as DOCX_MIME, E as EMPTINESS_FIXTURES, F as FIND_MAX_PAINTED_RECTS, j as FIND_MAX_QUERY_LENGTH, H as HEADER_BYTES, I as IMAGE_IMPORT_ACCEPT, k as INLINE_RULE_LOOKBEHIND, M as MAX_NESTING_DEPTH, P as PDF_MIME, l as PresetDialogComponent, m as PresetHoverCardComponent, R as RICH_TEXT_ACTIONS_SANITIZER_RULES, n as RICH_TEXT_AI_CONTEXT, o as RICH_TEXT_AI_LOCALES, p as RICH_TEXT_COLORS_LOCALES, q as RICH_TEXT_COLOR_BUTTON_CONTEXT, r as RICH_TEXT_EMOJI_CONTEXT, s as RICH_TEXT_EMOJI_LOCALES, t as RICH_TEXT_FILE_IMPORT_BUTTON_CONTEXT, u as RICH_TEXT_FILE_IMPORT_LOCALES, v as RICH_TEXT_HISTORY_LOCALES, w as RICH_TEXT_IMAGES_BUTTON_CONTEXT, x as RICH_TEXT_IMAGES_LOCALES, y as RICH_TEXT_LINKS_BUTTON_CONTEXT, z as RICH_TEXT_LINKS_LOCALES, B as RICH_TEXT_LOCALES, C as RICH_TEXT_MENTIONS_LOCALES, G as RICH_TEXT_OUTLINE_CONTEXT, J as RICH_TEXT_OUTLINE_LOCALES, K as RICH_TEXT_PROSE_CLASSES, L as RICH_TEXT_SHORTCUT_DEFINITIONS, N as RICH_TEXT_SLASH_COMMANDS_LOCALES, O as RICH_TEXT_TABLES_BUTTON_CONTEXT, Q as RICH_TEXT_TABLES_LOCALES, S as RICH_TEXT_TYPOGRAPHY_BUTTON_CONTEXT, T as RICH_TEXT_TYPOGRAPHY_LOCALES, U as RTE_FULL, V as RichTextActionsBindDirective, W as RichTextActionsDirective, X as RichTextAiChipComponent, Y as RichTextAiDirective, Z as RichTextAiPanelComponent, _ as RichTextAllowDirective, $ as RichTextAllowHost, a0 as RichTextColorsButtonComponent, a1 as RichTextColorsDirective, a2 as RichTextCommandRegistry, a3 as RichTextEditorAddonHost, a4 as RichTextEditorComponent, a5 as RichTextEmojiButtonComponent, a6 as RichTextEmojiDirective, a7 as RichTextFileImportButtonComponent, a8 as RichTextFileImportDirective, a9 as RichTextFileImportOverlayComponent, aa as RichTextHistoryDirective, ab as RichTextHistoryPanelComponent, ac as RichTextImageResizerComponent, ad as RichTextImagesButtonComponent, ae as RichTextImagesDirective, af as RichTextImagesOverlayComponent, ag as RichTextLinksButtonComponent, ah as RichTextLinksDirective, ai as RichTextLinksFormComponent, aj as RichTextMarkdownService, ak as RichTextMentionPopoverComponent, al as RichTextMentionsDirective, am as RichTextOutlineDirective, an as RichTextOutlinePanelComponent, ao as RichTextPasteNormalizerService, ap as RichTextSanitizerService, aq as RichTextSlashCommandsDirective, ar as RichTextSlashCommandsMenuComponent, as as RichTextTablesButtonComponent, at as RichTextTablesDirective, au as RichTextToolbarComponent, av as RichTextToolbarViewContext, aw as RichTextTypographyButtonComponent, ax as RichTextTypographyDirective, ay as TEXT_STYLE_OPTIONS, az as TOOLBAR_BUTTONS, aA as TRANSPARENT_PIXEL, aB as addonSetting, aC as anchorOverlay, aD as applyImageAlignment, aE as applyStarterStyle, aF as assertFlatParams, aG as bindRichTextActions, aH as blockquoteDepthOf, aI as buildDefaultSlashCommands, aJ as buildEntityInsertNode, aK as buildEntityRenderContext, aL as buildFindIndex, aM as buildLineIndex, aN as caretPosition, aO as classifyImport, aP as compileFindRegex, aQ as computeSeedStyleString, aR as containsCssUrl, aS as createImageElement, aT as cssFunctionCalls, aU as dataUrlToFile, aV as decodeCssEscapes, aW as detectTrigger, aX as directionOf, aY as dragHasSupportedDocument, aZ as extractCssUrls, a_ as flattenIntoRowText, a$ as hasUnsafeCssFunction, b0 as holdsNothing, b1 as hostOf, b2 as hoverCardAction, b3 as hoverCardHandlers, b4 as isCombinedOnElement, b5 as isHostAllowed, b6 as isHostBearingUrl, b7 as isInlineHoldingBlock, b8 as isLineOwner, b9 as isNestedList, ba as isPdfHeader, bb as isPhrasing, bc as isRichTextEmpty, bd as isSupportedDocumentFile, be as isZipHeader, bf as labelBlockedImages, bg as lastOwnInlineNode, bh as lineAbove, bi as lineBelow, bj as lineIsEmpty, bk as lineIsTextOnly, bl as lineKeepsItsElement, bm as lineOf, bn as lineOwnNodes, bo as lineTagIsFixed, bp as lineText, bq as linesBetween, br as linesMayJoin, bs as linkedPreviewDialogAction, bt as linkedPreviewDialogHandlers, bu as matchBlockInputRule, bv as matchInlineInputRule, bw as mountTopLayer, bx as nodeShowsNothing, by as normalizeHostEntry, bz as offsetToPosition, bA as openDialogAction, bB as openDialogHandlers, bC as parseImageSize, bD as placeCaretIn, bE as placeImageAtSelection, bF as positionAfterLine, bG as rangeShowsNothing, bH as readActions, bI as readFileAsDataUrl, bJ as remoteHostOf, bK as removeAction, bL as reportResourceDecisions, bM as resolveFromPage, bN as richTextHasMedia, bO as richTextMaxLength, bP as richTextMinWords, bQ as richTextRequired, bR as richTextVisibleText, bS as rowRunsOf, bT as selectTriggerRange, bU as separateListKinds, bV as simpleHash, bW as stripCssComments, bX as stripStyleIfMatches, bY as structureAround, bZ as validateActionId, b_ as validateActionParams, b$ as writeAction, c0 as writeCombined } from './gilav21-shadcn-angular-rte-gilav21-shadcn-angular-rte-BFcfCqW4.mjs';
 //# sourceMappingURL=gilav21-shadcn-angular-rte.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gilav21/shadcn-angular-rte",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Compiled Angular rich-text editor from shadcn-angular: base editor + all 13 addons (RTE_FULL). Same ui-* selectors and inputs as the CLI copy model.",
   "license": "MIT",
   "repository": {
@@ -17,7 +17,7 @@
   ],
   "sideEffects": false,
   "exports": {
-    "./theme.css": "./theme.css",
+    "./styles.css": "./styles.css",
     "./package.json": {
       "default": "./package.json"
     },
@@ -26,6 +26,10 @@
       "default": "./fesm2022/gilav21-shadcn-angular-rte.mjs"
     }
   },
+  "schematics": "./schematics/collection.json",
+  "ng-add": {
+    "save": "dependencies"
+  },
   "peerDependencies": {
     "@angular/common": ">=20.0.0 <22.0.0",
     "@angular/core": ">=20.0.0 <22.0.0",

package/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Register the package stylesheet in angular.json.",
+      "factory": "./ng-add/index.cjs#ngAdd",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+}

package/schematics/ng-add/index.cjs

@@ -0,0 +1,169 @@
+'use strict';
+
+/**
+ * `ng add @gilav21/shadcn-angular-<package>` — registers the package's compiled
+ * stylesheet in angular.json, the only setup a package consumer needs.
+ *
+ * Shared verbatim by every compiled package (the stylesheet path is derived
+ * from the package's own name), and written against the plain schematic
+ * `Tree` / `context` contract so it needs no `@angular-devkit/*` dependency.
+ */
+
+const WORKSPACE_FILE = 'angular.json';
+
+/** Builder targets whose `styles` option decides what CSS a project loads. */
+const STYLED_TARGETS = ['build', 'test'];
+
+/** @param {string} packageName */
+function stylesheetFor(packageName) {
+    return `${packageName}/styles.css`;
+}
+
+/** @param {unknown} entry */
+function entryPath(entry) {
+    if (typeof entry === 'string') return entry;
+    if (entry && typeof entry === 'object' && 'input' in entry) return String(entry.input);
+    return '';
+}
+
+/**
+ * The projects to configure: the one named, or every application.
+ * @param {Record<string, any>} projects
+ * @param {string | undefined} requested
+ */
+function targetProjects(projects, requested) {
+    if (requested) {
+        if (!projects[requested]) throw new Error(`Project "${requested}" does not exist in ${WORKSPACE_FILE}.`);
+        return [requested];
+    }
+    return Object.keys(projects).filter((name) => projects[name].projectType === 'application');
+}
+
+/**
+ * Prepends the stylesheet to one options block, unless it is already there.
+ * First in the list, so the app's own stylesheets load after it and win ties.
+ *
+ * @param {Record<string, any> | undefined} options a target's `options` or one configuration's
+ * @param {string} stylesheet
+ * @returns {boolean} whether anything changed
+ */
+function prependTo(options, stylesheet) {
+    if (!options || !Array.isArray(options.styles)) return false;
+    if (options.styles.some((entry) => entryPath(entry) === stylesheet)) return false;
+    options.styles = [stylesheet, ...options.styles];
+    return true;
+}
+
+/**
+ * Registers the stylesheet on one target: its `options`, plus every
+ * configuration that declares its OWN `styles`.
+ *
+ * @param {Record<string, any>} target one builder target (mutated)
+ * @param {string} stylesheet
+ * @param {string} label `<project>:<target>`
+ * @returns {string[]} labels that changed
+ */
+function registerOnTarget(target, stylesheet, label) {
+    const changed = [];
+    target.options ??= {};
+    target.options.styles ??= [];
+    if (prependTo(target.options, stylesheet)) changed.push(label);
+
+    for (const [configName, config] of Object.entries(target.configurations ?? {})) {
+        if (prependTo(config, stylesheet)) changed.push(`${label}:${configName}`);
+    }
+    return changed;
+}
+
+/**
+ * Registers the stylesheet on each project's build and test targets, and on
+ * every configuration that declares its OWN `styles`.
+ *
+ * Angular does not merge a configuration's `styles` into the target's — it
+ * replaces the list. So a `production` configuration that sets `styles` would
+ * build without the package stylesheet, and the failure is silent: an unstyled
+ * component in a production bundle, with no error anywhere.
+ *
+ * Idempotent, and a target with no `styles` at all gets the list created.
+ *
+ * @param {Record<string, any>} workspace parsed angular.json (mutated)
+ * @param {string} packageName
+ * @param {string} [project]
+ * @returns {string[]} `<project>:<target>` / `<project>:<target>:<configuration>` labels that changed
+ */
+function addStylesheet(workspace, packageName, project) {
+    const stylesheet = stylesheetFor(packageName);
+    const projects = workspace.projects ?? {};
+    const changed = [];
+
+    for (const name of targetProjects(projects, project)) {
+        const targets = projects[name].architect ?? projects[name].targets ?? {};
+        for (const targetName of STYLED_TARGETS) {
+            const target = targets[targetName];
+            if (target) changed.push(...registerOnTarget(target, stylesheet, `${name}:${targetName}`));
+        }
+    }
+    return changed;
+}
+
+/**
+ * Reads angular.json, or explains the one manual edit that replaces this
+ * schematic.
+ *
+ * The Angular CLI tolerates comments in angular.json; `JSON.parse` does not.
+ * Rather than re-implement JSON-with-comments — a parser with more edge cases
+ * (markers inside strings, escapes) than this whole schematic — an unparsable
+ * workspace fails with the exact edit to make by hand.
+ *
+ * @param {string} raw
+ * @param {string} stylesheet
+ */
+function parseWorkspace(raw, stylesheet) {
+    try {
+        return JSON.parse(raw);
+    } catch {
+        throw new Error(
+            `Could not read ${WORKSPACE_FILE} as JSON (comments are not supported here). ` +
+            `Add "${stylesheet}" to the "styles" array of your app's build and test targets by hand — ` +
+            'that is all this schematic does.',
+        );
+    }
+}
+
+/**
+ * The schematic body over an injected tree/logger, so it is testable without
+ * the Angular CLI.
+ *
+ * @param {{ exists(p: string): boolean, read(p: string): Buffer | null, overwrite(p: string, c: string): void }} tree
+ * @param {{ info(m: string): void, warn(m: string): void }} logger
+ * @param {string} packageName
+ * @param {string} [project]
+ */
+function runNgAdd(tree, logger, packageName, project) {
+    const stylesheet = stylesheetFor(packageName);
+    if (!tree.exists(WORKSPACE_FILE)) {
+        throw new Error(`No ${WORKSPACE_FILE} found. Add "${stylesheet}" to your app's styles manually.`);
+    }
+
+    const workspace = parseWorkspace(String(tree.read(WORKSPACE_FILE)), stylesheet);
+    const changed = addStylesheet(workspace, packageName, project);
+    if (changed.length === 0) {
+        logger.info(`${stylesheet} is already registered — nothing to do.`);
+        return;
+    }
+
+    tree.overwrite(WORKSPACE_FILE, `${JSON.stringify(workspace, null, 2)}\n`);
+    logger.info(`Added ${stylesheet} to ${changed.join(', ')}.`);
+}
+
+/** Schematic factory referenced by collection.json. */
+function ngAdd(options) {
+    return (tree, context) => {
+        // Resolved at run time from the installed package, so one file serves every package.
+        const { name } = require('../../package.json');
+        runNgAdd(tree, context.logger, name, options?.project);
+        return tree;
+    };
+}
+
+module.exports = { addStylesheet, runNgAdd, ngAdd };

package/schematics/ng-add/schema.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "shadcn-angular-package-ng-add",
+  "title": "shadcn-angular package ng-add",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The project to configure. Defaults to every application in the workspace.",
+      "$default": { "$source": "projectName" }
+    }
+  }
+}