create-z3 0.0.14 → 0.0.16

package/dist/index.js

@@ -1786,6 +1786,9 @@ async function replacePlaceholder(filePath, placeholder, content, options) {
   }
   await fs3.writeFile(filePath, updatedLines.join("\n"), "utf-8");
 }
+function generateCredentialsValue(enabled) {
+  return enabled ? "true" : "false";
+}
 function generateAuthProvidersBlock(oauthProviders, emailPasswordEnabled) {
   const parts = [];
   if (emailPasswordEnabled) {
@@ -1856,12 +1859,9 @@ function generateEnvTsRuntimeMapping(providers) {
 }
 function generateOAuthUIProvidersBlock(providers) {
   if (providers.length === 0) {
-    return "__REMOVE_SOCIAL_PROP__";
+    return "";
   }
-  const providerList = providers.map((id) => `"${id}"`).join(", ");
-  return `social={{
-  providers: [${providerList}]
-}}`;
+  return providers.map((id) => `"${id}"`).join(", ");
 }
 function generateEnvVarsBlock(providers, framework) {
   if (providers.length === 0) {
@@ -2123,6 +2123,24 @@ var FrameworkInstaller = class {
       spinner.warn("Failed to format code (you may need to run `npm run format` manually)");
     }
   }
+  /**
+   * Lint and fix code using project's ESLint configuration
+   * Runs ESLint with --fix flag to auto-fix issues like import sorting
+   * Non-blocking - continues even if linting fails
+   */
+  async lintCode() {
+    const packageManager = this.detectPackageManager();
+    const spinner = ora("Linting and fixing code...").start();
+    try {
+      await execa(packageManager, ["run", "lint", "--", "--fix"], {
+        cwd: this.targetPath,
+        stdio: "pipe"
+      });
+      spinner.succeed("Code linted and fixed successfully");
+    } catch (error) {
+      spinner.warn("Failed to lint code (you may need to run `npm run lint -- --fix` manually)");
+    }
+  }
   /**
    * Initialize Git repository in target directory
    * Creates initial commit with all files
@@ -2268,7 +2286,10 @@ Please check the URL and your internet connection, then try again.`
     }
     const oauthUISpinner = ora("Configuring OAuth UI...").start();
     try {
-      await this.updateOAuthUIConfig(options.oauthProviders);
+      await this.updateOAuthUIConfig(
+        options.oauthProviders,
+        options.emailPasswordAuth
+      );
       if (options.oauthProviders.length > 0) {
         oauthUISpinner.succeed("OAuth UI configuration updated");
       } else {
@@ -2340,6 +2361,8 @@ Please check the URL and your internet connection, then try again.`
     }
     if (options.installDependencies) {
       await this.installDependencies();
+      await this.lintCode();
+      await this.formatCode();
     }
   }
 };
@@ -2381,11 +2404,12 @@ var TanStackInstaller = class extends FrameworkInstaller {
   /**
    * Update OAuth UI configuration in providers file
    * Target file: src/providers.tsx
-   * Placeholder: // {{OAUTH_UI_PROVIDERS}}
+   * Placeholders: OAUTH_UI_PROVIDERS and EMAIL_PASSWORD_CREDENTIALS
    *
    * @param selectedProviders - Array of provider IDs to configure
+   * @param emailPasswordEnabled - Whether email/password authentication is enabled
    */
-  async updateOAuthUIConfig(selectedProviders) {
+  async updateOAuthUIConfig(selectedProviders, emailPasswordEnabled) {
     const providersFilePath = join2(this.targetPath, "src/providers.tsx");
     const uiConfigBlock = generateOAuthUIProvidersBlock(selectedProviders);
     await replacePlaceholder(
@@ -2393,6 +2417,12 @@ var TanStackInstaller = class extends FrameworkInstaller {
       "// {{OAUTH_UI_PROVIDERS}}",
       uiConfigBlock
     );
+    const credentialsValue = generateCredentialsValue(emailPasswordEnabled);
+    await replacePlaceholder(
+      providersFilePath,
+      "/* {{EMAIL_PASSWORD_CREDENTIALS}} */",
+      credentialsValue
+    );
   }
   /**
    * Update .env.example with OAuth environment variables
@@ -2511,11 +2541,12 @@ var NextJSInstaller = class extends FrameworkInstaller {
   /**
    * Update OAuth UI configuration in auth client file
    * Target file: src/auth/client.tsx (DIFFERENT from TanStack: src/providers.tsx)
-   * Placeholder: // {{OAUTH_UI_PROVIDERS}}
+   * Placeholders: OAUTH_UI_PROVIDERS and EMAIL_PASSWORD_CREDENTIALS
    *
    * @param selectedProviders - Array of provider IDs to configure
+   * @param emailPasswordEnabled - Whether email/password authentication is enabled
    */
-  async updateOAuthUIConfig(selectedProviders) {
+  async updateOAuthUIConfig(selectedProviders, emailPasswordEnabled) {
     const providersFilePath = join3(this.targetPath, "src/auth/client.tsx");
     const uiConfigBlock = generateOAuthUIProvidersBlock(selectedProviders);
     await replacePlaceholder(
@@ -2523,6 +2554,12 @@ var NextJSInstaller = class extends FrameworkInstaller {
       "// {{OAUTH_UI_PROVIDERS}}",
       uiConfigBlock
     );
+    const credentialsValue = generateCredentialsValue(emailPasswordEnabled);
+    await replacePlaceholder(
+      providersFilePath,
+      "/* {{EMAIL_PASSWORD_CREDENTIALS}} */",
+      credentialsValue
+    );
   }
   /**
    * Update .env.example with OAuth environment variables

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-z3",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "description": "CLI for scaffolding Z3 Stack applications (TanStack/Next.js + Convex + Better Auth)",
   "bin": {

package/templates/nextjs/.env.example

@@ -0,0 +1,18 @@
+# Since the ".env" file is gitignored, you can use the ".env.example" file to
+# build a new ".env" file when you clone the repo. Keep this file up-to-date
+# when you add new variables to `.env`.
+
+# This file will be committed to version control, so make sure not to have any
+# secrets in it. If you are cloning this repo, create a copy of this file named
+# ".env" and populate it with your secrets.
+
+# When adding additional environment variables, the schema in "/src/env.js"
+# should be updated accordingly.
+
+NEXT_PUBLIC_CONVEX_URL=""
+NEXT_PUBLIC_CONVEX_SITE_URL=""
+
+NEXT_PUBLIC_SITE_URL="http://localhost:3000"
+BETTER_AUTH_SECRET=""
+
+# {{ENV_OAUTH_VARS}}

package/templates/nextjs/src/auth/client.tsx

@@ -31,7 +31,7 @@ export default function BetterAuthClientProvider({ children }: { children: React
   return (
     <AuthUIProvider
       authClient={authClient}
-      credentials={true}
+      credentials={/* {{EMAIL_PASSWORD_CREDENTIALS}} */}
       Link={Link}
       navigate={router.push}
       onSessionChange={() => {

package/templates/tanstack-start/src/providers.tsx

@@ -23,10 +23,15 @@ export function Providers({ children }: { children: ReactNode }) {
       <AuthQueryProvider>
         <AuthUIProviderTanstack
           authClient={authClient}
+          credentials={/* {{EMAIL_PASSWORD_CREDENTIALS}} */}
           navigate={(href) => router.navigate({ href })}
           replace={(href) => router.navigate({ href, replace: true })}
           Link={({ href, ...props }) => <Link to={href} {...props} />}
-          // {{OAUTH_UI_PROVIDERS}}
+          social={{
+            providers: [
+              // {{OAUTH_UI_PROVIDERS}}
+            ],
+          }}
         >
           {children}
         </AuthUIProviderTanstack>