@unbrained/pm-web 1.0.0

package/public/src/components/modals.js

@@ -0,0 +1,62 @@
+// ═══════════════════════════════════════════════════════════════
+// MODALS
+// ═══════════════════════════════════════════════════════════════
+import { escHtml } from '../utils.js';
+export function showModal(id) {
+    const modal = document.getElementById(id);
+    if (modal)
+        modal.style.display = 'flex';
+}
+export function hideModal(id) {
+    const modal = document.getElementById(id);
+    if (modal)
+        modal.style.display = 'none';
+}
+export function closeAllModals() {
+    document.querySelectorAll('.modal-backdrop').forEach(m => {
+        m.style.display = 'none';
+    });
+}
+export function createModal(id, title, bodyHtml, footerHtml, wide = false) {
+    let existing = document.getElementById(id);
+    if (existing)
+        existing.remove();
+    const el = document.createElement('div');
+    el.id = id;
+    el.className = 'modal-backdrop';
+    el.style.display = 'none';
+    el.innerHTML = `
+    <div class="modal${wide ? ' modal-wide' : ''}">
+      <div class="modal-header">
+        <div class="modal-title">${escHtml(title)}</div>
+        <button class="modal-close" onclick="window.__app.hideModal('${id}')">&times;</button>
+      </div>
+      <div class="modal-body">${bodyHtml}</div>
+      ${footerHtml ? `<div class="modal-footer">${footerHtml}</div>` : ''}
+    </div>`;
+    el.addEventListener('click', e => { if (e.target === el)
+        hideModal(id); });
+    const container = document.getElementById('modal-container');
+    if (container)
+        container.appendChild(el);
+    return el;
+}
+export function confirmDialog(title, desc, onConfirm, danger = false) {
+    const id = 'confirm-dialog-' + Date.now();
+    createModal(id, '', `
+    <div class="confirm-dialog">
+      <div class="confirm-dialog-icon">${danger ? '⚠' : '?'}</div>
+      <div class="confirm-dialog-title">${escHtml(title)}</div>
+      <div class="confirm-dialog-desc">${escHtml(desc)}</div>
+      <div class="confirm-dialog-actions">
+        <button class="btn btn-ghost" onclick="window.__app.hideModal('${id}')">Cancel</button>
+        <button class="btn ${danger ? 'btn-danger' : 'btn-primary'}" id="${id}-ok">${danger ? 'Delete' : 'Confirm'}</button>
+      </div>
+    </div>`, '');
+    showModal(id);
+    document.getElementById(`${id}-ok`)?.addEventListener('click', () => {
+        hideModal(id);
+        onConfirm();
+    });
+}
+//# sourceMappingURL=modals.js.map

package/public/src/components/modals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals.js","sourceRoot":"","sources":["modals.ts"],"names":[],"mappings":"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"}

package/public/src/components/modals.ts

@@ -0,0 +1,73 @@
+// ═══════════════════════════════════════════════════════════════
+// MODALS
+// ═══════════════════════════════════════════════════════════════
+import { escHtml } from '../utils.js';
+
+export function showModal(id: string): void {
+  const modal = document.getElementById(id);
+  if (modal) modal.style.display = 'flex';
+}
+
+export function hideModal(id: string): void {
+  const modal = document.getElementById(id);
+  if (modal) modal.style.display = 'none';
+}
+
+export function closeAllModals(): void {
+  document.querySelectorAll('.modal-backdrop').forEach(m => {
+    (m as HTMLElement).style.display = 'none';
+  });
+}
+
+export function createModal(
+  id: string,
+  title: string,
+  bodyHtml: string,
+  footerHtml: string,
+  wide = false
+): HTMLElement {
+  let existing = document.getElementById(id);
+  if (existing) existing.remove();
+  const el = document.createElement('div');
+  el.id = id;
+  el.className = 'modal-backdrop';
+  el.style.display = 'none';
+  el.innerHTML = `
+    <div class="modal${wide ? ' modal-wide' : ''}">
+      <div class="modal-header">
+        <div class="modal-title">${escHtml(title)}</div>
+        <button class="modal-close" onclick="window.__app.hideModal('${id}')">&times;</button>
+      </div>
+      <div class="modal-body">${bodyHtml}</div>
+      ${footerHtml ? `<div class="modal-footer">${footerHtml}</div>` : ''}
+    </div>`;
+  el.addEventListener('click', e => { if (e.target === el) hideModal(id); });
+  const container = document.getElementById('modal-container');
+  if (container) container.appendChild(el);
+  return el;
+}
+
+export function confirmDialog(
+  title: string,
+  desc: string,
+  onConfirm: () => void,
+  danger = false
+): void {
+  const id = 'confirm-dialog-' + Date.now();
+  createModal(id, '', `
+    <div class="confirm-dialog">
+      <div class="confirm-dialog-icon">${danger ? '⚠' : '?'}</div>
+      <div class="confirm-dialog-title">${escHtml(title)}</div>
+      <div class="confirm-dialog-desc">${escHtml(desc)}</div>
+      <div class="confirm-dialog-actions">
+        <button class="btn btn-ghost" onclick="window.__app.hideModal('${id}')">Cancel</button>
+        <button class="btn ${danger ? 'btn-danger' : 'btn-primary'}" id="${id}-ok">${danger ? 'Delete' : 'Confirm'}</button>
+      </div>
+    </div>`
+  , '');
+  showModal(id);
+  document.getElementById(`${id}-ok`)?.addEventListener('click', () => {
+    hideModal(id);
+    onConfirm();
+  });
+}

package/public/src/components/toast.js

@@ -0,0 +1,10 @@
+export function toast(msg, type = 'info') {
+    const el = document.createElement('div');
+    el.className = `toast toast-${type}`;
+    el.textContent = msg;
+    const container = document.getElementById('toast-container');
+    if (container)
+        container.appendChild(el);
+    setTimeout(() => el.remove(), 3500);
+}
+//# sourceMappingURL=toast.js.map

package/public/src/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["toast.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,OAAkB,MAAM;IACzD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,EAAE,CAAC,SAAS,GAAG,eAAe,IAAI,EAAE,CAAC;IACrC,EAAE,CAAC,WAAW,GAAG,GAAG,CAAC;IACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7D,IAAI,SAAS;QAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACzC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;AACtC,CAAC"}

package/public/src/components/toast.ts

@@ -0,0 +1,13 @@
+// ═══════════════════════════════════════════════════════════════
+// TOAST NOTIFICATIONS
+// ═══════════════════════════════════════════════════════════════
+import type { ToastType } from '../types.js';
+
+export function toast(msg: string, type: ToastType = 'info'): void {
+  const el = document.createElement('div');
+  el.className = `toast toast-${type}`;
+  el.textContent = msg;
+  const container = document.getElementById('toast-container');
+  if (container) container.appendChild(el);
+  setTimeout(() => el.remove(), 3500);
+}

package/public/src/constants.js

@@ -0,0 +1,30 @@
+// Fallback values — kept in sync with pm CLI builtins for offline resilience.
+// The live schema is fetched from /api/projects/:id/pm/schema per project
+// and injected via state.schema; use getTypes()/getStatuses() everywhere.
+export const FALLBACK_TYPES = [
+    'Task', 'Feature', 'Issue', 'Epic', 'Milestone', 'Decision', 'Chore', 'Event', 'Meeting', 'Reminder', 'Plan'
+];
+export const FALLBACK_STATUSES = ['draft', 'open', 'in_progress', 'blocked', 'closed', 'canceled'];
+// Back-compat aliases (avoid widespread refactors, prefer getTypes/getStatuses)
+export const TYPES = FALLBACK_TYPES;
+export const STATUSES = FALLBACK_STATUSES;
+export function getTypes(schema) {
+    return schema?.types?.length ? schema.types : [...FALLBACK_TYPES];
+}
+export function getStatuses(schema) {
+    return schema?.statuses?.length ? schema.statuses : [...FALLBACK_STATUSES];
+}
+export const TYPE_ICONS = {
+    Task: '✓', Feature: '★', Issue: '⚠', Epic: '◈',
+    Milestone: '⚑', Decision: '⚖', Chore: '⚙', Event: '◷', Meeting: '◉', Reminder: '◉', Plan: '◧'
+};
+export const PRIORITY_LABELS = {
+    0: 'Critical', 1: 'High', 2: 'Medium', 3: 'Low', 4: 'Minimal'
+};
+export const VIEW_NAMES = [
+    'projects', 'items', 'create', 'activity', 'search', 'stats', 'calendar',
+    'context', 'graph', 'sharing', 'groups', 'health', 'dedupe', 'validate', 'settings',
+    'github', 'export', 'normalize', 'shared', 'templates', 'comments-audit', 'config', 'guide',
+    'admin', 'plan'
+];
+//# sourceMappingURL=constants.js.map

package/public/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAKA,8EAA8E;AAC9E,0EAA0E;AAC1E,0EAA0E;AAC1E,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM;CAC1F,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,CAAU,CAAC;AAEvG,gFAAgF;AAChF,MAAM,CAAC,MAAM,KAAK,GAAG,cAAc,CAAC;AACpC,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAE1C,MAAM,UAAU,QAAQ,CAAC,MAA6B;IACpD,OAAO,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAA6B;IACvD,OAAO,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAA2B;IAChD,IAAI,EAAC,GAAG,EAAE,OAAO,EAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG;IAC1C,SAAS,EAAC,GAAG,EAAE,QAAQ,EAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAE,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA2B;IACrD,CAAC,EAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAE,CAAC,EAAC,SAAS;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU;IAClE,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,UAAU;IAC5E,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,gBAAgB,EAAC,QAAQ,EAAC,OAAO;IACpF,OAAO,EAAC,MAAM;CACN,CAAC"}

package/public/src/constants.ts

@@ -0,0 +1,41 @@
+// ═══════════════════════════════════════════════════════════════
+// CONSTANTS
+// ═══════════════════════════════════════════════════════════════
+import type { ProjectSchema } from './types.js';
+
+// Fallback values — kept in sync with pm CLI builtins for offline resilience.
+// The live schema is fetched from /api/projects/:id/pm/schema per project
+// and injected via state.schema; use getTypes()/getStatuses() everywhere.
+export const FALLBACK_TYPES = [
+  'Task','Feature','Issue','Epic','Milestone','Decision','Chore','Event','Meeting','Reminder','Plan'
+] as const;
+
+export const FALLBACK_STATUSES = ['draft','open','in_progress','blocked','closed','canceled'] as const;
+
+// Back-compat aliases (avoid widespread refactors, prefer getTypes/getStatuses)
+export const TYPES = FALLBACK_TYPES;
+export const STATUSES = FALLBACK_STATUSES;
+
+export function getTypes(schema?: ProjectSchema | null): string[] {
+  return schema?.types?.length ? schema.types : [...FALLBACK_TYPES];
+}
+
+export function getStatuses(schema?: ProjectSchema | null): string[] {
+  return schema?.statuses?.length ? schema.statuses : [...FALLBACK_STATUSES];
+}
+
+export const TYPE_ICONS: Record<string, string> = {
+  Task:'✓', Feature:'★', Issue:'⚠', Epic:'◈',
+  Milestone:'⚑', Decision:'⚖', Chore:'⚙', Event:'◷', Meeting:'◉', Reminder:'◉', Plan:'◧'
+};
+
+export const PRIORITY_LABELS: Record<number, string> = {
+  0:'Critical', 1:'High', 2:'Medium', 3:'Low', 4:'Minimal'
+};
+
+export const VIEW_NAMES = [
+  'projects','items','create','activity','search','stats','calendar',
+  'context','graph','sharing','groups','health','dedupe','validate','settings',
+  'github','export','normalize','shared','templates','comments-audit','config','guide',
+  'admin','plan'
+] as const;

package/public/src/state.js

@@ -0,0 +1,15 @@
+export const state = {
+    user: null,
+    projects: [],
+    currentProject: null,
+    currentView: 'projects',
+    authTab: 'login',
+    items: [],
+    itemFilters: { status: '', type: '', priority: '', sprint: '', release: '', assignee: '' },
+    searchQuery: '',
+    searchResults: [],
+    searchMode: 'hybrid',
+    calOffset: 0,
+    schema: null,
+};
+//# sourceMappingURL=state.js.map

package/public/src/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["state.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,KAAK,GAAa;IAC7B,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,EAAE;IACZ,cAAc,EAAE,IAAI;IACpB,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1F,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IACjB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,IAAI;CACb,CAAC"}

package/public/src/state.ts

@@ -0,0 +1,19 @@
+// ═══════════════════════════════════════════════════════════════
+// STATE
+// ═══════════════════════════════════════════════════════════════
+import type { AppState } from './types.js';
+
+export const state: AppState = {
+  user: null,
+  projects: [],
+  currentProject: null,
+  currentView: 'projects',
+  authTab: 'login',
+  items: [],
+  itemFilters: { status: '', type: '', priority: '', sprint: '', release: '', assignee: '' },
+  searchQuery: '',
+  searchResults: [],
+  searchMode: 'hybrid',
+  calOffset: 0,
+  schema: null,
+};

package/public/src/types.js

@@ -0,0 +1,5 @@
+// ═══════════════════════════════════════════════════════════════
+// TYPES
+// ═══════════════════════════════════════════════════════════════
+export {};
+//# sourceMappingURL=types.js.map

package/public/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,QAAQ;AACR,kEAAkE"}

package/public/src/types.ts

@@ -0,0 +1,253 @@
+// ═══════════════════════════════════════════════════════════════
+// TYPES
+// ═══════════════════════════════════════════════════════════════
+
+export interface User {
+  id: string;
+  email: string;
+  display_name?: string;
+  is_admin?: boolean;
+  has_github_token?: boolean;
+  created_at?: string;
+}
+
+export interface Project {
+  id: string;
+  name: string;
+  slug: string;
+  prefix: string;
+  description?: string;
+  created_at: string;
+  updated_at?: string;
+}
+
+export interface Item {
+  id: string;
+  title: string;
+  type?: string;
+  status?: string;
+  priority?: number;
+  description?: string;
+  body?: string;
+  tags?: string[];
+  parent?: string;
+  deadline?: string;
+  assignee?: string;
+  sprint?: string;
+  release?: string;
+  estimated_minutes?: number;
+  acceptance_criteria?: string;
+  acceptanceCriteria?: string;
+  claimedBy?: string;
+  created_at?: string;
+  updated_at?: string;
+  reporter?: string;
+  component?: string;
+  severity?: string;
+  risk?: string;
+  goal?: string;
+  environment?: string;
+  blockedBy?: string;
+  blockedReason?: string;
+  reproSteps?: string;
+  expectedResult?: string;
+  'blocked-by'?: string;
+  'blocked-reason'?: string;
+  'repro-steps'?: string;
+  'expected-result'?: string;
+}
+
+export interface Comment {
+  text?: string;
+  content?: string;
+  body?: string;
+  timestamp?: string;
+  created_at?: string;
+}
+
+export interface HistoryEntry {
+  message?: string;
+  action?: string;
+  timestamp?: string;
+  created_at?: string;
+}
+
+export interface Dependency {
+  targetId?: string;
+  id?: string;
+  rel?: string;
+  relationship?: string;
+  targetTitle?: string;
+  title?: string;
+}
+
+export interface GraphNode {
+  id: string;
+  labels?: string[];
+  properties?: {
+    title?: string;
+    type?: string;
+    status?: string;
+    priority?: number | null;
+    [key: string]: unknown;
+  };
+}
+
+export interface GraphRelationship {
+  from: string;
+  to: string;
+  type: string;
+  properties?: Record<string, unknown>;
+}
+
+export interface ProjectGraph {
+  generatedAt?: string;
+  source?: string;
+  nodes?: GraphNode[];
+  relationships?: GraphRelationship[];
+}
+
+export interface Learning {
+  text?: string;
+  content?: string;
+  timestamp?: string;
+  created_at?: string;
+}
+
+export interface PresenceUser {
+  userId: string;
+  displayName: string;
+  currentView: string;
+  connectedAt: string;
+}
+
+export interface Note {
+  text?: string;
+  content?: string;
+  timestamp?: string;
+  created_at?: string;
+}
+
+export interface TestEntry {
+  command?: string;
+  cmd?: string;
+  description?: string;
+}
+
+export interface FileEntry {
+  path?: string;
+  name?: string;
+  scope?: string;
+}
+
+export interface Share {
+  id?: string;
+  shareId?: string;
+  email?: string;
+  groupName?: string;
+  groupId?: string;
+  userId?: string;
+  permission?: string;
+}
+
+export interface Group {
+  id: string;
+  name: string;
+  description?: string;
+  members?: GroupMember[];
+  memberCount?: number;
+}
+
+export interface GroupMember {
+  id?: string;
+  userId?: string;
+  displayName?: string;
+  email?: string;
+}
+
+export interface Stats {
+  total?: number;
+  byStatus?: Record<string, number>;
+  byType?: Record<string, number>;
+}
+
+export interface HealthData {
+  score?: number;
+  issues?: Array<{ message?: string; description?: string }>;
+  summary?: string;
+}
+
+export interface ItemFilters {
+  status: string;
+  type: string;
+  priority: string;
+  sprint: string;
+  release: string;
+  assignee: string;
+}
+
+export interface ProjectSchema {
+  types: string[];
+  statuses: string[];
+  openStatus: string;
+  closeStatus: string;
+  canceledStatus: string;
+}
+
+export interface AppState {
+  user: User | null;
+  projects: Project[];
+  currentProject: Project | null;
+  currentView: string;
+  authTab: string;
+  items: Item[];
+  itemFilters: ItemFilters;
+  searchQuery: string;
+  searchResults: Item[];
+  searchMode: string;
+  calOffset: number;
+  schema: ProjectSchema | null;
+}
+
+export interface AdminUser {
+  id: string;
+  email: string;
+  display_name?: string;
+  is_admin: boolean;
+  has_github_token: boolean;
+  created_at: string;
+  updated_at?: string;
+}
+
+export interface AdminProject {
+  id: string;
+  name: string;
+  slug: string;
+  prefix: string;
+  description?: string;
+  owner_email: string;
+  owner_display_name?: string;
+  github_owner?: string;
+  github_repo?: string;
+  github_sync_enabled?: boolean;
+  created_at: string;
+  updated_at?: string;
+}
+
+export interface AdminGroup {
+  id: string;
+  name: string;
+  description?: string;
+  owner_email: string;
+  member_count: number;
+  created_at: string;
+}
+
+export type ToastType = 'info' | 'success' | 'error';
+
+export type ViewName =
+  | 'projects' | 'items' | 'create' | 'activity' | 'search'
+  | 'stats' | 'calendar' | 'context' | 'graph' | 'sharing' | 'groups'
+  | 'health' | 'dedupe' | 'validate' | 'settings' | 'github'
+  | 'export' | 'normalize' | 'shared' | 'templates' | 'comments-audit'
+  | 'config' | 'guide' | 'plan';

package/public/src/utils.js

@@ -0,0 +1,57 @@
+// ═══════════════════════════════════════════════════════════════
+// UTILITIES
+// ═══════════════════════════════════════════════════════════════
+import { PRIORITY_LABELS, TYPE_ICONS } from './constants.js';
+export function escHtml(s) {
+    if (!s)
+        return '';
+    return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+export function statusBadge(s) {
+    const labels = { in_progress: 'In Progress' };
+    return `<span class="status-badge status-${s}">${labels[s] || s}</span>`;
+}
+export function priorityDot(p) {
+    return `<span class="priority-dot priority-${p}" title="P${p}: ${PRIORITY_LABELS[p] || ''}"></span>`;
+}
+export function typeIcon(t) {
+    return `<span class="item-type-icon" title="${t}">${TYPE_ICONS[t] || '·'}</span>`;
+}
+export function relTime(ts) {
+    if (!ts)
+        return '';
+    const d = new Date(ts);
+    const diff = Date.now() - d.getTime();
+    const s = Math.floor(diff / 1000);
+    if (s < 60)
+        return 'just now';
+    if (s < 3600)
+        return `${Math.floor(s / 60)}m ago`;
+    if (s < 86400)
+        return `${Math.floor(s / 3600)}h ago`;
+    if (s < 604800)
+        return `${Math.floor(s / 86400)}d ago`;
+    return d.toLocaleDateString();
+}
+export function fmtDate(ts) {
+    if (!ts)
+        return '';
+    return new Date(ts).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });
+}
+export function setLoading(btn, yes, text) {
+    btn.disabled = yes;
+    if (text) {
+        const span = btn.querySelector('span');
+        if (span)
+            span.textContent = text;
+        else
+            btn.textContent = text;
+    }
+}
+export function skeletonRows(n = 5) {
+    return Array.from({ length: n }, () => '<div class="skeleton skeleton-row"></div>').join('');
+}
+export function skeletonCards(n = 3) {
+    return Array.from({ length: n }, () => '<div class="skeleton skeleton-card"></div>').join('');
+}
+//# sourceMappingURL=utils.js.map

package/public/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"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"}