npm - kanban-lite - Versions diffs - 1.0.4 - Mend

kanban-lite 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/.editorconfig +9 -0
package/.github/workflows/ci.yml +59 -0
package/.github/workflows/release.yml +75 -0
package/.prettierignore +6 -0
package/.prettierrc.yaml +4 -0
package/.vscode/extensions.json +3 -0
package/.vscode/launch.json +17 -0
package/.vscode/settings.json +21 -0
package/.vscode/tasks.json +22 -0
package/.vscodeignore +11 -0
package/CHANGELOG.md +184 -0
package/CLAUDE.md +58 -0
package/CONTRIBUTING.md +114 -0
package/LICENSE +22 -0
package/README.md +482 -0
package/SKILL.md +237 -0
package/dist/cli.js +8716 -0
package/dist/extension.js +8463 -0
package/dist/mcp-server.js +1327 -0
package/dist/standalone-webview/icons-Dx9MGYqN.js +180 -0
package/dist/standalone-webview/icons-Dx9MGYqN.js.map +1 -0
package/dist/standalone-webview/index.js +85 -0
package/dist/standalone-webview/index.js.map +1 -0
package/dist/standalone-webview/react-vendor-DkYdDBET.js +25 -0
package/dist/standalone-webview/react-vendor-DkYdDBET.js.map +1 -0
package/dist/standalone-webview/style.css +1 -0
package/dist/standalone.js +7513 -0
package/dist/webview/icons-Dx9MGYqN.js +180 -0
package/dist/webview/icons-Dx9MGYqN.js.map +1 -0
package/dist/webview/index.js +85 -0
package/dist/webview/index.js.map +1 -0
package/dist/webview/react-vendor-DkYdDBET.js +25 -0
package/dist/webview/react-vendor-DkYdDBET.js.map +1 -0
package/dist/webview/style.css +1 -0
package/docs/images/board-overview.png +0 -0
package/docs/images/editor-view.png +0 -0
package/docs/plans/2026-02-20-kanban-json-config-design.md +74 -0
package/docs/plans/2026-02-20-kanban-json-config.md +690 -0
package/eslint.config.mjs +31 -0
package/package.json +161 -0
package/postcss.config.js +6 -0
package/resources/icon-light.png +0 -0
package/resources/icon-light.svg +105 -0
package/resources/icon.png +0 -0
package/resources/icon.svg +105 -0
package/resources/kanban-dark.svg +21 -0
package/resources/kanban-light.svg +21 -0
package/resources/kanban.svg +21 -0
package/src/cli/index.ts +846 -0
package/src/extension/FeatureHeaderProvider.ts +370 -0
package/src/extension/KanbanPanel.ts +973 -0
package/src/extension/SidebarViewProvider.ts +507 -0
package/src/extension/featureFileUtils.ts +82 -0
package/src/extension/index.ts +234 -0
package/src/mcp-server/index.ts +632 -0
package/src/sdk/KanbanSDK.ts +349 -0
package/src/sdk/__tests__/KanbanSDK.test.ts +468 -0
package/src/sdk/__tests__/parser.test.ts +170 -0
package/src/sdk/fileUtils.ts +76 -0
package/src/sdk/index.ts +6 -0
package/src/sdk/parser.ts +70 -0
package/src/sdk/types.ts +15 -0
package/src/shared/config.ts +113 -0
package/src/shared/editorTypes.ts +14 -0
package/src/shared/types.ts +120 -0
package/src/standalone/__tests__/server.integration.test.ts +1916 -0
package/src/standalone/__tests__/webhooks.test.ts +357 -0
package/src/standalone/fileUtils.ts +70 -0
package/src/standalone/index.ts +71 -0
package/src/standalone/server.ts +1046 -0
package/src/standalone/webhooks.ts +135 -0
package/src/webview/App.tsx +469 -0
package/src/webview/assets/main.css +329 -0
package/src/webview/assets/standalone-theme.css +130 -0
package/src/webview/components/ColumnDialog.tsx +119 -0
package/src/webview/components/CreateFeatureDialog.tsx +524 -0
package/src/webview/components/DatePicker.tsx +185 -0
package/src/webview/components/FeatureCard.tsx +186 -0
package/src/webview/components/FeatureEditor.tsx +623 -0
package/src/webview/components/KanbanBoard.tsx +144 -0
package/src/webview/components/KanbanColumn.tsx +159 -0
package/src/webview/components/MarkdownEditor.tsx +291 -0
package/src/webview/components/PrioritySelect.tsx +39 -0
package/src/webview/components/QuickAddInput.tsx +72 -0
package/src/webview/components/SettingsPanel.tsx +284 -0
package/src/webview/components/Toolbar.tsx +175 -0
package/src/webview/components/UndoToast.tsx +70 -0
package/src/webview/index.html +12 -0
package/src/webview/lib/utils.ts +6 -0
package/src/webview/main.tsx +11 -0
package/src/webview/standalone-main.tsx +13 -0
package/src/webview/standalone-shim.ts +132 -0
package/src/webview/standalone.html +12 -0
package/src/webview/store/index.ts +241 -0
package/tailwind.config.js +53 -0
package/tsconfig.json +22 -0
package/vite.config.ts +36 -0
package/vite.standalone.config.ts +62 -0
package/vitest.config.ts +15 -0

package/src/webview/standalone-shim.ts ADDED Viewed

@@ -0,0 +1,132 @@
+// WebSocket bridge that provides acquireVsCodeApi() for standalone mode.
+// Must be imported BEFORE App.tsx so the global is available at module load time.
+const ws = new WebSocket(`ws://${window.location.host}/ws`)
+const pendingMessages: string[] = []
+let connected = false
+ws.addEventListener('open', () => {
+  connected = true
+  for (const msg of pendingMessages) {
+    ws.send(msg)
+  }
+  pendingMessages.length = 0
+})
+ws.addEventListener('message', (event) => {
+  try {
+    const data = JSON.parse(event.data)
+    window.postMessage(data, '*')
+  } catch {
+    // ignore malformed messages
+  }
+})
+ws.addEventListener('close', () => {
+  connected = false
+})
+// State persistence via sessionStorage
+let savedState: unknown = null
+try {
+  const stored = sessionStorage.getItem('kanban-standalone-state')
+  if (stored) savedState = JSON.parse(stored)
+} catch {
+  // ignore
+}
+// --- Standalone attachment handling ---
+function handleAddAttachment(featureId: string) {
+  const input = document.createElement('input')
+  input.type = 'file'
+  input.multiple = true
+  input.style.display = 'none'
+  document.body.appendChild(input)
+  const cleanup = () => {
+    input.remove()
+  }
+  input.onchange = async () => {
+    if (!input.files || input.files.length === 0) {
+      cleanup()
+      return
+    }
+    const files: { name: string; data: string }[] = []
+    for (const file of Array.from(input.files)) {
+      const buf = await file.arrayBuffer()
+      const bytes = new Uint8Array(buf)
+      // Encode in chunks to avoid stack overflow on large files
+      let binary = ''
+      for (let i = 0; i < bytes.length; i++) {
+        binary += String.fromCharCode(bytes[i])
+      }
+      files.push({ name: file.name, data: btoa(binary) })
+    }
+    try {
+      await fetch('/api/upload-attachment', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ featureId, files })
+      })
+    } catch (err) {
+      console.error('Failed to upload attachment:', err)
+    }
+    cleanup()
+  }
+  input.click()
+}
+function handleOpenAttachment(featureId: string, attachment: string) {
+  const url = `/api/attachment?featureId=${encodeURIComponent(featureId)}&filename=${encodeURIComponent(attachment)}`
+  window.open(url, '_blank')
+}
+// Provide the same API shape as acquireVsCodeApi()
+;(window as unknown as Record<string, unknown>).acquireVsCodeApi = () => ({
+  postMessage(message: unknown) {
+    const msg = message as Record<string, unknown>
+    // Intercept attachment messages — handle browser-side in standalone
+    if (msg.type === 'addAttachment') {
+      handleAddAttachment(msg.featureId as string)
+      return
+    }
+    if (msg.type === 'openAttachment') {
+      handleOpenAttachment(msg.featureId as string, msg.attachment as string)
+      return
+    }
+    const json = JSON.stringify(message)
+    if (connected) {
+      ws.send(json)
+    } else {
+      pendingMessages.push(json)
+    }
+  },
+  getState() {
+    return savedState
+  },
+  setState(state: unknown) {
+    savedState = state
+    try {
+      sessionStorage.setItem('kanban-standalone-state', JSON.stringify(state))
+    } catch {
+      // ignore
+    }
+  }
+})
+// Set dark mode class based on system preference (replaces VSCode's vscode-dark class)
+const darkMq = window.matchMedia('(prefers-color-scheme: dark)')
+function applyTheme(dark: boolean) {
+  document.body.classList.toggle('vscode-dark', dark)
+  document.body.classList.toggle('vscode-light', !dark)
+}
+darkMq.addEventListener('change', (e) => applyTheme(e.matches))
+// Apply immediately (body may not exist yet, so also apply on DOMContentLoaded)
+if (document.body) {
+  applyTheme(darkMq.matches)
+} else {
+  document.addEventListener('DOMContentLoaded', () => applyTheme(darkMq.matches))
+}

package/src/webview/standalone.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kanban Board</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="./standalone-main.tsx"></script>
+</body>
+</html>

package/src/webview/store/index.ts ADDED Viewed

@@ -0,0 +1,241 @@
+import { create } from 'zustand'
+import type { Feature, FeatureStatus, KanbanColumn, Priority, CardDisplaySettings } from '../../shared/types'
+export type DueDateFilter = 'all' | 'overdue' | 'today' | 'this-week' | 'no-date'
+export type LayoutMode = 'horizontal' | 'vertical'
+interface KanbanState {
+  features: Feature[]
+  columns: KanbanColumn[]
+  isDarkMode: boolean
+  searchQuery: string
+  priorityFilter: Priority | 'all'
+  assigneeFilter: string | 'all'
+  labelFilter: string | 'all'
+  dueDateFilter: DueDateFilter
+  layout: LayoutMode
+  cardSettings: CardDisplaySettings
+  settingsOpen: boolean
+  setFeatures: (features: Feature[]) => void
+  setColumns: (columns: KanbanColumn[]) => void
+  setIsDarkMode: (dark: boolean) => void
+  setCardSettings: (settings: CardDisplaySettings) => void
+  setSettingsOpen: (open: boolean) => void
+  setSearchQuery: (query: string) => void
+  setPriorityFilter: (priority: Priority | 'all') => void
+  setAssigneeFilter: (assignee: string | 'all') => void
+  setLabelFilter: (label: string | 'all') => void
+  setDueDateFilter: (filter: DueDateFilter) => void
+  setLayout: (layout: LayoutMode) => void
+  toggleLayout: () => void
+  clearAllFilters: () => void
+  addFeature: (feature: Feature) => void
+  updateFeature: (id: string, updates: Partial<Feature>) => void
+  removeFeature: (id: string) => void
+  getFeaturesByStatus: (status: FeatureStatus) => Feature[]
+  getFilteredFeaturesByStatus: (status: FeatureStatus) => Feature[]
+  getUniqueAssignees: () => string[]
+  getUniqueLabels: () => string[]
+  hasActiveFilters: () => boolean
+}
+const getInitialDarkMode = (): boolean => {
+  // Check for VSCode theme
+  if (typeof document !== 'undefined') {
+    return document.body.classList.contains('vscode-dark') ||
+           document.body.classList.contains('vscode-high-contrast')
+  }
+  return false
+}
+const isToday = (date: Date): boolean => {
+  const today = new Date()
+  return (
+    date.getFullYear() === today.getFullYear() &&
+    date.getMonth() === today.getMonth() &&
+    date.getDate() === today.getDate()
+  )
+}
+const isThisWeek = (date: Date): boolean => {
+  const today = new Date()
+  const startOfWeek = new Date(today)
+  startOfWeek.setDate(today.getDate() - today.getDay())
+  startOfWeek.setHours(0, 0, 0, 0)
+  const endOfWeek = new Date(startOfWeek)
+  endOfWeek.setDate(startOfWeek.getDate() + 7)
+  return date >= startOfWeek && date < endOfWeek
+}
+const isOverdue = (date: Date): boolean => {
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  return date < today
+}
+export const useStore = create<KanbanState>((set, get) => ({
+  features: [],
+  columns: [],
+  isDarkMode: getInitialDarkMode(),
+  searchQuery: '',
+  priorityFilter: 'all',
+  assigneeFilter: 'all',
+  labelFilter: 'all',
+  dueDateFilter: 'all',
+  layout: 'horizontal',
+  cardSettings: {
+    showPriorityBadges: true,
+    showAssignee: true,
+    showDueDate: true,
+    showLabels: true,
+    showBuildWithAI: true,
+    showFileName: false,
+    compactMode: false,
+    markdownEditorMode: false,
+    defaultPriority: 'medium',
+    defaultStatus: 'backlog'
+  },
+  settingsOpen: false,
+  setFeatures: (features) => set({ features }),
+  setColumns: (columns) => set({ columns }),
+  setIsDarkMode: (dark) => set({ isDarkMode: dark }),
+  setCardSettings: (settings) => set({ cardSettings: settings }),
+  setSettingsOpen: (open) => set({ settingsOpen: open }),
+  setSearchQuery: (query) => set({ searchQuery: query }),
+  setPriorityFilter: (priority) => set({ priorityFilter: priority }),
+  setAssigneeFilter: (assignee) => set({ assigneeFilter: assignee }),
+  setLabelFilter: (label) => set({ labelFilter: label }),
+  setDueDateFilter: (filter) => set({ dueDateFilter: filter }),
+  setLayout: (layout) => set({ layout }),
+  toggleLayout: () => set((state) => ({ layout: state.layout === 'horizontal' ? 'vertical' : 'horizontal' })),
+  clearAllFilters: () =>
+    set({
+      searchQuery: '',
+      priorityFilter: 'all',
+      assigneeFilter: 'all',
+      labelFilter: 'all',
+      dueDateFilter: 'all'
+    }),
+  addFeature: (feature) =>
+    set((state) => ({
+      features: [...state.features, feature]
+    })),
+  updateFeature: (id, updates) =>
+    set((state) => ({
+      features: state.features.map((f) => (f.id === id ? { ...f, ...updates } : f))
+    })),
+  removeFeature: (id) =>
+    set((state) => ({
+      features: state.features.filter((f) => f.id !== id)
+    })),
+  getFeaturesByStatus: (status) => {
+    const { features } = get()
+    return features
+      .filter((f) => f.status === status)
+      .sort((a, b) => (a.order < b.order ? -1 : a.order > b.order ? 1 : 0))
+  },
+  getFilteredFeaturesByStatus: (status) => {
+    const {
+      features,
+      searchQuery,
+      priorityFilter,
+      assigneeFilter,
+      labelFilter,
+      dueDateFilter
+    } = get()
+    return features
+      .filter((f) => {
+        if (f.status !== status) return false
+        // Priority filter
+        if (priorityFilter !== 'all' && f.priority !== priorityFilter) return false
+        // Assignee filter
+        if (assigneeFilter !== 'all') {
+          if (assigneeFilter === 'unassigned') {
+            if (f.assignee) return false
+          } else if (f.assignee !== assigneeFilter) {
+            return false
+          }
+        }
+        // Label filter
+        if (labelFilter !== 'all' && !f.labels.includes(labelFilter)) return false
+        // Due date filter
+        if (dueDateFilter !== 'all') {
+          if (dueDateFilter === 'no-date') {
+            if (f.dueDate) return false
+          } else if (!f.dueDate) {
+            return false
+          } else {
+            const dueDate = new Date(f.dueDate)
+            if (dueDateFilter === 'overdue' && !isOverdue(dueDate)) return false
+            if (dueDateFilter === 'today' && !isToday(dueDate)) return false
+            if (dueDateFilter === 'this-week' && !isThisWeek(dueDate)) return false
+          }
+        }
+        // Search query
+        if (searchQuery) {
+          const query = searchQuery.toLowerCase()
+          return (
+            f.content.toLowerCase().includes(query) ||
+            f.id.toLowerCase().includes(query) ||
+            (f.assignee && f.assignee.toLowerCase().includes(query)) ||
+            f.labels.some((l) => l.toLowerCase().includes(query))
+          )
+        }
+        return true
+      })
+      .sort((a, b) => (a.order < b.order ? -1 : a.order > b.order ? 1 : 0))
+  },
+  getUniqueAssignees: () => {
+    const { features } = get()
+    const assignees = new Set<string>()
+    features.forEach((f) => {
+      if (f.assignee) assignees.add(f.assignee)
+    })
+    return Array.from(assignees).sort()
+  },
+  getUniqueLabels: () => {
+    const { features } = get()
+    const labels = new Set<string>()
+    features.forEach((f) => {
+      f.labels.forEach((l) => labels.add(l))
+    })
+    return Array.from(labels).sort()
+  },
+  hasActiveFilters: () => {
+    const {
+      searchQuery,
+      priorityFilter,
+      assigneeFilter,
+      labelFilter,
+      dueDateFilter
+    } = get()
+    return (
+      searchQuery !== '' ||
+      priorityFilter !== 'all' ||
+      assigneeFilter !== 'all' ||
+      labelFilter !== 'all' ||
+      dueDateFilter !== 'all'
+    )
+  }
+}))

package/tailwind.config.js ADDED Viewed

@@ -0,0 +1,53 @@
+import typography from '@tailwindcss/typography'
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./src/webview/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      typography: () => ({
+        DEFAULT: {
+          css: {
+            '--tw-prose-body': 'var(--vscode-foreground)',
+            '--tw-prose-headings': 'var(--vscode-foreground)',
+            '--tw-prose-lead': 'var(--vscode-foreground)',
+            '--tw-prose-links': 'var(--vscode-textLink-foreground)',
+            '--tw-prose-bold': 'var(--vscode-foreground)',
+            '--tw-prose-counters': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-bullets': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-hr': 'var(--vscode-panel-border)',
+            '--tw-prose-quotes': 'var(--vscode-foreground)',
+            '--tw-prose-quote-borders': 'var(--vscode-textBlockQuote-border)',
+            '--tw-prose-captions': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-code': 'var(--vscode-textPreformat-foreground)',
+            '--tw-prose-pre-code': 'var(--vscode-editor-foreground)',
+            '--tw-prose-pre-bg': 'var(--vscode-textBlockQuote-background)',
+            '--tw-prose-th-borders': 'var(--vscode-panel-border)',
+            '--tw-prose-td-borders': 'var(--vscode-panel-border)',
+            // Invert colors for dark mode handled by CSS variables
+            '--tw-prose-invert-body': 'var(--vscode-foreground)',
+            '--tw-prose-invert-headings': 'var(--vscode-foreground)',
+            '--tw-prose-invert-lead': 'var(--vscode-foreground)',
+            '--tw-prose-invert-links': 'var(--vscode-textLink-foreground)',
+            '--tw-prose-invert-bold': 'var(--vscode-foreground)',
+            '--tw-prose-invert-counters': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-invert-bullets': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-invert-hr': 'var(--vscode-panel-border)',
+            '--tw-prose-invert-quotes': 'var(--vscode-foreground)',
+            '--tw-prose-invert-quote-borders': 'var(--vscode-textBlockQuote-border)',
+            '--tw-prose-invert-captions': 'var(--vscode-descriptionForeground)',
+            '--tw-prose-invert-code': 'var(--vscode-textPreformat-foreground)',
+            '--tw-prose-invert-pre-code': 'var(--vscode-editor-foreground)',
+            '--tw-prose-invert-pre-bg': 'var(--vscode-textBlockQuote-background)',
+            '--tw-prose-invert-th-borders': 'var(--vscode-panel-border)',
+            '--tw-prose-invert-td-borders': 'var(--vscode-panel-border)',
+          },
+        },
+      }),
+    },
+  },
+  plugins: [typography],
+}

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/vite.config.ts ADDED Viewed

@@ -0,0 +1,36 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+export default defineConfig({
+  plugins: [react()],
+  root: resolve(__dirname, 'src/webview'),
+  build: {
+    outDir: resolve(__dirname, 'dist/webview'),
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        index: resolve(__dirname, 'src/webview/main.tsx')
+      },
+      output: {
+        entryFileNames: '[name].js',
+        chunkFileNames: '[name]-[hash].js',
+        assetFileNames: '[name].[ext]',
+        // Split vendor deps into separate chunks for parallel loading
+        manualChunks: {
+          'react-vendor': ['react', 'react-dom'],
+          'icons': ['lucide-react']
+        }
+      }
+    },
+    cssCodeSplit: false,
+    sourcemap: true,
+    // Optimize chunk size
+    chunkSizeWarningLimit: 300
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  }
+})

package/vite.standalone.config.ts ADDED Viewed

@@ -0,0 +1,62 @@
+import { resolve } from 'node:path'
+import react from '@vitejs/plugin-react'
+import { defineConfig, type Plugin } from 'vite'
+// In dev mode, serve standalone.html as the default page
+function standaloneHtmlPlugin(): Plugin {
+  return {
+    name: 'standalone-html',
+    configureServer(server) {
+      server.middlewares.use((req, _res, next) => {
+        if (req.url === '/' || req.url === '/index.html') {
+          req.url = '/standalone.html'
+        }
+        next()
+      })
+    }
+  }
+}
+export default defineConfig({
+  plugins: [react(), standaloneHtmlPlugin()],
+  root: resolve(__dirname, 'src/webview'),
+  server: {
+    port: 3000,
+    proxy: {
+      '/ws': {
+        target: 'ws://localhost:3001',
+        ws: true
+      },
+      '/api': {
+        target: 'http://localhost:3001'
+      }
+    }
+  },
+  build: {
+    outDir: resolve(__dirname, 'dist/standalone-webview'),
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        index: resolve(__dirname, 'src/webview/standalone-main.tsx')
+      },
+      output: {
+        entryFileNames: '[name].js',
+        chunkFileNames: '[name]-[hash].js',
+        assetFileNames: '[name].[ext]',
+        manualChunks: {
+          'react-vendor': ['react', 'react-dom'],
+          'icons': ['lucide-react']
+        }
+      }
+    },
+    cssCodeSplit: false,
+    sourcemap: true,
+    chunkSizeWarningLimit: 300
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  }
+})

package/vitest.config.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vitest/config'
+import { resolve } from 'path'
+export default defineConfig({
+  test: {
+    root: resolve(__dirname),
+    include: ['src/**/*.{test,spec}.{ts,tsx}'],
+    testTimeout: 30000
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  }
+})