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

sio-moduler

v1.0.5

Published

Make public any node_modules package

Downloads

293

Readme

Moduler

License

Ver la versión en español

SIO-Moduler is a package for Node.js that allows you to expose any package from node_modules and acts as middleware in Express applications. This is useful for facilitating the import of modules in the browser.

SIO-Moduler uses the exports property of packages to generate the routes that will be used; if this property does not exist, it generates them using the module or main property; finally, if none of these exist, it looks for the existence of the "index.js" file in the project.

Installation

You can install SIO-Moduler via npm:

npm install sio-moduler

Usage

Once installed, you can use Moduler in your Express application like this:

import express from 'express';
import moduler from 'sio-moduler';

const app = express();
const modules = ['module-name']; // Replace with the modules you want to expose

// Use SIO-Moduler middleware
app.use('/modules', moduler(modules));

// Start the server
app.listen(3000, () => {
  console.log('Server running on port 3000');
});

Importing Modules from the Browser

Once you have set up your server, you can import your modules directly from the browser using <script> tags. For example, if you exposed a module named module-name, you can import it like this:

<script type="module">
  import { something } from '/modules/module-name';
  
  // Use 'something' in your code
  something();
</script>

Features

  • Module Import: SIO-Moduler redefines the import paths for files being imported from node_modules, making them accessible from the browser.

  • Dependency Support: SIO-Moduler also manages your module dependencies and makes them accessible automatically.

  • Dynamic Routes: Routes are configured dynamically based on the export structure of the packages, facilitating their use.

Keywords

  • node_modules
  • public
  • browser
  • middleware
  • express

Contribution

If you wish to contribute to SIO-Moduler, please submit a pull request or open an issue.

Author

Siorbita: Adrián Mercado Martínez

License

This project is licensed under the ISC license. For more details, please see the LICENSE file.