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

odo

v12.0.0

Published

Odo, whatever you want it to be

Downloads

47

Readme

Odo - whatever you want it to be

A Nodejs framework for creating awesome things.

Install via npm

npm install --save odo

Status and current work on Trello

Goals

  1. Easy to install, use, modify, adapt and refactor
  2. Modular and lightweight components that are useful independently
  3. Strong cohesion where things change at the same rate, loose coupling where things change at a different rate
  4. Few concepts needed in any one area of the code to keep mental effort of development low

Odo hopefully follows these goals and also makes it easy to write applications that follow these goals.

Techniques


Get started

Fork odo example (out of date at the moment - contact me to update)

Technologies

Developed alongside Odo

Backend and front end

Back end

Overview

There are two types of code in Odo: infrastructure and plugins.

Infrastructure

Tools, frameworks and techniques make up the odo infrastructure. Using existing 3rd party frameworks and libraries has been prioritised over custom development. Where existing frameworks are not available small independent utilities have been written.

The goal of any infrastructure code is to accomplish one task, do it well and have few touch points with any other code.

Infrastructure is included as and when you need it by code you write. Components like the hub 'odo/hub' and humanize 'odo/humanize' are examples of infrastructure.

Plugins

Plugins are independent features of the application loosely coupled to other plugins to make up the whole application. Usually plugins communicate through a combination of dependency injection and events.

Plugins are added to the systems array in config.cson. Express web authentication modules 'odo/auth', 'odo/auth/local', 'odo/auth/facebook' and public folder 'odo/public' are examples of plugins.

Execution context

Plugins can run in four contexts: web, api, domain and projection. This technique allows the web code, database logic, and validation rules for a particular piece of information to exist in the same codebase but run in four different contexts. Having all aspects in the same codebase increases speed of development and still provides good decoupling between concepts.

Plugins are loaded on startup and either expose themselves as a class or as a plain object. Specific methods are checked for and will be called depending on the context the plugin is running in. These methods are 'web', 'api', 'domain' and 'projection'.

class ExamplePlugin
    web: =>
        console.log "I'm running in web context"
        # I can register express routes here

Frontend plugins are registered by backend code in the 'web' context. They have the ability to bind themselves to several hooks, most importantly as single page application routes through durandal.


Backend infrastructure

Requirejs

All of odo uses requirejs to pull together plugins and components. In the backend node.js's require function is passed into require to include npm modules.

requirejs = require 'requirejs'
requirejs.config
    nodeRequire: require
    paths:
        odo: './node_modules/odo'
        local: './'
requirejs ['odo/bootstrap']

In the frontend requirejs is used more conventionally - included by a html file and configured by a javascript file.

Mandrill

For sending emails.

define ['odo/mandrill'], (Mandrill) ->
    options =
        message:
            text: 'An email sent with Mandrill'
            subject: 'Email from Odo'
            from_email: '[email protected]'
            from_name: 'Odo'
            to: [
                email: '[email protected]'
                name: 'John Smith'
                type: 'to'
            ]

    new Mandrill()
        .send(options)
        .then(-> console.log 'Email away!')
        .catch((err) -> console.log err)

Configuration

Require 'odo/config' into your code to access all configuration.

Configuration is merged from five sources:

  1. A local config.cson file
  2. A cson formatted environment variable 'ODO_CONFIG'
  3. Individual environment variables like 'EXPRESS_PORT'
  4. A cson formatted environment variable 'ODO_EXAMPLE_ODO_CONFIG'
  5. Individual environment variables like 'ODO_EXAMPLE_EXPRESS_PORT'

Use the local config.cson file to add plugins to your project, add configuration that won't change per environment and add events and commands you want published and sent at the start of the application.

Use the environment variable named 'ODO_CONFIG' for database details and other values that change between development and production environments and are shared across all applications running on the same computer.

Using the domain configuration set in config.cson an additional environment variable is also loaded. For example if odo: domain: 'odo-example' is present in the config.cson file then 'ODO_EXAMPLE_ODO_CONFIG' is also parsed. Use this for configuration specific to a project.

Direct environment variables are checked, see config.coffee for a template. For example both 'EXPRESS_PORT' and 'ODO_EXAMPLE_EXPRESS_PORT' will be checked to get the port express should run on, along with any values set in 'ODO_CONFIG' and 'ODO_EXAMPLE_ODO_CONFIG'.

Eventstore

Eventstore provides tooling to help implement Event Sourcing. The infrastructure includes an extend method to add methods and properties to an aggregate object to support event sourcing and the CQRS pattern. It uses the eventstore library and is backed by redis.

See user.coffee for a web, domain and projection eventstore example.

Hub

The hub used for cross plugin communication. It follows the CQRS pattern separating commands from events. The hub is using redis publish and subscribe with specific channels dedicated to each application. Event listers can be bound through the receive method and command handlers can be bound through the handle method. Send and publish methods are used to send commands and publish events.

define ['odo/hub'], (hub) ->
    hub.receive 'userHasDisplayName', (event, cb) ->
        console.log "A new display name! #{event.payload.displayName}"
        cb()

    hub.send
        command: 'assignDisplayNameToUser'
        payload:
            id: 34
            displayName: 'John Smith'
            
    hub.publish
        event: 'subspotActivityHasIncreased'
        payload:
            amount: '100%'

Plugin

Plugin is a component to help load other plugins. It provides web, api, domain and projection methods that call the same named method on an array of plugins passed to it's constructor.

define [
    'odo/plugins'
    'local/identity/user'
    'local/identity/organisation'
    'local/identity/invitation'
    'local/identity/permissions'
    'local/identity/public'
], (Plugins, plugins...) ->
    new Plugins plugins

Misc helpers

Recorder and sequencer are classes used internally, you're welcome to use them too although they might change.


Backend plugins

Express

Express is a web application framework. It provides structure for url handling, request parsing, templating and more.

The web context is based around express. Plugins exposed in the web context are given an opportunity to register against different parts of express to define routes and extend the express system.

define ['odo/express'], (express) ->
    web: ->
        express.get '/test', (req, res) ->
            res.send 'Hello World'

'odo/express' needs to be included in the systems array after any plugins wanting web context.

Restify

Restify is a framework to build REST web services. It's very similar to express and provides accept header parsing, throttling, jsonp and more.

The api context is based around restify. Plugins exposed in the api context are given the opportunity to register against different parts of restify to define routes and extend the restify system.

define ['odo/restify'], (restify) ->
    web: ->
        restify.get '/test', (req, res) ->
            res.send 'Hello World'

'odo/restify' needs to be included in the systems array after any plugins wanting api context.

Bower

Bower is a package manager for the web. Installed components will be available in a local bower_components directory.

The odo bower plugin hosts the /bower_components directory so anything you've installed with bower is available to the web.

E.g. bower install --save jquery will result in http://localhost:1234/bower_components/jquery/dist/jquery.min.js being available, depending on your express port.

Durandal

Durandal is a single page application library. It uses requirejs, knockoutjs and jQuery to stitch together views and widgets that respond to anchor tags as urls.

The durandal plugin allows other plugins to register components to be used in the Front End.

define [
    'module'
    'odo/express'
    'odo/durandal'
], (module, express, durandal) ->
    web: ->
        express.route '/views', express.modulepath(module.uri) + '/public'
        durandal.register 'views/welcome'

And in a public folder is welcome.coffee and welcome.html:

define ['knockout', 'plugins/router'], (ko, router) ->
    router.map
        route: ''
        moduleId: 'views/welcome'
    
    class Welcome
        title: 'Welcome'
        
        constructor: ->
            @displayName = ko.observable 'John Smith'
<div class="test">
    <h1>Test Page</h1>
    <p>Welcome <span data-bind="text: displayName"></span><p>
</div>

See the durandal front end folder for more information.

Handlebars

Handlebars is a templating engine available in Nodejs and in the browser. In odo we're using it in Nodejs for rendering static files, if needed. When writing a single page app this is often not needed.

Handlebars is a plugin in the web context to register handlebars as the view engine for express and add additional functionality for handlebars including a custom render method.

define ['odo/express'], (module, express) ->
    web: =>
        express.get '/test', (req, res) ->
            res.render
                view: 'templates/layout'
                data:
                    title: req.user.displayName
                    displayName: 'John Smith'
                partials:
                    content: 'test'

The code sample above will combine the layout template with the test template from a directory called 'templates' and pass in some information to be used when rendering.

layout.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{title}}</title>
    </head>

    <body>
        {{hook 'content'}}
    </body>
</html>

test.html:

<div class="test">
    <h1>Test Page</h1>
    <p>Welcome {{displayName}}<p>
</div>

Public

The public plugin hosts a public directory available in your application for static assets and durandal models and views.

Passport authentication - local, google, facebook, twitter and metocean

Passport is a framework and a collection of plugins to provide authentication for Nodejs applications. It has support for most common providers such as google, facebook, twitter, and linkedin.

The passport authentication plugins provide urls and methods to authenticate a user with passport and passport plugins. Custom local, twitter, facebook, google and metocean passport plugins have been provided.