Git Product home page Git Product logo

basetag's Introduction

basetag ⚾️

basetag lets you use local modules relative to your Node.js project base path

Build status Package version Downloads per month Total downloads MIT license Follow @jnnksbrt on Twitter

Usage · Docs · Why? · How? · License

basetag creates a $ symlink in your local node_modules so that you can:

😓 Turn this:

const balls = require('../../../../baseball/balls'); // ❌

🤯 Into this:

const balls = require('$/baseball/balls'); // ✅

Usage 🛠

Install as a dev dependency:

npm install --save-dev basetag

Create a $ symlink in your local node_modules by running:

npx basetag link --hook

Upgrade existing requires and imports to the basetag way:

# require('../../baseball') => require('$/baseball')
npx basetag rebase

⚠️ Unfortunately, npm does not like basetag very much

npm will remove the $ on every npm install <package>

To fix this issue there are some solutions:

Fix #1

Use the postinstall script to run basetag after every npm install

package.json

"scripts": {
  "postinstall": "npx basetag link"
}

Fix #2

Use the --hook flag (which sets up an npm hook that runs basetag after every npm install <package>

You only have to do this once (unless you delete your node_modules folder). But, you can also use this in connection with Fix #1.

npx basetag link --hook

Docs 📚

basetag has a few commands that can be run via npx basetag <command>

  • link [--absolute] [--hook] — creates a relative $ symlink
    • --absolute creates an absolute symlink rather than relative
    • --hook sets up basetag to run after every npm install ...
  • rebase - upgrades requires and imports to use the package-relative $/
  • TODO debase - downgrades requires and imports to use file-relative ../s

Why? ⚡️

What does basetag solve?

In Node.js applications we sometimes want to import local modules that are in different far away subdirectories. This can lead to very messy looking require statements. Using basetag you can import modules with $/ as the project base path. If you're not convinced, check out the example below...

🤯 The modern basetag way:

const balls = require('$/baseball/balls'); // ✅

😓 The traditional (often messy) way:

const balls = require('../../../../baseball/balls'); // ❌

How? 💭

How do I use basetag?

It's really all described above and there's not much to it. Look at the code in test/example/ for an executable example. A larger project can have many nested subfolders as shown in the directory structure below. Of course a real project would have more files in those subdirectories but for simplicity we'll leave those out. Using basetag you can reference modules from the base example/ path, rather than using relative directories (i.e. ../../..).

example/
├── its/
│   └── baseballs/
│       └── all/
│           └── the/
│               └── way/
│                   └── down.js
├── somewhere/
│   └── deep/
│       └── and/
│           └── random.js
└── index.js

How does basetag work?

It's rather simple. By running basetag, a symlink is created that points from node_modules/$ to your project base path. Everytime you use a require with $/… Node.js will look inside the $ package (i.e. our new symlink). The lookup is routed natively to your project files.

To Node.js, both methods of requiring look the same, because the files are literally the same files. Both methods can be used in the same project and Node.js will cache imports correctly.

Compatibility

basetag supports macOS, Linux, and Windows as of version 1.1.0.

License ⚖️

MIT

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.