Include Motion Compiler demo in showcase MPA build output

[Copilot]

The new pages/motion/motion-compiler-demo.html existed in source but was not part of the Vite multi-page input set, so Vercel did not publish it and returned 404. This update aligns page inclusion with existing motion pages and preserves serving of public/css/velora.generated.css at /css/velora.generated.css.

• Build input registration (root cause)

  • Added pages/motion/motion-compiler-demo.html to the showcase template registry used by Vite rollupOptions.input.

• Output/routing alignment

  • Ensures the demo is emitted under dist/pages/motion/ like other motion pages (e.g. kinetic-cards.html), matching the expected production route structure.

• Static CSS availability

  • Keeps apps/showcase/public/css/velora.generated.css in the static public pipeline so it is published at /css/velora.generated.css without runtime CSS changes.

// apps/showcase/config/template-registry.mjs
motion: [
  "pages/motion/zero-js-motion.html",
  "pages/motion/motion-extended.html",
  "pages/motion/motion-compiler-demo.html",
  "pages/motion/motion-principles.html",
  // ...
]

Original prompt

Problem

The new demo page apps/showcase/pages/motion/motion-compiler-demo.html is not being correctly included in the Vercel production build, resulting in a 404 error. Existing pages like /pages/motion/kinetic-cards.html are served as expected.

Production route for the demo page should be:
https://velora-showcase.vercel.app/pages/motion/motion-compiler-demo.html

Additionally, ensure the CSS file apps/showcase/public/css/velora.generated.css is included in the published output.

Tasks:

1. Trace how static pages (like motion-compiler-demo.html) are included in the Vite and Vercel build process.
2. Verify the build process ensures that motion-compiler-demo.html is in the published output in the correct path, alongside other motion pages (e.g., kinetic-cards.html).
3. Ensure apps/showcase/public/css/velora.generated.css is served correctly without any Velora runtime CSS changes.
4. Update/adjust Vite and/or Vercel configurations as needed to fix the issue.

Expected Outcomes:

• motion-compiler-demo.html should be accessible at: https://velora-showcase.vercel.app/pages/motion/motion-compiler-demo.html after deployment.
• apps/showcase/public/css/velora.generated.css should also be accessible in production.
• Static site routing and file inclusion in the build process must match existing functional pages (e.g., kinetic-cards.html).

The following is the prior conversation context from the user's chat exploration (may be truncated):

User: Traga uma atualização do repositório, estou desatualizado e não estou entendendo em que pé está o projeto.

Assistant: Aqui está um resumo atualizado do repositório Velora:

• Descrição: Um framework CSS chamado Velora.
• Homepage: velora-showcase.vercel.app
• Linguagem principal: HTML
• Licença: ISC License
• Criado há: 6 dias
• Último push: Hoje, 7 de maio de 2026.
• Status do projeto: O repositório está ativo, sem arquivamento.
• Branch padrão: main
• Tamanho do repositório: ~22,58 MB
• Abrangência pública: Sim (repositório aberto).
• Funcionalidades habilitadas:
  • Issues (questões): Sim (1 questão aberta).
  • Pull Requests: Sim.
  • Projetos: Sim.
  • Wiki: Sim.
  • Downloads: Sim.
  • Discussões: Não.
  • GitHub Pages: Desabilitado.

Quer se aprofundar em algo específico como as issues ou o progresso do código?

User: Sim... progresso do código.

Assistant: Aqui estão os detalhes dos commits mais recentes no repositório Velora:

1. Commit: 4a46ad4 - 7 de maio de 2026

   • Mensagem: "refactor: update class names for consistency and improve CSS structure"
   • Autor: Erik Cardoso
   • Descrição: Atualização de nomes de classes para consistência e melhoria da estrutura do CSS.

2. Commit: 425cdb8 - 7 de maio de 2026

   • Mensagem: "Refactor showcase-home CSS variables and remove redundant styles"
   • Autor: Erik Cardoso
   • Descrição:
     • Substituída variável --showcase-home-header-max por --vl-layout-container-max para gerenciar layout.
     • Limpeza de regras CSS desnecessárias e melhorias na estrutura dos estilos para clareza e responsividade.

3. Commit: c3db727 - 7 de maio de 2026

   • Mensagem: "Refactor code structure for improved readability and maintainability"
   • Autor: Erik Cardoso
   • Descrição: Estrutura do código reformulada para maior legibilidade e facilidade de manutenção.

4. Commit: d7ab91f - 2 de maio de 2026

   • Mensagem: "feat: homepage rewrite with vl-* classes, declarative layout system, and core CSS cleanup"
   • Autor: Erik Assis Cardoso
   • Descrição: Reescrita da homepage com melhorias no sistema de layout declarativo.

5. Commit: 9821939 - 30 de abril de 2026

   • Mensagem: "checkpoint before checking out cursor/cloud-agent-1777579677150-be9gt"
   • Autor: Erik Assis Cardoso

Se precisar de informações sobre um commit específico ou algo mais detalhado, é só pedir!

User: Quais os próximos passos?

Assistant: Para definir os próximos passos no projeto Velora, vamos avaliar algumas possibilidades baseadas na situação atual:

1. Melhora da Estrutura de Código

• Observação atual: Diversos refatoramentos já foram realizados recentemente para legibilidade e manutenção.
• Recomendação: Revisar áreas do código que possam beneficiar de um design mais mod...

This pull request was created from Copilot chat.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
velora-showcase	Ready	Preview, Comment	May 8, 2026 0:34am

[erikconnect]

Okay