@joewinke/jatui 0.1.24 → 0.1.26

package/dist/utils/phoneFormat.js

@@ -0,0 +1,69 @@
+/**
+ * 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) {
+    return value.replace(/\D/g, '');
+}
+/**
+ * Formats a phone number to (xxx) xxx-xxxx format
+ */
+export function formatPhoneNumber(value) {
+    var digits = stripPhoneNumber(value);
+    var limitedDigits = digits.slice(0, 10);
+    if (limitedDigits.length === 0) {
+        return '';
+    }
+    else if (limitedDigits.length <= 3) {
+        return "(".concat(limitedDigits);
+    }
+    else if (limitedDigits.length <= 6) {
+        return "(".concat(limitedDigits.slice(0, 3), ") ").concat(limitedDigits.slice(3));
+    }
+    else {
+        return "(".concat(limitedDigits.slice(0, 3), ") ").concat(limitedDigits.slice(3, 6), "-").concat(limitedDigits.slice(6));
+    }
+}
+/**
+ * Checks if a phone number has exactly 10 digits
+ */
+export function isCompletePhoneNumber(value) {
+    return stripPhoneNumber(value).length === 10;
+}
+/**
+ * Validates phone number format (exactly 10 digits)
+ */
+export function isValidPhoneNumber(value) {
+    return isCompletePhoneNumber(value);
+}
+/**
+ * Handles input formatting with cursor position preservation
+ */
+export function updatePhoneInput(input, newValue, oldValue) {
+    var cursorPosition = input.selectionStart || 0;
+    var oldLength = oldValue.length;
+    var newLength = newValue.length;
+    input.value = newValue;
+    var 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/dist/utils/taskUtils.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 declare function statusColor(status: string): string;
+/**
+ * Tailwind text class for a task priority value.
+ * Usage: <span class={priorityColor(task.priority)}>...</span>
+ */
+export declare function priorityColor(priority: string | null | undefined): string;
+/**
+ * @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 declare function typeIcon(type: string): string;
+/**
+ * Human-readable label for a task status value.
+ * "in_progress" → "In Progress"
+ */
+export declare function statusLabel(status: string): string;

package/dist/utils/taskUtils.js

@@ -0,0 +1,71 @@
+/**
+ * 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) {
+    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) {
+    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) {
+    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) {
+    return status.replace(/_/g, ' ').replace(/\b\w/g, function (c) { return c.toUpperCase(); });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",
@@ -23,7 +23,8 @@
     "dev": "vite dev --port 5180",
     "build": "vite build",
     "preview": "vite preview",
-    "package": "svelte-package --input src/lib --output dist"
+    "package": "svelte-package --input src/lib --output dist",
+    "prepublishOnly": "npm run package"
   },
   "peerDependencies": {
     "d3": "^7.0.0",