Firebase

Node types list for the Firebase provider.

Example Usage

import { Diagram } from "diagrams-js";
import { Firebase } from "diagrams-js/firebase/base";
import { Authentication, Firestore, Functions } from "diagrams-js/firebase/develop";

const diagram = Diagram("Firebase Architecture", { direction: "TB" });

const node1 = diagram.add(Firebase("Node 1"));
const node2 = diagram.add(Authentication("Node 2"));

node1.to(node2);

const svg = await diagram.render();

note

All node types available in the Python diagrams library are also available in diagrams-js with the same class names and structure.

Node Reference

firebase/base

Firebase

import { Firebase } from "diagrams-js/firebase/base"

firebase/develop

Authentication

import { Authentication } from "diagrams-js/firebase/develop"

Firestore

import { Firestore } from "diagrams-js/firebase/develop"

Functions

import { Functions } from "diagrams-js/firebase/develop"

Hosting Hosting

import { Hosting } from "diagrams-js/firebase/develop"

MLKit MLKit

import { MLKit } from "diagrams-js/firebase/develop"

RealtimeDatabase

import { RealtimeDatabase } from "diagrams-js/firebase/develop"

Storage Storage

import { Storage } from "diagrams-js/firebase/develop"

firebase/extentions

Extensions

import { Extensions } from "diagrams-js/firebase/extentions"

firebase/grow

ABTesting

import { ABTesting } from "diagrams-js/firebase/grow"

AppIndexing

import { AppIndexing } from "diagrams-js/firebase/grow"

DynamicLinks

import { DynamicLinks } from "diagrams-js/firebase/grow"

InAppMessaging

import { InAppMessaging } from "diagrams-js/firebase/grow"

Invites Invites

import { Invites } from "diagrams-js/firebase/grow"

Messaging

import { Messaging } from "diagrams-js/firebase/grow"

Predictions

import { Predictions } from "diagrams-js/firebase/grow"

RemoteConfig

import { RemoteConfig } from "diagrams-js/firebase/grow"

firebase/quality

AppDistribution

import { AppDistribution } from "diagrams-js/firebase/quality"

CrashReporting

import { CrashReporting } from "diagrams-js/firebase/quality"

Crashlytics

import { Crashlytics } from "diagrams-js/firebase/quality"

PerformanceMonitoring

import { PerformanceMonitoring } from "diagrams-js/firebase/quality"

TestLab TestLab

import { TestLab } from "diagrams-js/firebase/quality"

Example Usage​

Node Reference​

firebase/base​

firebase/develop​

firebase/extentions​

firebase/grow​

firebase/quality​