Matthew 5

[43] Ye have heard that it hath been said, Thou shalt love thy neighbour, and hate thine enemy. [44] But I say unto you, Love your enemies, bless them that curse you, do good to them that hate you, and pray for them which despitefully use you, and persecute you; [45] that ye may be the children of your Father which is in heaven: for he maketh his sun to rise on the evil and on the good, and sendeth rain on the just and on the unjust.

Parody Api

If you code using this lib you automatically become a cypherpunk.

Features of each parody project

Parody Projects

Parody projects are jokes in the form of fully functional clients nostr.

• Omeglestr was the last joke told, you can access this here.
• Twitter ᴾᵃʳᵒᵈʸ it's a joke in progress.

I'm still going to tell a lot of jokes, all algorithms with nostr that allow these clients to perform their respective social network interactions will be centralized in this library.

Many will say that it is just a work of plagiarism and that there is no joke. If you do not understand humor and do not want to acquire a joke, do not interfere with my business.

Warning

In release 1.x.x this package will include @belomonte/nostr-ngx dependency, but 0.x.x will be used while @belomonte/nostr-ngx is not released. @belomonte/nostr-ngx will bring angular services to solve pool questions like relay routing, signing, cache for events and profile, deep kinds and interfaces and media uploading.

@belomonte/nostr-ngx will bring an extended version of NPool and it will read user configuration from his own storages structures, by using this package you must understand that means bring @belomonte/nostr-ngx basis archicture to your project, having @belomonte/nostr-ngx your project will be available to use @belomonte/nostr-gui-ngx, with some predefined components to allow user customize his configurations and other common screens that can be used in a nostr app.

The packages @belomonte/nostr-ngx, @belomonte/nostr-gui-ngx and @belomonte/ngx-parody-api are part of the same porpouse: bring to angular the classic social networks feature using nostr. At first, they will be just the reusable things from Twitter Parody, but there are plans to other parody projects and these classic social network features will be centralized in these libraries.

Library	Release	Porpouse
@belomonte/nostr-ngx	Not released	Services to deal with nostr, it bring overridable taken decisions, allowing you override services to customize core behaviors
@belomonte/nostr-gui-ngx	Not released	Read-to-use components to allow user set his configs, choose profile and signer, but also publish note, chat
@belomonte/ngx-parody-api	Released	Classic social network features that require algorithms with a higher level of complexity to be established

Installing

npm install @belomonte/ngx-parody-api --save

@nostrify/nostrify is a dependecy from jsr registry, you may need add this dependecy like this:

npx jsr add @nostrify/nostrify

Updating

ng update in angular cli 18 or lower launches error when need update dependencies from registries different from npm either with .npmrc file in the project, so, if you need to update your project you may have to update this package "manually" by running this command again.

How To Use

Configure

The only available social network feature in this @belomonte/ngx-parody-api version is the Talk to Stranger feature from Omeglestr.

You must import TalkToStrangerModule and provide NPool configs, in the example below is created a single module just to provide these module and it's configs:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { OmegleNPoolOpts } from './omegle.npool-opts';
import { POOL_OPTIONS_TOKEN, TalkToStrangerModule } from '@belomonte/ngx-parody-api';

@NgModule({
  imports: [
    CommonModule,
    TalkToStrangerModule
  ],
  providers: [
    {
      provide: POOL_OPTIONS_TOKEN,
      useClass: OmegleNPoolOpts
    }
  ],
  exports: [
    TalkToStrangerModule
  ]
})
export class OmegleModule { }

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,

    // [...]
    OmegleModule
    // [...]
  ],
  bootstrap: [
    AppComponent
  ]
})
export class AppModule { }

In the example, the OmegleNPoolOpts service is the implementation of NPoolOpts<?> interface from @nostrify/nostrify, as you can read in nostrify docs, this implementation is required to routing events to correct relay and to read from desired relay. @belomonte/nostr-ngx will bring an overridable implementation for this, but here is an example of how it was implemented in omeglestr:

@Injectable()
export class OmegleNPoolOpts implements NPoolOpts<NRelay1> {

  constructor(
    //  in this example this is a custom service in the application that centralize user custom relay configs
    private relayConfigService: RelayConfigService
  ) { }
  
  open(url: string): NRelay1 {
    return new NRelay1(url);
  }

  async reqRouter(filters: NostrFilter[]): Promise<Map<string, NostrFilter[]>> {
    const toupleList: Array<[string, NostrFilter[]]> = [];
    this.relayConfigService
      .getConfig()
      .forEach(relay => toupleList.push([relay, filters]));

    return new Map(toupleList);
  }

  async eventRouter(): Promise<string[]> {
    return this.relayConfigService.getConfig();
  }
}

RelayConfigService is a custom service from omeglestr that read user choosen relay, you can copy this approuch from omeglestr, can set the relays hardcoded or can create a custom service.

Find Stranger

After you configure your app relays, to find a stranger you must inject the service FindStrangerService as the example below:

import { FindStrangerParody } from '@belomonte/ngx-parody-api';

// [...]
export class SearchStrangerComponent {

  //  by executing controller.abort() the search for stranger will
  //  be stopped, this can be used to allow user cancel search request
  controller = new AbortController();

  // [...]

  constructor(
    private findStrangerParody: FindStrangerParody
  ) { }

  // [...]

  onClickSearchStranger(): void {
    const stranger = await this.findStrangerParody
      .searchStranger({
        signal: this.controller,
        searchTags: [ 'omegle' ], // will search for users with wannachat status indexed with #omegle
        userTags: [ 'omegle' ] // will include in your wannachat status a tag #omegle to index it to searching strangers
      });
  }

  abortSearchStranger(): void {
    this.controller.abort();
  }

  // [...]

}

Status and messages

import { FindStrangerParody, NostrPublicUser, TalkToStrangerParody } from '@belomonte/ngx-parody-api';

// [...]
export class ChatingComponent implements OnDestroy, OnInit {
  
  subscriptions = new Subscription();
  strangerIsTyping = false;
  stranger: NostrPublicUser | null = null;

  messages: Array<{ pubkey: string, content: string, created_at: number }> = [];

  readonly typingTimeoutAmount = 2_000;
  typingTimeoutId = 0;

  // [...]
  constructor(
    private talkToStrangerParody: TalkToStrangerParody,
    private findStrangerParody: FindStrangerParody
  ) { }
  // [...]

  ngOnInit(): void {
    this.subscriptions.add(this.talkToStrangerParody
      .listenMessages(stranger)
      .subscribe({
        next: event => {
          this.talkToStrangerParody
            .openEncryptedDirectMessage(stranger, event)
            .then(content => {
              const { pubkey, created_at } = event;
              this.messages.push({ pubkey, content, created_at });
            });
        }
      }));

    this.subscriptions.add(this.talkToStrangerParody
      .listenStrangerStatus(stranger)
      .subscribe({
        next: event => {
          this.strangerIsTyping = event.content === 'typing';

          //  when stranger emits disconnect status, your session will
          //  automatically emit disconnect status too, so call .endSession
          //  is not needed, but keeps needed to clean component data
          if (event.content === 'disconnect') {
            this.cleanSession();
          }
        }
      }));
  }

  ngOnDestroy(): void {
    this.subscriptions.unsubscribe();
  }

  //  [...]
  //  send message to stranger
  async sendMessage(stranger: NostrPublicUser, message: string): Promise<void> {
    const typingPromise = this.talkToStrangerParody.isTyping();
    const messagePromise = this.talkToStrangerParody.sendMessage(stranger, message);
    await Promise.all([typingPromise, messagePromise]);
  }

  //  update typing status, must be bind into keydown event of textarea
  onTyping(): void {
    if (!this.typingTimeoutId) {
      this.talkToStrangerParody.isTyping();
    }

    clearTimeout(this.typingTimeoutId);
    this.typingTimeoutId = Number(setTimeout(() => {
      this.talkToStrangerParody.stopTyping();
      this.qtypingTimeoutId = 0;
    }, this.typingTimeoutAmount));
  }

  //  clean component data when user or partner disconnect
  cleanSession(): void {
    this.subscriptions.unsubscribe();
    this.subscriptions = new Subscription();
    this.strangerIsTyping = false;
    this.stranger = null;
  }

  //  called that when user wanna disconnect
  endSession(): Promise<void> {
    return this.findStrangerParody
      .endSession()
      .then(() => this.cleanSession());
  }
}