interface Cloneable<T> {
  clone(): T;
}

interface ChartConfig {
  type: 'bar' | 'line' | 'pie';
  colors: string[];
  showLegend: boolean;
}

interface WidgetConfig {
  id: string;
  title: string;
  dataSource: string;
  chart: ChartConfig;
  refreshInterval: number;
}

class DashboardConfig implements Cloneable<DashboardConfig> {
  public title: string;
  public theme: 'light' | 'dark';
  public widgets: WidgetConfig[];
  public ownerId: string;

  constructor(title: string, theme: 'light' | 'dark' = 'light', ownerId = '') {
    this.title = title;
    this.theme = theme;
    this.widgets = [];
    this.ownerId = ownerId;
  }

  addWidget(widget: WidgetConfig): this {
    this.widgets.push(widget);
    return this;
  }

  clone(): DashboardConfig {
    const cloned = new DashboardConfig(this.title, this.theme, this.ownerId);

    // Deep copy של Widgets Array
    cloned.widgets = this.widgets.map((widget) => ({
      ...widget,
      chart: {
        ...widget.chart,
        colors: [...widget.chart.colors], // Deep copy של Array
      },
    }));

    return cloned;
  }

  // Convenience methods — Clone + שינוי אחד
  withTitle(title: string): DashboardConfig {
    const cloned = this.clone();
    cloned.title = title;
    return cloned;
  }

  withOwner(ownerId: string): DashboardConfig {
    const cloned = this.clone();
    cloned.ownerId = ownerId;
    return cloned;
  }

  withTheme(theme: 'light' | 'dark'): DashboardConfig {
    const cloned = this.clone();
    cloned.theme = theme;
    return cloned;
  }
}

// Template נוצר פעם אחת
const masterDashboard = new DashboardConfig('Master Template')
  .addWidget({
    id: 'revenue',
    title: 'Revenue Overview',
    dataSource: 'sales_metrics',
    chart: { type: 'bar', colors: ['#6366f1', '#8b5cf6'], showLegend: true },
    refreshInterval: 60,
  })
  .addWidget({
    id: 'users',
    title: 'Active Users',
    dataSource: 'user_metrics',
    chart: { type: 'line', colors: ['#10b981'], showLegend: false },
    refreshInterval: 30,
  });

// Clone מהיר — לא חוזרים על Configuration
const aliceDashboard = masterDashboard.withOwner('alice').withTitle("Alice's Dashboard");
const bobDashboard = masterDashboard.withOwner('bob').withTheme('dark').withTitle("Bob's Dashboard");

// ולידציה שה-Clone עצמאי
aliceDashboard.widgets[0].chart.colors.push('#ff0000');
console.log(masterDashboard.widgets[0].chart.colors.length); // 2 — לא שינוי!
console.log(aliceDashboard.widgets[0].chart.colors.length);  // 3 — שינוי רק כאן
Prototype Pattern — שכפול אובייקטים

Prototype Pattern — שכפול אובייקטים

Prototype Pattern — שכפול אובייקטים
