feat: morph-modal-kit (#17)

Author: NathanWalker

README.md

@@ -1,6 +1,7 @@
 - [@nativescript/flutter](packages/flutter/README.md)
 - [@nativescript/ionic-portals](packages/ionic-portals/README.md)
 - [@nativescript/jetpack-compose](packages/jetpack-compose/README.md)
+- [@nativescript/morph-modal-kit](packages/morph-modal-kit/README.md)
 - [@nativescript/rive](packages/rive/README.md)
 - [@nativescript/swift-ui](packages/swift-ui/README.md)
 - [@nativescript/ui-charts](packages/ui-charts/README.md)

apps/demo-angular/package.json

@@ -2,10 +2,11 @@
   "main": "./src/main.ts",
   "dependencies": {
     "@nativescript/core": "*",
-    "@nativescript/rive": "file:../../dist/packages/rive",
+    "@nativescript/morph-modal-kit": "file:../../dist/packages/morph-modal-kit",
     "@nativescript/flutter": "file:../../dist/packages/flutter",
     "@nativescript/ionic-portals": "file:../../dist/packages/ionic-portals",
     "@nativescript/jetpack-compose": "file:../../dist/packages/jetpack-compose",
+    "@nativescript/rive": "file:../../dist/packages/rive",
     "@nativescript/swift-ui": "file:../../dist/packages/swift-ui",
     "@nativescript/ui-charts": "file:../../dist/packages/ui-charts"
   },

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

@@ -10,6 +10,7 @@ const routes: Routes = [
   { path: 'flutter', loadChildren: () => import('./plugin-demos/flutter.module').then((m) => m.FlutterModule) },
   { path: 'ionic-portals', loadChildren: () => import('./plugin-demos/ionic-portals.module').then((m) => m.IonicPortalsModule) },
   { path: 'jetpack-compose', loadChildren: () => import('./plugin-demos/jetpack-compose.module').then((m) => m.JetpackComposeModule) },
+  { path: 'morph-modal-kit', loadChildren: () => import('./plugin-demos/morph-modal-kit.module').then((m) => m.MorphModalKitModule) },
   { path: 'rive', loadChildren: () => import('./plugin-demos/rive.module').then((m) => m.RiveModule) },
   { path: 'swift-ui', loadChildren: () => import('./plugin-demos/swift-ui.module').then((m) => m.SwiftUiModule) },
   { path: 'ui-charts', loadChildren: () => import('./plugin-demos/ui-charts.module').then((m) => m.UiChartsModule) },

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

@@ -15,6 +15,9 @@ export class HomeComponent {
     {
       name: 'jetpack-compose',
     },
+    {
+      name: 'morph-modal-kit',
+    },
     {
       name: 'rive',
     },

apps/demo-angular/src/plugin-demos/morph-modal-kit.component.html

@@ -0,0 +1,8 @@
+<ActionBar title="morph-modal-kit" class="action-bar"> </ActionBar>
+<StackLayout class="p-20">
+  <ScrollView class="h-full">
+    <StackLayout>
+      <Button text="Test morph-modal-kit" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
+    </StackLayout>
+  </ScrollView>
+</StackLayout>

apps/demo-angular/src/plugin-demos/morph-modal-kit.component.ts

@@ -0,0 +1,17 @@
+import { Component, NgZone } from '@angular/core';
+import { DemoSharedMorphModalKit } from '@demo/shared';
+import {} from '@nativescript/morph-modal-kit';
+
+@Component({
+  selector: 'demo-morph-modal-kit',
+  templateUrl: 'morph-modal-kit.component.html',
+})
+export class MorphModalKitComponent {
+  demoShared: DemoSharedMorphModalKit;
+
+  constructor(private _ngZone: NgZone) {}
+
+  ngOnInit() {
+    this.demoShared = new DemoSharedMorphModalKit();
+  }
+}

apps/demo-angular/src/plugin-demos/morph-modal-kit.module.ts

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

apps/demo-angular/tsconfig.json

@@ -4,7 +4,14 @@
     "paths": {
       "~/*": ["src/*"],
       "@demo/shared": ["tools/demo/index.ts"],
-      "@nativescript/*": ["../../dist/packages/*"]
+      "@nativescript/*": ["../../dist/packages/*"],
+      "@nativescript/morph-modal-kit": ["../../packages/morph-modal-kit/index.d.ts"],
+      "@nativescript/flutter": ["../../packages/flutter/index.d.ts"],
+      "@nativescript/ionic-portals": ["../../packages/ionic-portals/index.d.ts"],
+      "@nativescript/jetpack-compose": ["../../packages/jetpack-compose/index.d.ts"],
+      "@nativescript/rive": ["../../packages/rive/index.d.ts"],
+      "@nativescript/swift-ui": ["../../packages/swift-ui/index.d.ts"],
+      "@nativescript/ui-charts": ["../../packages/ui-charts/index.d.ts"]
     }
   },
   "files": ["./references.d.ts", "./src/main.ts", "./src/polyfills.ts"],

apps/demo/nativescript.config.ts

@@ -17,14 +17,4 @@ export default {
       script: '../../tools/scripts/before-prepare.js',
     },
   ],
-  ios: {
-    SPMPackages: [
-      {
-        name: 'RiveRuntime',
-        libs: ['RiveRuntime'],
-        repositoryURL: 'https://github.com/rive-app/rive-ios.git',
-        version: '5.10.0',
-      },
-    ],
-  },
 } as NativeScriptConfig;

apps/demo/package.json

@@ -5,10 +5,11 @@
   "repository": "<fill-your-repository-here>",
   "dependencies": {
     "@nativescript/core": "*",
-    "@nativescript/rive": "file:../../packages/rive",
+    "@nativescript/morph-modal-kit": "file:../../packages/morph-modal-kit",
     "@nativescript/flutter": "file:../../packages/flutter",
     "@nativescript/ionic-portals": "file:../../packages/ionic-portals",
     "@nativescript/jetpack-compose": "file:../../packages/jetpack-compose",
+    "@nativescript/rive": "file:../../packages/rive",
     "@nativescript/swift-ui": "file:../../packages/swift-ui",
     "@nativescript/ui-charts": "file:../../packages/ui-charts"
   },