feat: walletconnect-legacy

README.md

@@ -25,6 +25,7 @@
 - [@nstudio/nativescript-qr](packages/nativescript-qr/README.md)
 - [@nstudio/nativescript-tracking-transparency](packages/nativescript-tracking-transparency/README.md)
 - [@nstudio/nativescript-walletconnect](packages/nativescript-walletconnect/README.md)
+- [@nstudio/nativescript-walletconnect-legacy](packages/nativescript-walletconnect-legacy/README.md)
 
 # How to use?
 

apps/demo-angular/package.json

@@ -2,11 +2,12 @@
   "main": "./src/main.ts",
   "dependencies": {
     "@nativescript/core": "file:../../node_modules/@nativescript/core",
-    "@nstudio/nativescript-appcues": "file:../../dist/packages/nativescript-appcues",
+    "@nstudio/nativescript-walletconnect-legacy": "file:../../dist/packages/nativescript-walletconnect-legacy",
     "@nstudio/nativescript-airship": "file:../../dist/packages/nativescript-airship",
     "@nstudio/nativescript-airship-adm": "file:../../dist/packages/nativescript-airship-adm",
     "@nstudio/nativescript-airship-fcm": "file:../../dist/packages/nativescript-airship-fcm",
     "@nstudio/nativescript-airship-hms": "file:../../dist/packages/nativescript-airship-hms",
+    "@nstudio/nativescript-appcues": "file:../../dist/packages/nativescript-appcues",
     "@nstudio/nativescript-aptabase": "file:../../dist/packages/nativescript-aptabase",
     "@nstudio/nativescript-barcodescanner": "file:../../dist/packages/nativescript-barcodescanner",
     "@nstudio/nativescript-blur": "file:../../dist/packages/nativescript-blur",

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

@@ -32,7 +32,8 @@ const routes: Routes = [
 	{ path: 'nativescript-plaid', loadChildren: () => import('./plugin-demos/nativescript-plaid.module').then(m => m.NativescriptPlaidModule) },
 	{ path: 'nativescript-qr', loadChildren: () => import('./plugin-demos/nativescript-qr.module').then(m => m.NativescriptQrModule) },
 	{ path: 'nativescript-tracking-transparency', loadChildren: () => import('./plugin-demos/nativescript-tracking-transparency.module').then(m => m.NativescriptTrackingTransparencyModule) },
-	{ path: 'nativescript-walletconnect', loadChildren: () => import('./plugin-demos/nativescript-walletconnect.module').then(m => m.NativescriptWalletconnectModule) }
+	{ path: 'nativescript-walletconnect', loadChildren: () => import('./plugin-demos/nativescript-walletconnect.module').then(m => m.NativescriptWalletconnectModule) },
+	{ path: 'nativescript-walletconnect-legacy', loadChildren: () => import('./plugin-demos/nativescript-walletconnect-legacy.module').then(m => m.NativescriptWalletconnectLegacyModule) }
 ];
 
 @NgModule({

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

@@ -86,6 +86,9 @@ export class HomeComponent {
 	},
 	{
 		name: 'nativescript-walletconnect'
+	},
+	{
+		name: 'nativescript-walletconnect-legacy'
 	}
 ];
 }

apps/demo-angular/src/plugin-demos/nativescript-walletconnect-legacy.component.html

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

apps/demo-angular/src/plugin-demos/nativescript-walletconnect-legacy.component.ts

@@ -0,0 +1,17 @@
+import { Component, NgZone } from '@angular/core';
+import { DemoSharedNativescriptWalletconnectLegacy } from '@demo/shared';
+import {} from '@nstudio/nativescript-walletconnect-legacy';
+
+@Component({
+	selector: 'demo-nativescript-walletconnect-legacy',
+	templateUrl: 'nativescript-walletconnect-legacy.component.html',
+})
+export class NativescriptWalletconnectLegacyComponent {
+	demoShared: DemoSharedNativescriptWalletconnectLegacy;
+
+	constructor(private _ngZone: NgZone) {}
+
+	ngOnInit() {
+		this.demoShared = new DemoSharedNativescriptWalletconnectLegacy();
+	}
+}

apps/demo-angular/src/plugin-demos/nativescript-walletconnect-legacy.module.ts

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

apps/demo/package.json

@@ -3,11 +3,12 @@
   "description": "NativeScript Application",
   "dependencies": {
     "@nativescript/core": "file:../../node_modules/@nativescript/core",
-    "@nstudio/nativescript-appcues": "file:../../packages/nativescript-appcues",
+    "@nstudio/nativescript-walletconnect-legacy": "file:../../packages/nativescript-walletconnect-legacy",
     "@nstudio/nativescript-airship": "file:../../packages/nativescript-airship",
     "@nstudio/nativescript-airship-adm": "file:../../packages/nativescript-airship-adm",
     "@nstudio/nativescript-airship-fcm": "file:../../packages/nativescript-airship-fcm",
     "@nstudio/nativescript-airship-hms": "file:../../packages/nativescript-airship-hms",
+    "@nstudio/nativescript-appcues": "file:../../packages/nativescript-appcues",
     "@nstudio/nativescript-aptabase": "file:../../packages/nativescript-aptabase",
     "@nstudio/nativescript-barcodescanner": "file:../../packages/nativescript-barcodescanner",
     "@nstudio/nativescript-blur": "file:../../packages/nativescript-blur",

apps/demo/src/main-page.xml

@@ -32,6 +32,7 @@
         <Button text="nativescript-qr" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="nativescript-tracking-transparency" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
         <Button text="nativescript-walletconnect" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
+        <Button text="nativescript-walletconnect-legacy" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
       </StackLayout>
     </ScrollView>
   </StackLayout>

apps/demo/src/plugin-demos/nativescript-walletconnect-legacy.ts

@@ -0,0 +1,57 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedNativescriptWalletconnectLegacy } from '@demo/shared';
+import { WalletConnect } from '@nstudio/nativescript-walletconnect-legacy';
+
+export function navigatingTo(args: EventData) {
+	const page = <Page>args.object;
+	page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedNativescriptWalletconnectLegacy {
+	wc: WalletConnect;
+	uri = '';
+	connect() {
+		if (this.wc) {
+			this.wc.killSession();
+			this.wc = null;
+			return;
+		}
+		//const uri = decodeURIComponent(this.uri);
+
+		this.wc = new WalletConnect({
+			uri: this.uri,
+			clientMeta: {
+				description: 'WalletConnect Developer App',
+				url: 'https://walletconnect.org',
+				icons: ['https://walletconnect.org/walletconnect-logo.png'],
+				name: 'WalletConnect',
+			},
+		});
+
+		this.wc.on('session_request', (error, payload) => {
+			this.wc.approveSession({
+				accounts: ['0xCF4140193531B8b2d6864cA7486Ff2e18da5cA95'],
+				chainId: 1,
+			});
+		});
+
+		this.wc.on('connect', (error, payload) => {});
+
+		this.wc
+			.createSession()
+			.then((value) => {
+				console.log('hello', value);
+			})
+			.catch((error) => {
+				console.log(error);
+			});
+	}
+
+	killSession() {
+		this.wc?.killSession();
+	}
+
+	disconnect() {
+		this.wc?.disconnect();
+	}
+}

apps/demo/src/plugin-demos/nativescript-walletconnect-legacy.xml

@@ -0,0 +1,20 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+    <Page.actionBar>
+        <ActionBar title="nativescript-walletconnect-legacy" icon="" class="action-bar">
+        </ActionBar>
+    </Page.actionBar>
+    <StackLayout class="p-20">
+        <ScrollView class="h-full">
+          <StackLayout>
+            <TextView text="{{ uri }}"/>
+
+            <Button text="Connect" tap="{{ connect }}" class="btn btn-primary"/>
+
+            <Button text="KillSession" tap="{{ killSession }}" class="btn btn-primary"/>
+
+            <Button text="Disconnect" tap="{{ disconnect }}" class="btn btn-primary"/>
+
+          </StackLayout>
+        </ScrollView>
+    </StackLayout>
+</Page>

packages/nativescript-walletconnect-legacy/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+	"extends": ["../../.eslintrc.json"],
+	"ignorePatterns": ["!**/*", "node_modules/**/*"],
+	"overrides": [
+		{
+			"files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+			"rules": {}
+		},
+		{
+			"files": ["*.ts", "*.tsx"],
+			"rules": {}
+		},
+		{
+			"files": ["*.js", "*.jsx"],
+			"rules": {}
+		}
+	]
+}

packages/nativescript-walletconnect-legacy/README.md

@@ -0,0 +1,13 @@
+# @nstudio/nativescript-walletconnect-legacy
+
+```javascript
+npm install @nstudio/nativescript-walletconnect-legacy
+```
+
+## Usage
+
+// TODO
+
+## License
+
+Apache License Version 2.0

packages/nativescript-walletconnect-legacy/common.ts

@@ -0,0 +1,3 @@
+import { Observable } from '@nativescript/core';
+
+export class NativescriptWalletconnectLegacyCommon extends Observable {}