moving audio plugin to official NS plugins

Author: Dave Coffin

README.md

@@ -1,13 +1,7 @@
-# @nativescript/\* plugins
-
-```
-npm run setup
-npm start
-```
-
 - [@nativescript/animated-circle](packages/animated-circle/README.md)
 - [@nativescript/appavailability](packages/appavailability/README.md)
 - [@nativescript/apple-sign-in](packages/apple-sign-in/README.md)
+- [@nativescript/audio](packages/audio/README.md)
 - [@nativescript/auto-fit-text](packages/auto-fit-text/README.md)
 - [@nativescript/background-http](packages/background-http/README.md)
 - [@nativescript/biometrics](packages/biometrics/README.md)

apps/demo-angular/package.json

@@ -2,7 +2,7 @@
 	"main": "./src/main.ts",
 	"dependencies": {
 		"@nativescript/core": "file:../../node_modules/@nativescript/core",
-		"@nativescript/pdf": "file:../../dist/packages/pdf",
+		"@nativescript/audio": "file:../../dist/packages/audio",
 		"@nativescript/animated-circle": "file:../../dist/packages/animated-circle",
 		"@nativescript/appavailability": "file:../../dist/packages/appavailability",
 		"@nativescript/apple-sign-in": "file:../../dist/packages/apple-sign-in",
@@ -30,6 +30,7 @@
 		"@nativescript/iqkeyboardmanager": "file:../../dist/packages/iqkeyboardmanager",
 		"@nativescript/local-notifications": "file:../../dist/packages/local-notifications",
 		"@nativescript/localize": "file:../../dist/packages/localize",
+		"@nativescript/pdf": "file:../../dist/packages/pdf",
 		"@nativescript/picker": "file:../../dist/packages/picker",
 		"@nativescript/shared-notification-delegate": "file:../../dist/packages/shared-notification-delegate",
 		"@nativescript/social-share": "file:../../dist/packages/social-share",

apps/demo-angular/src/app-routing.module.ts

@@ -10,6 +10,7 @@ const routes: Routes = [
 	{ path: 'animated-circle', loadChildren: () => import('./plugin-demos/animated-circle.module').then((m) => m.AnimatedCircleModule) },
 	{ path: 'appavailability', loadChildren: () => import('./plugin-demos/appavailability.module').then((m) => m.AppavailabilityModule) },
 	{ path: 'apple-sign-in', loadChildren: () => import('./plugin-demos/apple-sign-in.module').then((m) => m.AppleSignInModule) },
+	{ path: 'audio', loadChildren: () => import('./plugin-demos/audio.module').then((m) => m.AudioModule) },
 	{ path: 'auto-fit-text', loadChildren: () => import('./plugin-demos/auto-fit-text.module').then((m) => m.AutoFitTextModule) },
 	{ path: 'background-http', loadChildren: () => import('./plugin-demos/background-http.module').then((m) => m.BackgroundHttpModule) },
 	{ path: 'biometrics', loadChildren: () => import('./plugin-demos/biometrics.module').then((m) => m.BiometricsModule) },

apps/demo-angular/src/home.component.ts

@@ -15,6 +15,9 @@ export class HomeComponent {
 		{
 			name: 'apple-sign-in',
 		},
+		{
+			name: 'audio',
+		},
 		{
 			name: 'auto-fit-text',
 		},

apps/demo-angular/src/plugin-demos/audio.component.html

@@ -0,0 +1,10 @@
+<ActionBar title="audio" class="action-bar"> </ActionBar>
+<StackLayout class="p-20">
+	<ScrollView class="h-full">
+		<StackLayout>
+			<Button text="Play Audio!" (tap)="demoShared.play()" class="btn btn-primary"></Button>
+
+			<Button text="Stop Audio" (tap)="demoShared.stop()" class="btn btn-primary"></Button>
+		</StackLayout>
+	</ScrollView>
+</StackLayout>

apps/demo-angular/src/plugin-demos/audio.component.ts

@@ -0,0 +1,16 @@
+import { Component, NgZone } from '@angular/core';
+import { DemoSharedAudio } from '@demo/shared';
+
+@Component({
+	selector: 'demo-audio',
+	templateUrl: 'audio.component.html',
+})
+export class AudioComponent {
+	demoShared: DemoSharedAudio;
+
+	constructor(private _ngZone: NgZone) {}
+
+	ngOnInit() {
+		this.demoShared = new DemoSharedAudio();
+	}
+}

apps/demo-angular/src/plugin-demos/audio.module.ts

@@ -0,0 +1,10 @@
+import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular';
+import { AudioComponent } from './audio.component';
+
+@NgModule({
+	imports: [NativeScriptCommonModule, NativeScriptRouterModule.forChild([{ path: '', component: AudioComponent }])],
+	declarations: [AudioComponent],
+	schemas: [NO_ERRORS_SCHEMA],
+})
+export class AudioModule {}

apps/demo/package.json

@@ -5,7 +5,7 @@
 	"repository": "<fill-your-repository-here>",
 	"dependencies": {
 		"@nativescript/core": "file:../../node_modules/@nativescript/core",
-		"@nativescript/pdf": "file:../../packages/pdf",
+		"@nativescript/audio": "file:../../packages/audio",
 		"@nativescript/animated-circle": "file:../../packages/animated-circle",
 		"@nativescript/appavailability": "file:../../packages/appavailability",
 		"@nativescript/apple-sign-in": "file:../../packages/apple-sign-in",
@@ -33,6 +33,7 @@
 		"@nativescript/iqkeyboardmanager": "file:../../packages/iqkeyboardmanager",
 		"@nativescript/local-notifications": "file:../../packages/local-notifications",
 		"@nativescript/localize": "file:../../packages/localize",
+		"@nativescript/pdf": "file:../../packages/pdf",
 		"@nativescript/picker": "file:../../packages/picker",
 		"@nativescript/shared-notification-delegate": "file:../../packages/shared-notification-delegate",
 		"@nativescript/social-share": "file:../../packages/social-share",

apps/demo/src/main-page.xml

@@ -8,6 +8,7 @@
         <Button text="animated-circle" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="appavailability" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="apple-sign-in" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
+        <Button text="audio" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="auto-fit-text" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="background-http" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="biometrics" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>

apps/demo/src/plugin-demos/audio.ts

@@ -0,0 +1,10 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedAudio } from '@demo/shared';
+import {} from '@nativescript/audio';
+
+export function navigatingTo(args: EventData) {
+	const page = <Page>args.object;
+	page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedAudio {}