Typescript types for fetch in module syntax

Tin Cap · 2023-07-05T20:07:59.043Z

I'm migrating a worker to module syntax in a typescript project. What are the types of `request` and `context`? I know `env` is my own interface. ``` export default { fetch(request: ???, env: MyEnv, context: ???) { return new Response('Hello'); }, }; ````

T

Tin CapOP•7/5/23, 8:09 PM

This request right? https://developer.mozilla.org/en-US/docs/Web/API/Request

Request - Web APIs | MDN

The Request interface of the Fetch API represents a resource request.

T

Tin CapOP•7/5/23, 8:09 PM

I can't find ExecutionContext

T

Tin CapOP•7/5/23, 8:09 PM

That's what I thought, maybe it's a misconfiguration. I have

"@cloudflare/workers-types": "^4.20230518.0",

"@cloudflare/workers-types": "^4.20230518.0",

"@cloudflare/workers-types": "^4.20230518.0",

"@cloudflare/workers-types": "^4.20230518.0",

T

Tin CapOP•7/5/23, 8:10 PM

yeah, this project is a few years old, so this might be a little funky

{
    "compilerOptions": {
        "outDir": "./dist",
        "module": "commonjs",
        "target": "esnext",
        "lib": ["esnext", "webworker"],
        "alwaysStrict": true,
        "strict": true,
        "preserveConstEnums": true,
        "moduleResolution": "node",
        "sourceMap": true,
        "esModuleInterop": true,
        "types": ["@cloudflare/workers-types", "jest"]
    },
    "include": [
        "./src/*.ts",
        "./test/*.ts",
        "./src/**/*.ts",
        "./test/**/*.ts",
        "./node_modules/@cloudflare/workers-types/index.d.ts"
    ],
    "exclude": ["node_modules/", "dist/"]
}

{
    "compilerOptions": {
        "outDir": "./dist",
        "module": "commonjs",
        "target": "esnext",
        "lib": ["esnext", "webworker"],
        "alwaysStrict": true,
        "strict": true,
        "preserveConstEnums": true,
        "moduleResolution": "node",
        "sourceMap": true,
        "esModuleInterop": true,
        "types": ["@cloudflare/workers-types", "jest"]
    },
    "include": [
        "./src/*.ts",
        "./test/*.ts",
        "./src/**/*.ts",
        "./test/**/*.ts",
        "./node_modules/@cloudflare/workers-types/index.d.ts"
    ],
    "exclude": ["node_modules/", "dist/"]
}

{
    "compilerOptions": {
        "outDir": "./dist",
        "module": "commonjs",
        "target": "esnext",
        "lib": ["esnext", "webworker"],
        "alwaysStrict": true,
        "strict": true,
        "preserveConstEnums": true,
        "moduleResolution": "node",
        "sourceMap": true,
        "esModuleInterop": true,
        "types": ["@cloudflare/workers-types", "jest"]
    },
    "include": [
        "./src/*.ts",
        "./test/*.ts",
        "./src/**/*.ts",
        "./test/**/*.ts",
        "./node_modules/@cloudflare/workers-types/index.d.ts"
    ],
    "exclude": ["node_modules/", "dist/"]
}

{
    "compilerOptions": {
        "outDir": "./dist",
        "module": "commonjs",
        "target": "esnext",
        "lib": ["esnext", "webworker"],
        "alwaysStrict": true,
        "strict": true,
        "preserveConstEnums": true,
        "moduleResolution": "node",
        "sourceMap": true,
        "esModuleInterop": true,
        "types": ["@cloudflare/workers-types", "jest"]
    },
    "include": [
        "./src/*.ts",
        "./test/*.ts",
        "./src/**/*.ts",
        "./test/**/*.ts",
        "./node_modules/@cloudflare/workers-types/index.d.ts"
    ],
    "exclude": ["node_modules/", "dist/"]
}

T

Tin CapOP•7/5/23, 8:12 PM

I think this all came from the old worker starer template , possibly plus jest

T

Tin CapOP•7/5/23, 8:13 PM

good idea - I can copy stuff over from that

T

Tin CapOP•7/5/23, 8:14 PM

I actually have a recently created project I can look at. And yeah I'm noticing the tsconfig is very different

T

Tin CapOP•7/5/23, 8:14 PM

I'll start with that. Thanks!

Typescript types for fetch in module syntax

Similar Threads

Similar Threads

Similar Threads