create-apppaaaul 2.0.2 → 2.0.4

package/README.md

@@ -1,20 +1,20 @@
-# Create AppPaaaul
-
-Create projects as Paauldev would.
-Based on [appcny](https://github.com/goncy/create-appncy)
-
-## Usage
-
-```bash
-# Interactive mode
-pnpm create apppaaaul
-```
-
-## Installation
-
-```bash
-pnpm install -g create-apppaaaul
-```
-
-## Questions?
-
+# Create AppPaaaul
+
+Create projects as Paauldev would.
+Based on [appcny](https://github.com/goncy/create-appncy)
+
+## Usage
+
+```bash
+# Interactive mode
+pnpm create apppaaaul
+```
+
+## Installation
+
+```bash
+pnpm install -g create-apppaaaul
+```
+
+## Questions?
+

package/dist/index.js

@@ -0,0 +1,168 @@
+#!/usr/bin/env node
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/.pnpm/tsup@8.4.0_typescript@5.8.2_yaml@2.4.5/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
+
+// index.ts
+var import_node_path = __toESM(require("path"));
+var import_node_url = require("url");
+var import_promises = require("fs/promises");
+var import_child_process = require("child_process");
+var import_util = require("util");
+var import_picocolors = require("picocolors");
+var import_glob = require("glob");
+var import_picocolors2 = __toESM(require("picocolors"));
+var import_prompts = __toESM(require("prompts"));
+var import_yargs = __toESM(require("yargs"));
+var import_helpers = require("yargs/helpers");
+
+// helpers/install.ts
+var import_cross_spawn = __toESM(require("cross-spawn"));
+async function install() {
+  const packageManager = "pnpm";
+  const args2 = ["install"];
+  return new Promise((resolve, reject) => {
+    const child = (0, import_cross_spawn.default)(packageManager, args2, {
+      stdio: "inherit",
+      env: {
+        ...process.env,
+        ADBLOCK: "1",
+        // we set NODE_ENV to development as pnpm skips dev
+        // dependencies when production
+        NODE_ENV: "development",
+        DISABLE_OPENCOLLECTIVE: "1"
+      }
+    });
+    child.on("close", (code) => {
+      if (code !== 0) {
+        reject({ command: `${packageManager} ${args2.join(" ")}` });
+        return;
+      }
+      resolve();
+    });
+  });
+}
+
+// index.ts
+var execAsync = (0, import_util.promisify)(import_child_process.exec);
+var TEMPLATES = [
+  {
+    title: "Nextjs ts with db setup Landing with prisma",
+    value: "nextjs-ts-landing-prisma"
+  },
+  {
+    title: "Nextjs ts with db setup Landing with drizzle",
+    value: "nextjs-ts-landing-drizzle"
+  },
+  {
+    title: "Nextjs ts clean",
+    value: "nextjs-ts-clean"
+  }
+];
+var args = (0, import_yargs.default)((0, import_helpers.hideBin)(process.argv)).options({
+  name: {
+    alias: "n",
+    type: "string",
+    description: "Name of the project"
+  },
+  template: {
+    alias: "t",
+    type: "string",
+    description: "Template to use"
+  }
+});
+import_prompts.default.override(args.argv);
+async function main() {
+  const {
+    _: [initialName, initialProject]
+  } = await args.argv;
+  const project = await (0, import_prompts.default)(
+    [
+      {
+        type: "text",
+        name: "name",
+        message: "What is the name of your project?",
+        initial: initialName || "apppaaaul-project",
+        validate: (value) => {
+          if (value !== "." && value.match(/[^a-zA-Z0-9-_]+/g)) {
+            return "Project name can only contain letters, numbers, dashes, underscores, or be '.' for the current directory";
+          }
+          return true;
+        }
+      },
+      {
+        type: "select",
+        name: "template",
+        message: `Which template would you like to use?`,
+        initial: initialProject || 0,
+        choices: TEMPLATES
+      }
+    ],
+    {
+      onCancel: () => {
+        console.log("\nBye \u{1F44B}\n");
+        process.exit(0);
+      }
+    }
+  );
+  const template = import_node_path.default.join(
+    import_node_path.default.dirname((0, import_node_url.fileURLToPath)(importMetaUrl)),
+    "templates",
+    project.template
+  );
+  const destination = project.name === "." ? process.cwd() : import_node_path.default.join(process.cwd(), project.name);
+  await (0, import_promises.cp)(import_node_path.default.join(template, "project"), destination, { recursive: true });
+  const files = await (0, import_glob.glob)(`**/*`, { nodir: true, cwd: destination, absolute: true });
+  for await (const file of files) {
+    const data = await (0, import_promises.readFile)(file, "utf8");
+    const draft = data.replace(/{{name}}/g, project.name);
+    await (0, import_promises.writeFile)(file, draft, "utf8");
+  }
+  console.log("\n\u2728 Project created \u2728");
+  if (project.name !== ".") {
+    try {
+      await execAsyc(`cd ${project.name}`);
+      console.log(`
+${import_picocolors2.default.green(`cd`)} ${project.name}`);
+    } catch (error) {
+      console.error(`Error executing commands: ${error}`);
+    }
+  }
+  try {
+    await execAsync("cursor .");
+    console.log("Installing packages. This might take a couple of minutes.");
+    console.log();
+    await install();
+    console.log();
+    console.log(`${(0, import_picocolors.green)("Success!")} App installed successfully.`);
+    console.log((0, import_picocolors.cyan)("Initializing the development server..."));
+    await execAsync("pnpm dev");
+  } catch (error) {
+    console.error(`Error executing commands: ${error}`);
+  }
+}
+main().catch(console.error);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../node_modules/.pnpm/tsup@8.4.0_typescript@5.8.2_yaml@2.4.5/node_modules/tsup/assets/cjs_shims.js","../index.ts","../helpers/install.ts"],"sourcesContent":["// Shim globals in cjs bundle\n// There's a weird bug that esbuild will always inject importMetaUrl\n// if we export it as `const importMetaUrl = ... __filename ...`\n// But using a function will not cause this issue\n\nconst getImportMetaUrl = () =>\n  typeof document === 'undefined'\n    ? new URL(`file:${__filename}`).href\n    : (document.currentScript && document.currentScript.src) ||\n      new URL('main.js', document.baseURI).href\n\nexport const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()\n","#!/usr/bin/env node\n\nimport path from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { cp, readFile, writeFile } from \"node:fs/promises\";\nimport { exec } from \"child_process\";\nimport { promisify } from \"util\";\n\nimport { cyan, green, red } from \"picocolors\";\nimport { glob } from \"glob\";\nimport color from \"picocolors\";\nimport prompts from \"prompts\";\nimport yargs from \"yargs\";\nimport { hideBin } from \"yargs/helpers\";\n\nimport { install } from \"./helpers/install\";\nconst execAsync = promisify(exec);\n\n// Define the templates available\nconst TEMPLATES = [\n  {\n    title: \"Nextjs ts with db setup Landing with prisma\",\n    value: \"nextjs-ts-landing-prisma\",\n  },\n  {\n    title: \"Nextjs ts with db setup Landing with drizzle\",\n    value: \"nextjs-ts-landing-drizzle\",\n  },\n  {\n    title: 'Nextjs ts clean',\n    value: 'nextjs-ts-clean'\n  }\n];\n\n// Specify CLI arguments\nconst args = yargs(hideBin(process.argv)).options({\n  name: {\n    alias: \"n\",\n    type: \"string\",\n    description: \"Name of the project\",\n  },\n  template: {\n    alias: \"t\",\n    type: \"string\",\n    description: \"Template to use\",\n  },\n});\n\n// Override arguments passed on the CLI\nprompts.override(args.argv);\n\nasync function main() {\n  // Get the initial values for the prompts\n  const {\n    _: [initialName, initialProject],\n  } = await args.argv;\n\n  // Create the project prompt\n  const project = await prompts(\n    [\n      {\n        type: \"text\",\n        name: \"name\",\n        message: \"What is the name of your project?\",\n        initial: initialName || \"apppaaaul-project\",\n        validate: (value) => {\n          if (value !== \".\" && value.match(/[^a-zA-Z0-9-_]+/g)) {\n            return \"Project name can only contain letters, numbers, dashes, underscores, or be '.' for the current directory\";\n          }\n\n          return true;\n        },\n      },\n      {\n        type: \"select\",\n        name: \"template\",\n        message: `Which template would you like to use?`,\n        initial: initialProject || 0,\n        choices: TEMPLATES,\n      },\n    ],\n    {\n      onCancel: () => {\n        console.log(\"\\nBye 👋\\n\");\n\n        process.exit(0);\n      },\n    },\n  );\n\n  // Get the template folder for the selected template\n  const template = path.join(\n    path.dirname(fileURLToPath(import.meta.url)),\n    \"templates\",\n    project.template,\n  );\n\n  // Get the destination folder for the project\n  const destination = project.name === \".\" ? process.cwd() : path.join(process.cwd(), project.name);\n\n  // Copy files from the template folder to the current directory\n  await cp(path.join(template, \"project\"), destination, { recursive: true });\n\n  // Get all files from the destination folder\n  const files = await glob(`**/*`, { nodir: true, cwd: destination, absolute: true });\n\n  // Read each file and replace the tokens\n  for await (const file of files) {\n    const data = await readFile(file, \"utf8\");\n    const draft = data.replace(/{{name}}/g, project.name);\n\n    await writeFile(file, draft, \"utf8\");\n  }\n\n  // Log outro message\n  console.log(\"\\n✨ Project created ✨\");\n\n  // Run commands if a new directory was created\n  if (project.name !== \".\") {\n    try {\n      await execAsyc(`cd ${project.name}`);\n      console.log(`\\n${color.green(`cd`)} ${project.name}`);\n    } catch (error) {\n      console.error(`Error executing commands: ${error}`);\n    }\n  }\n  try {\n    await execAsync(\"cursor .\");\n    console.log(\"Installing packages. This might take a couple of minutes.\");\n    console.log();\n    await install();\n    console.log();\n    console.log(`${green(\"Success!\")} App installed successfully.`);\n    console.log(cyan(\"Initializing the development server...\"));\n    //TODO: Add docker-compose up, docker create db, pnpm run db:push\n    await execAsync(\"pnpm dev\");\n  } catch (error) {\n    console.error(`Error executing commands: ${error}`);\n  }\n}\n\n// Run the main function\nmain().catch(console.error);\n","import spawn from \"cross-spawn\";\nimport { yellow } from \"picocolors\";\n\nexport async function install(): Promise<void> {\n  const packageManager = \"pnpm\";\n  const args: string[] = [\"install\"];\n\n  return new Promise((resolve, reject) => {\n    /**\n     * Spawn the installation process.\n     */\n    const child = spawn(packageManager, args, {\n      stdio: \"inherit\",\n      env: {\n        ...process.env,\n        ADBLOCK: \"1\",\n        // we set NODE_ENV to development as pnpm skips dev\n        // dependencies when production\n        NODE_ENV: \"development\",\n        DISABLE_OPENCOLLECTIVE: \"1\",\n      },\n    });\n\n    child.on(\"close\", (code) => {\n      if (code !== 0) {\n        reject({ command: `${packageManager} ${args.join(\" \")}` });\n\n        return;\n      }\n      resolve();\n    });\n  });\n}\n"],"mappings":"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","names":["import_picocolors","args","spawn","yargs","prompts","path","color"]}

package/dist/templates/nextjs-ts-clean/project/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+max_line_length = 80

package/dist/templates/nextjs-ts-clean/project/.vscode/launch.json

@@ -0,0 +1,28 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug server-side",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "pnpm dev"
+    },
+    {
+      "name": "Next.js: debug client-side",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:3000"
+    },
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "pnpm dev",
+      "serverReadyAction": {
+        "pattern": "started server on .+, url: (https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}

package/dist/templates/nextjs-ts-clean/project/.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "editor.formatOnSave": false,
+  "typescript.tsdk": "node_modules\\typescript\\lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}

package/dist/templates/nextjs-ts-clean/project/README.md

@@ -0,0 +1,15 @@
+## Getting Started with {{name}}
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

package/dist/templates/nextjs-ts-clean/project/eslint.config.mjs

@@ -0,0 +1,172 @@
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import eslintPluginReact from "eslint-plugin-react";
+import eslintPluginReactHooks from "eslint-plugin-react-hooks";
+import {fixupPluginRules} from "@eslint/compat";
+import eslintPluginPrettier from "eslint-plugin-prettier/recommended";
+import eslintPluginImport from "eslint-plugin-import";
+import eslintPluginReactCompiler from "eslint-plugin-react-compiler";
+import eslintPluginNext from "@next/eslint-plugin-next";
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y";
+import vercelStyleGuideTypescript from "@vercel/style-guide/eslint/typescript";
+import vercelStyleGuideReact from "@vercel/style-guide/eslint/rules/react";
+import vercelStyleGuideNext from "@vercel/style-guide/eslint/next";
+
+export default [
+  // Ignores configuration
+  {
+    ignores: ["node_modules", ".next", "out", "coverage", ".idea"],
+  },
+  // General configuration
+  {
+    rules: {
+      "padding-line-between-statements": [
+        "warn",
+        {blankLine: "always", prev: "*", next: ["return", "export"]},
+        {blankLine: "always", prev: ["const", "let", "var"], next: "*"},
+        {blankLine: "any", prev: ["const", "let", "var"], next: ["const", "let", "var"]},
+      ],
+      "no-console": "warn",
+    },
+  },
+  // React configuration
+  {
+    plugins: {
+      react: fixupPluginRules(eslintPluginReact),
+      "react-hooks": fixupPluginRules(eslintPluginReactHooks),
+      "react-compiler": fixupPluginRules(eslintPluginReactCompiler),
+      "jsx-a11y": fixupPluginRules(eslintPluginJsxA11y),
+    },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.serviceworker,
+      },
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+    rules: {
+      ...eslintPluginReact.configs.recommended.rules,
+      ...eslintPluginJsxA11y.configs.recommended.rules,
+      ...eslintPluginReactHooks.configs.recommended.rules,
+      ...vercelStyleGuideReact.rules,
+      "react/prop-types": "off",
+      "react/jsx-uses-react": "off",
+      "react/react-in-jsx-scope": "off",
+      "react/self-closing-comp": "warn",
+      "react/jsx-sort-props": [
+        "warn",
+        {
+          callbacksLast: true,
+          shorthandFirst: true,
+          noSortAlphabetically: false,
+          reservedFirst: true,
+        },
+      ],
+      "react-compiler/react-compiler": "error",
+      "jsx-a11y/no-static-element-interactions": "off",
+      "jsx-a11y/click-events-have-key-events": "off",
+    },
+  },
+  // TypeScript configuration
+  ...[
+    ...tseslint.configs.recommended,
+    {
+      rules: {
+        ...vercelStyleGuideTypescript.rules,
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/no-shadow": "off",
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/require-await": "off",
+        "@typescript-eslint/no-floating-promises": "off",
+        "@typescript-eslint/no-confusing-void-expression": "off",
+        "@typescript-eslint/no-unused-vars": [
+          "warn",
+          {
+            args: "after-used",
+            ignoreRestSiblings: false,
+            argsIgnorePattern: "^_.*?$",
+          },
+        ],
+      },
+    },
+  ],
+  // Prettier configuration
+  ...[
+    eslintPluginPrettier,
+    {
+      rules: {
+        "prettier/prettier": [
+          "warn",
+          {
+            printWidth: 100,
+            trailingComma: "all",
+            tabWidth: 2,
+            semi: true,
+            singleQuote: false,
+            bracketSpacing: true,
+            arrowParens: "always",
+            endOfLine: "auto",
+            plugins: ["prettier-plugin-tailwindcss"],
+          },
+        ],
+      },
+    },
+  ],
+  // Import configuration
+  {
+    plugins: {
+      import: fixupPluginRules(eslintPluginImport),
+    },
+    rules: {
+      "import/no-default-export": "off",
+      "import/order": [
+        "warn",
+        {
+          groups: [
+            "type",
+            "builtin",
+            "object",
+            "external",
+            "internal",
+            "parent",
+            "sibling",
+            "index",
+          ],
+          pathGroups: [
+            {
+              pattern: "~/**",
+              group: "external",
+              position: "after",
+            },
+          ],
+          "newlines-between": "always",
+        },
+      ],
+    },
+  },
+  // Next configuration
+  {
+    plugins: {
+      next: fixupPluginRules(eslintPluginNext),
+    },
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {
+      ...vercelStyleGuideNext.rules,
+      "@next/next/no-img-element": "off",
+    },
+  },
+];

package/dist/templates/nextjs-ts-clean/project/next.config.mjs

@@ -0,0 +1,13 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    reactCompiler: true,
+  },
+  logging: {
+    fetches: {
+      fullUrl: true,
+    },
+  },
+};
+
+export default nextConfig;

package/dist/templates/nextjs-ts-clean/project/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "{{name}}",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.2",
+    "autoprefixer": "^10.4.21",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.474.0",
+    "next": "^15.2.4",
+    "postcss": "^8.5.3",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.7",
+    "@next/eslint-plugin-next": "15.1.6",
+    "@types/node": "^22.13.13",
+    "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
+    "@vercel/style-guide": "^6.0.0",
+    "babel-plugin-react-compiler": "19.0.0-beta-714736e-20250131",
+    "eslint": "^9.23.0",
+    "eslint-config-next": "15.1.6",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.4",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-c8b3f72-20240517",
+    "globals": "^15.15.0",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.27.0"
+  }
+}