npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@sabriayes/nayx

v0.0.9

Published

Some libraries needed by Naylalabs team to develop Angular app

Downloads

2

Readme

📚 Nayx

Naylalabs Web takımının Angular uygulamaları geliştirirken sıkça kullandığı Service, Interceptor, Guard, Token bileşenlerini içerir. Tüm bileşenler Angular 15 sürümü ile uyumlu olacak şekilde geliştirilmiştir.

Bu repo Authentication, Token Storage, Local Storage işlemleri için farklı servisler içermektedir. Entegrasyon ile ilgili bilgileri ve dikkat edilmesi gerekenleri aşağıdaki bölümde bulabilirsiniz.

🔐 Local Authentication Service

📦 provideNayxLocalAuth
👻 LocalAuthService
📒 Servis Dokümanı

Kullanıcı adı ve parola temelli basit oturum açma işlemleri için bu servisi kullanın. .signIn({...}) metodu farklı oturum açma işlemleri farklı arayüzler içerir.

| Tip | Arayüz | |----------------------------|------------------------------| | username - password | CredentialsWithUsername | | email - password | CredentialsWithEmail | | phoneNumber - password | CredentialsWithPhoneNumber |

LOCAL_AUTH_SERVICE_OPTIONS jetonu servis konfigürsayonlarını bağımlılık ağacına aktarmanızı sağlar. Konfigürsayon tipi için bkz. LocalAuthenticationServiceOptions

📨 OTP Authentication Service

📦 provideNayxOTPAuth
👻 OTPAuthService
📒 Servis Dokümanı

OTP temelli oturum açma işlemleri için bu servisi kullanın. .signIn({...}) metodu farklı oturum açma işlemleri farklı arayüzler içerir ve istemciye yalnıza otpToken bilgisi döner. Oturum jetonlarını edinebilmek için .verifyOTP({...}) metodu ile süreci tamamlamanız gerekir.

| Tip | Arayüz | |-----------------|---------------------------------| | username | OTPCredentialsWithUsername | | email | OTPCredentialsWithEmail | | phoneNumber | OTPCredentialsWithPhoneNumber |

OTP_AUTH_SERVICE_OPTIONS jetonu servis konfigürsayonlarını bağımlılık ağacına aktarmanızı sağlar. Konfigürsayon tipi için bkz. OTPAuthenticationServiceOptions

🔑 Google Authentication Service

📦 provideNayxGoogleAuth
👻 GoogleAuthService
📒 Servis Dokümanı

Google Auth API ile oturum açma işlemleri için bu servisi kullanın. .signIn({...}) metodunu bu servis ile kullanamazsınız. Google Sign-In Button için <nayx-google-signin-button> bileşenin kullanın.

GOOGLE_AUTH_SERVICE_OPTIONS jetonu servis konfigürsayonlarını bağımlılık ağacına aktarmanızı sağlar. Konfigürsayon tipi için bkz. GoogleAuthenticationServiceOptions

🔑 Facebook Authentication Service

📦 provideNayxFacebookAuth
👻 FacebookAuthService
📒 Servis Dokümanı

Facebook JS SDK ile oturum açma işlemleri için bu servisi kullanın. .emitSigIn() metodunu ile giriş işlemini başlatabilirsiniz.

FACEBOOK_AUTH_SERVICE_OPTIONS jetonu servis konfigürsayonlarını bağımlılık ağacına aktarmanızı sağlar. Konfigürsayon tipi için bkz. FacebookAuthenticationServiceOptions

🔑 Authentication Tokens Service

📦 provideNayxAuthTokens
👻 TokensService
📒 Servis Dokümanı

Oturum jetonlarını saklamak için bu servis kullanılır. OTPAuthenticationModule ve LocalAuthenticationModuleiçerisinde varsayılan olarak bağımlılık ağacına eklenmiştir. TokensService soyut sınıfını kullanarak özelleştirilmiş jeton servisleri kullanabilirsiniz.

AUTH_TOKENS_SERVICE_OTPIONS jetonu servis konfigürsayonlarını bağımlılık ağacına aktarmanızı sağlar.

🚛 Local Storage Service

📦 provideNayxLocalStorage
👻 StorageService
📒 Servis Dokümanı

Tarayıcı üzerinde veri depolamak için bu servisi kullanın. StorageService soyut sınıfını kullanarak özelleştirilmiş depolama servisleri kullanabilirsiniz.

💾 Memory Storage Service

📦 provideNayxMemoryStorage
👻 StorageService
📒 Servis Dokümanı

InMemory yöntemi ile veri depolamak için bu servisi kullanın. StorageService soyut sınıfını kullanarak özelleştirilmiş depolama servisleri kullanabilirsiniz.

🌏 Window Injection Token

👻 Window
📒 Doküman

Tarayıcının window nesnesine erişmek için WINDOW jetonunu kullanın. window nesnesinin bulunamadığı durumlarda hata fırlatır.

🪙 Local Storage Injection Token

👻 Storage
📒 Doküman

Tarayıcının localStoragenesnesine erişmek için bu jetonu kullanın. window nesnesinin bulunamadığı durumlarda hata fırlatır.

✋ Auth Guard

📒 Doküman

Route erişimine kısıtlama getirmek için bu fonksiyonu kullanın. TokensService bağımlılığını kullanarak oturum bilgisini kontrol eder. Oturum açılmamış ise istenilen rotaya yönlendirme yapar.

📝 Auth Interceptor

📒 Doküman

Her HttpClient çağrısınınheaders bilgisinde oturum jetonları bulunsun istiyorsanız bu fonksiyonu kullanın.

IS_INTERCEPTORS_DISABLED context bilgisinin true olduğu durumlarda bu fonksiyon çalışmaz. IS_INTERCEPTORS_DISABLED context bilgisi bu paketteki tüm çarğrılarda varasyılan olarak false olarak kullanılır.

https://angular.io/api/common/http/HttpContext