devin 0.0.0

package/.vscode/settings.json

@@ -0,0 +1,16 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.addMissingImports.ts": "always",
+    "source.fixAll": "explicit",
+    "source.fixAll.format": "always",
+    "source.organizeImports": "always",
+    "source.organizeImports.biome": "always"
+  },
+  "editor.defaultFormatter": "biomejs.biome",
+  "editor.formatOnPaste": false,
+  "editor.formatOnSave": true,
+  "prettier.requireConfig": true,
+  "[markdown]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Devin Metivier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,36 @@
+```sh
+npx devin
+```
+
+Deterministic, effortless scaffolding for modern web application. Choose your stack, tools, and configuration in seconds.
+
+## Features
+
+- Scaffold projects with:
+  - Next.js
+  - TypeScript (or JavaScript - if you dare...)
+  - Tailwind CSS
+  - tRPC or Hono
+  - Authentication (Stytch)
+  - Database ORM (Drizzle, Prisma)
+  - Database provider (SQLite, MySQL, PlanetScale)
+  - Linting/formatting (Biome or ESLint + Prettier)
+  - Git initialization
+  - Dependency installation
+  - Custom import alias
+- Modern, minimal UX—navigate with arrows, select with space/enter
+- Sensible defaults
+
+You'll be guided through a series of prompts to configure your new project.
+
+## Contributing
+
+Contributions are welcome! Please open issues or pull requests for improvements, bug fixes, or new features.
+
+## License
+
+MIT
+
+```bash
+npx devin
+```

package/biome.jsonc

@@ -0,0 +1,74 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "css": {
+    "formatter": {
+      "enabled": true,
+      "indentStyle": "space",
+      "indentWidth": 2,
+      "lineWidth": 120
+    },
+    "linter": {
+      "enabled": true
+    },
+    "parser": {
+      "cssModules": true
+    }
+  },
+  "files": {
+    "maxSize": 20000000
+  },
+  "formatter": {
+    "attributePosition": "auto",
+    "enabled": true,
+    "formatWithErrors": false,
+    "ignore": ["**/dist/**", "**/node_modules/**", "**/pnpm-lock.yaml"],
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120
+  },
+  "javascript": {
+    "formatter": {
+      "arrowParentheses": "always",
+      "attributePosition": "auto",
+      "bracketSameLine": false,
+      "bracketSpacing": true,
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "asNeeded",
+      "quoteStyle": "single",
+      "semicolons": "always",
+      "trailingCommas": "all"
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "ignore": ["**/dist/**", "**/node_modules/**", "**/pnpm-lock.yaml"],
+    "rules": {
+      "a11y": {
+        "noSvgWithoutTitle": "off",
+        "useKeyWithClickEvents": "off"
+      },
+      "nursery": {
+        "useSortedClasses": {
+          "fix": "safe",
+          "level": "error",
+          "options": {
+            "attributes": ["className"],
+            "functions": ["cn"]
+          }
+        }
+      },
+      "recommended": true,
+      "style": {
+        "noNonNullAssertion": "warn"
+      },
+      "suspicious": {
+        "noArrayIndexKey": "warn",
+        "noExplicitAny": "warn"
+      }
+    }
+  },
+  "organizeImports": {
+    "enabled": true
+  }
+}

package/dist/index.js

@@ -0,0 +1,3 @@
+#! /usr/bin/env node
+import{cancel as a,confirm as r,intro as v,isCancel as l,note as w,outro as h,select as t,text as f}from"@clack/prompts";import e from"chalk";async function O(){v(e.magenta.bold("Welcome to Devin's App Bootstrapper CLI!"));let c=await f({message:"What will your project be called?",validate:s=>s?void 0:"Project name cannot be empty"});if(l(c))return a("Operation cancelled.");let o=await t({message:"Will you be using Typescript or Javascript?",options:[{value:"typescript",label:"Typescript"},{value:"javascript",label:"Javascript"}]});if(l(o))return a("Operation cancelled.");o==="javascript"&&w(e.redBright("Wrong answer, using TypeScript instead"));let u=await r({message:"Will you be using Tailwind CSS for styling?",initialValue:!0});if(l(u))return a("Operation cancelled.");let p=await t({message:"Which of these RPC libraries would you like to use?",options:[{value:"trpc",label:"tRPC"},{value:"hono",label:"Hono"},{value:"none",label:"None"}]});if(l(p))return a("Operation cancelled.");let d=await t({message:"What authentication provider would you like to use?",options:[{value:"none",label:"None"},{value:"stytch",label:"Stytch"}]});if(l(d))return a("Operation cancelled.");let n=await t({message:"What databse ORM would you like to use?",options:[{value:"drizzle",label:"Drizzle"},{value:"prisma",label:"Prisma"},{value:"none",label:"None"}]});if(l(n))return a("Operation cancelled.");let i;n!=="none"&&(i=await t({message:"What database provider would you like to use?",options:[{value:"sqlite",label:"SQLite (LibSQL)"},{value:"mysql",label:"MySQL"},{value:"planetscale",label:"PlanetScale"}]}));let g=await t({message:"Would you like to use Biome or Eslint/Prettier for linting/formatting?",options:[{value:"biome",label:"Biome"},{value:"eslint-prettier",label:"Eslint and Prettier"}]});if(l(g))return a("Operation cancelled.");let m=await r({message:"Do you want to initialize a Git repository and stage the changes?",initialValue:!0});if(l(m))return a("Operation cancelled.");let y=await r({message:"Should we install dependencies for you?",initialValue:!0});if(l(y))return a("Operation cancelled.");let b=await f({message:"What import alias would you like to use?",placeholder:"~/",initialValue:"~/",validate:s=>s?void 0:"Import alias cannot be empty"});if(l(b))return a("Operation cancelled.");console.log(`
+${e.green("Your selections:")}`),console.log(`  Project name: ${e.cyan(c)}`),console.log(`  Language:     ${e.cyan(o)}`),console.log(`  Tailwind CSS: ${u?e.green("Yes"):e.red("No")}`),console.log(`  RPC:          ${e.cyan(p)}`),console.log(`  Auth:         ${e.cyan(d)}`),console.log(`  ORM:          ${e.cyan(n)}`),i&&console.log(`  Database:     ${e.cyan(i)}`),console.log(`  Linter:       ${e.cyan(g)}`),console.log(`  Git:          ${m?e.green("Yes"):e.red("No")}`),console.log(`  Install deps: ${y?e.green("Yes"):e.red("No")}`),console.log(`  Import alias: ${e.cyan(b)}`),h(e.yellow("Scaffolding will begin here in the next step..."))}O();

package/package.json

@@ -0,0 +1,51 @@
+{
+  "author": {
+    "name": "Devin Metivier",
+    "url": "https://devinmetivier.com"
+  },
+  "bin": {
+    "devin": "./dist/index.js"
+  },
+  "bugs": {
+    "url": "https://github.com/devjmetivier/devin/issues"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.10.1",
+    "chalk": "^5.0.1"
+  },
+  "description": "Devin Metivier",
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@total-typescript/ts-reset": "^0.6.1",
+    "@types/node": "^22.15.18",
+    "@types/open": "^6.2.1",
+    "prettier": "^3.5.3",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3"
+  },
+  "exports": "./dist/index.js",
+  "homepage": "https://github.com/devjmetivier/devin#readme",
+  "license": "MIT",
+  "main": "./src/index.js",
+  "name": "devin",
+  "packageManager": "pnpm@10.5.2+sha512.da9dc28cd3ff40d0592188235ab25d3202add8a207afbedc682220e4a0029ffbff4562102b9e6e46b4e3f9e8bd53e6d05de48544b0c57d4b0179e22c76d1199b",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/devjmetivier/devin.git"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist .turbo node_modules",
+    "dev": "tsup --watch",
+    "format": "biome check . --write --unsafe --diagnostic-level=error && biome format --diagnostic-level=error --write .",
+    "go": "node src/index.js",
+    "lint": "pnpm biome lint --write --unsafe --diagnostic-level=error",
+    "pub:beta": "pnpm build && npm publish --tag beta",
+    "pub:next": "pnpm build && npm publish --tag next",
+    "pub:release": "pnpm build && npm publish",
+    "start": "node dist/index.js",
+    "typecheck": "tsc"
+  },
+  "type": "module",
+  "version": "0.0.0"
+}

package/reset.d.ts

@@ -0,0 +1 @@
+import '@total-typescript/ts-reset';

package/src/index.ts

@@ -0,0 +1,121 @@
+#! /usr/bin/env node
+
+import { cancel, confirm, intro, isCancel, note, outro, select, text } from '@clack/prompts';
+import chalk from 'chalk';
+
+async function main() {
+  intro(chalk.magenta.bold("Welcome to Devin's App Bootstrapper CLI!"));
+
+  const projectName = await text({
+    message: 'What will your project be called?',
+    validate: (input: string) => (input ? undefined : 'Project name cannot be empty'),
+  });
+  if (isCancel(projectName)) return cancel('Operation cancelled.');
+
+  const language = await select({
+    message: 'Will you be using Typescript or Javascript?',
+    options: [
+      { value: 'typescript', label: 'Typescript' },
+      { value: 'javascript', label: 'Javascript' },
+    ],
+  });
+  if (isCancel(language)) return cancel('Operation cancelled.');
+
+  if (language === 'javascript') {
+    note(chalk.redBright('Wrong answer, using TypeScript instead'));
+  }
+
+  const tailwind = await confirm({
+    message: 'Will you be using Tailwind CSS for styling?',
+    initialValue: true,
+  });
+  if (isCancel(tailwind)) return cancel('Operation cancelled.');
+
+  const rpc = await select({
+    message: 'Which of these RPC libraries would you like to use?',
+    options: [
+      { value: 'trpc', label: 'tRPC' },
+      { value: 'hono', label: 'Hono' },
+      { value: 'none', label: 'None' },
+    ],
+  });
+  if (isCancel(rpc)) return cancel('Operation cancelled.');
+
+  const auth = await select({
+    message: 'What authentication provider would you like to use?',
+    options: [
+      { value: 'none', label: 'None' },
+      { value: 'stytch', label: 'Stytch' },
+    ],
+  });
+  if (isCancel(auth)) return cancel('Operation cancelled.');
+
+  const orm = await select({
+    message: 'What databse ORM would you like to use?',
+    options: [
+      { value: 'drizzle', label: 'Drizzle' },
+      { value: 'prisma', label: 'Prisma' },
+      { value: 'none', label: 'None' },
+    ],
+  });
+  if (isCancel(orm)) return cancel('Operation cancelled.');
+
+  let databaseProvider: symbol | 'postgres' | 'sqlite' | 'mysql' | 'planetscale' | undefined;
+  if (orm !== 'none') {
+    databaseProvider = await select({
+      message: 'What database provider would you like to use?',
+      options: [
+        { value: 'sqlite', label: 'SQLite (LibSQL)' },
+        { value: 'mysql', label: 'MySQL' },
+        { value: 'planetscale', label: 'PlanetScale' },
+      ],
+    });
+  }
+
+  const linter = await select({
+    message: 'Would you like to use Biome or Eslint/Prettier for linting/formatting?',
+    options: [
+      { value: 'biome', label: 'Biome' },
+      { value: 'eslint-prettier', label: 'Eslint and Prettier' },
+    ],
+  });
+  if (isCancel(linter)) return cancel('Operation cancelled.');
+
+  const git = await confirm({
+    message: 'Do you want to initialize a Git repository and stage the changes?',
+    initialValue: true,
+  });
+  if (isCancel(git)) return cancel('Operation cancelled.');
+
+  const install = await confirm({
+    message: 'Should we install dependencies for you?',
+    initialValue: true,
+  });
+  if (isCancel(install)) return cancel('Operation cancelled.');
+
+  const importAlias = await text({
+    message: 'What import alias would you like to use?',
+    placeholder: '~/',
+    initialValue: '~/',
+    validate: (input: string) => (input ? undefined : 'Import alias cannot be empty'),
+  });
+  if (isCancel(importAlias)) return cancel('Operation cancelled.');
+
+  // Print summary
+  console.log(`\n${chalk.green('Your selections:')}`);
+  console.log(`  Project name: ${chalk.cyan(projectName)}`);
+  console.log(`  Language:     ${chalk.cyan(language)}`);
+  console.log(`  Tailwind CSS: ${tailwind ? chalk.green('Yes') : chalk.red('No')}`);
+  console.log(`  RPC:          ${chalk.cyan(rpc)}`);
+  console.log(`  Auth:         ${chalk.cyan(auth)}`);
+  console.log(`  ORM:          ${chalk.cyan(orm)}`);
+  if (databaseProvider) console.log(`  Database:     ${chalk.cyan(databaseProvider)}`);
+  console.log(`  Linter:       ${chalk.cyan(linter)}`);
+  console.log(`  Git:          ${git ? chalk.green('Yes') : chalk.red('No')}`);
+  console.log(`  Install deps: ${install ? chalk.green('Yes') : chalk.red('No')}`);
+  console.log(`  Import alias: ${chalk.cyan(importAlias)}`);
+
+  outro(chalk.yellow('Scaffolding will begin here in the next step...'));
+}
+
+main();

package/src/utils/get-user-package-manager.ts

@@ -0,0 +1,15 @@
+export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
+
+export function getUserPkgManager(): PackageManager {
+  // This environment variable is set by npm and yarn but pnpm seems less consistent
+  const userAgent = process.env.npm_config_user_agent;
+
+  if (userAgent) {
+    if (userAgent.startsWith('yarn')) return 'yarn';
+    if (userAgent.startsWith('pnpm')) return 'pnpm';
+    if (userAgent.startsWith('bun')) return 'bun';
+  }
+
+  // If no user agent is set, assume npm
+  return 'npm';
+}

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "checkJs": true,
+    "paths": {
+      "~/*": ["./src/*"]
+    }
+  },
+  "include": ["prettier.config.mjs", "reset.d.ts", "src", "tsup.config.ts"]
+}

package/tsup.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'tsup';
+
+const isDev = process.env.npm_lifecycle_event === 'dev';
+
+export default defineConfig({
+  clean: true,
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  minify: !isDev,
+  target: 'esnext',
+  outDir: 'dist',
+  onSuccess: isDev ? 'node dist/index.js' : undefined,
+});