❤Nonstop Perpetual Motion
    Have ideas to improve npm?Join in the discussion! »

    @shopify/useful-types
    TypeScript icon, indicating that this package has built-in type declarations

    2.4.2 • Public • Published

    @shopify/useful-types

    Build Status Build Status License: MIT npm version npm bundle size (minified + gzip)

    A few handy TypeScript types.

    Installation

    $ yarn add @shopify/useful-types

    Usage

    The following type aliases are provided by this library:

    • ThenType<T>: When T is a promise, resolves to the type the promise will resolve to (Promise<infer U>). Otherwise, resolves to T. Useful when you may or may not have a promise and need to reference the underlying type.

      const value = 'foo';
      const promise = Promise.resolve(value);
      
      type V = ThenType<typeof value>; // string
      type P = ThenType<typeof promise>; // string
    • ArgumentAtIndex<T, Index>: Resolves to the type of the argument of the passed function at the passed index. Useful for cases where you wish to extract the type of arguments without actually exporting the argument types, and is a nice complement to TypeScript’s built-in ReturnType.

      const func = (foo: Promise<any>, bar: string) => foo.then(() => bar);
      type Arg1 = ArgumentAtIndex<typeof func, 0>; // Promise<any>
      type Arg2 = ArgumentAtIndex<typeof func, 1>; // string
      type NotAnArg = ArgumentAtIndex<string, 0>; // never
    • FirstArgument<T>: Resolves to the type of the first argument to the passed function. This is shorthand for ArgumentAtIndex<T, 0>.

      const func = (foo: Promise<any>) => foo.then(() => 'bar');
      type Arg = FirstArgument<typeof func>; // Promise<any>
    • ConstructorArgumentAtIndex<T, Index>: Resolves to the type of the argument of the passed class's constructor at the passed index. Useful for cases where you wish to extract the type of arguments without actually exporting the argument types, and is a nice complement to TypeScript’s built-in ReturnType.

      class SomeClass {
        constructor(floop: string, doop: number) {
          console.log(floop);
        }
      }
      
      type DoopType = ConstructorArgument<typeof SomeClass, 1>; // number
    • FirstConstructorArgument<T>: Resolves to the type of the first argument to the passed class's constructor. This is shorthand for ConstructorArgumentAtIndex<T, 0>.

      class SomeClass {
        constructor(floop: string) {
          console.log(floop);
        }
      }
      
      type DoopType = FirstConstructorArgument<typeof SomeClass>; // string
    • ArrayElement<T>: When T is an array, resolves to the type contained within the array.

      type FooArray = (string | number)[];
      type Foo = ArrayElement<FooArray>; // string | number
    • Omit<T, K extends keyof T>: The opposite of TypeScript’s Pick type. Resolves to a new type that includes all keys in the original except those matching K.

      interface Obj {
        foo: string;
        bar: boolean;
        baz: number;
      }
      
      type SelectiveObj = Omit<Obj, 'foo' | 'bar'>; // {baz: number}
    • DeepPartial<T>: Recusively maps over all properties in a type and transforms them to be optional. Useful when you need to make optional all of the properties (and nested properties) of an existing type.

      interface Obj {
        foo: string;
        bar: {
          baz: boolean;
        };
      }
      
      type DeepPartialObj = DeepPartial<Obj>; // {foo?: string; bar?: { baz?: boolean }}
    • NoInfer<T>: creates a "lower priority inference site", which allows other uses of a generic to take precedence in inference.

      // Here, TypeScript will always use the type of the items in the `items` argument as `T`, and will not consider the type of the `item` argument of `renderItem`.
      function render<T>(items: T[], renderItem: (item: NoInfer<T>) => string) {
        /* implementation */
      }
    • DeepOmit<T, K> Recursively maps over all properties in a type and omits those matching K.

     interface Obj {
       __typename: string;
       foo: string;
       bar: {
         __typename: string,
         baz: string
       };
       
     }
     
     type SelectiveObj = DeepOmit<Obj, '__typename'>; // {foo: string; bar: {baz: string}}
    • DeepOmitArray<T extends any[], K> Iterate over all properties in an array of types and omits those matching K.

      interface Obj {
        __typename: string;
        foo: string;
      }
      
      type SelectiveObj = DeepOmitArray<Obj[], '__typename'>; // {foo: string}[]

    Keywords

    none

    Install

    npm i @shopify/useful-types

    DownloadsWeekly Downloads

    156,897

    Version

    2.4.2

    License

    MIT

    Unpacked Size

    16.1 kB

    Total Files

    22

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar