2 |
7 |
8 | 3 | 🕸 {{'People I follow'|translate}} 4 |
5 |{{'You can see the people you follow here'|translate}} 👇
6 |
9 |
28 |
--------------------------------------------------------------------------------
/src/app/pipe/short-number.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 |
3 | @Pipe({
4 | name: 'shortNumber'
5 | })
6 | export class ShortNumberPipe implements PipeTransform {
7 |
8 | transform(number: number, args?: any): any {
9 | if (isNaN(number)) return null; // will only work value is a number
10 | if (number === null) return null;
11 | if (number === 0) return 0;
12 | let abs = Math.abs(number);
13 | const rounder = Math.pow(10, 1);
14 | const isNegative = number < 0; // will also work for Negetive numbers
15 | let key = '';
16 |
17 | const powers = [
18 | {key: 'Q', value: Math.pow(10, 15)},
19 | {key: 'T', value: Math.pow(10, 12)},
20 | {key: 'B', value: Math.pow(10, 9)},
21 | {key: 'M', value: Math.pow(10, 6)},
22 | {key: 'K', value: 1000}
23 | ];
24 |
25 | for (let i = 0; i < powers.length; i++) {
26 | let reduced = abs / powers[i].value;
27 | reduced = Math.round(reduced * rounder) / rounder;
28 | if (reduced >= 1) {
29 | abs = reduced;
30 | key = powers[i].key;
31 | break;
32 | }
33 | }
34 | return (isNegative ? '-' : '') + abs + key;
35 | }
36 | }
--------------------------------------------------------------------------------
/src/app/filter/HashTagFilter.spec.ts:
--------------------------------------------------------------------------------
1 | import { NDKEvent } from "@nostr-dev-kit/ndk";
2 | import { HashTagFilter } from "./HashTagFilter";
3 |
4 | describe('HashTagFilter', () => {
5 | describe('notHashTags', () => {
6 | const filter = HashTagFilter.notHashTags(['test', 'mute']);
7 |
8 | it('should return true for events without hashtags', () => {
9 | const event = { content: 'This is a normal post' } as NDKEvent;
10 | expect(filter(event, 0, [])).toBe(true);
11 | });
12 |
13 | it('should return false for events with muted hashtags', () => {
14 | const event = { content: 'This post contains a #test hashtag' } as NDKEvent;
15 | expect(filter(event, 0, [])).toBe(false);
16 | });
17 |
18 | it('should return true for events with non-muted hashtags', () => {
19 | const event = { content: 'This post contains a #allowed hashtag' } as NDKEvent;
20 | expect(filter(event, 0, [])).toBe(true);
21 | });
22 |
23 | it('should be case-insensitive', () => {
24 | const event = { content: 'This post contains a #TEST hashtag' } as NDKEvent;
25 | expect(filter(event, 0, [])).toBe(false);
26 | });
27 |
28 | it('should return true for events with undefined content', () => {
29 | const event = { } as NDKEvent;
30 | expect(filter(event, 0, [])).toBe(true);
31 | });
32 | });
33 | });
--------------------------------------------------------------------------------
/src/snow.scss:
--------------------------------------------------------------------------------
1 | $snowflakes: 40;
2 |
3 | %snowflake {
4 | display: block;
5 | color: #fff;
6 | position: absolute;
7 | top: -1em;
8 |
9 | &:before {
10 | display: block;
11 | content: '❄';
12 | }
13 | }
14 |
15 | @mixin snowflake($nth) {
16 | snowflake {
17 | @extend %snowflake;
18 | &:nth-of-type(#{$nth}) {
19 | font-size: 2vmin + random();
20 | left: 100vw * random();
21 | will-change: transform, top;
22 | $delay: 3s + 4 * random();
23 | $fall-duration: 10s + 4 * random();
24 | $shake-duration: 15s + 4 * random();
25 | animation: snowflake-fall $fall-duration linear $delay infinite normal,
26 | snowflake-shake $shake-duration ease-in-out $delay infinite alternate,
27 | snowflake-wind-w $fall-duration linear $delay infinite normal;
28 | }
29 | }
30 | }
31 |
32 | html, body {
33 | height: 100%;
34 | overflow: hidden;
35 |
36 | }
37 |
38 | @keyframes snowflake-fall {
39 | 0% {top: -1em}
40 | 100% {top: 100vh}
41 | }
42 |
43 | @keyframes snowflake-shake {
44 | 0% {transform: translateX(0)}
45 | 33% {transform: translateX(-10vh)}
46 | 100% {transform: translateX(10vh)}
47 | }
48 |
49 | @keyframes snowflake-wind-w {
50 | 0% {transform: translateX(0)}
51 | 100% {transform: translateX(20vw)}
52 | }
53 |
54 | snowflakes {
55 | @for $i from 1 through $snowflakes {
56 | @include snowflake($i);
57 | }
58 | }
--------------------------------------------------------------------------------
/src/app/component/quoted-event/quoted-event.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { treeFeaturesFactory } from '@clr/angular/data/tree-view/tree-features.service';
3 | import { NDKEvent } from '@nostr-dev-kit/ndk';
4 | import { NdkproviderService } from 'src/app/service/ndkprovider.service';
5 | import { LoginUtil } from 'src/app/util/LoginUtil';
6 |
7 | @Component({
8 | selector: 'app-quoted-event',
9 | templateUrl: './quoted-event.component.html',
10 | styleUrls: ['./quoted-event.component.scss']
11 | })
12 | export class QuotedEventComponent {
13 |
14 | event?:NDKEvent|null
15 | loading:boolean = true;
16 |
17 | @Input()
18 | id?:string
19 |
20 | constructor(private ndkProvider: NdkproviderService){
21 | }
22 |
23 | ngOnInit(){
24 | if(this.id){
25 | this.getNote(this.id);
26 | }
27 | }
28 |
29 | async getNote(id:string){
30 | this.loading = true;
31 | let bech32Id = '';
32 | if(id.startsWith('nevent')){
33 | let decodedValue = LoginUtil.decodeTLV(id);
34 | bech32Id = (decodedValue[0].value as string);
35 | } else {
36 | bech32Id = LoginUtil.bech32ToHex(id);
37 | }
38 | let fetchedEvent = await this.ndkProvider.fetchEventFromId(bech32Id)
39 | if(fetchedEvent?.kind == 1){
40 | this.event = fetchedEvent;
41 | }
42 | this.loading = false;
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/src/app/util/IntlHashtagLinkifyPlugin.ts:
--------------------------------------------------------------------------------
1 | import { State, createTokenClass } from 'linkifyjs';
2 |
3 | // Create a new token that class that the parser emits when it finds a hashtag
4 | const HashtagToken = createTokenClass('hashtag', { isLink: true });
5 |
6 | /**
7 | * @type {import('linkifyjs').Plugin}
8 | */
9 | export default function hashtag({ scanner, parser }:any) {
10 | // Various tokens that may compose a hashtag
11 | const { POUND, UNDERSCORE, SYM } = scanner.tokens;
12 | const { alpha, numeric, alphanumeric, emoji } = scanner.tokens.groups;
13 |
14 | // Take or create a transition from start to the '#' sign (non-accepting)
15 | // Take transition from '#' to any text token to yield valid hashtag state
16 | // Account for leading underscore (non-accepting unless followed by alpha)
17 | const Hash = parser.start.tt(POUND);
18 | const HashPrefix = Hash.tt(UNDERSCORE);
19 | const Hashtag = new State(HashtagToken);
20 |
21 | Hash.ta(numeric, HashPrefix);
22 | Hash.ta(alpha, Hashtag);
23 | Hash.ta(emoji, Hashtag);
24 | HashPrefix.ta(alpha, Hashtag);
25 | HashPrefix.ta(emoji, Hashtag);
26 | HashPrefix.ta(numeric, HashPrefix);
27 | HashPrefix.tt(UNDERSCORE, HashPrefix);
28 | Hashtag.ta(alphanumeric, Hashtag);
29 | Hashtag.ta(emoji, Hashtag);
30 | Hashtag.ta(SYM,Hashtag);
31 | Hashtag.tt(UNDERSCORE, Hashtag); // Trailing underscore is okay
32 | Hashtag.tt(SYM, Hashtag);
33 |
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/component/user-mention/user-mention.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject, Input } from '@angular/core';
2 | import { NdkproviderService } from 'src/app/service/ndkprovider.service';
3 |
4 | @Component({
5 | selector: 'app-user-mention',
6 | templateUrl: './user-mention.component.html',
7 | styleUrls: ['./user-mention.component.scss']
8 | })
9 | export class UserMentionComponent {
10 |
11 | @Input()
12 | npub:string|undefined;
13 |
14 | @Input()
15 | hexKey:string|undefined;
16 |
17 | displayName?:string;
18 | href?:string;
19 |
20 | ndkProvider:NdkproviderService;
21 |
22 | constructor(ndkProvider:NdkproviderService){
23 | this.ndkProvider = ndkProvider
24 | }
25 |
26 | ngOnInit(){
27 | if(this.npub){
28 | this.ndkProvider.getProfileFromNpub(this.npub).then((profile => {
29 | if(profile){
30 | this.displayName = (profile.displayName? profile.displayName : (profile.name?profile.name : this.npub));
31 | this.href="https://snort.social/p/"+this.npub
32 | }
33 | }))
34 | } else if(this.hexKey){
35 | this.ndkProvider.getProfileFromHex(this.hexKey).then((profile => {
36 | if(profile){
37 | this.displayName = (profile.displayName? profile.displayName : (profile.name?profile.name : this.hexKey));
38 | this.href="https://snort.social/p/"+this.hexKey
39 | }
40 | }))
41 | }
42 | }
43 |
44 | }
45 |
--------------------------------------------------------------------------------
/src/app/component/user-pic-and-name/user-pic-and-name.component.html:
--------------------------------------------------------------------------------
1 |
2 |
10 |
14 |
15 |
11 | Loading people you follow...
12 |
13 |
16 |
22 |
23 |
17 |
21 |
18 | {{'Not following anyone yet. May be try following some people?'|translate}}
{{'like'|translate}} @vivganes? 19 |
20 | {{'like'|translate}} @vivganes? 19 |
24 |
26 |
27 | 
11 |
12 | {{ (user?.profile?.displayName) ?
13 | user?.profile?.displayName:((user?.profile?.name)? user?.profile?.name : user?.pubkey|abbreviateId) }}
14 |
15 |
16 |
2 |
27 |
--------------------------------------------------------------------------------
/src/app/buffer/EventBuffer.spec.ts:
--------------------------------------------------------------------------------
1 | import { EventBuffer } from "./EventBuffer"
2 |
3 | describe('Event Buffer',() => {
4 |
5 | it('should return items for 2 and 4',()=>{
6 | const eventBuffer = new EventBuffer
3 |
26 |
4 | 
5 | ?(contact?.name):'a' }}.png?size=100x100 "{'Open in Snort'|translate}")
10 |
22 |
10 |
11 |
21 |
12 | {{ contact?.displayName }} @{{ contact?.name }}
13 |
18 |
19 | {{ contact?.about }}
20 |
23 | Loading profile...
24 |
25 |
2 |
35 |
36 |
3 |
34 |
4 |
33 |
5 |
18 | {{ item.name }}
19 |
20 | {{ item.displayName }}
21 |
22 | {{ item.npub }}
23 |
24 |
25 |
32 |
6 |
17 |
7 |
15 |
16 |
37 |
44 |
--------------------------------------------------------------------------------
/src/app/util/ZapSplitUtil.ts:
--------------------------------------------------------------------------------
1 | import { ToastService } from "angular-toastify";
2 | import ZapSplitConfig, { HexKeyWithSplitPercentage } from "../model/ZapSplitConfig";
3 | import { Constants } from "./Constants";
4 | import { Translators } from "./Translators";
5 |
6 | export class ZapSplitUtil{
7 |
8 | static prepareDefaultZapSplitConfig():ZapSplitConfig{
9 | const language = ZapSplitUtil.getCurrentLanguage();
10 | const translatorZapSplitEntries: HexKeyWithSplitPercentage[] = ZapSplitUtil.getZapSplitEntriesForTranslators(language);
11 | return {
12 | developers: [{
13 | hexKey: Constants.ZAPDDIT_PUBKEY,
14 | percentage: 0.5
15 | }],
16 | translators: translatorZapSplitEntries
17 | }
18 | }
19 |
20 | static validateZapSplitConfig(zapSplitConfig:ZapSplitConfig):ZapSplitConfig{
21 | //validate if percentage totals greater than 100%
22 | let devPercentageTotal = 0;
23 | zapSplitConfig.developers.forEach((d) => {
24 | devPercentageTotal += d.percentage;
25 | });
26 |
27 | let translatorTotal = 0;
28 | zapSplitConfig.translators.forEach((t) => {
29 | translatorTotal += t.percentage
30 | });
31 |
32 | if(devPercentageTotal + translatorTotal > 100){
33 | new ToastService().warn('Zap Split configuration was invalid. We have reset this to default. You can change this from Preferences.');
34 | const resetConfig = ZapSplitUtil.prepareDefaultZapSplitConfig();
35 | localStorage.setItem(Constants.ZAP_SPLIT_CONFIG, JSON.stringify(resetConfig))
36 | return resetConfig;
37 | }
38 | return zapSplitConfig;
39 |
40 | }
41 |
42 | static getZapSplitEntriesForTranslators(language: string) {
43 | const translatorPubKeys = this.findTranslators(language);
44 | const defaultZapSplitForTranslators = 0.5;
45 | const zapSplitPerTranslator = defaultZapSplitForTranslators / translatorPubKeys.length;
46 | const translatorZapSplitEntries: HexKeyWithSplitPercentage[] = translatorPubKeys.map((t) => {
47 | return { hexKey: t, percentage: zapSplitPerTranslator };
48 | });
49 | return translatorZapSplitEntries;
50 | }
51 |
52 | static findTranslators(language:string){
53 | const translatorsForLanguage = Translators.filter(entry => entry.language === language)
54 | if(translatorsForLanguage && translatorsForLanguage.length>0){
55 | return translatorsForLanguage[0].translatorPubKeys;
56 | }
57 | return [];
58 | }
59 |
60 | static getCurrentLanguage(){
61 | var language = localStorage.getItem(Constants.LANGUAGE);
62 | if (language != null || language != undefined || language != '') {
63 | const currentLanguage = language as string;
64 | return currentLanguage || 'en';
65 | } else {
66 | return 'en';
67 | }
68 | }
69 |
70 | }
--------------------------------------------------------------------------------
/src/app/service/object-cache.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import NDK, { NDKUser, NDKUserProfile } from '@nostr-dev-kit/ndk';
3 | import Dexie, { Table } from 'dexie';
4 | import { User } from '../model/user';
5 | import { NdkproviderService } from './ndkprovider.service';
6 | import { Community } from '../model/community';
7 |
8 | const DATASTORE = {
9 | users: "hexPubKey, name, displayName, nip05, npub",
10 | communities: "id,name,displayName,creatorHexKey,description,created_at"
11 | };
12 |
13 | const VERSION = 1;
14 |
15 |
16 | @Injectable({
17 | providedIn: 'root'
18 | })
19 | export class ObjectCacheService extends Dexie {
20 |
21 | //default TTL in seconds
22 | defaultTTL:number = 60*60; //1 hour
23 | users!:Table
38 |
42 |
43 |
39 |
40 |
41 |
40 | 8 | {{authorName}} 9 |
10 |
11 |
43 |
62 |
12 |
17 |
18 |
41 |
42 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
40 | Scan this QR using your Lightning Wallet app
68 |
69 |
70 |
75 |
88 | {{invoice! | abbreviateId }}
71 |
72 |
73 |
74 | 7 | Create/Edit Community 8 |
9 |
10 |
90 |
11 |
83 |
84 |
89 |
4 |
48 |
5 |
47 |
6 | 
9 | 
12 |
13 |
12 |
14 | n/{{community.name}} of
15 | 
18 | 
21 | {{community.creatorProfile?.displayName ? community.creatorProfile?.displayName :
22 | (community.creatorProfile?.name ? community.creatorProfile?.name : (community.creatorHexKey | abbreviateId))}}
23 |
24 |
21 | {{community.creatorProfile?.displayName ? community.creatorProfile?.displayName :
22 | (community.creatorProfile?.name ? community.creatorProfile?.name : (community.creatorHexKey | abbreviateId))}}
23 |
25 |
40 |
46 |
26 |
27 | {{'Active'|translate}} {{lastActive | formatTimestamp }}
28 |
29 |
30 |
31 | {{(community.followersHexKeys.length >0)? (community.followersHexKeys.length | shortNumber) : 0}} {{community.followersHexKeys.length===1 ? ('person'|translate):('people'|translate)}} {{(community.followersHexKeys.length >0)? ('including'|translate):''}}
32 |
33 |
36 |
37 |
39 |
49 |
66 |
50 |
64 |
65 |
51 |
60 |
52 | {{'n/'+id.split(':')[2]}}
53 |
54 |
55 |
56 | {{'Active'|translate}} {{lastActive | formatTimestamp }}
57 |
58 |
59 |
61 | Loading community...
62 |
63 |
2 |
15 |
16 |
3 |
14 |
4 |
8 |
5 | Logging in...
6 |
7 |
9 |
13 | -
10 |
- {{notice}} 11 |
17 |
--------------------------------------------------------------------------------
/src/app/page/community-list/community-list.component.ts:
--------------------------------------------------------------------------------
1 | import { CommonModule } from '@angular/common';
2 | import { Component, Input } from '@angular/core';
3 | import { Router } from '@angular/router';
4 | import { Observable, liveQuery } from 'dexie';
5 | import { Community } from 'src/app/model/community';
6 | import { NdkproviderService } from 'src/app/service/ndkprovider.service';
7 | import { CommunityService } from '../../service/community.service';
8 | import { ObjectCacheService } from 'src/app/service/object-cache.service';
9 | import { CommunityEventService } from 'src/app/observable-service/community-event.service';
10 |
11 | const BUFFER_REFILL_PAGE_SIZE = 100;
12 | const BUFFER_READ_PAGE_SIZE = 20;
13 |
14 | @Component({
15 | selector: 'app-community-list',
16 | templateUrl: './community-list.component.html',
17 | styleUrls: ['./community-list.component.scss']
18 | })
19 | export class CommunityListComponent {
20 |
21 | searchTerm:string='';
22 | communities?:Community[];
23 | allCommunities?:Observable
18 |
122 |
19 |
111 |
20 |
36 |
37 |
21 |
35 | {{'Secure Login (Recommended)'|translate}} 🔐
22 |
23 |
34 | Nostr Extension
24 |
25 |
33 | 26 | {{'Secure login to zapddit requires a Nostr extension to work. Don\'t have a Nostr extension?'|translate}} {{'Refer'|translate}} 27 | {{'this page'|translate}} 28 |
29 | 32 |
38 |
70 |
71 |
39 |
69 | {{'Alternate Login'|translate}} 🗝️
40 |
41 |
68 | Private/Public Key Login
42 |
43 |
66 |
67 |
72 |
90 |
91 |
73 |
89 | {{'New to nostr?'|translate}}' 🙋♂️
74 |
75 |
88 | Create a new user
76 |
77 |
87 | 78 | Zapddit runs on top of nostr. Click the button below to create a new user on the nostr ecosystem. 79 |
80 |81 | You can use the same account in all the nostr clients. 82 |
83 | 86 |
92 |
110 |
93 |
109 | {{'Try zapddit'|translate}}⚡
94 |
95 |
108 | Not ready to use a nostr account yet?
96 |
97 |
107 | 98 | You can have a clean lurker experience using this option. 99 |
100 |101 | All your settings are saved within browser's local storage and cleared when you logout. 102 |
103 | 106 |
112 |
121 |
113 |
120 |
114 |
119 | We are opensource!
115 |116 | {{'Find zapddit on'|translate}} {{'Github'|translate}}. {{'Found bugs? Raise them'|translate}} here. 117 |
118 |
2 |
30 |
3 |
4 |
8 |
9 |
13 |
14 |
18 |
19 |
23 |
24 |
28 |
29 |
4 |
8 |
9 |
13 |
14 |
18 |
19 |
23 |
24 |
28 |
31 |
45 |
46 |
32 |
43 |
44 |
47 |
56 |
57 |
48 |
55 |
49 |
52 | All communities have not yet loaded. Search results may be partial.
53 |
54 |
58 |
87 |
88 |
92 |
93 |
94 |
95 |
99 |
100 |
104 |
105 |
106 |
107 |
59 |
63 |
64 |
60 | Loading communities...
61 |
62 |
65 |
69 |
70 |
66 | Searching communities...
67 |
68 |
71 |
78 |
79 |
72 |
77 |
73 | No communities at all. Fishy!
74 | You have not created any community so far.
75 |
76 |
80 |
86 |
81 |
85 |
82 | {{'Search to see communities'|translate}} 👆
83 |
84 |
89 |
91 |
96 |
98 |
101 |
103 |
7 |
8 | 
9 | zapddit
10 |
11 |
12 |
13 |
18 |
19 |
9 | zapddit
10 |
11 |
20 |
21 |
30 |
34 |
35 | Login
36 |
37 | Onboarding Wizard
38 |
39 | Profile
40 | Preferences
41 |
42 | Logout
43 |
44 |
45 |
46 |
47 |
49 |
51 |
52 |
88 |
108 |
89 |
93 |
106 |
107 |
90 |
92 |
94 |
100 |
95 |
96 | Loading...
97 |
98 |
99 |
101 |
105 | -
102 |
- {{notice}} 103 |