@aut-labs/d-aut v1.0.142-dev
d-Āut - Intro
Web Component - what it does
This Web Component is Āut Labs' decentralized, role-based authentication system.
It lets your users create an account, or login to your platform, in a fully decentralized way, while giving them a familiar (web2-like) experience.
Each user will add their nickname and avatar, and pick a Role in your Nova - after doing that, they will join your Nova, and claim their universal ID.
Web Component Developer notes
When a user successfully connects with dĀut their ĀutID information is stored in the 'Session Storage' with the Key 'aut-data'. Don't forget to add the attribute: nova-address
Pre-requisite: obtain your Nova Address
This Web Component is cross-platform, and can be integrated on any Web framework.
In order to use it, though, you will need to have a Nova Address - you can get deploy your Nova contract, and receive your Nova key directly on our Integrate App.
Web Component installation
Example React
Install the library
npm i @aut-labs/d-aut --save
Import the initialization function in the App.js/tsx (or index.js/tsx)
import { Init } from '@aut-labs/d-aut';
Call the Init function at the start of your project
Init();
Add the custom HTML tag and populate the nova-address property
import './App.css';
import { Init } from '@aut-labs/d-aut;
function App() {
useEffect(() => {
Init();
}, []);
return (
<div>
<d-aut nova-address="0x94C5A2d8B75D139FE02180Fd7Ce87EC55B01b358"></d-aut>
</div>
);
}
export default App;
Example Angular
Install the library
npm i @aut-labs/d-aut --save
Import the initialization function in the app.component.ts
import { Init } from '@aut-labs/d-aut';
Call the Init function inside ngOnInit
ngOnInit(): void { Init(); }
Add the CUSTOM_ELEMENTS_SCHEMA in your app.module.ts
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
Add the custom HTML tag and populate the nova-address property
app.component.ts:
import { Component, OnInit } from '@angular/core';
import { Init } from '@aut-labs/d-aut;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent implements OnInit {
ngOnInit(): void {
Init();
}
title = 'ngular-app';
}
app.module.ts:
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
declarations: [AppComponent],
imports: [BrowserModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
app.component.ts:
<d-aut nova-address="0x94C5A2d8B75D139FE02180Fd7Ce87EC55B01b358"></d-aut>
Example Vue
Install the library
npm i @aut-labs/d-aut --save
Import the initialization function in the App.vue
import { Init } from '@aut-labs/d-aut';
Call the Init function at the start of your project
Init();
Add the custom HTML tag and populate the nova-address property
App.vue:
<script setup>
import { Init } from '@aut-labs/d-aut;
Init();
</script>
<template>
<div class="wrapper">
<d-aut nova-address="0x94C5A2d8B75D139FE02180Fd7Ce87EC55B01b358"></d-aut>
</div>
</template>
<style>
...;
</style>
Web Component Custom HTML element attributes
'chainId' = 'string', 'explorerUrls' = 'string', 'networkName' = 'string', 'rpcUrls' = 'string', 'ipfsGateway' = 'string',
nova-address
The address you are given after Integrating your Novachain-id
Chain id for the desired network defaults to 80001network-name
Name of desired network defaults to Mumbairps-urls
Rpc Urls (separate by commas if multiple) example: "https://rpc-mumbai.maticvigil.com/,https://rpc-mumbai.maticvigil.com/" default: "https://rpc-mumbai.maticvigil.com/"explorer-urls
Explorer Urls (separate by commas if multiple) example: "https://explorer-mumbai.maticvigil.com/,https://explorer-mumbai.maticvigil.com/" default: "https://explorer-mumbai.maticvigil.com/"ipfs-gateway
Set a custom ipfs gateway (useful when getting ipfs timeouts) defaults to https://cloudflare-ipfs.com/ipfsNote about setting custom network parameters:
All four network attributes need to be provided for the custom config to be successfully set - chain-id, network-name, rps-urls, explorer-urls
7 days ago
6 days ago
6 days ago
12 days ago
12 days ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
6 months ago
6 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago