Merge branch 'feature/add-openapi-generation' into 'main'

feat: adding configuration of openapi generation

See merge request shop-sphere/frontend!2

package.json

@@ -3,8 +3,9 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
+    "generate-api": "rm -rf openapi-generator-cli.jar && curl --insecure https://repo.maven.apache.org/maven2/org/openapitools/openapi-generator-cli/6.6.0/openapi-generator-cli-6.6.0.jar -o openapi-generator-cli.jar && java -jar openapi-generator-cli.jar generate -i ../backend/src/main/java/com/shop/sphere/api/shop-sphere.yaml -g typescript-angular -o ./src/api --additional-properties=stringEnums=true,ngVersion=16.2.11",
+    "start": "npm run generate-api && ng serve --port ",
+    "build": "npm run generate-api && ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

src/app/app.module.ts

@@ -3,28 +3,11 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { ProductsComponent } from './components/products/products.component';
-import { ProductComponent } from './components/product/product.component';
-import { OrdersComponent } from './components/orders/orders.component';
-import { OrderComponent } from './components/order/order.component';
-import { BuyerComponent } from './components/buyer/buyer.component';
-import { AdminComponent } from './components/admin/admin.component';
 
 @NgModule({
-  declarations: [
-    AppComponent,
-    ProductsComponent,
-    ProductComponent,
-    OrdersComponent,
-    OrderComponent,
-    BuyerComponent,
-    AdminComponent
-  ],
-  imports: [
-    BrowserModule,
-    AppRoutingModule
-  ],
+  declarations: [AppComponent],
+  imports: [BrowserModule, AppRoutingModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
 export class AppModule {}

src/app/components/admin/admin.component.html

-<p>admin works!</p>

src/app/components/admin/admin.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AdminComponent } from './admin.component';
-
-describe('AdminComponent', () => {
-  let component: AdminComponent;
-  let fixture: ComponentFixture<AdminComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [AdminComponent]
-    });
-    fixture = TestBed.createComponent(AdminComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/components/admin/admin.component.ts

-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-admin',
-  templateUrl: './admin.component.html',
-  styleUrls: ['./admin.component.scss']
-})
-export class AdminComponent {
-
-}

src/app/components/buyer/buyer.component.html

-<p>buyer works!</p>

src/app/components/buyer/buyer.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BuyerComponent } from './buyer.component';
-
-describe('BuyerComponent', () => {
-  let component: BuyerComponent;
-  let fixture: ComponentFixture<BuyerComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BuyerComponent]
-    });
-    fixture = TestBed.createComponent(BuyerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/components/buyer/buyer.component.ts

-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-buyer',
-  templateUrl: './buyer.component.html',
-  styleUrls: ['./buyer.component.scss']
-})
-export class BuyerComponent {
-
-}

src/app/components/order/order.component.html

-<p>order works!</p>

src/app/components/order/order.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { OrderComponent } from './order.component';
-
-describe('OrderComponent', () => {
-  let component: OrderComponent;
-  let fixture: ComponentFixture<OrderComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [OrderComponent]
-    });
-    fixture = TestBed.createComponent(OrderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/components/order/order.component.ts

-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-order',
-  templateUrl: './order.component.html',
-  styleUrls: ['./order.component.scss']
-})
-export class OrderComponent {
-
-}

src/app/components/orders/orders.component.html

-<p>orders works!</p>

src/app/components/orders/orders.component.spec.ts

-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { OrdersComponent } from './orders.component';
-
-describe('OrdersComponent', () => {
-  let component: OrdersComponent;
-  let fixture: ComponentFixture<OrdersComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [OrdersComponent]
-    });
-    fixture = TestBed.createComponent(OrdersComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/components/orders/orders.component.ts

-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-orders',
-  templateUrl: './orders.component.html',
-  styleUrls: ['./orders.component.scss']
-})
-export class OrdersComponent {
-
-}

src/app/components/product/product.component.html

-<p>product works!</p>