@fuf-stack/typescript-config

@fuf-stack/typescript-config

TypeScript config presets for Fröhlich ∧ Frei projects. These JSON configs help standardize compiler options across apps and packages in a monorepo.

Presets

• base.json: Strict defaults for libraries and packages (ES2022 target and standard APIs, ESNext modules, Bundler resolution, declarations, strict type checking)
• eslint.json: Variant for ESLint parsing (inherits the ES2022 baseline, noEmit, allowJs)
• react-library.json: Library-focused React settings (inherits the ES2022 target, ES2022 and DOM libs, jsx: react-jsx)
• react-vite-app.json: App-focused React + Vite settings (inherits the ES2022 target, ES2022 and DOM libs, jsx: react-jsx, noUnused* enabled)

Install

# pnpm
pnpm add -D @fuf-stack/typescript-config

# npm
npm i -D @fuf-stack/typescript-config

# yarn
yarn add -D @fuf-stack/typescript-config

Usage

Reference a preset from your tsconfig.json files.

• Package/library

{
  "extends": "@fuf-stack/typescript-config/base.json",
  "compilerOptions": {
    "outDir": "dist"
  },
  "include": ["src"]
}

• React app (Vite)

{
  "extends": "@fuf-stack/typescript-config/react-vite-app.json",
  "include": ["src", "vite.config.ts"]
}

• React library

{
  "extends": "@fuf-stack/typescript-config/react-library.json",
  "include": ["src"]
}

• ESLint-only config

// tsconfig.eslint.json
{
  "extends": "@fuf-stack/typescript-config/eslint.json",
  "include": [
    "**/*.ts",
    "**/*.tsx",
    ".eslintrc.*",
    "prettier.config.*",
    "vite.config.*",
    "vitest.config.*",
    "vitest.workspace.*"
  ]
}

Notes

• All four presets target ES2022. The base and ESLint presets include ES2022 standard API types; the React presets also include DOM types. TypeScript 6 includes DOM iterable types in DOM.
• Runtimes must support the APIs you use; lib provides types, not polyfills. React libraries now emit ES2022 syntax instead of ES6, so consumers must support ES2022 or transpile the output.
• For Vite apps, configure Vite's build.target separately to match your supported browsers.
• Presets use modern options like module: ESNext and moduleResolution: Bundler by default.
• Adjust include, exclude, and paths as needed per project.

License

MIT