Share

package.json

@@ -7,18 +7,9 @@
         "ng": "ng",
         "start": "ng serve",
         "start:aot": "ng serve --configuration production",
-        "start:ssr": "npm run build:demo:ssr && npm run serve:ssr",
-        "start:prerender": "npm run build:demo:prerender && npm run serve:prerender",
         "build": "ng build",
         "postbuild": "node scripts/postbuild.js",
         "build:demo:client": "ng run demo:build",
-        "build:demo:server": "ng run demo:server",
-        "build:demo:ssr": "npm run build:demo:client && npm run build:demo:server && npm run compile:server",
-        "build:demo:prerender": "npm run build:demo:ssr && npm run generate:prerender",
-        "serve:ssr": "node dist/demo/ssr/server",
-        "serve:prerender": "cd dist/demo/browser && http-server",
-        "compile:server": "tsc -p ./projects/demo/tsconfig.ssr.json",
-        "generate:prerender": "node dist/demo/ssr/prerender",
         "test": "ng test",
         "posttest": "node scripts/coveralls.js",
         "lint": "ng lint",

projects/demo/src/app/app.browser.module.ts

@@ -7,21 +7,15 @@ import {
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {BrowserModule} from '@angular/platform-browser';
-import {WebAudioModule} from '@ng-web-apis/audio';
+import {WebAudioModule} from '@ng-web-apis/audio/fesm2015/ng-web-apis-audio';
 import {AdsrPipe} from './adsr.pipe';
 import {AppComponent} from './app.component';
-import {AppRoutingModule} from './app.routes';
+import {DemoComponent} from './demo/demo.component';
 
 @NgModule({
     bootstrap: [AppComponent],
-    imports: [
-        CommonModule,
-        FormsModule,
-        BrowserModule.withServerTransition({appId: 'demo'}),
-        AppRoutingModule,
-        WebAudioModule,
-    ],
-    declarations: [AppComponent, AdsrPipe],
+    imports: [CommonModule, FormsModule, BrowserModule, WebAudioModule],
+    declarations: [AppComponent, DemoComponent, AdsrPipe],
     providers: [
         {
             provide: LocationStrategy,

projects/demo/src/app/app.component.html

@@ -5,51 +5,5 @@
     Start AudioContext
 </button>
 <ng-template #piano>
-    <section *ngIf="notes$ | async as notes" class="piano">
-        <ng-container *ngFor="let note of notes | keyvalue; trackBy: noteKey">
-            <ng-container *ngIf="note.value !== null">
-                <ng-container
-                    waOscillatorNode
-                    detune="5"
-                    autoplay
-                    [frequency]="toFrequency(note.key)"
-                >
-                    <ng-container
-                        waGainNode
-                        gain="0"
-                        [gain]="note.value | adsr: 0:0.1:0.02:1"
-                    >
-                        <ng-container waAudioDestinationNode></ng-container>
-                    </ng-container>
-                </ng-container>
-                <ng-container
-                    waOscillatorNode
-                    type="sawtooth"
-                    autoplay
-                    [frequency]="toFrequency(note.key)"
-                >
-                    <ng-container
-                        waGainNode
-                        gain="0"
-                        [gain]="note.value | adsr: 0:0.1:0.02:1"
-                    >
-                        <ng-container waAudioDestinationNode></ng-container>
-                        <ng-container waConvolverNode buffer="assets/audio/response.wav">
-                            <ng-container
-                                waAudioDestinationNode
-                                (quiet)="onQuiet(note.key)"
-                            ></ng-container>
-                        </ng-container>
-                    </ng-container>
-                </ng-container>
-            </ng-container>
-        </ng-container>
-
-        <div
-            *ngFor="let key of octaves"
-            [class]="getClass(notes, key)"
-            (mousedown)="onMouseDown(key)"
-            (touchstart)="onMouseDown(key)"
-        ></div>
-    </section>
+    <demo></demo>
 </ng-template>