add btc connect (#65)

vivganes · Nov 11, 2023 · 2d87ea8 · 2d87ea8
1 parent d9c5187
commit 2d87ea8
Show file tree

Hide file tree

Showing 10 changed files with 307 additions and 43 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "@clr/angular": "^15.12.4",
     "@clr/ui": "^15.12.4",
     "@fractalsoftware/random-avatar-generator": "^1.0.11",
+    "@getalby/bitcoin-connect": "^2.3.1",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@noble/curves": "^1.1.0",

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, ComponentRef, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy} from '@angular/core';
 import {TranslateService} from "@ngx-translate/core";
 
 import '@cds/core/icon/register.js';
@@ -36,6 +36,7 @@ import {
   flagIcon,
   arrowIcon,
   bubbleExclamationIcon,
+  bitcoinIcon
 } from '@cds/core/icon';
 import { NdkproviderService } from './service/ndkprovider.service';
 import { Router } from '@angular/router';
@@ -51,12 +52,13 @@ import {
   BreakpointObserver,
   BreakpointState
 } from '@angular/cdk/layout';
+import { BtcConnectService } from './service/btc-connect.service';
 
-ClarityIcons.addIcons(flagIcon, bubbleExclamationIcon,starIcon,internetOfThingsIcon,thumbsUpIcon,heartIcon, thumbsDownIcon, floppyIcon, noteIcon, userIcon, boltIcon, plusCircleIcon, logoutIcon, hashtagIcon, homeIcon, cogIcon, usersIcon, sunIcon, moonIcon, searchIcon, keyIcon, copyIcon,imageIcon, trashIcon, shareIcon, chatBubbleIcon, paperclipIcon, wandIcon, downloadCloudIcon, uploadCloudIcon);
+ClarityIcons.addIcons(bitcoinIcon,flagIcon, bubbleExclamationIcon,starIcon,internetOfThingsIcon,thumbsUpIcon,heartIcon, thumbsDownIcon, floppyIcon, noteIcon, userIcon, boltIcon, plusCircleIcon, logoutIcon, hashtagIcon, homeIcon, cogIcon, usersIcon, sunIcon, moonIcon, searchIcon, keyIcon, copyIcon,imageIcon, trashIcon, shareIcon, chatBubbleIcon, paperclipIcon, wandIcon, downloadCloudIcon, uploadCloudIcon);
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent implements OnInit, OnDestroy{
   title = 'zapddit';
@@ -73,7 +75,7 @@ export class AppComponent implements OnInit, OnDestroy{
   currentLanguage:string;
 
   constructor(private translate: TranslateService, public ndkProvider: NdkproviderService, router: Router,
-    private breakpointObserver: BreakpointObserver, private communityService:CommunityService, private topicService:TopicService) {
+    private breakpointObserver: BreakpointObserver, private communityService:CommunityService, private topicService:TopicService, private btcConnectService:BtcConnectService) {
     translate.setDefaultLang('en');
 
     var language = localStorage.getItem(Constants.LANGUAGE);

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,8 +1,8 @@
 import { ClipboardModule } from '@angular/cdk/clipboard';
-import { NgModule, isDevMode } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule, isDevMode } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { LayoutModule } from '@angular/cdk/layout';
-
+import "@getalby/bitcoin-connect";
 // import ngx-translate and the http loader
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
 import {TranslateHttpLoader} from '@ngx-translate/http-loader';
@@ -101,6 +101,7 @@ const componentParsers: Array<HookParserEntry> = [
 })],
   providers: [],
   bootstrap: [AppComponent],
+  schemas:[CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 

diff --git a/src/app/component/event-card/event-card.component.ts b/src/app/component/event-card/event-card.component.ts
@@ -119,8 +119,6 @@ export class EventCardComponent implements OnInit, OnDestroy{
     }
   }
 
-
-
   ngOnInit():void {
     this.hexEventId = this.event?.id;
     this.originalKind = this.event?.kind;

diff --git a/src/app/component/preferences-page/preferences-page.component.html b/src/app/component/preferences-page/preferences-page.component.html
@@ -34,6 +34,16 @@ <h3 align="center">
     </clr-accordion-content>
   </clr-accordion-panel>
 
+  <clr-accordion-panel *ngIf="!ndkProvider.isTryingZapddit">
+  <clr-accordion-title>{{'Bitcoin Connect'|translate}} <cds-icon shape="bitcoin" solid="true" class="btc-icon" size="md"></cds-icon></clr-accordion-title>
+    <clr-accordion-content *clrIfExpanded>
+      <form onsubmit="return false;">
+        <bc-button app-name="zapddit"/>
+        <label>{{'Connect to upzap/downzap with minimal effort using'|translate}} <a href="https://bitcoin-connect.com/" target="_blank" translate>Bitcoin Connect</a></label>
+      </form>       
+    </clr-accordion-content>
+  </clr-accordion-panel>
+
   <clr-accordion-panel *ngIf="!ndkProvider.isTryingZapddit">
     <clr-accordion-title>{{'Zaps'|translate}} ⚡</clr-accordion-title>
     <clr-accordion-content *clrIfExpanded>
@@ -79,7 +89,7 @@ <h3 align="center">
         </div>
          <button type="submit" [disabled]="isLoggedInUsingPubKey"
           class="btn btn-primary" (click)="saveDownzapRecipients()">Save</button>
-    </form>
+    </form>   
     <form clrForm onsubmit="return false;">
       <clr-checkbox-container clrInline>
         <clr-checkbox-wrapper>
@@ -106,6 +116,8 @@ <h3 align="center">
     </clr-accordion-content>
   </clr-accordion-panel>
 
+
+
   <clr-accordion-panel>
     <clr-accordion-title translate>Communities</clr-accordion-title>
     <clr-accordion-content *clrIfExpanded>
-Original file line number
+Diff line change
@@ Expand Up @@
         }
       }
       ngOnInit():void {
         this.hexEventId = this.event?.id;
         this.originalKind = this.event?.kind;
@@ Expand Down @@