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

@teamteanpm2024/ea-modi-illum

v2.0.3

Published

Downloads

11

Maintainers

shivamkalsi2024shivamkalsi2024

Keywords

regular expressionsymlinksmapbundlerweakmapReflect.getPrototypeOfworkspace:*ES2022corspreserve-symlinks.envvaluesduplexconcatMaphigher-ordertypedarrayoperating-systemreadableESnextfull-widthcolumnflatten__proto__esStreamsprogressapilazyparents@@toStringTagspectsanimationautoprefixeroutput256pyyamlObject.assignreact poseconfigpackage.jsontapstringintrinsicchineseemitfspackage managerWebSocketstrimLeftshrinkwrapconsumecss lessparserargspipeECMAScript 2015ECMAScript 6ECMAScript 5Object.getPrototypeOfassertmatchdescriptionArray.prototype.flatmulti-packageexpressslicewaitregular expressionstapeinternaldeepclonegraphqllesscssomitsignalnegative zeroimmerielesslookl10ndataObject.keysserializationfastclonesetworkerrandomArray.prototype.flatMapdescriptortrimdefinehandlersfunctionskeygradients css3columnsunicodeexefetchinstallerexecmimedebugphonejskeysprivatedirectoryloggingtranspilerarktypecode pointsflagsdefinePropertyratelimitshebangargumentcss nestingchromiumSymboldeepcopyxdgcallbackpromisepnpm9Object.entriesfigletcoercibleenumerableopensregulartddwhatwgwaapiweaksetconfigurableFloat32Arrayi18nargvsetImmediateReactiveXbytefilterquerystringlanguageclonemiddlewareguidpropertieslistenersgetwordwrapstreams2mkdirsnodejsdiffviewstringifycoretypescriptenderES2016expressionformattingexit-coderfc4122compile lessfind-upsharedarraybuffercss-in-jsBigInt64ArrayastbindassertionupArray.prototype.findLastdeep-clonegenericsbcryptvalidationerrordependenciesxhrwalkinghashcurlRFC-6455wordbreakRegExp.prototype.flagstypedhookformcall-boundinspectequalfantasy-landFloat64Arrayjapanesees-shim APImoduletypesanitizees2018Object.definePropertydebuggergetterloadingecmascriptfixed-widthglobsignalsjoihttptoolkitsymbolprotobufutilsfast-deep-clonebusycalllaunchless.jsinputremoveSetstylescollection.es6speedoptimizerfastreact animationdotenvvalueRxJSarraybuffercommanderconsoleparsemacosTypeBoxdeleteobjectflatstyled-componentsStreamECMAScript 2022serializevalidatematchesObservablesRxreact-hook-formeslintconfigspawnprotocol-buffersmatchAllclassescore-jsvalidtc39toStringTagcharacterssymlinknumberinstallrecursivebluebirdgetoptURLSearchParamsregexpinvarianttoolssomemake dirvestcensorarraysdataViewwatchingmovemonorepoidletsigintconst6to5offsetencryptionpure_.extendwarningjavascriptindicatorbootstrap lessmodulessameValueZerofindLastIndexJSONpositivepostcss-pluginspinnermkdirpmrubufferspreprocessorstatusObject.fromEntriesspinnersprefixconcurrencypolyfillcontainsUint32Arrayasciienvreaddependency managereslintfast-copybabel-coretestingpasswordgetintrinsicECMAScript 2019arrayeditorhardlinksuser-streamsqsUint8ClampedArraypersistenturlsoptionwritableES5es-abstractvariables in cssaccessibilityMicrosoftutilreactpropertyTypeScriptArrayBufferdiravanamepromisesthreecheckpathes5findLastbootstrap cssansiescapeerror-handlingcss variablestartercopyes2017startcomputed-typesgdprprettypoint-freeECMAScript 3sortjQuerysettingsUint16ArraysymbolsObservablevarminimalqueryECMAScript 2020queuelinewrapformopenerzerogetOwnPropertyDescriptoraccessorbddreact-hookseslint-plugines2016ES6ReactiveExtensionsECMAScript 2018serializerPushfunctionalforEachuuidbyteLengthchannelkoreanECMAScript 7lrustylingeventsInt8Arrayform-validationxtermObject.valuesclientStyleSheetHyBiJSON-SchemaexecutableECMAScript 2021jsdiffconnectwhichschemaUint8ArrayflatMapdeepString.prototype.matchAllhascryptTypedArrayes-shimsES2023domframeworkargparseexitIteratorbrowserdataviewpruneshellES2021MapwindowsjsxstylecjkauthenticationjestchildsafecreatetouchutilitytexthelpersqueueMicrotaskreact-testing-librarynopedefaultclass-validatorttyfindES7requireclibreakrangeerrorES2020deep-copycmdtermreduxfullwidthefficientPromisecharacterloggerposeArray.prototype.containsbrowserlistlimited$.extendsideawesomesauce

Readme

@teamteanpm2024/ea-modi-illum

CI NPM version js-standard-style

Convenience plugin for Fastify that loads all plugins found in a directory and automatically configures routes matching the folder structure.

Installation

npm i @teamteanpm2024/ea-modi-illum

Example

Fastify server that automatically loads in all plugins from the plugins directory:

const fastify = require('fastify')
const autoload = require('@teamteanpm2024/ea-modi-illum')

const app = fastify()

app.register(autoload, {
  dir: path.join(__dirname, 'plugins')
})

app.listen({ port: 3000 })

or with ESM syntax:

import autoLoad from '@teamteanpm2024/ea-modi-illum'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
import fastify from 'fastify'

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)

const app = fastify()

app.register(autoLoad, {
  dir: join(__dirname, 'plugins')
})

app.listen({ port: 3000 })

Folder structure:

├── plugins
│   ├── hooked-plugin
│   │   ├── autohooks.mjs
│   │   ├── routes.js
│   │   └── children
│   │       ├── commonjs.cjs
│   │       ├── module.mjs
│   │       └── typescript.ts
│   ├── single-plugin
│   │   ├── index.js
│   │   └── utils.js
│   ├── more-plugins
│   │   ├── commonjs.cjs
│   │   ├── module.mjs
│   │   └── typescript.ts
│   └── another-plugin.js
├── package.json
└── app.js

Global Configuration

Autoload can be customised using the following options:

  • dir (required) - Base directory containing plugins to be loaded

    Each script file within a directory is treated as a plugin unless the directory contains an index file (e.g. index.js). In that case only the index file (and the potential sub-directories) will be loaded.

    The following script types are supported:

    • .js (CommonJS or ES modules depending on type field of parent package.json)
    • .cjs (CommonJS)
    • .mjs (ES modules)
    • .ts (TypeScript)
  • dirNameRoutePrefix (optional) - Default: true. Determines whether routes will be automatically prefixed with the subdirectory name in an autoloaded directory. It can be a sync function that must return a string that will be used as prefix, or it must return false to skip the prefix for the directory.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'routes'),
      dirNameRoutePrefix: false // lack of prefix will mean no prefix, instead of directory name
    })
    
    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'routes'),
      dirNameRoutePrefix: function rewrite (folderParent, folderName) {
        if (folderName === 'YELLOW') {
          return 'yellow-submarine'
        }
        if (folderName === 'FoOoO-BaAaR') {
          return false
        }
        return folderName
      }
    })
  • matchFilter (optional) - Filter matching any path that should be loaded. Can be a RegExp, a string or a function returning a boolean.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      matchFilter: (path) => path.split("/").at(-2) === "handlers"
    })
  • ignoreFilter (optional) - Filter matching any path that should not be loaded. Can be a RegExp, a string or a function returning a boolean.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      ignoreFilter: (path) => path.endsWith('.spec.js')
    })
  • ignorePattern (optional) - RegExp matching any file or folder that should not be loaded.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      ignorePattern: /^.*(?:test|spec).js$/
    })
  • indexPattern (optional) - Regex to override the index.js naming convention

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      indexPattern: /^.*routes(?:\.ts|\.js|\.cjs|\.mjs)$/
    })
  • maxDepth (optional) - Limits the depth at which nested plugins are loaded

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      maxDepth: 2 // files in `opts.dir` nested more than 2 directories deep will be ignored.
    })
  • forceESM (optional) - If set to 'true' it always use await import to load plugins or hooks.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      forceESM: true
    })
  • encapsulate (optional) - Defaults to 'true', if set to 'false' each plugin loaded is wrapped with fastify-plugin. This allows you to share contexts between plugins and the parent context if needed. For example, if you need to share decorators. Read this for more details.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      encapsulate: false
    })
  • options (optional) - Global options object used for all registered plugins

    Any option specified here will override plugin.autoConfig options specified in the plugin itself.

    When setting both options.prefix and plugin.autoPrefix they will be concatenated.

    // index.js
    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      options: { prefix: '/defaultPrefix' }
    })
    
    // /plugins/something.js
    module.exports = function (fastify, opts, next) {
      // your plugin
    }
    
    module.exports.autoPrefix = '/something'
    
    // /plugins/something.mjs
    export default function (f, opts, next) {
      f.get('/', (request, reply) => {
        reply.send({ something: 'else' })
      })
    
      next()
    }
    
    export const autoPrefix = '/prefixed'
    
    // routes can now be added to /defaultPrefix/something
  • autoHooks (optional) - Apply hooks from autohooks.js file(s) to plugins found in folder

    Automatic hooks from autohooks files will be encapsulated with plugins. If false, all autohooks.js files will be ignored.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      autoHooks: true // apply hooks to routes in this level
    })

    If autoHooks is set, all plugins in the folder will be encapsulated and decorated values will not be exported outside the folder.

  • autoHooksPattern (optional) - Regex to override the autohooks naming convention

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      autoHooks: true,
      autoHooksPattern: /^[_.]?auto_?hooks(?:\.js|\.cjs|\.mjs)$/i
    })
  • cascadeHooks (optional) - If using autoHooks, cascade hooks to all children. Ignored if autoHooks is false.

    Default behaviour of autoHooks is to apply hooks only to the level on which the autohooks.js file is found. Setting cascadeHooks: true will continue applying the hooks to any children.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      autoHooks: true, // apply hooks to routes in this level,
      cascadeHooks: true // continue applying hooks to children, starting at this level
    })
  • overwriteHooks (optional) - If using cascadeHooks, cascade will be reset when a new autohooks.js file is encountered. Ignored if autoHooks is false.

    Default behaviour of cascadeHooks is to accumulate hooks as new autohooks.js files are discovered and cascade to children. Setting overwriteHooks: true will start a new hook cascade when new autohooks.js files are encountered.

    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      autoHooks: true, // apply hooks to routes in this level,
      cascadeHooks: true, // continue applying hooks to children, starting at this level,
      overwriteHooks: true // re-start hook cascade when a new `autohooks.js` file is found
    })
  • routeParams (optional) - Folders prefixed with _ will be turned into route parameters.

    If you want to use mixed route parameters use a double underscore __.

    /*
    ├── routes
    ├── __country-__language
    │   │  └── actions.js
    │   └── users
    │       ├── _id
    │       │   └── actions.js
    │       ├── __country-__language
    │       │   └── actions.js
    │       └── index.js
    └── app.js
    */
    
    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'routes'),
      routeParams: true
      // routes/users/_id/actions.js will be loaded with prefix /users/:id
      // routes/__country-__language/actions.js will be loaded with prefix /:country-:language
    })
    
    // curl http://localhost:3000/users/index
    // { userIndex: [ { id: 7, username: 'example' } ] }
    
    // curl http://localhost:3000/users/7/details
    // { user: { id: 7, username: 'example' } }
    
    // curl http://localhost:3000/be-nl
    // { country: 'be', language: 'nl' }

Override TypeScript detection using an environment variable

It is possible to override the automatic detection of a TypeScript-capable runtime using the FASTIFY_AUTOLOAD_TYPESCRIPT environment variable. If set to a truthy value Autoload will load .ts files, expecting that node has a TypeScript-capable loader.

This is useful for cases where you want to use Autoload for loading TypeScript files but detecting the TypeScript loader fails because, for example, you are using a custom loader.

It can be used like this:

FASTIFY_AUTOLOAD_TYPESCRIPT=1 node --loader=my-custom-loader index.ts

Plugin Configuration

Each plugin can be individually configured using the following module properties:

  • plugin.autoConfig - Configuration object which will be used as opts parameter

    module.exports = function (fastify, opts, next) {
      console.log(opts.foo) // 'bar'
      next()
    }
    
    module.exports.autoConfig = { foo: 'bar' }

    Or with ESM syntax:

    import plugin from '../lib-plugin.js'
    
    export default async function myPlugin (app, options) {
      app.get('/', async (request, reply) => {
        return { hello: options.name }
      })
    }
    export const autoConfig = { name: 'y' }
  • plugin.autoPrefix - Set routing prefix for plugin

    module.exports = function (fastify, opts, next) {
      fastify.get('/', (request, reply) => {
        reply.send({ hello: 'world' })
      })
    
      next()
    }
    
    module.exports.autoPrefix = '/something'
    
    // when loaded with autoload, this will be exposed as /something

    Or with ESM syntax:

    export default async function (app, opts) {
      app.get('/', (request, reply) => {
        return { something: 'else' }
      })
    }
    
    export const autoPrefix = '/prefixed'
  • plugin.prefixOverride - Override all other prefix options

    // index.js
    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      options: { prefix: '/defaultPrefix' }
    })
    
    // /foo/something.js
    module.exports = function (fastify, opts, next) {
      // your plugin
    }
    
    module.exports.prefixOverride = '/overriddenPrefix'
    
    // this will be exposed as /overriddenPrefix

    Or with ESM syntax:

    export default async function (app, opts) {
      // your plugin
    }
    
    export const prefixOverride = '/overriddenPrefix'

    If you have a plugin in the folder you do not want any prefix applied to, you can set prefixOverride = '':

    // index.js
    fastify.register(autoLoad, {
      dir: path.join(__dirname, 'plugins'),
      options: { prefix: '/defaultPrefix' }
    })
    
    // /foo/something.js
    module.exports = function (fastify, opts, next) {
      // your plugin
    }
    
    // optional
    module.exports.prefixOverride = ''
    
    // routes can now be added without a prefix
  • plugin.autoload - Toggle whether the plugin should be loaded

    Example:

    module.exports = function (fastify, opts, next) {
      // your plugin
    }
    
    // optional
    module.exports.autoload = false
  • opts.name - Set name of plugin so that it can be referenced as a dependency

  • opts.dependencies - Set plugin dependencies to ensure correct load order

    Example:

    // plugins/plugin-a.js
    const fp = require('fastify-plugin')
    
    function plugin (fastify, opts, next) {
      // plugin a
    }
    
    module.exports = fp(plugin, {
      name: 'plugin-a',
      dependencies: ['plugin-b']
    })
    
    // plugins/plugin-b.js
    function plugin (fastify, opts, next) {
      // plugin b
    }
    
    module.exports = fp(plugin, {
      name: 'plugin-b'
    })

    Autohooks:

    The autohooks functionality provides several options for automatically embedding hooks, decorators, etc. to your routes. CJS and ESM autohook formats are supported.

    The default behaviour of autoHooks: true is to encapsulate the autohooks.js plugin with the contents of the folder containing the file. The cascadeHooks: true option encapsulates the hooks with the current folder contents and all subsequent children, with any additional autohooks.js files being applied cumulatively. The overwriteHooks: true option will re-start the cascade any time an autohooks.js file is encountered.

    Plugins and hooks are encapsulated together by folder and registered on the fastify instance which loaded the @teamteanpm2024/ea-modi-illum plugin. For more information on how encapsulation works in Fastify, see: https://fastify.dev/docs/latest/Reference/Encapsulation/#encapsulation

    Example:

    ├── plugins
    │   ├── hooked-plugin
    │   │   ├── autohooks.js // req.hookOne = 'yes' # CJS syntax
    │   │   ├── routes.js
    │   │   └── children
    │   │       ├── old-routes.js
    │   │       ├── new-routes.js
    │   │       └── grandchildren
    │   │           ├── autohooks.mjs // req.hookTwo = 'yes' # ESM syntax
    │   │           └── routes.mjs
    │   └── standard-plugin
    │       └── routes.js
    └── app.js
    // hooked-plugin/autohooks.js
    
    module.exports = async function (app, opts) {
      app.addHook('onRequest', async (req, reply) => {
        req.hookOne = yes;
      });
    }
    
    // hooked-plugin/children/grandchildren/autohooks.mjs
    
    export default async function (app, opts) {
      app.addHook('onRequest', async (req, reply) => {
        req.hookTwo = yes
      })
    }
    # app.js { autoHooks: true }
    
    $ curl http://localhost:3000/standard-plugin/
    {} # no hooks in this folder, so behaviour is unchanged
    
    $ curl http://localhost:3000/hooked-plugin/
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/old
    {}
    
    $ curl http://localhost:3000/hooked-plugin/children/new
    {}
    
    $ curl http://localhost:3000/hooked-plugin/children/grandchildren/
    { hookTwo: 'yes' }
    # app.js { autoHooks: true, cascadeHooks: true }
    
    $ curl http://localhost:3000/hooked-plugin/
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/old
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/new
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/grandchildren/
    { hookOne: 'yes', hookTwo: 'yes' } # hooks are accumulated and applied in ascending order
    # app.js { autoHooks: true, cascadeHooks: true, overwriteHooks: true }
    
    $ curl http://localhost:3000/hooked-plugin/
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/old
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/new
    { hookOne: 'yes' }
    
    $ curl http://localhost:3000/hooked-plugin/children/grandchildren/
    { hookTwo: 'yes' } # new autohooks.js takes over

License

MIT