@algolia/wizard 0.3.0-rc.44.3 → 0.3.0-rc.47.9

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box12, Text as Text12, useApp, useInput as useInput5, useWindowSize as useWindowSize4 } from "ink";
+import { Box as Box12, Text as Text12, useApp, useInput as useInput5, useWindowSize as useWindowSize5 } from "ink";
 
 // src/core/store.ts
 import { create } from "zustand";
@@ -722,7 +722,7 @@ function PromptInput() {
 // src/ui/Welcome.tsx
 import { dirname as dirname2, join as join3 } from "node:path";
 import { fileURLToPath } from "node:url";
-import { Box as Box6, Spacer, Text as Text6, useInput as useInput3 } from "ink";
+import { Box as Box6, Spacer, Text as Text6, useInput as useInput3, useWindowSize as useWindowSize3 } from "ink";
 
 // src/ui/copy/welcome.ts
 var sidebarItems = [
@@ -770,36 +770,61 @@ function SidebarItem({
 function Welcome() {
   const confirmStart = useWizard((s) => s.confirmStart);
   const openLearnMore = useWizard((s) => s.openLearnMore);
+  const { rows } = useWindowSize3();
   useInput3((input) => {
     if (input === " ") confirmStart();
     else if (input === "i") openLearnMore();
   });
+  const scales = {
+    large: {
+      sidebar: { padding: { x: 4, y: 2 }, gap: 2 },
+      main: { padding: { x: 8, y: 4 } }
+    },
+    small: {
+      sidebar: { padding: { x: 2, y: 1 }, gap: 1 },
+      main: { padding: { x: 4, y: 2 } }
+    }
+  };
+  let layout = scales["large"];
+  if (rows < 30) {
+    layout = scales["small"];
+  }
   return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsx6(Box6, { padding: 8, flexDirection: "column", justifyContent: "center", children: /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ jsx6(InkPictureProvider, { children: /* @__PURE__ */ jsx6(
-        Image,
-        {
-          src: IMAGE_PATH,
-          objectFit: "contain",
-          alt: "Algolia",
-          width: 30,
-          height: 15,
-          protocol: "halfBlock"
-        }
-      ) }),
-      /* @__PURE__ */ jsx6(Text6, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
-      /* @__PURE__ */ jsxs5(Box6, { gap: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx6(NextAction, { action: "start wizard", keyHint: "space" }),
-        /* @__PURE__ */ jsx6(NextAction, { action: "learn more", keyHint: "i", hierarchy: "secondary" })
-      ] })
-    ] }) }),
+    /* @__PURE__ */ jsx6(
+      Box6,
+      {
+        paddingY: layout.main.padding.y,
+        paddingX: layout.main.padding.x,
+        flexDirection: "column",
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 2, children: [
+          /* @__PURE__ */ jsx6(InkPictureProvider, { children: /* @__PURE__ */ jsx6(
+            Image,
+            {
+              src: IMAGE_PATH,
+              objectFit: "contain",
+              alt: "Algolia",
+              width: 20,
+              height: 10,
+              protocol: "halfBlock"
+            }
+          ) }),
+          /* @__PURE__ */ jsx6(Text6, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
+          /* @__PURE__ */ jsxs5(Box6, { gap: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx6(NextAction, { action: "start wizard", keyHint: "space" }),
+            /* @__PURE__ */ jsx6(NextAction, { action: "learn more", keyHint: "i", hierarchy: "secondary" })
+          ] })
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsxs5(
       Box6,
       {
         backgroundColor: COLORS.bg.sidebar,
         width: 40,
-        padding: 4,
-        gap: 2,
+        paddingY: layout.sidebar.padding.y,
+        paddingX: layout.sidebar.padding.x,
+        gap: layout.sidebar.gap,
         flexDirection: "column",
         justifyContent: "center",
         children: [
@@ -813,7 +838,7 @@ function Welcome() {
 
 // src/ui/LearnMore.tsx
 import { Fragment as Fragment2 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput4, useWindowSize as useWindowSize3 } from "ink";
+import { Box as Box7, Text as Text7, useInput as useInput4, useWindowSize as useWindowSize4 } from "ink";
 
 // src/ui/copy/learn-more.ts
 var accessIntro = "Everything runs locally on your machine. Nothing is written or sent without an explicit yes from you.";
@@ -877,7 +902,7 @@ function NeverLine({
 function LearnMore() {
   const confirmStart = useWizard((s) => s.confirmStart);
   const backToHome = useWizard((s) => s.backToHome);
-  const { columns } = useWindowSize3();
+  const { columns } = useWindowSize4();
   const dividerWidth = Math.max(0, columns - PADDING_X * 2);
   useInput4((input, key) => {
     if (key.escape) backToHome();
@@ -1091,7 +1116,7 @@ import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function App() {
   const { phase, error, homeScreen } = useWizard();
   const { exit } = useApp();
-  const { columns, rows } = useWindowSize4();
+  const { columns, rows } = useWindowSize5();
   const finished = phase === "done" || phase === "error";
   useInput5(
     (_input, key) => {
@@ -2437,7 +2462,7 @@ async function runAnalysis(mode, extraInstructions = []) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.3.0-rc.44.3",
+  version: "0.3.0-rc.47.9",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/wizard",
-  "version": "0.3.0-rc.44.3",
+  "version": "0.3.0-rc.47.9",
   "description": "Magically implement Algolia functionality in your codebase",
   "type": "module",
   "engines": {