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

@armit/path-alias

v0.0.18

Published

A package to bind paths alias, resolving the `source` directory when the app is launched with ts-node, or resolving the `out` directory when ts-node isn't used. Includes some utilities in case if you need to generate paths dinamically depending of the cod

Downloads

277

Readme

@armit/path-alias

A package to bind paths alias, resolving the source directory when the app is launched with ts-node, or resolving the out directory when ts-node isn't used. Includes some utilities in case if you need to generate paths dinamically depending of the code that is running.

This package has been designed to work with ESM projects (using --loader flag).

With this package, you can forget about those ugly imports like:

import { Jajaja } from "../../../../../../../jajaja.js";
import { Gegege } from "../../../../../gegege.js";

...and instead you can use alias like this (with the power of intellisense):

import { Jajaja } from "@alias-a/jajaja.js";
import { Gegege } from "@alias-b/gegege.js";

Disclaimer

This package is designed to work in end-user backend aplications for unit-testing purpose (because of how module alias works). So this probably doesn't work in front-end applications, or apps that uses a bundler (like webpack for example).

Also, this package is experimental and probably can generate unexpected behaviors, or performance issues. For that reason, you must test intensively this package in all possible use cases if do you want to implement in production.

Installation

If you don't have installed ts-node, now is the moment:

npm i --save-dev ts-node

...and install this package as a dependency:

npm i --save @armit/path-alias

Usage

To explain all features of this package, we will use this project estructure as example:

# Your current working directory
project-folder
│   # The project dependencies
├── node_modules
│
│   # The transpiled files
├── dist
│   │   # The file when the app starts
│   ├── index.js
│   │
│   ├── folder-a
│   │   ├── ...
│   │   └── ...
│   ├── folder-b
│   │   ├── ...
│   │   └── ...
│   └── ...
│
│   # The source code
├── src
│   │   # The file when the app starts
│   ├── index.ts
│   │
│   ├── folder-a
│   │   ├── ...
│   │   └── ...
│   ├── folder-b
│   │   ├── ...
│   │   └── ...
│   ├── file-x.ts
│   └── ...
│
│   # The project configuration files
├── package.json
├── package-lock.json
└── tsconfig.json

Configure your tsconfig.json

This package reads the tsconfig.json file (and is capable to find values if the file extends another configuration files) to declare the alias. A typical configuration coul be similar to this:

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",

    "baseUrl": "./src",
    "paths": {
      "@file-x": ["./file-x.ts"],
      "@alias-a/*": ["./folder-a/*"],
      "@alias-b/*": ["./folder-b/*"]
    }
  }
}

The fields listed in the example of above are all required in order to the correct working of the package.

...with ESM projects

  • Execute the source code with ts-node:

    node \
    --loader @armit/path-alias/esm \
    ./src/index.ts
  • Execute the transpiled code:

    node \
    --loader @armit/path-alias/esm \
    ./dist/index.js

Utilities

Verbose mode

If you want to check if the project is runnig with ts-node (*.ts) or directly with node (*.js) at the beginning of the execution, you can define this environment variable:

ARM_PATH_ALIAS_VERBOSE=true

This package includes dotnet package, so if you want, create a .env file in your current working directory.

Function isTsNodeRunning

If you want to check if ts-node is running, you can execute this function:

import { isTsNodeRunning } from "@armit/path-alias";

const response = isTsNodeRunning(); // Returns a boolean
console.log("if ts-node is running?", response);

Function isPathAliasRunning

If you want to check if @armit/path-alias is running, you can execute this function:

import { isPathAliasRunning } from "@armit/path-alias";

const response = isPathAliasRunning(); // Returns a boolean
console.log("if this package is running?", response);

Function pathResolve

Resolve any subfolder of "rootDir" depending if ts-node is running. For example, imagine do you want to resolve the path "./src/folder-a/*":

import { pathResolve } from "@armit/path-alias";

const path = pathResolve("./folder-a/*");
console.log("path:", path);

With ts-node the output is:

node --loader @armit/path-alias/esm ./src/index.ts
node --import=@armit/path-alias/register ./scripts/build.ts

# path: src/folder-a/*

With the transpiled code:

node --loader @armit/path-alias/esm ./dist/index.js
node --import=@armit/path-alias/register ./dist/index.js

# path: dist/folder-a/*

Optionally receives as second parameter an object with this options:

  • "absolute":

    If true, returns the full path, otherwise returns the path relative to the current working directory.

  • "ext":

    If true, converts the extensions *.ts / *.mts / *.cts / *.js / *.mjs / *.cjs depending if ts-node is running or not.

Limitations

  • The library requires a "tsconfig.json" file into the current working directory to work. Doesn't matter if that file extends another file, or be a part of a set of inhetirance, while all required properties are accesible through its ancestors.

  • The resolve output between "baseURL" and the "paths" declared in the "tsconfig.json" file must always return a path inside of "rootDir" folder.