betterstart-cli 0.0.84 → 0.0.86

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/copyable-code-block.tsx

@@ -38,7 +38,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
     <Card className="flex flex-col w-full p-0 gap-0">
       {hasTabs ? (
         <Tabs value={activeTab.id} onValueChange={setActiveTabId} className="min-h-0 flex-1 gap-0">
-          <CardHeader className="flex items-center justify-between gap-2 py-1! pl-3.5! pr-1 bg-background border-b border-border">
+          <CardHeader className="flex items-center justify-between gap-2 pt-[5px]! pb-2! pl-3.5! pr-1 bg-background border-b border-border">
             <div className="flex min-w-0 flex-1 items-center gap-2">
               <span className="min-w-0 truncate text-sm font-medium text-muted-foreground">
                 {label}
@@ -54,7 +54,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
             <Button
               type="button"
               variant="ghost"
-              size="icon"
+              size="icon-sm"
               aria-label={`Copy ${label} ${activeTab.label}`}
               onClick={() => {
                 void copy(activeTab.code)
@@ -66,7 +66,7 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
 
           {codeTabs.map((tab) => (
             <TabsContent key={tab.id} value={tab.id} className="min-h-0 overflow-auto">
-              <CardContent className="p-0 overflow-auto">
+              <CardContent className="p-0 overflow-auto h-full">
                 <React.Suspense fallback={<PlainCodeFallback code={tab.code} />}>
                   <LazyCodeMirror code={tab.code} language={tab.language} theme={codeTheme} />
                 </React.Suspense>
@@ -76,14 +76,14 @@ export function CopyableCodeBlock({ label, code, language, tabs }: CopyableCodeB
         </Tabs>
       ) : (
         <>
-          <CardHeader className="flex items-center justify-between gap-2 py-1! pl-3.5! pr-1 bg-background border-b border-border">
+          <CardHeader className="flex items-center justify-between gap-2 pt-[5px]! pb-2! pl-3.5! pr-1 bg-background border-b border-border">
             <span className="min-w-0 truncate text-sm font-medium text-muted-foreground">
               {label}
             </span>
             <Button
               type="button"
               variant="ghost"
-              size="icon"
+              size="icon-sm"
               aria-label={`Copy ${label}`}
               onClick={() => {
                 void copy(activeTab.code)

package/dist/assets/adapters/next/templates/init/components/shared/dev-mode/dev-mode-code-mirror.tsx

@@ -11,8 +11,8 @@ import type { DevModeCodeLanguage, DevModeCodeTheme } from './dev-mode-types'
 const codeMirrorSetup = {
   lineNumbers: true,
   foldGutter: false,
-  highlightActiveLine: false,
-  highlightActiveLineGutter: false
+  highlightActiveLine: true,
+  highlightActiveLineGutter: true
 }
 
 const compactCodeTheme = EditorView.theme({
@@ -63,6 +63,7 @@ export default function DevModeCodeMirror({ code, language, theme }: DevModeCode
       basicSetup={codeMirrorSetup}
       extensions={extensions}
       theme={theme === 'dark' ? githubDark : githubLight}
+      className="flex-1 [&>.cm-editor]:h-full"
     />
   )
 }

package/dist/assets/shared-assets/react-admin/ui/dialog.tsx

@@ -30,7 +30,7 @@ function DialogOverlay({
     <DialogPrimitive.Overlay
       data-slot="dialog-overlay"
       className={cn(
-        'fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',
+        'fixed inset-0 isolate z-200 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',
         className
       )}
       {...props}
@@ -52,7 +52,7 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-0 rounded-sm text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 overflow-hidden bg-card',
+          'fixed top-1/2 left-1/2 z-200 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-0 rounded-sm text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95 overflow-hidden bg-card',
           className
         )}
         {...props}
@@ -106,7 +106,7 @@ function DialogFooter({
     <div
       data-slot="dialog-footer"
       className={cn(
-        'flex flex-col-reverse gap-1 px-6 pt-4 items-center pb-5 bg-muted sm:flex-row sm:justify-between',
+        'flex flex-col-reverse gap-1 px-6 pt-2 items-center pb-3 bg-muted sm:flex-row sm:justify-between',
         className
       )}
       {...props}

package/dist/cli.js

@@ -26300,6 +26300,8 @@ function ensureVercelJsonFramework(cwd) {
 }
 function parseDeployedUrl(stdout, stderr) {
   const plainErr = stripVTControlCharacters4(stderr);
+  const aliased = plainErr.match(/Aliased:\s+(https:\/\/\S+)/i)?.[1];
+  if (aliased) return aliased;
   const production = plainErr.match(/Production:\s+(https:\/\/\S+)/i)?.[1];
   if (production) return production;
   const fromStdout = stripVTControlCharacters4(stdout).match(/https:\/\/\S+/)?.[0];
@@ -26368,30 +26370,44 @@ function findAcceptTermsUrl(line) {
 async function provisionNeonInteractive(runner, cwd, options) {
   const quietSpinner = spinner2();
   quietSpinner.start("Creating your Neon database");
-  let waitingOnTerms = false;
+  let termsNotice;
+  let termsResolved = false;
+  const settleTermsNotice = () => {
+    if (!termsNotice || termsResolved) return;
+    termsResolved = true;
+    quietSpinner.clear();
+    eraseRows(termsNotice.rows);
+    p20.log.step(termsNotice.text);
+  };
   const quiet = await runVercel(runner, neonAddArgs(options), {
     cwd,
     mode: "capture",
     timeoutMs: PROVISION_TIMEOUT_MS2,
     env: options.env,
     onOutputLine: (line, run) => {
-      if (!waitingOnTerms) {
+      if (!termsNotice) {
         const termsUrl = findAcceptTermsUrl(line);
         if (!termsUrl) return;
-        waitingOnTerms = true;
         run.extendTimeout(INTERACTIVE_PROVISION_TIMEOUT_MS2);
+        const message = "Please accept the Neon terms in your browser";
+        termsNotice = {
+          text: `${message}
+${pc7.dim(termsUrl)}`,
+          rows: clackLogRows(message) + clackLogRows(termsUrl) - 1
+        };
         quietSpinner.clear();
-        p20.log.info(`Please accept the Neon terms in your browser
-${pc7.dim(termsUrl)}`);
+        p20.log.info(termsNotice.text);
         quietSpinner.start("Waiting for the terms to be accepted");
         return;
       }
       if (TERMS_ACCEPTED_PATTERN.test(line)) {
-        quietSpinner.message("Creating your Neon database");
+        settleTermsNotice();
+        quietSpinner.start("Creating your Neon database");
       }
     }
   });
   if (quiet.success) {
+    settleTermsNotice();
     quietSpinner.clear();
     return readNeonProvisionInfo(quiet.stdout);
   }