Skip to content

Commit bc9f8e6

Browse files
AnthonyNahasAnthonyNahas
committed
demo(app): added code doc and pwa schematics has been added
1 parent 5823b39 commit bc9f8e6

File tree

9 files changed

+103
-23
lines changed

9 files changed

+103
-23
lines changed

‎demo/angular.json‎

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,15 @@
2323
"src/assets"
2424
],
2525
"styles": [
26-
"src/styles.scss"
26+
"src/styles.scss",
27+
"node_modules/prismjs/themes/prism-okaidia.css"
2728
],
28-
"scripts": []
29+
"scripts": [
30+
"node_modules/marked/lib/marked.js",
31+
"node_modules/prismjs/prism.js",
32+
"node_modules/prismjs/components/prism-typescript.min.js",
33+
"node_modules/prismjs/components/prism-css.min.js"
34+
]
2935
},
3036
"configurations": {
3137
"production": {
@@ -43,13 +49,13 @@
4349
"aot": true,
4450
"extractLicenses": true,
4551
"vendorChunk": false,
46-
"buildOptimizer": true
47-
},
48-
"hmr": {
52+
"buildOptimizer": true,
53+
"serviceWorker": true,
54+
"ngswConfigPath": "src/ngsw-config.json",
4955
"fileReplacements": [
5056
{
5157
"replace": "src/environments/environment.ts",
52-
"with": "src/environments/environment.hmr.ts"
58+
"with": "src/environments/environment.prod.ts"
5359
}
5460
]
5561
}
@@ -139,5 +145,14 @@
139145
}
140146
}
141147
},
142-
"defaultProject": "link-preview-demo"
143-
}
148+
"defaultProject": "link-preview-demo",
149+
"schematics": {
150+
"@schematics/angular:component": {
151+
"prefix": "app",
152+
"styleext": "scss"
153+
},
154+
"@schematics/angular:directive": {
155+
"prefix": "app"
156+
}
157+
}
158+
}

‎demo/src/app/app.module.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import {NgModule} from '@angular/core';
22
import {FormsModule} from '@angular/forms';
33
import {BrowserModule} from '@angular/platform-browser';
4+
import {ServiceWorkerModule} from '@angular/service-worker';
45
import {TransferHttpCacheModule} from '@nguniversal/common';
56

67
import {AppRoutingModule} from './app-routing.module';
@@ -10,6 +11,7 @@ import {AppComponent} from './app.component';
1011
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
1112
import {HttpClient, HttpClientModule} from '@angular/common/http';
1213
import {MarkdownModule} from 'ngx-markdown';
14+
import {environment} from '../environments/environment';
1315

1416
@NgModule({
1517
declarations: [
@@ -20,6 +22,7 @@ import {MarkdownModule} from 'ngx-markdown';
2022
// The application ID can be any identifier which is unique on
2123
// the page.
2224
BrowserModule.withServerTransition({appId: '@angular-material-extensions/link-preview-demo-id'}),
25+
ServiceWorkerModule.register('/ngsw-worker.js', {enabled: environment.production}),
2326
MarkdownModule.forRoot({loader: HttpClient}),
2427
TransferHttpCacheModule,
2528
BrowserAnimationsModule,

‎demo/src/app/getting-started/getting-started.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,6 @@ <h1>Getting Started</h1>
66

77
<section class="getting-started">
88
<div class="container">
9-
<markdown src="https://cdn.rawgit.com/angular-material-extensions/link-previewmaster/README.md"></markdown>
9+
<markdown src="https://cdn.rawgit.com/angular-material-extensions/link-preview/master/README.md"></markdown>
1010
</div>
1111
</section>

‎demo/src/app/getting-started/getting-started.module.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,14 @@ import { CommonModule } from '@angular/common';
33
import { GettingStartedComponent } from './getting-started.component';
44
import { GettingStartedRoutingModule } from './getting-started-routing.module';
55
import {MarkdownModule} from 'ngx-markdown';
6+
import {AppSharedModule} from '../shared';
67

78
@NgModule({
89
imports: [
910
CommonModule,
1011
MarkdownModule.forChild(),
11-
GettingStartedRoutingModule
12+
GettingStartedRoutingModule,
13+
AppSharedModule
1214
],
1315
declarations: [GettingStartedComponent],
1416
})

‎demo/src/app/home/home.component.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,13 @@ <h1>@angular-material-extensions/link-preview</h1>
3232
<mat-link-preview-container [multiple]="true" color=""></mat-link-preview-container>
3333
</mat-form-field>
3434

35+
<mat-card>
36+
<mat-card-title>Code</mat-card-title>
37+
<mat-card-content>
38+
<markdown src="assets/md/e1.md"></markdown>
39+
</mat-card-content>
40+
</mat-card>
41+
3542
<!--<mat-link-preview [linkPreview]="linkExample"></mat-link-preview>-->
3643

3744
<p>Happy ng-hacking!</p>

‎demo/src/app/home/home.module.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ import {HomeRoutingModule} from './home-routing.module';
66
import {HomeComponent} from './home.component';
77
import {MatInputModule} from '@angular/material';
88
import {FlexLayoutModule} from '@angular/flex-layout';
9+
import {AppSharedModule} from '../shared';
910

1011
@NgModule({
1112
imports: [
1213
CommonModule,
1314
MatLinkPreviewModule.forRoot(),
14-
FlexLayoutModule,
15+
AppSharedModule,
1516
HomeRoutingModule,
16-
MatInputModule,
1717
],
1818
declarations: [HomeComponent],
1919
})

‎demo/src/app/shared/shared.module.ts‎

Lines changed: 29 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,33 @@
1-
import { RouterModule } from '@angular/router';
2-
import { NgModule } from '@angular/core';
3-
import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap';
1+
import {RouterModule} from '@angular/router';
2+
import {NgModule} from '@angular/core';
3+
import {NgbCollapseModule} from '@ng-bootstrap/ng-bootstrap';
44

5-
import { HeaderComponent } from './header/header.component';
6-
import { FooterComponent } from './footer/footer.component';
7-
import { ContentWrapperComponent } from './content-wrapper/content-wrapper.component';
5+
import {HeaderComponent} from './header/header.component';
6+
import {FooterComponent} from './footer/footer.component';
7+
import {ContentWrapperComponent} from './content-wrapper/content-wrapper.component';
8+
import {FlexLayoutModule} from '@angular/flex-layout';
9+
import {MatCardModule, MatInputModule} from '@angular/material';
10+
import {MarkdownModule} from 'ngx-markdown';
811

912
@NgModule({
10-
imports: [RouterModule, NgbCollapseModule.forRoot() ],
11-
exports: [HeaderComponent, FooterComponent, ContentWrapperComponent],
12-
declarations: [HeaderComponent, FooterComponent, ContentWrapperComponent],
13-
providers: [],
13+
imports: [RouterModule,
14+
NgbCollapseModule.forRoot(),
15+
MarkdownModule.forChild(),
16+
FlexLayoutModule,
17+
MatInputModule,
18+
MatCardModule
19+
],
20+
exports: [
21+
HeaderComponent,
22+
FooterComponent,
23+
ContentWrapperComponent,
24+
FlexLayoutModule,
25+
MarkdownModule,
26+
MatInputModule,
27+
MatCardModule
28+
],
29+
declarations: [HeaderComponent, FooterComponent, ContentWrapperComponent],
30+
providers: [],
1431
})
15-
export class AppSharedModule { }
32+
export class AppSharedModule {
33+
}

‎demo/src/assets/md/e1.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
```html
2+
<mat-form-field appearance="outline">
3+
<mat-label>Enter here your text here with few links to preview ;)</mat-label>
4+
<textarea matInput matTextareaAutosize matLinkPreview minRows="6"></textarea>
5+
<mat-link-preview-container [multiple]="true"></mat-link-preview-container>
6+
</mat-form-field>
7+
```

‎demo/src/ngsw-config.json‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
{
2+
"index": "/index.html",
3+
"assetGroups": [
4+
{
5+
"name": "app",
6+
"installMode": "prefetch",
7+
"resources": {
8+
"files": [
9+
"/favicon.ico",
10+
"/index.html",
11+
"/*.bundle.css",
12+
"/*.bundle.js",
13+
"/*.chunk.js"
14+
]
15+
}
16+
},
17+
{
18+
"name": "assets",
19+
"installMode": "lazy",
20+
"updateMode": "prefetch",
21+
"resources": {
22+
"files": [
23+
"/assets/**"
24+
]
25+
}
26+
}
27+
]
28+
}

0 commit comments

Comments
 (0)