How to create a package from generated code by typegraphql-prisma?

[jsefiani]

I'm using Yarn 2 Workspaces to manage multiple sub-projects/packages in a mono-repo with the following folder structure.

📂 apps
-┣ 📦 api
-┣ 📦 portal
-┣ 📦 engine
📂 shared
-┣ 📦 database
--┗ 📂 prisma
--┗ 📂 src
---┗ 📂 type-graphql // custom-configured output folder (contains generated code by typegraphql-prisma)
---┗ index.ts // export * from './type-graphql'
--┗ tsonfig.json
--┗ babel.config.js
--┗ package.json
-┣ 📦 ui
-┣ 📦 utils
...
The database package should export all generated code by typegraphql-prisma so that I can use it in the api package (e.g. import { Advertiser, Brand } from '@monorepo/database').

When I do it this way and use the package database in the api package, I get the following error:
Cannot find module './type-graphql'

So I'm wondering what I'm doing wrong.

This is my babel file:

const BABEL_ENV = process.env.BABEL_ENV;
const isCommonJS = BABEL_ENV !== undefined && BABEL_ENV === 'cjs';
const isESM = BABEL_ENV !== undefined && BABEL_ENV === 'esm';

module.exports = function (api) {
	api.cache(true);

	const presets = [
		[
			'@babel/env',
			{
				loose: true,
				modules: isCommonJS ? 'commonjs' : false,
				targets: {
					esmodules: isESM ? true : undefined,
				},
			},
		],
		'@babel/preset-typescript',
	];

	const plugins = [
		'@babel/plugin-transform-runtime',
		'babel-plugin-transform-typescript-metadata',
		['@babel/plugin-proposal-decorators', { legacy: true }],
		'babel-plugin-parameter-decorator',
		['@babel/plugin-proposal-class-properties', { loose: true }],
		'@babel/plugin-transform-classes',
		'@babel/plugin-transform-typescript',
	];

	return {
		presets,
		plugins,
	};
};

Prisma snippet:

generator typegraphql {
  provider           = "typegraphql-prisma"
  output             = "../src/type-graphql"
  emitTranspiledCode = true
}

Any thoughts? Tips?

Please let me know if something is unclear.

[MichalLytek]

typegraphql-prisma generates source code, so it's the same code you would write by yourself.

So I think there's nothing special required for monorepo 🤔

[jsefiani]

This is my tsconfig (database package):

{
	"extends": "../../tsconfig.json",
	"include": ["src"],
	"compilerOptions": {
		"target": "es2019",
		"lib": ["es2019", "esnext.asynciterable"],
		"outDir": "./dist",
		"rootDir": "./src",
		"jsx": "preserve",
		"module": "commonjs",
		"experimentalDecorators": true,
		"emitDecoratorMetadata": true,
		"strictPropertyInitialization": false,
		"noImplicitAny": false
	}
}

[MichalLytek]

You need to hoist type-graphql and graphql dependencies in your monorepo.

[jsefiani]

So I have to install those 2 packages in the root right? Instead of package level?

[MichalLytek]

https://github.com/lerna/lerna/blob/main/doc/hoist.md

[jsefiani]

Sorry, that didn't work either