@remaginer-io/rm-configs 0.2.0 → 0.3.0

package/package.json

@@ -1,35 +1,45 @@
 {
-  "name": "@remaginer-io/rm-configs",
-  "version": "0.2.0",
-  "private": false,
-  "description": "Shared TypeScript, ESLint, and test configuration for Remaginer repositories.",
-  "license": "MIT",
-  "files": [
-    "typescript/",
-    "eslint/",
-    "tsup/",
-    "vitest/"
-  ],
-  "exports": {
-    "./eslint": "./eslint/index.mjs",
-    "./tsup": "./tsup/index.mjs",
-    "./typescript/base": "./typescript/base.json",
-    "./typescript/module": "./typescript/module.json",
-    "./typescript/next": "./typescript/next.json",
-    "./typescript/vite": "./typescript/vite.json",
-    "./typescript/react-library": "./typescript/react-library.json"
-  },
-  "publishConfig": {
-    "access": "restricted"
-  },
-  "dependencies": {
-    "@eslint/js": "9.39.2",
-    "eslint": "9.39.2",
-    "eslint-config-prettier": "10.1.8",
-    "globals": "16.5.0",
-    "typescript-eslint": "8.67.0"
-  },
-  "engines": {
-    "node": ">=20"
-  }
-}
+	"name": "@remaginer-io/rm-configs",
+	"version": "0.3.0",
+	"private": false,
+	"description": "Shared TypeScript, ESLint, and test configuration for Remaginer repositories.",
+	"license": "MIT",
+	"files": [
+		"typescript/",
+		"eslint/",
+		"tsup/",
+		"vite/",
+		"vitest/"
+	],
+	"exports": {
+		"./eslint": "./eslint/index.mjs",
+		"./tsup": {
+			"types": "./tsup/index.d.ts",
+			"import": "./tsup/index.mjs",
+			"require": "./tsup/index.js"
+		},
+		"./vite": {
+			"types": "./vite/index.d.ts",
+			"import": "./vite/index.mjs"
+		},
+		"./typescript/base": "./typescript/base.json",
+		"./typescript/module": "./typescript/module.json",
+		"./typescript/node-next": "./typescript/node-next.json",
+		"./typescript/next": "./typescript/next.json",
+		"./typescript/vite": "./typescript/vite.json",
+		"./typescript/react-library": "./typescript/react-library.json"
+	},
+	"publishConfig": {
+		"access": "restricted"
+	},
+	"dependencies": {
+		"@eslint/js": "9.39.2",
+		"eslint": "9.39.2",
+		"eslint-config-prettier": "10.1.8",
+		"globals": "16.5.0",
+		"typescript-eslint": "8.67.0"
+	},
+	"engines": {
+		"node": ">=20"
+	}
+}

package/tsup/index.d.ts

@@ -0,0 +1,5 @@
+import type { Options } from 'tsup';
+
+export declare function createReactLibraryConfig(
+	options?: Options & { useClient?: boolean },
+): Options;

package/tsup/index.js

@@ -0,0 +1,18 @@
+function createReactLibraryConfig({
+	entry = 'src/index.tsx',
+	useClient = false,
+	...overrides
+} = {}) {
+	return {
+		entry,
+		format: ['cjs', 'esm'],
+		dts: true,
+		external: ['react', 'react-dom'],
+		...(useClient ? { banner: { js: "'use client'" } } : {}),
+		...overrides,
+	};
+}
+
+module.exports = {
+	createReactLibraryConfig,
+};

package/typescript/node-next.json

@@ -0,0 +1,11 @@
+{
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"extends": "./base.json",
+	"compilerOptions": {
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
+		"types": ["node"],
+		"noEmit": true
+	},
+	"exclude": ["node_modules"]
+}

package/vite/index.d.ts

@@ -0,0 +1,14 @@
+import { InlineConfig } from 'vite';
+
+export interface ViteConfigOptions {
+  /** Source directory for path alias @ (default: './src') */
+  srcDir?: string;
+  /** Override any config property */
+  overrides?: Partial<InlineConfig>;
+}
+
+/**
+ * Creates a standardized Vite config for React + Router + Tailwind applications.
+ * Includes: React, TanStack Router, Tailwind CSS, Vitest with browser support.
+ */
+export function createViteConfig(options?: ViteConfigOptions): InlineConfig;

package/vite/index.mjs

@@ -0,0 +1,61 @@
+import path from 'path';
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import { tanstackRouter } from '@tanstack/router-plugin/vite';
+import { playwright } from '@vitest/browser-playwright';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+/**
+ * Creates a standardized Vite config for React + Router + Tailwind applications.
+ * Standard setup includes:
+ * - React plugin
+ * - TanStack Router with code splitting
+ * - Tailwind CSS
+ * - Vitest with browser support (Playwright)
+ * - Path alias: @ → ./src
+ *
+ * @param {Object} options - Configuration options
+ * @param {string} options.srcDir - Source directory for alias (default: './src')
+ * @param {Object} options.overrides - Override any config property
+ * @returns {Object} Vite config object
+ */
+export function createViteConfig({ srcDir = './src', overrides = {} } = {}) {
+	return defineConfig({
+		plugins: [
+			tanstackRouter({
+				target: 'react',
+				autoCodeSplitting: true,
+			}),
+			react(),
+			tailwindcss(),
+		],
+		resolve: {
+			alias: {
+				'@': path.resolve(srcDir),
+			},
+		},
+		test: {
+			silent: 'passed-only',
+			unstubEnvs: true,
+			browser: {
+				enabled: true,
+				provider: playwright(),
+				instances: [{ browser: 'chromium' }],
+			},
+			coverage: {
+				exclude: [
+					'src/components/ui/**',
+					'src/assets/**',
+					'src/tanstack-table.d.ts',
+					'src/routeTree.gen.ts',
+					'src/test-utils/**',
+					'src/routes/**',
+				],
+			},
+		},
+		...overrides,
+	});
+}