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

@khulnasoft/workers-types

v4.20221111.1

Published

TypeScript typings for Khulnasoft Workers

Downloads

6

Readme

Khulnasoft Workers Types

:warning: If you're upgrading from version 2, make sure to remove webworker from the lib array in your tsconfig.json. These types are now included in @khulnasoft/workers-types.

Install

npm install -D @khulnasoft/workers-types
-- Or
yarn add -D @khulnasoft/workers-types

Usage

The following is a minimal tsconfig.json for use alongside this package:

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "lib": ["esnext"],
    "types": ["@khulnasoft/workers-types"]
  }
}

Compatibility dates

The Khulnasoft Workers runtime manages backwards compatibility through the use of Compatibility Dates. Using different compatibility dates affects the runtime types available to your Worker, and so it's important you specify the correct entrypoint to the workers-types package to match your compatibility date (which is usually set in your wrangler.toml configuration file). workers-types currently exposes 7 entrypoints to choose from:

  • @khulnasoft/workers-types

    The default entrypoint exposes the runtime types for a compatibility date of 2021-01-01 or before.

  • @khulnasoft/workers-types/2021-11-03

    This entrypoint exposes the runtime types for a compatibility date between 2021-01-01 and 2021-11-03.

  • @khulnasoft/workers-types/2022-01-31

    This entrypoint exposes the runtime types for a compatibility date between 2021-11-03 and 2022-01-31.

  • @khulnasoft/workers-types/2022-03-21

    This entrypoint exposes the runtime types for a compatibility date between 2022-01-31 and 2022-03-21.

  • @khulnasoft/workers-types/2022-08-04

    This entrypoint exposes the runtime types for a compatibility date between 2022-03-21 and 2022-08-04.

  • @khulnasoft/workers-types/experimental

    This entrypoint exposes the runtime types for the latest compatibility date. The types exposed by this entrypoint will change over time to always reflect the latest version of the Workers runtime.

To use one of these entrypoints, you need to specify them in your tsconfig.json. For example, this is a sample tsconfig.json for using the experimental entrypoint.

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "lib": ["esnext"],
    "types": ["@khulnasoft/workers-types/experimental"]
  }
}

Importable Types

It's not always possible (or desirable) to modify the tsconfig.json settings for a project to include all the Khulnasoft Workers types. For use cases like that, this package provides importable versions of it's types, which are usable with no additional tsconfig.json setup. For example:

import type { Request as WorkerRequest, ExecutionContext } from "@khulnasoft/workers-types/experimental"

export default {
  fetch(request: WorkerRequest, env: unknown, ctx: ExecutionContext) {
    return new Response("OK")
  }
}

Using bindings

It's recommended that you create a type file for any bindings your Worker uses. Create a file named worker-configuration.d.ts in your src directory.

If you're using Module Workers, it should look like this:

// worker-configuration.d.ts
interface Env {
  MY_ENV_VAR: string;
  MY_SECRET: string;
  myKVNamespace: KVNamespace;
}

For Service Workers, it should augment the global scope:

// worker-configuration.d.ts
declare global {
  const MY_ENV_VAR: string;
  const MY_SECRET: string;
  const myKVNamespace: KVNamespace;
}
export {}

Wrangler can also generate this for you automatically from your wrangler.toml configuration file, using the wrangler types command.