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

@hanspoo/global-types

v0.1.8

Published

This is an nx plugin that add some kind global .d.ts definitions.

Downloads

64

Readme

global-types for nx

This is an nx plugin that add some kind global .d.ts definitions.

How it works

It augments every "tsconfig*.json" file under "apps" or "libs" with an includes entry: ../../types/*.d.ts (any dots as needed). Then every definition file .d.ts in that folder will be available for all apps and libs.

Usage

Install the plugin:

npm i -D @hanspoo/global-types

And run the generator add-lib:

nx g @hanspoo/global-types:add-lib

Example

A common use case is to add environment variables to process.env.

When this generator has run, all the definition files under the top level folder types will be global. In this specific example we'll create some typed environment variables, augmenting the ProcessEnv interface in Node.

cd YOUR_WORKSPACE_HOME
mkdir types
touch types/environment.d.ts

Put the next content in the file just created; it will add some variables to process.env:

declare global {
  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: string;
      DB_DSN: string;
      DEBUG: string;
      MAX_ROWS: string;
    }
  }
}

export {};

Then in your code, it will be type safe to use them with dot notation:

process.env.NODE

Without this, you should use untyped bracket notation to access the variable:

process.env["NODE"]

Loosing type safety and intellisense in your editor.

Caveats:

  • It doesn't create the types folder, nor the files that should be within it.
  • Actually it's focused on integrated monorepos.
  • Work only on *nix operating systems like Linux and MacOS.

Publishing

Increment manually the version number in package.json. Execute the next command using the same version number you've put in package.json.

./node_modules/.bin/nx publish global-types  --ver=0.1.6 --tag=latest