@tanstack/cli 0.0.7 → 0.0.8

package/dist/{template-CkAkdP8n.mjs → template-Szi7-AZJ.mjs}

@@ -1,11 +1,10 @@
+import { a as fetchIntegrations, l as CustomTemplateCompiledSchema, p as IntegrationCompiledSchema } from "./fetch-DhlVXS6S.mjs";
 import { render } from "ejs";
 import { mkdir, readFile, readdir, writeFile } from "node:fs/promises";
-import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
-import { basename, dirname, extname, join, resolve } from "node:path";
-import { z } from "zod";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { basename, dirname, extname, resolve } from "node:path";
 import ignore from "ignore";
 import parseGitignore from "parse-gitignore";
-import { homedir } from "node:os";
 
 //#region src/engine/template.ts
 /**
@@ -323,16 +322,16 @@ function generateEntryClient(_options, entryClientInits) {
 function generateRootRoute(options, rootProviders, devtoolsPlugins) {
 	const lines = [];
 	const hasHeader = options.chosenIntegrations.length > 0;
-	if (devtoolsPlugins.length > 0) lines.push({
-		text: `import React from 'react'`,
+	lines.push({
+		text: `import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'`,
 		integrationId: "base"
 	});
 	lines.push({
-		text: `import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'`,
+		text: `import { TanStackDevtools } from '@tanstack/react-devtools'`,
 		integrationId: "base"
 	});
 	lines.push({
-		text: `import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'`,
+		text: `import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'`,
 		integrationId: "base"
 	});
 	lines.push({
@@ -357,24 +356,6 @@ function generateRootRoute(options, rootProviders, devtoolsPlugins) {
 			integrationId: devtools.integrationId
 		});
 	}
-	if (devtoolsPlugins.length > 0) {
-		lines.push({
-			text: "",
-			integrationId: "base"
-		});
-		lines.push({
-			text: `const devtoolsPlugins = [`,
-			integrationId: "base"
-		});
-		for (const devtools of devtoolsPlugins) lines.push({
-			text: `  ${devtools.jsName},`,
-			integrationId: devtools.integrationId
-		});
-		lines.push({
-			text: `]`,
-			integrationId: "base"
-		});
-	}
 	lines.push({
 		text: "",
 		integrationId: "base"
@@ -472,23 +453,33 @@ function generateRootRoute(options, rootProviders, devtoolsPlugins) {
 		integrationId: "base"
 	});
 	lines.push({
-		text: `${currentIndent}<TanStackRouterDevtools />`,
+		text: `${currentIndent}<TanStackDevtools`,
+		integrationId: "base"
+	});
+	lines.push({
+		text: `${currentIndent}  config={{ position: 'bottom-right' }}`,
+		integrationId: "base"
+	});
+	lines.push({
+		text: `${currentIndent}  plugins={[`,
+		integrationId: "base"
+	});
+	lines.push({
+		text: `${currentIndent}    { name: 'TanStack Router', render: <TanStackRouterDevtoolsPanel /> },`,
+		integrationId: "base"
+	});
+	for (const devtools of devtoolsPlugins) lines.push({
+		text: `${currentIndent}    ${devtools.jsName},`,
+		integrationId: devtools.integrationId
+	});
+	lines.push({
+		text: `${currentIndent}  ]}`,
+		integrationId: "base"
+	});
+	lines.push({
+		text: `${currentIndent}/>`,
 		integrationId: "base"
 	});
-	if (devtoolsPlugins.length > 0) {
-		lines.push({
-			text: `${currentIndent}{devtoolsPlugins.map((plugin, i) => (`,
-			integrationId: "base"
-		});
-		lines.push({
-			text: `${currentIndent}  <React.Fragment key={i}>{plugin.render}</React.Fragment>`,
-			integrationId: "base"
-		});
-		lines.push({
-			text: `${currentIndent}))}`,
-			integrationId: "base"
-		});
-	}
 	for (const provider of [...rootProviders].reverse()) {
 		currentIndent = currentIndent.slice(0, -2);
 		lines.push({
@@ -1462,6 +1453,7 @@ function buildPackageJson(options, packages) {
 		dependencies: {
 			"@tanstack/react-router": "^1.132.0",
 			"@tanstack/react-router-devtools": "^1.132.0",
+			"@tanstack/react-devtools": "^0.9.2",
 			"@tanstack/react-start": "^1.132.0",
 			react: "^19.2.0",
 			"react-dom": "^19.2.0",
@@ -1535,14 +1527,28 @@ function compile(options) {
 	for (const [path, { content }] of files) outputFiles[path] = content;
 	outputFiles["package.json"] = buildPackageJson(options, packages);
 	const seenEnvVars = /* @__PURE__ */ new Set();
+	const uniqueEnvVars = envVars.filter((v) => {
+		if (seenEnvVars.has(v.name)) return false;
+		seenEnvVars.add(v.name);
+		return true;
+	});
+	if (uniqueEnvVars.length > 0) {
+		const envLines = [
+			"# Environment Variables",
+			"# Copy this file to .env.local and fill in your values",
+			""
+		];
+		for (const v of uniqueEnvVars) {
+			envLines.push(`# ${v.description}${v.required ? " (required)" : ""}`);
+			envLines.push(`${v.name}=${v.example || ""}`);
+			envLines.push("");
+		}
+		outputFiles[".env.example"] = envLines.join("\n");
+	}
 	return {
 		files: outputFiles,
 		packages,
-		envVars: envVars.filter((v) => {
-			if (seenEnvVars.has(v.name)) return false;
-			seenEnvVars.add(v.name);
-			return true;
-		}),
+		envVars: uniqueEnvVars,
 		warnings
 	};
 }
@@ -1791,355 +1797,6 @@ async function readConfigFile(targetDir) {
 	}
 }
 
-//#endregion
-//#region src/engine/types.ts
-const CategorySchema = z.enum([
-	"tanstack",
-	"database",
-	"orm",
-	"auth",
-	"deploy",
-	"tooling",
-	"monitoring",
-	"api",
-	"i18n",
-	"cms",
-	"other"
-]);
-const IntegrationTypeSchema = z.enum([
-	"integration",
-	"example",
-	"toolchain",
-	"deployment"
-]);
-const IntegrationPhaseSchema = z.enum([
-	"setup",
-	"integration",
-	"example"
-]);
-const RouterModeSchema = z.enum(["file-router", "code-router"]);
-const SelectOptionSchema = z.object({
-	type: z.literal("select"),
-	label: z.string(),
-	description: z.string().optional(),
-	default: z.string(),
-	options: z.array(z.object({
-		value: z.string(),
-		label: z.string()
-	}))
-});
-const BooleanOptionSchema = z.object({
-	type: z.literal("boolean"),
-	label: z.string(),
-	description: z.string().optional(),
-	default: z.boolean()
-});
-const StringOptionSchema = z.object({
-	type: z.literal("string"),
-	label: z.string(),
-	description: z.string().optional(),
-	default: z.string()
-});
-const IntegrationOptionSchema = z.discriminatedUnion("type", [
-	SelectOptionSchema,
-	BooleanOptionSchema,
-	StringOptionSchema
-]);
-const IntegrationOptionsSchema = z.record(z.string(), IntegrationOptionSchema);
-const HookTypeSchema = z.enum([
-	"header-user",
-	"provider",
-	"root-provider",
-	"layout",
-	"vite-plugin",
-	"devtools",
-	"entry-client"
-]);
-const HookSchema = z.object({
-	type: HookTypeSchema.optional(),
-	path: z.string().optional(),
-	jsName: z.string().optional(),
-	import: z.string().optional(),
-	code: z.string().optional()
-});
-const RouteSchema = z.object({
-	url: z.string().optional(),
-	name: z.string().optional(),
-	icon: z.string().optional(),
-	path: z.string(),
-	jsName: z.string(),
-	children: z.array(z.lazy(() => RouteSchema)).optional()
-});
-const EnvVarSchema = z.object({
-	name: z.string(),
-	description: z.string(),
-	required: z.boolean().optional(),
-	example: z.string().optional()
-});
-const CommandSchema = z.object({
-	command: z.string(),
-	args: z.array(z.string()).optional()
-});
-const IntegrationInfoSchema = z.object({
-	id: z.string().optional(),
-	name: z.string(),
-	description: z.string(),
-	author: z.string().optional(),
-	version: z.string().optional(),
-	link: z.string().optional(),
-	license: z.string().optional(),
-	warning: z.string().optional(),
-	type: IntegrationTypeSchema,
-	phase: IntegrationPhaseSchema,
-	category: CategorySchema.optional(),
-	modes: z.array(RouterModeSchema),
-	priority: z.number().optional(),
-	default: z.boolean().optional(),
-	requiresTailwind: z.boolean().optional(),
-	demoRequiresTailwind: z.boolean().optional(),
-	dependsOn: z.array(z.string()).optional(),
-	exclusive: z.array(z.string()).optional(),
-	partnerId: z.string().optional(),
-	options: IntegrationOptionsSchema.optional(),
-	hooks: z.array(HookSchema).optional(),
-	routes: z.array(RouteSchema).optional(),
-	packageAdditions: z.object({
-		dependencies: z.record(z.string(), z.string()).optional(),
-		devDependencies: z.record(z.string(), z.string()).optional(),
-		scripts: z.record(z.string(), z.string()).optional()
-	}).optional(),
-	shadcnComponents: z.array(z.string()).optional(),
-	gitignorePatterns: z.array(z.string()).optional(),
-	envVars: z.array(EnvVarSchema).optional(),
-	command: CommandSchema.optional(),
-	integrationSpecialSteps: z.array(z.string()).optional(),
-	createSpecialSteps: z.array(z.string()).optional(),
-	postInitSpecialSteps: z.array(z.string()).optional(),
-	smallLogo: z.string().optional(),
-	logo: z.string().optional(),
-	readme: z.string().optional()
-});
-const IntegrationCompiledSchema = IntegrationInfoSchema.extend({
-	id: z.string(),
-	files: z.record(z.string(), z.string()),
-	deletedFiles: z.array(z.string()).optional()
-});
-const CustomTemplateInfoSchema = z.object({
-	id: z.string().optional(),
-	name: z.string(),
-	description: z.string(),
-	framework: z.string(),
-	mode: RouterModeSchema,
-	typescript: z.boolean(),
-	tailwind: z.boolean(),
-	integrations: z.array(z.string()),
-	integrationOptions: z.record(z.string(), z.record(z.string(), z.unknown())).optional(),
-	banner: z.string().optional()
-});
-const CustomTemplateCompiledSchema = CustomTemplateInfoSchema.extend({ id: z.string() });
-const ManifestIntegrationSchema = z.object({
-	id: z.string(),
-	name: z.string(),
-	description: z.string(),
-	type: IntegrationTypeSchema,
-	category: CategorySchema.optional(),
-	modes: z.array(RouterModeSchema),
-	dependsOn: z.array(z.string()).optional(),
-	exclusive: z.array(z.string()).optional(),
-	partnerId: z.string().optional(),
-	hasOptions: z.boolean().optional(),
-	link: z.string().optional(),
-	color: z.string().optional(),
-	requiresTailwind: z.boolean().optional(),
-	demoRequiresTailwind: z.boolean().optional()
-});
-const ManifestCustomTemplateSchema = z.object({
-	id: z.string(),
-	name: z.string(),
-	description: z.string(),
-	banner: z.string().optional(),
-	icon: z.string().optional(),
-	features: z.array(z.string()).optional()
-});
-const ManifestSchema = z.object({
-	version: z.string(),
-	generated: z.string(),
-	integrations: z.array(ManifestIntegrationSchema),
-	customTemplates: z.array(ManifestCustomTemplateSchema).optional()
-});
-
-//#endregion
-//#region src/cache/index.ts
-const CACHE_DIR = join(homedir(), ".tanstack", "cache");
-const DEFAULT_TTL_MS = 1440 * 60 * 1e3;
-function ensureCacheDir() {
-	if (!existsSync(CACHE_DIR)) mkdirSync(CACHE_DIR, { recursive: true });
-}
-function getCachePath(key) {
-	return join(CACHE_DIR, `${key.replace(/[^a-zA-Z0-9-_]/g, "_")}.json`);
-}
-function getCached(key) {
-	const cachePath = getCachePath(key);
-	if (!existsSync(cachePath)) return null;
-	try {
-		const raw = readFileSync(cachePath, "utf-8");
-		const entry = JSON.parse(raw);
-		if (Date.now() - entry.timestamp > entry.ttl) return null;
-		return entry.data;
-	} catch {
-		return null;
-	}
-}
-function setCache(key, data, ttlMs = DEFAULT_TTL_MS) {
-	ensureCacheDir();
-	const cachePath = getCachePath(key);
-	const entry = {
-		data,
-		timestamp: Date.now(),
-		ttl: ttlMs
-	};
-	writeFileSync(cachePath, JSON.stringify(entry, null, 2), "utf-8");
-}
-async function fetchWithCache(key, fetcher, ttlMs = DEFAULT_TTL_MS) {
-	const cached = getCached(key);
-	if (cached !== null) return cached;
-	const data = await fetcher();
-	setCache(key, data, ttlMs);
-	return data;
-}
-
-//#endregion
-//#region src/api/fetch.ts
-const GITHUB_RAW_BASE = "https://raw.githubusercontent.com/TanStack/cli/main/integrations";
-const CACHE_TTL_MS = 3600 * 1e3;
-/**
-* Check if a path is a local directory
-*/
-function isLocalPath(path) {
-	return path.startsWith("/") || path.startsWith("./") || path.startsWith("..");
-}
-/**
-* Fetch the integration manifest from GitHub or local path (with caching for remote)
-*/
-async function fetchManifest(baseUrl = GITHUB_RAW_BASE) {
-	if (isLocalPath(baseUrl)) {
-		const manifestPath = join(baseUrl, "manifest.json");
-		if (!existsSync(manifestPath)) throw new Error(`Manifest not found at ${manifestPath}`);
-		const data = JSON.parse(readFileSync(manifestPath, "utf-8"));
-		return ManifestSchema.parse(data);
-	}
-	return fetchWithCache(`manifest_${baseUrl.replace(/[^a-zA-Z0-9]/g, "_")}`, async () => {
-		const url = `${baseUrl}/manifest.json`;
-		const response = await fetch(url);
-		if (!response.ok) throw new Error(`Failed to fetch manifest: ${response.statusText}`);
-		const data = await response.json();
-		return ManifestSchema.parse(data);
-	}, CACHE_TTL_MS);
-}
-/**
-* Fetch integration info.json from GitHub or local path (with caching for remote)
-*/
-async function fetchIntegrationInfo(integrationId, baseUrl = GITHUB_RAW_BASE) {
-	if (isLocalPath(baseUrl)) {
-		const infoPath = join(baseUrl, integrationId, "info.json");
-		if (!existsSync(infoPath)) throw new Error(`Integration info not found at ${infoPath}`);
-		const data = JSON.parse(readFileSync(infoPath, "utf-8"));
-		return IntegrationInfoSchema.parse(data);
-	}
-	return fetchWithCache(`integration_info_${integrationId}_${baseUrl.replace(/[^a-zA-Z0-9]/g, "_")}`, async () => {
-		const url = `${baseUrl}/${integrationId}/info.json`;
-		const response = await fetch(url);
-		if (!response.ok) throw new Error(`Failed to fetch integration ${integrationId}: ${response.statusText}`);
-		const data = await response.json();
-		return IntegrationInfoSchema.parse(data);
-	}, CACHE_TTL_MS);
-}
-/**
-* Recursively read all files from a directory
-*/
-function readDirRecursive(dir, basePath = "") {
-	const files = {};
-	if (!existsSync(dir)) return files;
-	for (const entry of readdirSync(dir)) {
-		const fullPath = join(dir, entry);
-		const relativePath$1 = basePath ? `${basePath}/${entry}` : entry;
-		if (statSync(fullPath).isDirectory()) Object.assign(files, readDirRecursive(fullPath, relativePath$1));
-		else files[relativePath$1] = readFileSync(fullPath, "utf-8");
-	}
-	return files;
-}
-/**
-* Fetch all files for an integration from GitHub or local path (with caching for remote)
-*/
-async function fetchIntegrationFiles(integrationId, baseUrl = GITHUB_RAW_BASE) {
-	if (isLocalPath(baseUrl)) return readDirRecursive(join(baseUrl, integrationId, "assets"));
-	return fetchWithCache(`integration_files_${integrationId}_${baseUrl.replace(/[^a-zA-Z0-9]/g, "_")}`, async () => {
-		const filesUrl = `${baseUrl}/${integrationId}/files.json`;
-		const response = await fetch(filesUrl);
-		if (!response.ok) return {};
-		const fileList = await response.json();
-		const files = {};
-		await Promise.all(fileList.map(async (filePath) => {
-			const fileUrl = `${baseUrl}/${integrationId}/assets/${filePath}`;
-			const fileResponse = await fetch(fileUrl);
-			if (fileResponse.ok) files[filePath] = await fileResponse.text();
-		}));
-		return files;
-	}, CACHE_TTL_MS);
-}
-/**
-* Fetch integration package.json if it exists
-*/
-async function fetchIntegrationPackageJson(integrationId, baseUrl) {
-	if (isLocalPath(baseUrl)) {
-		const pkgPath = join(baseUrl, integrationId, "package.json");
-		if (existsSync(pkgPath)) return JSON.parse(readFileSync(pkgPath, "utf-8"));
-		return null;
-	}
-	const url = `${baseUrl}/${integrationId}/package.json`;
-	const response = await fetch(url);
-	if (!response.ok) return null;
-	return response.json();
-}
-/**
-* Fetch a complete compiled integration from GitHub
-*/
-async function fetchIntegration(integrationId, baseUrl = GITHUB_RAW_BASE) {
-	const [info, files, pkgJson] = await Promise.all([
-		fetchIntegrationInfo(integrationId, baseUrl),
-		fetchIntegrationFiles(integrationId, baseUrl),
-		fetchIntegrationPackageJson(integrationId, baseUrl)
-	]);
-	const packageAdditions = info.packageAdditions ?? {};
-	if (pkgJson) {
-		if (pkgJson.dependencies) packageAdditions.dependencies = {
-			...packageAdditions.dependencies,
-			...pkgJson.dependencies
-		};
-		if (pkgJson.devDependencies) packageAdditions.devDependencies = {
-			...packageAdditions.devDependencies,
-			...pkgJson.devDependencies
-		};
-		if (pkgJson.scripts) packageAdditions.scripts = {
-			...packageAdditions.scripts,
-			...pkgJson.scripts
-		};
-	}
-	return IntegrationCompiledSchema.parse({
-		...info,
-		id: integrationId,
-		files,
-		packageAdditions: Object.keys(packageAdditions).length > 0 ? packageAdditions : void 0,
-		deletedFiles: []
-	});
-}
-/**
-* Fetch multiple integrations in parallel
-*/
-async function fetchIntegrations(integrationIds, baseUrl = GITHUB_RAW_BASE) {
-	return Promise.all(integrationIds.map((id) => fetchIntegration(id, baseUrl)));
-}
-
 //#endregion
 //#region src/engine/custom-addons/shared.ts
 /**
@@ -2542,4 +2199,4 @@ async function loadTemplate(url) {
 }
 
 //#endregion
-export { writeConfigFile as A, IntegrationTypeSchema as C, RouterModeSchema as D, RouteSchema as E, compileWithAttribution as M, processTemplateFile as N, CONFIG_FILE as O, relativePath as P, IntegrationPhaseSchema as S, ManifestSchema as T, HookSchema as _, initIntegration as a, IntegrationOptionSchema as b, fetchIntegrationFiles as c, fetchManifest as d, CategorySchema as f, EnvVarSchema as g, CustomTemplateInfoSchema as h, compileIntegration as i, compile as j, readConfigFile as k, fetchIntegrationInfo as l, CustomTemplateCompiledSchema as m, initTemplate as n, loadRemoteIntegration as o, CommandSchema as p, loadTemplate as r, fetchIntegration as s, compileTemplate as t, fetchIntegrations as u, IntegrationCompiledSchema as v, ManifestIntegrationSchema as w, IntegrationOptionsSchema as x, IntegrationInfoSchema as y };
+export { initIntegration as a, readConfigFile as c, compileWithAttribution as d, processTemplateFile as f, compileIntegration as i, writeConfigFile as l, initTemplate as n, loadRemoteIntegration as o, relativePath as p, loadTemplate as r, CONFIG_FILE as s, compileTemplate as t, compile as u };