diff --git a/README.md b/README.md index 4fdae62..4e8ae9b 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,7 @@ - [@voicethread/nativescript-custom-rotors](packages/nativescript-custom-rotors/README.md) - [@voicethread/nativescript-downloader](packages/nativescript-downloader/README.md) - [@voicethread/nativescript-filepicker](packages/nativescript-filepicker/README.md) +- [@voicethread/rive](packages/rive/README.md) # How to use? diff --git a/apps/demo-angular/nativescript.config.ts b/apps/demo-angular/nativescript.config.ts index fc9f2dd..7c98626 100644 --- a/apps/demo-angular/nativescript.config.ts +++ b/apps/demo-angular/nativescript.config.ts @@ -7,6 +7,16 @@ export default { v8Flags: '--expose_gc', markingMode: 'none', }, + ios: { + SPMPackages: [ + { + name: 'RiveRuntime', + libs: ['RiveRuntime'], + repositoryURL: 'https://github.com/rive-app/rive-ios.git', + version: '5.0.0', + }, + ], + }, appPath: 'src', cli: { packageManager: 'npm', diff --git a/apps/demo-angular/package.json b/apps/demo-angular/package.json index b14c3ce..2fe4a22 100644 --- a/apps/demo-angular/package.json +++ b/apps/demo-angular/package.json @@ -6,7 +6,8 @@ "@voicethread/nativescript-filepicker": "file:../../dist/packages/nativescript-filepicker", "@voicethread/nativescript-downloader": "file:../../dist/packages/nativescript-downloader", "@voicethread/nativescript-audio-player": "file:../../dist/packages/nativescript-audio-player", - "@voicethread/nativescript-audio-recorder": "file:../../dist/packages/nativescript-audio-recorder" + "@voicethread/nativescript-audio-recorder": "file:../../dist/packages/nativescript-audio-recorder", + "@voicethread/nativescript-rive": "file:../../dist/packages/nativescript-rive" }, "devDependencies": { "@nativescript/android": "~8.4.0", diff --git a/apps/demo-angular/src/app-routing.module.ts b/apps/demo-angular/src/app-routing.module.ts index f564993..df633d5 100644 --- a/apps/demo-angular/src/app-routing.module.ts +++ b/apps/demo-angular/src/app-routing.module.ts @@ -12,6 +12,7 @@ const routes: Routes = [ { path: 'nativescript-custom-rotors', loadChildren: () => import('./plugin-demos/nativescript-custom-rotors.module').then(m => m.NativescriptCustomRotorsModule) }, { path: 'nativescript-downloader', loadChildren: () => import('./plugin-demos/nativescript-downloader.module').then(m => m.NativescriptDownloaderModule) }, { path: 'nativescript-filepicker', loadChildren: () => import('./plugin-demos/nativescript-filepicker.module').then(m => m.NativescriptFilepickerModule) }, + { path: 'nativescript-rive', loadChildren: () => import('./plugin-demos/nativescript-rive.module').then(m => m.NativescriptRiveModule) }, ]; @NgModule({ diff --git a/apps/demo-angular/src/home.component.ts b/apps/demo-angular/src/home.component.ts index 225a6ab..01d66c5 100644 --- a/apps/demo-angular/src/home.component.ts +++ b/apps/demo-angular/src/home.component.ts @@ -21,5 +21,8 @@ export class HomeComponent { { name: 'nativescript-filepicker', }, + { + name: 'nativescript-rive', + }, ]; } diff --git a/apps/demo-angular/src/plugin-demos/nativescript-rive.component.html b/apps/demo-angular/src/plugin-demos/nativescript-rive.component.html new file mode 100644 index 0000000..fc4e0e3 --- /dev/null +++ b/apps/demo-angular/src/plugin-demos/nativescript-rive.component.html @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/apps/demo-angular/src/plugin-demos/nativescript-rive.component.ts b/apps/demo-angular/src/plugin-demos/nativescript-rive.component.ts new file mode 100644 index 0000000..c4c66a7 --- /dev/null +++ b/apps/demo-angular/src/plugin-demos/nativescript-rive.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'demo-nativescript-rive', + templateUrl: 'nativescript-rive.component.html', +}) +export class NativescriptRiveComponent {} diff --git a/apps/demo-angular/src/plugin-demos/nativescript-rive.module.ts b/apps/demo-angular/src/plugin-demos/nativescript-rive.module.ts new file mode 100644 index 0000000..b73e6a3 --- /dev/null +++ b/apps/demo-angular/src/plugin-demos/nativescript-rive.module.ts @@ -0,0 +1,10 @@ +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; +import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular'; +import { NativescriptRiveComponent } from './nativescript-rive.component'; + +@NgModule({ + imports: [NativeScriptCommonModule, NativeScriptRouterModule.forChild([{ path: '', component: NativescriptRiveComponent }])], + declarations: [NativescriptRiveComponent], + schemas: [NO_ERRORS_SCHEMA], +}) +export class NativescriptRiveModule {} diff --git a/apps/demo/nativescript.config.ts b/apps/demo/nativescript.config.ts index 711cef6..164586f 100644 --- a/apps/demo/nativescript.config.ts +++ b/apps/demo/nativescript.config.ts @@ -7,6 +7,16 @@ export default { v8Flags: '--expose_gc', markingMode: 'none', }, + ios: { + SPMPackages: [ + { + name: 'RiveRuntime', + libs: ['RiveRuntime'], + repositoryURL: 'https://github.com/rive-app/rive-ios.git', + version: '5.0.0', + }, + ], + }, appPath: 'src', cli: { packageManager: 'npm', diff --git a/apps/demo/package.json b/apps/demo/package.json index 8732fe1..fce3b33 100644 --- a/apps/demo/package.json +++ b/apps/demo/package.json @@ -5,14 +5,16 @@ "repository": "", "dependencies": { "@nativescript-community/perms": "^2.3.0", + "@nativescript/animated-circle": "^1.2.0", "@nativescript/core": "file:../../node_modules/@nativescript/core", "@nstudio/nativescript-loading-indicator": "^4.2.0", "@valor/nativescript-feedback": "^2.0.2", + "@voicethread/nativescript-audio-player": "file:../../packages/nativescript-audio-player", + "@voicethread/nativescript-audio-recorder": "file:../../packages/nativescript-audio-recorder", "@voicethread/nativescript-custom-rotors": "file:../../packages/nativescript-custom-rotors", "@voicethread/nativescript-downloader": "file:../../packages/nativescript-downloader", "@voicethread/nativescript-filepicker": "file:../../packages/nativescript-filepicker", - "@voicethread/nativescript-audio-player": "file:../../packages/nativescript-audio-player", - "@voicethread/nativescript-audio-recorder": "file:../../packages/nativescript-audio-recorder" + "@voicethread/nativescript-rive": "file:../../packages/nativescript-rive" }, "devDependencies": { "@nativescript/android": "~8.4.0", diff --git a/apps/demo/src/main-page.xml b/apps/demo/src/main-page.xml index b2be8ec..672d666 100644 --- a/apps/demo/src/main-page.xml +++ b/apps/demo/src/main-page.xml @@ -1,4 +1,5 @@ -