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

@outwalk/firefly

v0.9.1

Published

Firefly - a modern scalable web framework.

Downloads

158

Readme

@outwalk/firefly

A modern scalable web framework.

Actions License Follow Us


Installation

You can install @outwalk/firefly using npm:

npm install @outwalk/firefly

Table of Contents


Application

Your Firefly application starts with the Application interface. This object takes in platform and database options, loads the application based on the file based routing and decorators, and sends the data to the chosen platform to be converted into functioning http routes. The the application's listen() method accepts a port and defaults to 8080. This method is what starts the Firefly application.

When you start a new Firefly project, your index.js should look something like this:

import { Application } from "@outwalk/firefly";
import { ExpressPlatform } from "@outwalk/firefly/express";
import { MongooseDatabase } from "@outwalk/firefly/mongoose";

/* setup the platform and global middleware */
const platform = new ExpressPlatform();

/* setup the database and global plugins */
const database = new MongooseDatabase();

/* start the application */
new Application({ platform, database }).listen();

Building Controllers

Controllers are classes marked with the @Controller() decorator. They are used to define your routes and handle incoming http requests. Controllers use file based routing. This means the route url will be the path relative to the src directory. For example creating a controller inside src/tasks will result in a route being created at /tasks. The actual name of the controller file does not matter as long as it ends with .controller.js. Optionally you can change the route of the controller by passing it to the @Controller() decorator. Its important to note that this only replaced the immediate route fragment, in the tasks example this would replace the /tasks in src/tasks.

Each route can be defined using an http method decorator, Firefly provides a decorator for all http methods such as @Get() and @Post(). If you want to do something more advanced, there is also the @Http() decorator that accepts a method and route argument. All standard http decorators accepts a route argument that defaults to /.

Route methods recieve the platforms request and response objects as arguments. Additionally You can return responses directly from the route method. The returned value will be serialized and sent as the response.

Controllers are only detected by Firefly when naming your files ending with .controller.js. Ex: tasks.controller.js.

Example:

import { Controller, Get } from "@outwalk/firefly";

@Controller()
export class TaskController {

    tasks = ["task 1", "task 2", "task 3"];

    @Get()
    getTasks() {
        return this.tasks;
    }

    @Get("/:id")
    getTaskById(req, res) {
        return this.tasks.find((task) => task == req.params.id);
    }
}

Middleware

Controllers also have support for middleware via the @Middleware() decorator. This decorator can be applied to the entire controller or to specific routes. Any values passed into the decorator are associated with the appropriate routes and the underlying platform handles connecting them.

In the following example we apply the cors middleware to both the entire controller and to the getTasks route method.

Example:

import { Controller, Middleware, Get } from "@outwalk/firefly";
import cors from "cors";

@Controller()
@Middleware(cors())
export class TaskController {

    tasks = ["task 1", "task 2", "task 3"];

    @Get()
    @Middleware(cors())
    getTasks() {
        return this.tasks;
    }

    @Get("/:id")
    getTaskById(req, res) {
        return this.tasks.find((task) => task == req.params.id);
    }
}

Building Services

Services are classes marked with the @Injectable() decorator that are used to write business logic and interact with a database. Services are automatically available to controllers and other services through dependency injection.

Services are only detected by Firefly when naming your files ending with .service.js. Ex: tasks.service.js.

Example:

import { Injectable } from "@outwalk/firefly";

@Injectable()
export class TaskService {

    tasks = ["task 1", "task 2", "task 3"];

    async getTasks() {
        return this.tasks;
    }

    async getTaskById(id) {
        return this.tasks.find((task) => task == id);
    }
}

Async Constructors

Firefly heavily relies on classes for its API, you can use the normal class constructor but this does not support async functionlity. As an alternative for both controllers and services, you can import the @Init() decorator and decorate a class method with it. This method will become an async constructor and get called during construction time of the controller or service.

import { Controller, Init } from "@outwalk/firefly";
import { Task } from "./task.entity";

@Controller()
export class TaskController {

    @Init()
    async init() {
        await Task.create({ name: "task 1" }).exec();
    }
}

Dependency Injection

Dependency injection is a a technique that allows objects to define their dependencies through instance properties and have them provided through the framework rather than constructing them itself. This works great for creating services to share business logic or share object values across different parts of the application.

In Firefly you can define an object that can be injected using the @Injectable() decorator as outlined in the Building Services section. In order to inject a dependency we can use the @Inject() decorator inside a controller or service. The Inject decorator requires the property name to be the camlCase version of the service class name, otherwise the service can be imported and passed as an argument to the Inject decorator.

In the following example we will utilze the service created in the previous section, and update the controller from the Building Controllers section to use dependency injection.

Example:

import { Controller, Inject, Get } from "@outwalk/firefly";

@Controller()
export class TaskController {

    @Inject() taskService;

    @Get()
    getTasks() {
        return this.taskService.getTasks();
    }

    @Get("/:id")
    getTaskById(req, res) {
        return this.taskService.getTaskById(req.params.id);
    }
}

Error Handling

Firefly has built-in error handling, you can throw an error from anywhere in the lifecycle and it will automatically catch it and respond with a 500 status code by default. Optionally you can use our provided error objects for throwing specific errors. Error objects are provided for all 4xx and 5xx status codes, and you can use HttpError to specify your own status code.

In this example we update the service created in the Building Services section to throw a 404 error when a task is not found.

Example:

import { Injectable } from "@outwalk/firefly";
import { NotFound } from "@outwalk/firefly/errors";

@Injectable()
export class TaskService {

    tasks = ["task 1", "task 2", "task 3"];

    async getTasks() {
        if (this.tasks.length == 0) {
            throw new NotFound("There are no tasks.");
        }

        return this.tasks;
    }

    async getTaskById(id) {
        if (!this.tasks.includes(id)) {
            throw new NotFound("The requested task was not found.");
        }

        return this.tasks.find((task) => task == req.params.id);
    }
}

Express Platform

Firefly is platform agnostic. The controller decorators provide metadata to the class which is handled by the application interface, out of the box, Firefly provides a platform binding for express, enabling integration with the entire express ecosystem.

Firefly also extends the Express Request object by adding a rawBody property to it, which is useful for webhook signature validation. When using typescript you can access the request typing for this by importing RawBodyRequest from @outwalk/firefly/express.

Example:

import { Application } from "@outwalk/firefly";
import { ExpressPlatform } from "@outwalk/firefly/express";
import cors from "cors";

/* setup the platform and global middleware */
const platform = new ExpressPlatform();
platform.use(cors());

/* start the application */
new Application({ platform }).listen();

Mongoose Database

Firefly is database agnostic. Out of the box, Firefly provides a database object for MongoDB with Mongoose. When utilizing a database, you must configure the database connection before running the application. The MongooseDatabase object provides automatic detection of the DATABASE_URL environment variable, this is the suggested method of connecting but you can also pass a url option to the MongooseDatabase constructor.

Example:

import { Application } from "@outwalk/firefly";
import { ExpressPlatform } from "@outwalk/firefly/express";
import { MongooseDatabase } from "@outwalk/firefly/mongoose";

/* setup the platform and global middleware */
const platform = new ExpressPlatform();

/* setup the database and global plugins */
const database = new MongooseDatabase();
database.plugin(import("mongoose-autopopulate"));

/* start the application */
new Application({ platform, database }).listen();

Firefly also provides additional helper decorators such as @Entity() and @Prop(). In order for the entity decorator to properly understand how to compile your entity, you must extend either Model or Schema which are the direct mongoose objects with modified types. For defining virtual properties, Firefly provides the @Virtual() decorator which can be used in place of the @Prop() decorator.

Example:

import { Entity, Model, Prop } from "@outwalk/firefly/mongoose";

@Entity()
export class Task extends Model {

    @Prop(String) name;

    @Prop(Boolean) isDone;
}

In cases where you have a complex prop with nested properties, you may want to use a Subdocument. Firefly supports this via the @Entity() decorator, this allows you to create a class that supports all the same features as a normal entity, but rather than extend Model and be in its own collection, you can extend Schema and nest it inside another entity. this works similar to a entity reference but does not require populating it.

Example:

import { Entity, Schema, Model, Prop } from "@outwalk/firefly/mongoose";

@Entity()
export class Price extends Schema {

    @Prop(String) currency;

    @Prop(Number) amount;
}

@Entity()
export class Product extends Model {

    @Prop(String) name;

    @Prop(Price) price;
}

Mongoose plugins are supported via @Plugin() decoraotr. These plugins will only apply to the current entity. Its worth noting that these plugins are required to be static imports because the Entity decorator is unable to resolve dynamic imports before the model is compiled.

Example:

import { Entity, Plugin } from "@outwalk/firefly/mongoose";
import mongooseAutoPopulate from "mongoose-autopopulate";

@Entity()
@Plugin(mongooseAutoPopulate)

Firefly also provides support for defining an index on the Mongoose schema. This can be done via the @Index() decorator.

Example:

import { Entity, Index } from "@outwalk/firefly/mongoose";

@Entity()
@Index({ name: "text" }, { weights: { name: 10 } })

In more complex cases you may want to extend from another entity. For example, this enables the ability to have an array typed with a super class that all sub classes can be stored in. In mongoose you can do this using the Model.discriminator function. This can still be done with the entity decorator, however you can also just extend the parent model like any other class.

Example:

import { Entity, Model, Prop } from "@outwalk/firefly/mongoose";

@Entity()
export class Animal extends Model { ... }

@Entity()
export class Dog extends Animal { ... }

@Entity()
export class Person extends Model {

    @Prop([Animal]) pets;
}

const person = await Person.findOne(...).exec();
person.pets.push(new Dog());

Custom Integrations

Firefly provides Platform and Database classes to create your own integrations for use with the Firefly framework. Instances of these objects can be passed into the Application interface. The Database interface provides a displayConnectionMessage() method to only display the connection message on the first load.

Platform Example:

import { Platform } from "@outwalk/firefly";

class CustomPlatform extends Platform {
    
    loadController(route, middleware, routes) {}

    loadErrorHandler() {}

    listen(port) {}
}

Database Example:

import { Database } from "@outwalk/firefly";

class CustomDatabase extends Database {
    
    async connect() {
        super.displayConnectionMessage();
    }

    isConnected() { 
        return false
    }
}

CLI Commands

Firefly provides a set of commands that power the build process and launching of the application. The build and start command both accept a --dev option which will run it in dev mode.

# build the application
firefly build

# start the application
firefly start

# log the firefly version
firefly --version

# log the help menu
firefly --help

Reporting Issues

If you are having trouble getting something to work with Firefly or run into any problems, you can create a new issue.


License

Firefly is licensed under the terms of the MIT license.