Hello everyone ! I was wondering if someone tried to use injection like inversifyjs with SST ? I tried to implement an API with a route targeting the code below but got an error like it doesn't find/resolve but it works if I instantiate the class without injection

export interface IService {
  handle(event: APIGatewayProxyEvent): Promise<APIGatewayProxyResult>;
}

@injectable()
export class TestInject implements IService {
  public async handle(event: APIGatewayProxyEvent) {
    console.log('test inject');
    return {
      statusCode: 200,
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ success: true }),
    };
  }
}

const service = myContainer.get<IService>(TYPES.IService);
export const handle = service.handle;

Result:

Unhandled Promise Rejection     {"errorType":"Runtime.UnhandledPromiseRejection","errorMessage":"TypeError: Cannot read property 'name' of undefined","reason":"TypeError: Cannot read property 'name' of undefined","promise":{},"stack":["Runtime.UnhandledPromiseRejection: TypeError: Cannot read property 'name' of undefined","    at process.<anonymous> (file:///home/uncharted/projects/my-api/node_modules/@serverless-stack/aws-lambda-ric/lib/index.js:34:23)","    at process.emit (events.js:376:20)","    at processPromiseRejections (internal/process/promises.js:245:33)","    at processTicksAndRejections (internal/process/task_queues.js:96:32)"]}

There's hoops you have to jump through to get Typescript decorators to properly work through SST. SST uses esbuild, which is much faster than tsc but part of the speed is that eslint simply strips Typescript down to Javascript without doing much with it - like not generating code from decorators.

Ok i will try that 😀

Here's the SST doc: https://docs.serverless-stack.com/constructs/Function#configure-esbuild-plugins

🥄 How to get decorators to work: stack.js

...  
  const api = new sst.Api(this, "Api", {
      defaultFunctionProps: {
        bundle: {
          esbuildConfig: {
            plugins: "esbuild-decorators-plugin.js",
          },
        },
...

esbuild-decorators-plugin.js

/* eslint-disable @typescript-eslint/no-var-requires */

const { esbuildDecorators } = require("@anatine/esbuild-decorators");

module.exports = [esbuildDecorators()];

tsconfig.json

...  
"compilerOptions": {
...
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  }

Need a couple config options in tsconfig.json as well. See the sailplane link above ☝️

@Adam Fanello Updated snippets. I really forgot about tsconfig

hi That's what I did but I still got the same pb, I copy pasted also your exemple. I wonder if it comes from inversify

import { APIGatewayProxyEvent, APIGatewayProxyResult } from 'aws-lambda';
import { injectable } from 'inversify';
import 'reflect-metadata';
import { myContainer } from './inversify.config';
import { TYPES } from './types';

export interface IService {
  handle(event: APIGatewayProxyEvent): Promise<APIGatewayProxyResult>;
}
@injectable()
export class TestInject implements IService {
  public async handle(
    event: APIGatewayProxyEvent
  ): Promise<APIGatewayProxyResult> {
    console.log('test inject');
    return {
      statusCode: 200,
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ success: true }),
    };
  }
}

const service = myContainer.get<IService>(TYPES.IService);
// const service = new TestInject()
export const handle = service.handle;

@Adam Fanello yup will add ts decorators to doc https://github.com/serverless-stack/serverless-stack/issues/1554

@Frank Well I kept tsyringe it seems to work without doing anythin (no esbuild plugin) except adding the options in the tsconfig.json but its needed for every injection framework anyway

The esbuild plugin is required to generate the code behind the decorators. Everything will compile and deploy, but fail at runtime. It isn't a library thing - esbuild will strip out decorators without generating code unless you have a plugin that forces it to compile with tsc, which will generate code for decorators.

well i used the default configuration of sst and i tried to not put the esbuild plugin / bundle part in the function declaration and it worked 🤔