README.md

Turborepo Vite starter with eslint flat config

import.meta.dirname is only present for ESM files in Node.js >=20.11.0 / >= 21.2.0.

New to Tubrorepos and Monorepos in general. I started with the Turborepo Vite example.

I wanted to:

• make a custom linting package using a flat eslint.config.js that i can pull into any app or package
• get a JIT internal ui package going - easy
• Create a compiled ui package - difficult

I found the Turbo Repo documentation lacking on the last one. A little help from ChatGPT on crafting the exports on the @repo/ui package.

What's inside?

This Turborepo includes the following packages and apps:

Apps and Packages

• docs: a vanilla vite ts app
• web: another vanilla vite ts app
• astrodemo: an Astro App I will start pluggin external ui into.
• @repo/ui: a stub component & utility library shared by both web and docs applications
• @repo/eslint-config: shared eslint configurations
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package and app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting
• turbovite

ESLint TypeScript Configs

• recommended

• stylistic-type-checked

Use ${configDir} in tsconfig

This is allowed on all the

• isFilePath options
• paths
• files
• include
• exclude