@duskmoon-dev/el-markdown-input 0.8.1 → 0.8.3

package/dist/types/index.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @duskmoon-dev/el-markdown-input
+ *
+ * A form-associated custom element providing a markdown editor with:
+ * - Syntax-highlighted write mode (Prism.js, loaded from CDN)
+ * - Preview mode with rendered HTML
+ * - File upload via drag-and-drop, clipboard paste, or file picker
+ * - @mention / #reference autocomplete
+ * - Live word / character count status bar
+ * - Phoenix LiveView hook (MarkdownInputHook)
+ *
+ * @example
+ * ```ts
+ * import { register } from '@duskmoon-dev/el-markdown-input';
+ * register();
+ * ```
+ *
+ * @example LiveView
+ * ```js
+ * import { MarkdownInputHook } from '@duskmoon-dev/el-markdown-input';
+ * let liveSocket = new LiveSocket('/live', Socket, {
+ *   hooks: { MarkdownInput: MarkdownInputHook }
+ * });
+ * ```
+ */
+export { ElDmMarkdownInput } from './element.js';
+export type { Suggestion } from './types.js';
+/**
+ * Register the <el-dm-markdown-input> custom element.
+ * Safe to call multiple times — guards against double registration.
+ */
+export declare function register(): void;
+type MarkdownInputEl = HTMLElement & {
+    getValue(): string;
+    setValue(s: string): void;
+    dataset: DOMStringMap;
+};
+interface LiveViewHook {
+    el: MarkdownInputEl;
+    pushEvent(event: string, payload: Record<string, unknown>): void;
+    mounted(): void;
+    updated(): void;
+}
+/**
+ * Phoenix LiveView hook that syncs the markdown editor value with the server.
+ *
+ * Usage:
+ * ```js
+ * import { MarkdownInputHook, register } from '@duskmoon-dev/el-markdown-input';
+ * register();
+ * let liveSocket = new LiveSocket('/live', Socket, {
+ *   hooks: { MarkdownInput: MarkdownInputHook }
+ * });
+ * ```
+ *
+ * Template:
+ * ```heex
+ * <el-dm-markdown-input
+ *   id="body-input"
+ *   name="body"
+ *   data-value={@content}
+ *   phx-hook="MarkdownInput"
+ * />
+ * ```
+ */
+export declare const MarkdownInputHook: Pick<LiveViewHook, 'mounted' | 'updated'>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CAO/B;AAID,KAAK,eAAe,GAAG,WAAW,GAAG;IACnC,QAAQ,IAAI,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,UAAU,YAAY;IACpB,EAAE,EAAE,eAAe,CAAC;IACpB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACjE,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,CAyBvE,CAAC"}

package/dist/types/register.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=register.d.ts.map

package/dist/types/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/register.ts"],"names":[],"mappings":""}

package/dist/types/status-bar.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Status bar utilities: word/character counting and colour thresholds.
+ */
+/**
+ * Count words in a string using the algorithm specified in the PRD:
+ * trim, split on whitespace, filter empty strings.
+ */
+export declare function countWords(text: string): number;
+/**
+ * Determine the CSS colour class for the word count display.
+ *
+ * @param wordCount  Current word count
+ * @param maxWords   The configured maximum, or null if uncapped
+ * @returns 'normal' | 'warning' | 'error'
+ */
+export declare function countColour(wordCount: number, maxWords: number | null): 'normal' | 'warning' | 'error';
+/**
+ * Render the HTML content for the .status-bar-count span.
+ *
+ * @param wordCount  Current word count
+ * @param charCount  Current character count
+ * @param maxWords   Configured cap, or null/undefined if uncapped
+ */
+export declare function renderStatusCount(wordCount: number, charCount: number, maxWords: number | null | undefined): string;
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/types/status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../src/status-bar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG/C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,QAAQ,GAAG,SAAS,GAAG,OAAO,CAMhC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAClC,MAAM,CASR"}

package/dist/types/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * An autocomplete suggestion provided by the host application.
+ */
+export interface Suggestion {
+    /** Value inserted into the editor on confirmation */
+    id: string;
+    /** Display name shown in the dropdown */
+    label: string;
+    /** Optional secondary line (e.g. email, description) */
+    subtitle?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/upload.d.ts

@@ -0,0 +1,26 @@
+/**
+ * File upload utilities for el-dm-markdown-input.
+ *
+ * Handles XHR-based multipart/form-data uploads, markdown snippet generation,
+ * and accepted file type validation.
+ */
+/**
+ * Returns true if the file's MIME type or name extension is accepted.
+ */
+export declare function isAcceptedType(file: File): boolean;
+/**
+ * Generate the markdown insertion string for an uploaded file.
+ * Images use `![name](url)`, all other files use `[name](url)`.
+ */
+export declare function fileToMarkdown(file: File, url: string): string;
+/**
+ * Upload a single file to the given URL via XHR POST multipart/form-data.
+ *
+ * @param file         The file to upload
+ * @param uploadUrl    POST endpoint — must return `{ url: string }` on 2xx
+ * @param onProgress   Callback fired with progress 0–100 during upload
+ * @returns            Resolves with the URL from the server response
+ * @throws             Rejects with an error message string on failure
+ */
+export declare function uploadFile(file: File, uploadUrl: string, onProgress: (pct: number) => void): Promise<string>;
+//# sourceMappingURL=upload.d.ts.map

package/dist/types/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/upload.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAOlD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAK9D;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAChC,OAAO,CAAC,MAAM,CAAC,CAmCjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duskmoon-dev/el-markdown-input",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -39,7 +39,7 @@
     "release:dry-run": "bun publish --dry-run"
   },
   "dependencies": {
-    "@duskmoon-dev/el-base": "0.8.0",
+    "@duskmoon-dev/el-base": "0.8.2",
     "@duskmoon-dev/core": "^1.10.1"
   },
   "devDependencies": {