SWC compatibility

[GuillaumeCisco]

Is inversify compatible with SWC?
From our tests, it looks like the @inject(...) decorators are not correctly transpiled.

Expected Behavior

Works with swc

Current Behavior

@inject decorators seems bypassed.

Possible Solution

Steps to Reproduce (for bugs)

1. compile you inversify app with swc

Context

Your Environment

• Version used:
• Environment name and version (e.g. Chrome 39, node.js 5.4):
• Operating System and version (desktop or mobile):
• Link to your project:

Stack trace

[HeadFox]

Just define https://swc.rs/docs/configuration/compilation#jsctransformdecoratormetadata in your .swcrc file

[GuillaumeCisco]

Thank you for your reply.
We did use this configuration without success.
Any ideas?

[HeadFox]

Can you give me more information ? Bundler used, config file, etc...

[leonardssh]

@GuillaumeCisco try this.

{
	jsc: {
		target: 'es2020',
		parser: {
			syntax: 'typescript',
			dynamicImport: true,
			decorators: true
		},
		transform: {
			legacyDecorator: true,
			decoratorMetadata: true
		},
		externalHelpers: true,
		keepClassNames: true,
		loose: true
	}
}

@HeadFox for bundling, I recommend using rollup, along with the rollup-plugin-swc3 & rollup-plugin-tsconfig-paths

Some config:

import { swc } from 'rollup-plugin-swc3';
import { tsConfigPaths } from 'rollup-plugin-tsconfig-paths';
import { nodeResolve } from '@rollup/plugin-node-resolve';

// bypass errors thrown by inversify
const onwarn = (msg, warn) => {
	if (!/Circular|The 'this' keyword/.test(msg)) {
		warn(msg);
	}
};

// ...
{
	input: INPUT_FILE,
	output: {
		file: OUTPUT_FILE,
		format: 'cjs'
	},
	plugins: [
		tsConfigPaths({ tsConfigPath: PATH_TO_TSCONFIG }),
		nodeResolve(),
		swc({
			tsconfig: PATH_TO_TSCONFIG,
			minify: false, // set to true to minify
			jsc: {
				target: 'es2020',
				parser: {
					syntax: 'typescript',
					dynamicImport: true,
					decorators: true
				},
				transform: {
					legacyDecorator: true,
					decoratorMetadata: true
				},
				externalHelpers: true,
				keepClassNames: true,
				loose: true
			}
		})
	],
	onwarn
};

[kristiegiles]

@GuillaumeCisco did you find a solution? I am having the same issue and the .swcrc config @LeonardSSH suggested didn't work for me, either.

I am using Next.js 12 and am attempting to migrate from babel to swc. I get Attempted import error: on everything defined with the @inject() decorators when running next build.

[HeadFox]

@kristiegiles Next12 disabled .swcrc load. But support for emitDecoratorMetadata will be enabled if specified in tsconfig in next Next.js release --> vercel/next.js#32914

[kristiegiles]

@kristiegiles Next12 disabled .swcrc load. But support for emitDecoratorMetadata will be enabled if specified in tsconfig in next Next.js release --> vercel/next.js#32914

Thanks! I also tried it without the .swcrc, and that didn't help. I am using Next 12.0.11-canary.11, and I do have "emitDecoratorMetadata": true and experimentalDecorators": true in my tsconfig. It should work with the latest canary version, right?

[HeadFox]

Normally yes. With also reflect-metadata installed

[sannajammeh]

@kristiegiles Next12 disabled .swcrc load. But support for emitDecoratorMetadata will be enabled if specified in tsconfig in next Next.js release --> vercel/next.js#32914

Thanks! I also tried it without the .swcrc, and that didn't help. I am using Next 12.0.11-canary.11, and I do have "emitDecoratorMetadata": true and experimentalDecorators": true in my tsconfig. It should work with the latest canary version, right?

That's correct!

[HeadFox]

@GuillaumeCisco can you close this Pr ? :)

[jiby-aurum]

have used inversify with swc and it works fine for me

[ko22009]

Problem about transpilation, you need set "target" es2015 or higher in your .swcrc config file.

[jantoine1]

The link provided in the first comment worked great. Thank you!!!