projects.ts

export type Category = 'use' | 'install' | 'run' | 'learn'

export type Project = {
  /** Also the basename of the card image in public/img */
  slug: string
  name: string
  pitch: string
  /** A project earns two categories when it is both a tool and session material */
  category: Category | Category[]
  /** Absent while a project is still unpublished */
  href?: string
  hrefLabel: string
  /** Absent when the work lives in a private repo */
  github?: string
  /** itenium.be write-up, when the primary link is not already the post */
  blog?: string
  /** itenium.be event page, when the primary link is not already it */
  event?: string
  /** The day the session ran; sorts the workshop section newest first */
  held?: string
  snippet?: string
  tags: string[]
  status?: 'wip'
}

const hasCategory = (project: Project, category: Category): boolean =>
  Array.isArray(project.category) ? project.category.includes(category) : project.category === category

/** Sort is stable, so a section where nothing is dated keeps its hand-picked order */
export const sectionProjects = (category: Category): Project[] =>
  projects
    .filter((project) => hasCategory(project, category))
    .sort((a, b) => (b.held ?? '').localeCompare(a.held ?? ''))

export const sections: { id: Category; title: string; intro: string }[] = [
  {id: 'use', title: 'Use it now', intro: 'Open it in a browser. Nothing to install.'},
  {id: 'install', title: 'Install it', intro: 'One command and it lives on your machine.'},
  {id: 'run', title: 'Run it yourself', intro: 'Clone it, spin it up, make it yours.'},
  {
    id: 'learn',
    title: 'Workshops & Bootcamps',
    intro: 'Sessions we ran at itenium. The slides, the code and the write-ups.',
  },
]

export const projects: Project[] = [
  {
    slug: 'qrgenerator',
    name: 'QRGenerator',
    pitch: 'QR codes that carry your colors and your icon',
    category: 'use',
    href: 'https://dev.itenium.be/QRGenerator/',
    hrefLabel: 'Open',
    github: 'https://github.com/itenium-be/QRGenerator',
    tags: ['TypeScript', 'Browser'],
  },
  {
    slug: 'presentations',
    name: 'Presentations',
    pitch: 'A decade of itenium tech talks, rebuilt in Slidev',
    category: 'use',
    href: 'https://dev.itenium.be/Presentations/',
    hrefLabel: 'Browse talks',
    github: 'https://github.com/itenium-be/Presentations',
    blog: 'https://itenium.be/blog/ai/a-decade-of-itenium-slides-reborn-in-slidev-2/',
    tags: ['Slidev', 'Vue'],
  },
  {
    slug: 'pdfmerge',
    name: 'PDF Workbench',
    pitch: 'Merge, reorder and split PDFs in the browser. No upload, no backend',
    category: 'use',
    href: 'https://dev.itenium.be/PdfMerge/',
    hrefLabel: 'Open',
    github: 'https://github.com/itenium-be/PdfMerge',
    tags: ['TypeScript', 'Browser'],
  },
  {
    slug: 'starify-links',
    name: 'Starify Links',
    pitch: 'Every link wears its badge: GitHub stars, Bluesky followers, subscriber counts',
    category: 'install',
    href: 'https://chromewebstore.google.com/detail/kpficnopciffopkhjpckhkgmnlakcmig',
    hrefLabel: 'Add to Chrome',
    github: 'https://github.com/itenium-be/starify-links',
    blog: 'https://itenium.be/blog/javascript/starify-links/',
    tags: ['Chrome', 'TypeScript'],
  },
  {
    slug: 'yoink',
    name: 'Yoink',
    pitch: 'Because why just have a boring notification',
    category: 'install',
    href: 'https://dev.itenium.be/Yoink/',
    hrefLabel: 'Read more',
    github: 'https://github.com/itenium-be/Yoink',
    blog: 'https://itenium.be/blog/ai/yoink-claude-notification-hooks/',
    snippet: '/plugin marketplace add itenium-be/Yoink',
    tags: ['Claude Code', 'PowerShell'],
  },
  {
    slug: 'mi-ke',
    name: 'Mi-Ke',
    pitch: 'AutoHotkey scripts that make daily life in Windows less dull',
    category: 'install',
    href: 'https://dev.itenium.be/Mi-Ke/',
    hrefLabel: 'See the shortcuts',
    github: 'https://github.com/itenium-be/Mi-Ke',
    snippet: 'git clone https://github.com/itenium-be/Mi-Ke && .\\mike.ahk',
    tags: ['AutoHotkey', 'Windows'],
  },
  {
    slug: 'git-numberedadd',
    name: 'Git-NumberedAdd',
    pitch: 'git add, diff and reset files by number instead of by path',
    category: 'install',
    href: 'https://www.powershellgallery.com/packages/Git-NumberedAdd',
    hrefLabel: 'PowerShell Gallery',
    github: 'https://github.com/itenium-be/Git-NumberedAdd',
    blog: 'https://itenium.be/blog/dev-setup/git-numbered-add-for-powershell/',
    snippet: 'Install-Module -Name Git-NumberedAdd',
    tags: ['PowerShell', 'Git'],
  },
  {
    slug: 'date-holidays-be',
    name: 'date-holidays-be',
    pitch: 'Every official Belgian holiday, calculated',
    category: 'install',
    href: 'https://www.npmjs.com/package/@itenium/date-holidays-be',
    hrefLabel: 'View on npm',
    github: 'https://github.com/itenium-be/date-holidays-be',
    blog: 'https://itenium.be/blog/javascript/react-component-profiling/',
    snippet: 'bun add @itenium/date-holidays-be',
    tags: ['TypeScript', 'npm'],
  },
  {
    slug: 'sql-training',
    name: 'SQL Training',
    pitch: 'SQL exercises on Postgres and SQL Server, with a leaderboard to make it hurt',
    category: ['run', 'learn'],
    href: 'https://itenium.be/blog/databases/sql-training/',
    hrefLabel: 'Read the post',
    github: 'https://github.com/itenium-be/sql-training',
    snippet: 'docker compose up -d --build',
    held: '2024-10-03',
    tags: ['SQL', 'Docker'],
  },
  {
    slug: 'meme-poster',
    name: 'Meme Poster',
    pitch: 'A random meme into Slack, on a timer',
    category: 'run',
    href: 'https://itenium.be/blog/ai/the-itenium-slack-meme-bot-with-claude-code/',
    hrefLabel: 'Read the post',
    github: 'https://github.com/itenium-be/meme-poster',
    tags: ['TypeScript', 'Slack'],
  },
  {
    slug: 'scout',
    name: 'Scout',
    pitch: 'A self-hosted deep research agent that files its findings for you',
    category: 'run',
    href: 'https://laoujin.github.io/Scout/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/Laoujin/Scout',
    blog: 'https://itenium.be/blog/ai/scout-a-self-hosted-deep-research-agent-on-claude-code-2/',
    tags: ['Claude Code', 'Self-hosted'],
  },
  {
    slug: 'meridian',
    name: 'Meridian',
    pitch: 'A scroll-driven memory timeline that draws your travels on a map',
    category: 'run',
    href: 'https://laoujin.github.io/Meridian/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/Laoujin/Meridian',
    blog: 'https://itenium.be/blog/ai/meridian-a-scroll-driven-memory-timeline/',
    tags: ['TypeScript', 'Self-hosted'],
  },
  {
    slug: 'bootcamp-home-automation',
    name: 'Bootcamp: Home Automation',
    pitch: 'A weekend of Home Assistant, Zigbee and things that switch themselves off',
    category: 'learn',
    href: 'https://dev.itenium.be/Bootcamp-Home-Automation/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/itenium-be/Bootcamp-Home-Automation',
    blog: 'https://itenium.be/blog/productivity/bootcamp-home-automation/',
    held: '2025-04-16',
    tags: ['Home Assistant', 'Bootcamp'],
  },
  {
    slug: 'bootcamp-3d-modelling',
    name: 'Bootcamp: 3D Modelling',
    pitch: 'A 3D modelling competition, settled in Unreal Engine',
    category: 'learn',
    href: 'https://itenium.be/blog/design/bootcamp-3d-modelling/',
    hrefLabel: 'Read the post',
    github: 'https://github.com/itenium-be/bootcamp-3d-modelling',
    held: '2024-03-25',
    tags: ['Unreal Engine', 'Bootcamp'],
  },
  {
    slug: 'ai-bootcamp',
    name: 'AI Bootcamp',
    pitch: 'Vibe coding SkillForge, a whole L&D platform, start to finish',
    category: 'learn',
    href: 'https://itenium.be/blog/ai/skillforge-ai-bootcamp-2/',
    hrefLabel: 'Read the post',
    github: 'https://github.com/itenium-be/SkillForge',
    event: 'https://itenium.be/event/ai-bootcamp/',
    held: '2026-03-13',
    tags: ['AI', 'Bootcamp'],
  },
  {
    slug: 'security-bootcamp',
    name: 'Security Bootcamp',
    pitch: 'Hack the applications, gain control, get that black hat on',
    category: 'learn',
    href: 'https://itenium.be/blog/security/introducing-the-security-bootcamp/',
    hrefLabel: 'Read the post',
    event: 'https://itenium.be/event/security-bootcamp/',
    held: '2026-04-06',
    tags: ['Security', 'Bootcamp'],
  },
  {
    slug: 'angular-days',
    name: 'Angular Days',
    pitch: 'A full day of Angular immersion',
    category: 'learn',
    href: 'https://itenium.be/event/react-angular-days/',
    hrefLabel: 'The event',
    github: 'https://github.com/itenium-be/Angular-Days',
    held: '2026-01-14',
    tags: ['Angular', 'Workshop'],
  },
  {
    slug: 'co2duino',
    name: 'CO2duino',
    pitch: 'Solder a CO2 meter, then find out what your meeting room does to you',
    category: 'learn',
    href: 'https://dev.itenium.be/CO2duino/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/itenium-be/CO2duino',
    held: '2022-12-21',
    tags: ['Arduino', 'TechEvent'],
  },
  {
    slug: 'buildyourownmacropad',
    name: 'Build Your Own MacroPad',
    pitch: 'A hands-on session that ends with a keypad you soldered and flashed yourself',
    category: 'learn',
    href: 'https://dev.itenium.be/BuildYourOwnMacroPad/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/itenium-be/BuildYourOwnMacroPad',
    held: '2023-09-13',
    tags: ['QMK', 'Hands-on'],
  },
  {
    slug: 'openspaceday2026',
    name: 'Open Space Day 2026',
    pitch: 'No agenda until the attendees wrote one, on the morning itself',
    category: 'learn',
    href: 'https://dev.itenium.be/OpenSpaceDay2026/',
    hrefLabel: 'Open the site',
    github: 'https://github.com/itenium-be/OpenSpaceDay2026',
    event: 'https://itenium.be/event/open-space-day-2026/',
    held: '2026-06-08',
    tags: ['Open Space', 'Event'],
  },
]

/** Demo sites that belong to an itenium.be post rather than to a tool */
export type BlogDemo = {
  name: string
  pitch: string
  href: string
}

export const blogDemos: BlogDemo[] = [
  {
    name: 'React-Charting',
    pitch: 'Nine React chart libraries, one dataset, side by side',
    href: 'https://dev.itenium.be/React-Charting/',
  },
  {
    name: 'Redux Toolkit',
    pitch: 'The same slice of state, rewritten from classic Redux to RTK Query',
    href: 'https://dev.itenium.be/reduxjs-toolkit/',
  },
]