@joewinke/jatui 0.1.23 → 0.1.25

package/src/lib/utils/mentionParser.ts

@@ -1,188 +0,0 @@
-/**
- * Mention Parser Utilities
- *
- * Handles parsing and rendering of @-mentions in messages.
- * Format: [@Display Name](type:id) -> clickable links
- *
- * The URL generator is configurable — consuming apps provide their own
- * routing via the `urlGenerator` parameter or by setting a default.
- */
-
-export interface MentionMatch {
-	type: string
-	id: string
-	displayName: string
-	url: string
-	startIndex: number
-	endIndex: number
-	fullMatch: string
-}
-
-export type MentionUrlGenerator = (type: string, id: string) => string
-
-// Regex to match mention pattern: [@Display Name](type:id)
-const MENTION_REGEX = /\[@([^\]]+)\]\(([^:]+):([^)]+)\)/g
-
-// Default URL generator (apps can override)
-let defaultUrlGenerator: MentionUrlGenerator = (type, id) => `#${type}/${id}`
-
-/**
- * Set the default URL generator for mentions.
- * Call this once at app startup to configure mention link routing.
- */
-export function setMentionUrlGenerator(generator: MentionUrlGenerator): void {
-	defaultUrlGenerator = generator
-}
-
-/**
- * Parse message content and extract all mentions
- */
-export function parseMentions(
-	content: string,
-	urlGenerator?: MentionUrlGenerator
-): MentionMatch[] {
-	const mentions: MentionMatch[] = []
-	const gen = urlGenerator ?? defaultUrlGenerator
-	let match
-
-	MENTION_REGEX.lastIndex = 0
-
-	while ((match = MENTION_REGEX.exec(content)) !== null) {
-		const [fullMatch, displayName, type, id] = match
-
-		mentions.push({
-			type,
-			id,
-			displayName,
-			url: gen(type, id),
-			startIndex: match.index,
-			endIndex: match.index + fullMatch.length,
-			fullMatch
-		})
-	}
-
-	return mentions
-}
-
-/**
- * Convert message content with mentions to HTML
- */
-export function renderMentionsAsHTML(
-	content: string,
-	urlGenerator?: MentionUrlGenerator
-): string {
-	const mentions = parseMentions(content, urlGenerator)
-
-	if (mentions.length === 0) {
-		return escapeHTML(content)
-	}
-
-	let result = ''
-	let lastIndex = 0
-
-	mentions.forEach((mention) => {
-		result += escapeHTML(content.substring(lastIndex, mention.startIndex))
-		result += `<a href="${mention.url}" class="mention-link mention-${mention.type}" data-mention-type="${mention.type}" data-mention-id="${mention.id}">@${escapeHTML(mention.displayName)}</a>`
-		lastIndex = mention.endIndex
-	})
-
-	result += escapeHTML(content.substring(lastIndex))
-	return result
-}
-
-/**
- * Create a mention string for insertion into message input
- */
-export function createMentionString(type: string, id: string, displayName: string): string {
-	return `[@${displayName}](${type}:${id})`
-}
-
-/**
- * Extract plain text from message content (remove mention markup)
- */
-export function extractPlainText(content: string): string {
-	MENTION_REGEX.lastIndex = 0
-	return content.replace(MENTION_REGEX, '@$1')
-}
-
-/**
- * Check if cursor is inside a mention
- */
-export function findMentionAtCursor(content: string, cursorPosition: number): MentionMatch | null {
-	const mentions = parseMentions(content)
-	return (
-		mentions.find(
-			(mention) => cursorPosition >= mention.startIndex && cursorPosition <= mention.endIndex
-		) || null
-	)
-}
-
-/**
- * Find @ symbol and following text that could be a mention being typed.
- * Supported symbols: @ $ # ! ~ / +
- */
-export function findPartialMention(
-	content: string,
-	cursorPosition: number
-): { start: number; query: string } | null {
-	const mentionSymbols = ['@', '$', '#', '!', '~', '/', '+']
-	let symbolIndex = -1
-
-	for (let i = cursorPosition - 1; i >= 0; i--) {
-		const char = content[i]
-
-		if (mentionSymbols.includes(char)) {
-			symbolIndex = i
-			break
-		}
-
-		if (char === ' ' || char === '\n' || char === ']' || char === ')') {
-			break
-		}
-	}
-
-	if (symbolIndex === -1) return null
-
-	const query = content.substring(symbolIndex + 1, cursorPosition).trim()
-
-	const existingMention = findMentionAtCursor(content, symbolIndex)
-	if (existingMention) return null
-
-	return { start: symbolIndex, query }
-}
-
-/**
- * Replace partial mention with complete mention string
- */
-export function replaceMentionInContent(
-	content: string,
-	startIndex: number,
-	endIndex: number,
-	mentionString: string
-): { newContent: string; newCursorPosition: number } {
-	const before = content.substring(0, startIndex)
-	const after = content.substring(endIndex)
-	const newContent = before + mentionString + after
-	const newCursorPosition = startIndex + mentionString.length
-
-	return { newContent, newCursorPosition }
-}
-
-/**
- * Simple HTML escape function
- */
-export function escapeHTML(text: string): string {
-	return text
-		.replace(/&/g, '&amp;')
-		.replace(/</g, '&lt;')
-		.replace(/>/g, '&gt;')
-		.replace(/"/g, '&quot;')
-		.replace(/'/g, '&#039;')
-}
-
-/**
- * Count mentions in content
- */
-export function countMentions(content: string): number {
-	return parseMentions(content).length
-}

package/src/lib/utils/phone.ts

@@ -1,80 +0,0 @@
-import {
-	parsePhoneNumberFromString,
-	type CountryCode,
-	getCountries,
-	getCountryCallingCode,
-} from "libphonenumber-js";
-
-export const DEFAULT_COUNTRY: CountryCode = "US";
-
-export function toE164(
-	raw: string | null | undefined,
-	defaultCountry: CountryCode = DEFAULT_COUNTRY,
-): string | null {
-	if (!raw) return null;
-	const trimmed = raw.trim();
-	if (!trimmed) return null;
-	const parsed = parsePhoneNumberFromString(trimmed, defaultCountry);
-	if (parsed?.isValid()) return parsed.number;
-	return null;
-}
-
-export function formatPhoneForDisplay(e164: string | null | undefined): string {
-	if (!e164) return "";
-	const parsed = parsePhoneNumberFromString(e164);
-	if (!parsed) return e164;
-	return parsed.country === DEFAULT_COUNTRY ? parsed.formatNational() : parsed.formatInternational();
-}
-
-export function isValidPhone(
-	raw: string | null | undefined,
-	defaultCountry: CountryCode = DEFAULT_COUNTRY,
-): boolean {
-	if (!raw) return false;
-	const parsed = parsePhoneNumberFromString(raw.trim(), defaultCountry);
-	return parsed?.isValid() ?? false;
-}
-
-export type CountryOption = {
-	code: CountryCode;
-	name: string;
-	dialCode: string;
-	flag: string;
-};
-
-const COUNTRY_NAMES: Record<string, string> = {
-	US: "United States", CA: "Canada", GB: "United Kingdom", AU: "Australia", NZ: "New Zealand",
-	IE: "Ireland", DE: "Germany", FR: "France", ES: "Spain", IT: "Italy", NL: "Netherlands",
-	BE: "Belgium", CH: "Switzerland", AT: "Austria", SE: "Sweden", NO: "Norway", DK: "Denmark",
-	FI: "Finland", PT: "Portugal", PL: "Poland", CZ: "Czechia", GR: "Greece", MX: "Mexico",
-	BR: "Brazil", AR: "Argentina", CL: "Chile", CO: "Colombia", PE: "Peru", JP: "Japan",
-	KR: "South Korea", CN: "China", HK: "Hong Kong", TW: "Taiwan", SG: "Singapore", MY: "Malaysia",
-	TH: "Thailand", PH: "Philippines", ID: "Indonesia", VN: "Vietnam", IN: "India", PK: "Pakistan",
-	BD: "Bangladesh", IL: "Israel", AE: "UAE", SA: "Saudi Arabia", TR: "Turkey", EG: "Egypt",
-	ZA: "South Africa", NG: "Nigeria", KE: "Kenya", RU: "Russia", UA: "Ukraine",
-};
-
-function flagEmoji(code: string): string {
-	return code
-		.toUpperCase()
-		.split("")
-		.map((c) => String.fromCodePoint(127397 + c.charCodeAt(0)))
-		.join("");
-}
-
-let countriesCache: CountryOption[] | null = null;
-export function listCountries(): CountryOption[] {
-	if (countriesCache) return countriesCache;
-	const all = getCountries()
-		.map((code) => ({
-			code,
-			name: COUNTRY_NAMES[code] ?? code,
-			dialCode: `+${getCountryCallingCode(code)}`,
-			flag: flagEmoji(code),
-		}))
-		.sort((a, b) => a.name.localeCompare(b.name));
-	countriesCache = all;
-	return all;
-}
-
-export const PRIORITY_COUNTRIES: CountryCode[] = ["US", "CA", "GB", "AU", "MX"];

package/src/lib/utils/phoneFormat.ts

@@ -1,74 +0,0 @@
-/**
- * Phone number formatting utilities
- *
- * Provides consistent phone number formatting as (xxx) xxx-xxxx
- * Limits input to 10 digits and handles formatting as user types
- */
-
-/**
- * Strips all non-numeric characters from a phone number
- */
-export function stripPhoneNumber(value: string): string {
-	return value.replace(/\D/g, '');
-}
-
-/**
- * Formats a phone number to (xxx) xxx-xxxx format
- */
-export function formatPhoneNumber(value: string): string {
-	const digits = stripPhoneNumber(value);
-	const limitedDigits = digits.slice(0, 10);
-
-	if (limitedDigits.length === 0) {
-		return '';
-	} else if (limitedDigits.length <= 3) {
-		return `(${limitedDigits}`;
-	} else if (limitedDigits.length <= 6) {
-		return `(${limitedDigits.slice(0, 3)}) ${limitedDigits.slice(3)}`;
-	} else {
-		return `(${limitedDigits.slice(0, 3)}) ${limitedDigits.slice(3, 6)}-${limitedDigits.slice(6)}`;
-	}
-}
-
-/**
- * Checks if a phone number has exactly 10 digits
- */
-export function isCompletePhoneNumber(value: string): boolean {
-	return stripPhoneNumber(value).length === 10;
-}
-
-/**
- * Validates phone number format (exactly 10 digits)
- */
-export function isValidPhoneNumber(value: string): boolean {
-	return isCompletePhoneNumber(value);
-}
-
-/**
- * Handles input formatting with cursor position preservation
- */
-export function updatePhoneInput(input: HTMLInputElement, newValue: string, oldValue: string): void {
-	const cursorPosition = input.selectionStart || 0;
-	const oldLength = oldValue.length;
-	const newLength = newValue.length;
-
-	input.value = newValue;
-
-	let newCursorPosition = cursorPosition;
-
-	if (newLength > oldLength) {
-		newCursorPosition = cursorPosition + (newLength - oldLength);
-	} else if (newLength < oldLength) {
-		newCursorPosition = Math.max(0, cursorPosition - (oldLength - newLength));
-	}
-
-	if (newCursorPosition === 1 && newValue.startsWith('(')) {
-		newCursorPosition = 1;
-	} else if (newCursorPosition === 4 && newValue.includes(') ')) {
-		newCursorPosition = 6;
-	} else if (newCursorPosition === 9 && newValue.includes('-')) {
-		newCursorPosition = 10;
-	}
-
-	input.setSelectionRange(newCursorPosition, newCursorPosition);
-}

package/src/lib/utils/taskUtils.ts

@@ -1,75 +0,0 @@
-/**
- * Shared helpers for project_tasks UI.
- * Used across all JST-based projects on tasks/feedback pages.
- */
-
-/**
- * DaisyUI badge class for a task status value.
- * Usage: <span class="badge {statusColor(task.status)}">...</span>
- *
- * Aligned to the canonical JAT TASK_STATUS palette
- * (jat/ide/src/lib/config/statusColors.ts → TASK_STATUS_VISUALS) and the
- * committed JST portal palette (jst/src/lib/components/portal/portalStatus.ts
- * → TASK_BADGE) so a task renders the same semantics in JAT-style admin
- * surfaces, the JST portal, and the JAT IDE:
- *   open=ghost(neutral) · in_progress=info(blue) · blocked=warning(amber) ·
- *   closed=success(green). Paused / mid-flight states (waiting, review) and
- *   post-completion states (submitted, accepted, deployed) use the outline
- *   variants JAT applies. Where JAT and JST agree (open/in_progress/closed/
- *   waiting), this matches both; JAT's statusColors.ts is canonical otherwise.
- */
-export function statusColor(status: string): string {
-	switch (status) {
-		case 'open':        return 'badge-ghost';
-		case 'in_progress': return 'badge-info';
-		case 'waiting':     return 'badge-info badge-outline';
-		case 'review':      return 'badge-info badge-outline';
-		case 'blocked':     return 'badge-warning';
-		case 'submitted':   return 'badge-secondary badge-outline';
-		case 'accepted':    return 'badge-success badge-outline';
-		case 'deployed':    return 'badge-primary badge-outline';
-		case 'rejected':    return 'badge-warning badge-outline';
-		case 'reopened':    return 'badge-warning badge-outline';
-		case 'closed':      return 'badge-success';
-		case 'dev':         return 'badge-ghost badge-outline';
-		default:            return 'badge-ghost';
-	}
-}
-
-/**
- * Tailwind text class for a task priority value.
- * Usage: <span class={priorityColor(task.priority)}>...</span>
- */
-export function priorityColor(priority: string | null | undefined): string {
-	switch (priority) {
-		case 'critical': return 'text-error font-bold';
-		case 'high':     return 'text-warning font-semibold';
-		case 'medium':   return 'text-info';
-		case 'low':      return 'text-base-content/60';
-		default:         return '';
-	}
-}
-
-/**
- * @deprecated Prefer the `<TaskTypeIcon type={…} />` component — it renders a
- * stroke SVG that inherits `currentColor`, scales precisely, and avoids
- * cross-OS emoji rendering drift. Kept only for backwards compatibility.
- * Usage: {typeIcon(task.issue_type)} {task.title}
- */
-export function typeIcon(type: string): string {
-	switch (type) {
-		case 'bug':     return '🐛';
-		case 'feature': return '✨';
-		case 'task':    return '📋';
-		case 'epic':    return '🏔️';
-		default:        return '📄';
-	}
-}
-
-/**
- * Human-readable label for a task status value.
- * "in_progress" → "In Progress"
- */
-export function statusLabel(status: string): string {
-	return status.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
-}