Inertia.js - Frontend Import Aliases

[akatora28]

In the official @adonisjs/inertia package, the resources/tsconfig.json is setup to support import aliases, @ and ~, however, for those import aliases to work, the vite.config.ts needs to include those aliasa in the resolve object like such:

export default defineConfig({
  plugins: [
    inertia({ ssr: { enabled: false } }),
    // frontendFramework()
    adonisjs({ entrypoints: ['resources/app.ts'], reload: ['resources/views/**/*.edge'] }),
  ],
  resolve: {
    alias: {
      '@/': `${resolve(getDirname(import.meta.url), 'resources')}/`,
      '~/': `${resolve(getDirname(import.meta.url), '.')}/`,
    },
  },
})

It's easy enough to add that to the config file, but I was wondering if there was any reason that couldn't (or shouldn't) be added into the official @adonisjs/inertia config setup? Taking a quick look under the hood, it seems like changes would need to be made to:
https://github.com/adonisjs/assembler/blob/develop/src/code_transformer/main.ts#L372-427

core/modules/ace/codemods.ts

Lines 226 to 247 in df6466d

	/**
	* Register a new Vite plugin in the `vite.config.ts` file
	*/
	async registerVitePlugin(...params: Parameters<CodeTransformer['addVitePlugin']>) {
	const transformer = await this.#getCodeTransformer()
	if (!transformer) {
	this.#cliLogger.warning(
	'Cannot update "vite.config.ts" file. Install "@adonisjs/assembler" to modify source files'
	)
	return
	}
	const action = this.#cliLogger.action('update vite.config.ts file')
	try {
	await transformer.addVitePlugin(...params)
	action.succeeded()
	} catch (error) {
	this.emit('error', error)
	action.failed(error.message)
	}
	}

Either those methods could be updated to add support for modifying other parts of the vite.config.ts file, or new functions specific to the resolve option could be created, then once those are updated inside the configure for the inertia package an option to update the frontend import aliases could be added in too.

Happy to take a stab at PRs on those if that's something that you think would be useful, but if the preferred option is to manually update the vite.config.ts understand that as well.

[Julien-R44]

hey, thanks for the feedback.
i fixed that yesterday. alias is now pre-configured when using the inertia starter kit :

See: https://github.com/adonisjs/inertia-starter-kit/blob/main/vite.config.ts#L12

also tweaked a bit the shipped tsconfig. See this one for example
https://github.com/adonisjs/inertia/blob/main/stubs/solid/tsconfig.json.stub#L12

[akatora28]

You guys are shipping so fast, I can't keep up! Looks great though, thanks @Julien-R44 loving working with the new inertia package too!