@nextsparkjs/theme-productivity 0.1.0-beta.1

package/entities/lists/migrations/010_lists_table.sql

@@ -0,0 +1,79 @@
+-- ============================================================================
+-- Lists Table Migration
+-- Productivity theme: Columns within boards
+-- ============================================================================
+
+CREATE TABLE IF NOT EXISTS "lists" (
+  "id" TEXT PRIMARY KEY DEFAULT gen_random_uuid()::text,
+  "name" VARCHAR(255) NOT NULL,
+  "position" INTEGER DEFAULT 0,
+  "boardId" TEXT NOT NULL REFERENCES "boards"("id") ON DELETE CASCADE,
+  "userId" TEXT NOT NULL REFERENCES "users"("id") ON DELETE CASCADE,
+  "teamId" TEXT NOT NULL REFERENCES "teams"("id") ON DELETE CASCADE,
+  "createdAt" TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+  "updatedAt" TIMESTAMPTZ NOT NULL DEFAULT NOW()
+);
+
+-- Indexes
+CREATE INDEX IF NOT EXISTS "lists_boardId_idx" ON "lists" ("boardId");
+CREATE INDEX IF NOT EXISTS "lists_teamId_idx" ON "lists" ("teamId");
+CREATE INDEX IF NOT EXISTS "lists_position_idx" ON "lists" ("boardId", "position");
+
+-- Enable RLS
+ALTER TABLE "lists" ENABLE ROW LEVEL SECURITY;
+
+-- Drop existing policies
+DROP POLICY IF EXISTS "lists_select_policy" ON "lists";
+DROP POLICY IF EXISTS "lists_insert_policy" ON "lists";
+DROP POLICY IF EXISTS "lists_update_policy" ON "lists";
+DROP POLICY IF EXISTS "lists_delete_policy" ON "lists";
+
+-- Policy: Team members can view lists
+CREATE POLICY "lists_select_policy" ON "lists"
+  FOR SELECT TO authenticated
+  USING (
+    "teamId" = ANY(public.get_user_team_ids())
+    OR public.is_superadmin()
+  );
+
+-- Policy: Team members can create lists
+CREATE POLICY "lists_insert_policy" ON "lists"
+  FOR INSERT TO authenticated
+  WITH CHECK (
+    "teamId" = ANY(public.get_user_team_ids())
+  );
+
+-- Policy: Team members can update lists
+CREATE POLICY "lists_update_policy" ON "lists"
+  FOR UPDATE TO authenticated
+  USING (
+    "teamId" = ANY(public.get_user_team_ids())
+    OR public.is_superadmin()
+  );
+
+-- Policy: Team members can delete lists (owner only at app level)
+CREATE POLICY "lists_delete_policy" ON "lists"
+  FOR DELETE TO authenticated
+  USING (
+    "teamId" = ANY(public.get_user_team_ids())
+    OR public.is_superadmin()
+  );
+
+-- Trigger for updatedAt
+CREATE OR REPLACE FUNCTION update_lists_updated_at()
+RETURNS TRIGGER AS $$
+BEGIN
+  NEW."updatedAt" = NOW();
+  RETURN NEW;
+END;
+$$ LANGUAGE plpgsql;
+
+DROP TRIGGER IF EXISTS lists_updated_at_trigger ON "lists";
+CREATE TRIGGER lists_updated_at_trigger
+  BEFORE UPDATE ON "lists"
+  FOR EACH ROW
+  EXECUTE FUNCTION update_lists_updated_at();
+
+-- Comments
+COMMENT ON TABLE "lists" IS 'Columns within boards (To Do, In Progress, Done, etc.)';
+COMMENT ON COLUMN "lists"."position" IS 'Display order within the parent board';

package/lib/selectors.ts

@@ -0,0 +1,206 @@
+/**
+ * Productivity Theme - Block Selectors
+ *
+ * This file defines selectors for block components in the theme.
+ * It's placed in lib/ instead of tests/ so TypeScript can resolve imports.
+ *
+ * Used by:
+ * - Block components (for data-cy attributes)
+ * - Cypress tests (via tests/cypress/src/selectors.ts)
+ */
+
+import { createSelectorHelpers } from '@nextsparkjs/core/lib/test/selector-factory'
+import { CORE_SELECTORS } from '@nextsparkjs/core/lib/test/core-selectors'
+
+// =============================================================================
+// BLOCK SELECTORS
+// =============================================================================
+
+/**
+ * Block-specific selectors for the productivity theme.
+ * Each block has at minimum a 'container' selector.
+ * Dynamic selectors use {index} placeholder.
+ */
+export const BLOCK_SELECTORS = {
+  // Productivity theme currently has no custom blocks
+  // Add block selectors here when blocks are created
+} as const
+
+// =============================================================================
+// ENTITY SELECTORS
+// =============================================================================
+
+/**
+ * Entity-specific selectors for the productivity theme.
+ */
+export const ENTITY_SELECTORS = {
+  boards: {
+    list: 'boards-list',
+    listItem: 'board-item-{index}',
+    card: 'board-card-{id}',
+    name: 'board-name',
+    description: 'board-description',
+    createButton: 'board-create-button',
+    editButton: 'board-edit-button',
+    deleteButton: 'board-delete-button',
+    settingsButton: 'board-settings-button',
+    form: {
+      container: 'board-form',
+      name: 'board-form-name',
+      description: 'board-form-description',
+      submit: 'board-form-submit',
+      cancel: 'board-form-cancel',
+    },
+  },
+  lists: {
+    container: 'list-container-{id}',
+    header: 'list-header-{id}',
+    name: 'list-name',
+    cardsContainer: 'list-cards-{id}',
+    addCardButton: 'list-add-card-{id}',
+    createButton: 'list-create-button',
+    editButton: 'list-edit-button',
+    deleteButton: 'list-delete-button',
+    moveHandle: 'list-move-handle-{id}',
+    form: {
+      container: 'list-form',
+      name: 'list-form-name',
+      submit: 'list-form-submit',
+      cancel: 'list-form-cancel',
+    },
+  },
+  cards: {
+    container: 'card-container-{id}',
+    title: 'card-title',
+    description: 'card-description',
+    dueDate: 'card-due-date',
+    assignee: 'card-assignee',
+    labels: 'card-labels',
+    createButton: 'card-create-button',
+    editButton: 'card-edit-button',
+    deleteButton: 'card-delete-button',
+    moveHandle: 'card-move-handle-{id}',
+    form: {
+      container: 'card-form',
+      title: 'card-form-title',
+      description: 'card-form-description',
+      dueDate: 'card-form-due-date',
+      assignee: 'card-form-assignee',
+      labels: 'card-form-labels',
+      submit: 'card-form-submit',
+      cancel: 'card-form-cancel',
+    },
+    detail: {
+      modal: 'card-detail-modal',
+      header: 'card-detail-header',
+      body: 'card-detail-body',
+      comments: 'card-detail-comments',
+      attachments: 'card-detail-attachments',
+      checklist: 'card-detail-checklist',
+      closeButton: 'card-detail-close',
+    },
+  },
+} as const
+
+// =============================================================================
+// KANBAN-SPECIFIC SELECTORS
+// =============================================================================
+
+/**
+ * Kanban-specific UI selectors.
+ */
+export const KANBAN_SELECTORS = {
+  board: {
+    container: 'kanban-board',
+    header: 'kanban-board-header',
+    listsContainer: 'kanban-lists-container',
+    addListButton: 'kanban-add-list-button',
+    settings: 'kanban-board-settings',
+  },
+  dragDrop: {
+    dragging: 'dragging',
+    dragHandle: 'drag-handle',
+    dropZone: 'drop-zone-{id}',
+    dropIndicator: 'drop-indicator',
+    placeholder: 'drag-placeholder',
+  },
+  filters: {
+    container: 'kanban-filters',
+    search: 'kanban-search',
+    assigneeFilter: 'kanban-assignee-filter',
+    labelFilter: 'kanban-label-filter',
+    dueDateFilter: 'kanban-due-date-filter',
+    clearFilters: 'kanban-clear-filters',
+  },
+} as const
+
+// =============================================================================
+// THEME SELECTORS (CORE + BLOCKS + ENTITIES + KANBAN)
+// =============================================================================
+
+/**
+ * Complete theme selectors merging core, blocks, and entities.
+ */
+export const THEME_SELECTORS = {
+  ...CORE_SELECTORS,
+  blocks: BLOCK_SELECTORS,
+  entities: ENTITY_SELECTORS,
+  kanban: KANBAN_SELECTORS,
+} as const
+
+// =============================================================================
+// EXPORTS
+// =============================================================================
+
+/**
+ * Create helpers bound to theme selectors
+ */
+const helpers = createSelectorHelpers(THEME_SELECTORS)
+
+/**
+ * Full selectors object (core + theme extensions)
+ */
+export const SELECTORS = helpers.SELECTORS
+
+/**
+ * Get a selector value by path
+ *
+ * @example
+ * sel('auth.login.form') // 'login-form'
+ * sel('entities.boards.list') // 'boards-list'
+ * sel('entities.cards.container', { id: 'abc123' }) // 'card-container-abc123'
+ */
+export const sel = helpers.sel
+
+/**
+ * Alias for sel
+ */
+export const s = helpers.s
+
+/**
+ * Get selector only in dev/test environments
+ */
+export const selDev = helpers.selDev
+
+/**
+ * Get Cypress selector string [data-cy="..."]
+ *
+ * @example
+ * cySelector('entities.boards.list') // '[data-cy="boards-list"]'
+ */
+export const cySelector = helpers.cySelector
+
+/**
+ * Create entity-specific selector helpers
+ */
+export const entitySelectors = helpers.entitySelectors
+
+/**
+ * Type exports
+ */
+export type ThemeSelectorsType = typeof THEME_SELECTORS
+export type BlockSelectorsType = typeof BLOCK_SELECTORS
+export type EntitySelectorsType = typeof ENTITY_SELECTORS
+export type KanbanSelectorsType = typeof KANBAN_SELECTORS
+export type { Replacements } from '@nextsparkjs/core/lib/test/selector-factory'
+export { CORE_SELECTORS }

package/messages/en.json

@@ -0,0 +1,79 @@
+{
+  "productivity": {
+    "name": "Productivity",
+    "description": "A collaborative task management app",
+    "tagline": "Organize your work, together",
+
+    "navigation": {
+      "boards": "Boards",
+      "myCards": "My Cards",
+      "calendar": "Calendar",
+      "team": "Team"
+    },
+
+    "quickActions": {
+      "createBoard": "Create Board",
+      "createCard": "Add Card"
+    },
+
+    "dashboard": {
+      "welcome": "Welcome back!",
+      "welcomeWithName": "Welcome back, {name}!",
+      "overview": "Your Overview",
+      "recentBoards": "Recent Boards",
+      "upcomingDeadlines": "Upcoming Deadlines",
+      "assignedToYou": "Assigned to You",
+      "teamActivity": "Team Activity"
+    },
+
+    "stats": {
+      "totalBoards": "Total Boards",
+      "totalCards": "Total Cards",
+      "cardsCompleted": "Cards Completed",
+      "cardsDueThisWeek": "Due This Week"
+    },
+
+    "empty": {
+      "noBoards": {
+        "title": "No boards yet",
+        "description": "Create your first board to start organizing your work.",
+        "action": "Create your first board"
+      },
+      "noAssignedCards": {
+        "title": "No cards assigned",
+        "description": "Cards assigned to you will appear here."
+      },
+      "noDeadlines": {
+        "title": "No upcoming deadlines",
+        "description": "Cards with due dates will appear here."
+      }
+    },
+
+    "collaboration": {
+      "invite": "Invite Team Member",
+      "inviteDescription": "Invite someone to collaborate on your boards",
+      "teamMembers": "Team Members",
+      "roles": {
+        "owner": "Owner",
+        "member": "Member",
+        "viewer": "Viewer"
+      },
+      "roleDescriptions": {
+        "owner": "Full access to all boards, lists, and cards. Can invite members.",
+        "member": "Can create and edit lists and cards. Cannot delete boards.",
+        "viewer": "Read-only access to all boards, lists, and cards."
+      }
+    },
+
+    "shortcuts": {
+      "title": "Keyboard Shortcuts",
+      "newCard": "New Card",
+      "newBoard": "New Board",
+      "search": "Search",
+      "toggleSidebar": "Toggle Sidebar",
+      "nextList": "Next List",
+      "previousList": "Previous List"
+    }
+  }
+}
+

package/messages/es.json

@@ -0,0 +1,79 @@
+{
+  "productivity": {
+    "name": "Productivity",
+    "description": "Una app colaborativa de gestión de tareas",
+    "tagline": "Organiza tu trabajo, en equipo",
+
+    "navigation": {
+      "boards": "Tableros",
+      "myCards": "Mis Tarjetas",
+      "calendar": "Calendario",
+      "team": "Equipo"
+    },
+
+    "quickActions": {
+      "createBoard": "Crear Tablero",
+      "createCard": "Agregar Tarjeta"
+    },
+
+    "dashboard": {
+      "welcome": "¡Bienvenido de nuevo!",
+      "welcomeWithName": "¡Bienvenido de nuevo, {name}!",
+      "overview": "Tu Resumen",
+      "recentBoards": "Tableros Recientes",
+      "upcomingDeadlines": "Próximas Fechas Límite",
+      "assignedToYou": "Asignadas a Ti",
+      "teamActivity": "Actividad del Equipo"
+    },
+
+    "stats": {
+      "totalBoards": "Total de Tableros",
+      "totalCards": "Total de Tarjetas",
+      "cardsCompleted": "Tarjetas Completadas",
+      "cardsDueThisWeek": "Vencen Esta Semana"
+    },
+
+    "empty": {
+      "noBoards": {
+        "title": "Aún no hay tableros",
+        "description": "Crea tu primer tablero para comenzar a organizar tu trabajo.",
+        "action": "Crear tu primer tablero"
+      },
+      "noAssignedCards": {
+        "title": "Sin tarjetas asignadas",
+        "description": "Las tarjetas asignadas a ti aparecerán aquí."
+      },
+      "noDeadlines": {
+        "title": "Sin fechas límite próximas",
+        "description": "Las tarjetas con fechas de vencimiento aparecerán aquí."
+      }
+    },
+
+    "collaboration": {
+      "invite": "Invitar Miembro del Equipo",
+      "inviteDescription": "Invita a alguien a colaborar en tus tableros",
+      "teamMembers": "Miembros del Equipo",
+      "roles": {
+        "owner": "Propietario",
+        "member": "Miembro",
+        "viewer": "Visor"
+      },
+      "roleDescriptions": {
+        "owner": "Acceso completo a todos los tableros, listas y tarjetas. Puede invitar miembros.",
+        "member": "Puede crear y editar listas y tarjetas. No puede eliminar tableros.",
+        "viewer": "Acceso de solo lectura a todos los tableros, listas y tarjetas."
+      }
+    },
+
+    "shortcuts": {
+      "title": "Atajos de Teclado",
+      "newCard": "Nueva Tarjeta",
+      "newBoard": "Nuevo Tablero",
+      "search": "Buscar",
+      "toggleSidebar": "Alternar Barra Lateral",
+      "nextList": "Lista Siguiente",
+      "previousList": "Lista Anterior"
+    }
+  }
+}
+