feat(builder): add project editor

src/app/features/project-editor/sections/general-section.component.ts

@@ -0,0 +1,63 @@
+import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ProjectEditorFacade } from '../facade/project-editor.facade';
+import { TranslatePipe } from '../../../i18n/translate.pipe';
+
+@Component({
+  selector: 'app-project-editor-general-section',
+  standalone: true,
+  imports: [FormsModule, TranslatePipe],
+  templateUrl: './general-section.component.html',
+  styleUrls: ['./section.shared.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ProjectEditorGeneralSectionComponent {
+  private readonly facade = inject(ProjectEditorFacade);
+  readonly bootstrap = this.facade.bootstrap;
+  readonly languagesValue = computed(() => (this.bootstrap()?.localization.supportedLocales ?? []).join(', '));
+
+  updateMarketplaceName(value: string): void {
+    this.facade.updateBootstrap(current => ({
+      ...current,
+      branding: { ...current.branding, brandName: value },
+      tenant: { ...current.tenant, name: value }
+    }));
+  }
+
+  updateDomain(value: string): void {
+    this.facade.updateBootstrap(current => ({
+      ...current,
+      tenant: { ...current.tenant, host: value, websiteBaseUrl: `https://${value}` }
+    }));
+  }
+
+  updateDescription(value: string): void {
+    this.facade.updateBootstrap(current => ({
+      ...current,
+      seo: {
+        ...current.seo,
+        default: {
+          ...current.seo.default,
+          description: value
+        }
+      }
+    }));
+  }
+
+  updateDefaultLanguage(value: string): void {
+    this.facade.updateBootstrap(current => ({
+      ...current,
+      tenant: { ...current.tenant, defaultLocale: value },
+      localization: { ...current.localization, defaultLocale: value }
+    }));
+  }
+
+  updateSupportedLanguages(value: string): void {
+    const locales = value.split(',').map(item => item.trim()).filter(Boolean);
+    this.facade.updateBootstrap(current => ({
+      ...current,
+      tenant: { ...current.tenant, supportedLocales: locales },
+      localization: { ...current.localization, supportedLocales: locales }
+    }));
+  }
+}