@tanstack/cta-framework-solid 0.10.0-alpha.20

package/tests/solid.test.ts

@@ -0,0 +1,119 @@
+import { expect, test, beforeAll } from 'vitest'
+
+import {
+  createApp,
+  createMemoryEnvironment,
+  finalizeAddOns,
+  getFrameworkById,
+} from '@tanstack/cta-engine'
+
+import type { AddOn, Mode, Options } from '@tanstack/cta-engine'
+
+import { cleanupOutput } from './test-utilities.js'
+
+import { register as registerSolid } from '../src/index.js'
+
+beforeAll(async () => {
+  registerSolid()
+})
+
+async function createSolidOptions(
+  projectName: string,
+  addOns?: Array<string>,
+): Promise<Options> {
+  const framework = getFrameworkById('solid')!
+
+  let chosenAddOns: Array<AddOn> = []
+  let mode = 'code-router'
+  if (addOns) {
+    mode = 'file-router'
+    chosenAddOns = await finalizeAddOns(framework, mode, addOns)
+  }
+
+  return {
+    framework,
+    addOns: !!chosenAddOns.length,
+    chosenAddOns,
+    git: true,
+    mode,
+    packageManager: 'npm',
+    projectName,
+    targetDir: `/foo/bar/baz/${projectName}`,
+    tailwind: false,
+    typescript: false,
+    variableValues: {},
+  } as Options
+}
+
+test('code router in javascript on npm', async () => {
+  const projectName = 'TEST'
+  const { environment, output } = createMemoryEnvironment()
+  const options = {
+    ...(await createSolidOptions(projectName)),
+  }
+  await createApp(environment, options)
+  const cleanedOutput = cleanupOutput(options, output)
+  await expect(JSON.stringify(cleanedOutput, null, 2)).toMatchFileSnapshot(
+    './snapshots/solid/solid-cr-js-npm.json',
+  )
+})
+
+test('code router in typescript on npm', async () => {
+  const projectName = 'TEST'
+  const { environment, output } = createMemoryEnvironment()
+  const options = {
+    ...(await createSolidOptions(projectName)),
+    typescript: true,
+  }
+  await createApp(environment, options)
+  const cleanedOutput = cleanupOutput(options, output)
+  await expect(JSON.stringify(cleanedOutput, null, 2)).toMatchFileSnapshot(
+    './snapshots/solid/solid-cr-ts-npm.json',
+  )
+})
+
+test('file router on npm', async () => {
+  const projectName = 'TEST'
+  const { environment, output } = createMemoryEnvironment()
+  const options = {
+    ...(await createSolidOptions(projectName)),
+    mode: 'file-router' as Mode,
+    typescript: true,
+  }
+  await createApp(environment, options)
+  const cleanedOutput = cleanupOutput(options, output)
+  await expect(JSON.stringify(cleanedOutput, null, 2)).toMatchFileSnapshot(
+    './snapshots/solid/solid-fr-ts-npm.json',
+  )
+})
+
+test('file router with tailwind on npm', async () => {
+  const projectName = 'TEST'
+  const { environment, output } = createMemoryEnvironment()
+  const options = {
+    ...(await createSolidOptions(projectName)),
+    mode: 'file-router' as Mode,
+    typescript: true,
+    tailwind: true,
+  }
+  await createApp(environment, options)
+  const cleanedOutput = cleanupOutput(options, output)
+  await expect(JSON.stringify(cleanedOutput, null, 2)).toMatchFileSnapshot(
+    './snapshots/solid/solid-fr-ts-tw-npm.json',
+  )
+})
+
+test('file router with add-on start on npm', async () => {
+  const projectName = 'TEST'
+  const { environment, output } = createMemoryEnvironment()
+  const options = {
+    ...(await createSolidOptions(projectName, ['start'])),
+    tailwind: true,
+    typescript: true,
+  }
+  await createApp(environment, options)
+  const cleanedOutput = cleanupOutput(options, output)
+  await expect(JSON.stringify(cleanedOutput, null, 2)).toMatchFileSnapshot(
+    './snapshots/solid/solid-cr-ts-start-npm.json',
+  )
+})

package/tests/test-utilities.ts

@@ -0,0 +1,44 @@
+import { dirname, join, basename, extname } from 'node:path'
+
+import { formatCommand, Options } from '@tanstack/cta-engine'
+
+const IGNORE_EXTENSIONS = ['.png', '.ico', '.svg']
+
+export function cleanupOutput(
+  options: Options,
+  output: {
+    files: Record<string, string>
+    commands: Array<{
+      command: string
+      args: Array<string>
+    }>
+  },
+) {
+  const trimProjectRelativePath = (path: string) =>
+    join(dirname(path).replace(options.targetDir, ''), basename(path))
+
+  const filteredFiles = Object.keys(output.files)
+    .filter((key) => !IGNORE_EXTENSIONS.includes(extname(key)))
+    .reduce(
+      (acc, key) => {
+        acc[trimProjectRelativePath(key)] = output.files[key]
+        return acc
+      },
+      {} as Record<string, string>,
+    )
+
+  const files = Object.keys(filteredFiles)
+    .sort()
+    .reduce(
+      (acc, key) => {
+        acc[key] = filteredFiles[key]
+        return acc
+      },
+      {} as Record<string, string>,
+    )
+
+  return {
+    files,
+    commands: output.commands.map((c) => formatCommand(c)),
+  }
+}

package/toolchains/biome/assets/biome.json.ejs

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": ["src/routeTree.gen.ts"],
+    "include": ["src/*", ".vscode/*", "index.html", "vite.config.js"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "tab"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  }
+}

package/toolchains/biome/info.json

@@ -0,0 +1,8 @@
+{
+  "name": "Biome",
+  "description": "Biome toolchain support.",
+  "phase": "setup",
+  "type": "toolchain",
+  "modes": ["code-router", "file-router"],
+  "link": "https://biomejs.dev"
+}

package/toolchains/biome/package.json

@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "format": "biome format",
+    "lint": "biome lint",
+    "check": "biome check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4"
+  }
+}

package/toolchains/eslint/assets/_dot_prettierignore

@@ -0,0 +1,3 @@
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

package/toolchains/eslint/assets/eslint.config.js

@@ -0,0 +1,5 @@
+//  @ts-check
+
+import { tanstackConfig } from "@tanstack/eslint-config";
+
+export default [...tanstackConfig];

package/toolchains/eslint/assets/prettier.config.js

@@ -0,0 +1,10 @@
+//  @ts-check
+
+/** @type {import('prettier').Config} */
+const config = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: "all",
+};
+
+export default config;

package/toolchains/eslint/info.json

@@ -0,0 +1,8 @@
+{
+  "name": "ESLint",
+  "description": "ESLint + Prettier toolchain support.",
+  "phase": "setup",
+  "type": "toolchain",
+  "modes": ["code-router", "file-router"],
+  "link": "https://eslint.org"
+}

package/toolchains/eslint/package.json

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "lint": "eslint",
+    "format": "prettier",
+    "check": "prettier --write . && eslint --fix"
+  },
+  "devDependencies": {
+    "@tanstack/eslint-config": "^0.1.0",
+    "prettier": "^3.5.3"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ES2020",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "declaration": true,
+    "declarationDir": "./dist/types"
+  },
+  "include": ["./src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}