docs: add example for extended interface type extraction

Author: ftr93

packages/angular-demo/src/app/app.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { ChildComponent } from './child.component';
 import { getLibraryAuthor } from './other-utils';
-import { getProductNumber, Product, UndocumentedSecret } from './types';
+import { RaceCar, getProductNumber, Product, UndocumentedSecret } from './types';
 import { ENVIRONMENT, IS_STANDALONE, isNumber, isString, LIB_NAME, VERSION } from './utils';
 
 @Component({
@@ -28,6 +28,14 @@ export class AppComponent {
 		hiddenProperty: '',
 	};
 
+	raceCar: RaceCar = {
+		brand: 'Ferrari',
+		model: '812 Superfast',
+		maxSpeed: 320,
+		price: 1500000,
+		numberOfWheels: 4,
+	};
+
 	/**
 	 * @exclude-docs
 	 */

packages/angular-demo/src/app/stories/interface.mdx

@@ -56,6 +56,10 @@ export interface Price {
 
 <ArgTypes of="Charge" />
 
+### RaceCar
+
+<ArgTypes of="RaceCar" />
+
 ## Without @include-docs
 
 Interfaces without the `@include-docs` annotation are ignored.

packages/angular-demo/src/app/types.ts

@@ -1,3 +1,5 @@
+import { PricedItem } from '@scope/entrypoint'; // eslint-disable-line @nx/enforce-module-boundaries
+
 export interface UndocumentedSecret {
 	secret: string;
 }
@@ -71,3 +73,38 @@ export interface Price {
 export function getProductNumber(product: Product) {
 	return `${product.id}X${product.itemNumber}`;
 }
+
+/**
+ * @include-docs
+ */
+export interface RaceCar extends Car, Vehicle, PricedItem {
+	/**
+	 * Maximum speed in km/h.
+	 */
+	maxSpeed: number;
+}
+
+export interface Car {
+	/**
+	 * Model name
+	 *
+	 * This is a property from an extended interface.
+	 */
+	model: string;
+
+	/**
+	 * Brand name
+	 *
+	 * This is a property from an extended interface.
+	 */
+	brand: string;
+}
+
+export interface Vehicle {
+	/**
+	 * Number of wheels
+	 *
+	 * This is a property from another extended interface.
+	 */
+	numberOfWheels: number;
+}

packages/angular-demo/src/entrypoint/index.ts

@@ -1 +1,2 @@
 export { GreatGrandParentDirective } from './great-grand-parent.directive';
+export { PricedItem } from './types';

packages/angular-demo/src/entrypoint/types.ts

@@ -0,0 +1,9 @@
+export interface PricedItem {
+	/**
+	 * Price of the product
+	 *
+	 * This is a property from an extended interface imported from a
+	 * secondary entry point.
+	 */
+	price: number;
+}