remove-dev-content

Remove Dev Content

Remove all development and exploration content from this Modus Angular app, preparing it for production use while keeping all core Modus wrapper components intact.

Overview

This command removes:

• Dev Panel (floating development panel with toggle button)
• All 44 component demo pages
• Reference pages (colors, icons, components gallery)
• Dev-only helper components and data files
• Icon reference data (data/modusIcons.ts and src/app/data/)

And updates:

• Icon names validation script to handle missing icon reference file gracefully

While preserving:

• All 48 Modus wrapper components
• Theme system (ThemeService)
• Core infrastructure (main.ts, styles.css, app.config.ts)

---

Step 1: Delete Entire Directories

Remove these directories completely:

src/app/demos/       # 44 component demo pages + shared/
src/app/dev/         # Dev panel infrastructure (service, component, config)
src/app/dev-pages/   # Colors, Icons, Components gallery pages
src/app/data/        # component-demos.ts, modus-icons.ts (dev-only data)
data/                # modusIcons.ts (root level, used by dev IconsPage)

---

Step 2: Delete Dev-Only Files from src/app/components/

Remove this file from src/app/components/:

src/app/components/theme-demo.component.ts

Keep all other files - the 48 modus-*.component.ts wrappers, index.ts, and README.md.

---

Step 3: Update src/app/app.ts

Remove all dev panel imports and usage. The file should become:

import { Component, OnInit, inject } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { ThemeService } from './services/theme.service';

/**
 * Main Application Component.
 *
 * Structure:
 * - Router outlet for application pages
 *
 * Getting Started:
 * 1. Edit src/app/pages/home/home.component.ts for your landing page
 * 2. Add new pages in src/app/pages/
 * 3. Add routes in src/app/app.routes.ts
 */
@Component({
  selector: 'app-root',
  imports: [RouterOutlet],
  template: `<router-outlet />`,
  host: {
    class: 'min-h-screen flex flex-col',
  },
})
export class App implements OnInit {
  private readonly themeService = inject(ThemeService);

  ngOnInit(): void {
    // Initialize theme service - loads theme from localStorage
    this.themeService.getThemeConfig();
  }
}