@semos-labs/create-glyph 0.1.77 → 0.1.78

package/dist/index.js

@@ -193,23 +193,21 @@ function App() {
       <Progress value={progress} />
 
       {/* Add todo */}
-      <Box style={{ flexDirection: "row", gap: 1 }}>
-        <Box style={{ flexGrow: 1 }}>
-          <Input
-            ref={inputRef}
-            value={newTodo}
-            onChange={setNewTodo}
-            onKeyPress={handleInputKey}
-            placeholder="What needs to be done?"
-            style={{ border: "round", borderColor: "blackBright", paddingX: 1 }}
-            focusedStyle={{ border: "round", borderColor: "cyan", color: "white", paddingX: 1 }}
-          />
-        </Box>
+      <Box style={{ flexDirection: "row", gap: 1, alignItems: "stretch" }}>
+        <Input
+          ref={inputRef}
+          value={newTodo}
+          onChange={setNewTodo}
+          onKeyPress={handleInputKey}
+          placeholder="What needs to be done?"
+          style={{ flexGrow: 1, border: "round", borderColor: "blackBright", paddingX: 1 }}
+          focusedStyle={{ border: "round", borderColor: "cyan", color: "white", paddingX: 1 }}
+        />
         <Button
-          label=" add "
+          label="  add  "
           onPress={handleAdd}
-          style={{ border: "round", borderColor: "blackBright", paddingX: 1 }}
-          focusedStyle={{ border: "round", borderColor: "cyan", bg: "cyan", color: "black", paddingX: 1 }}
+          style={{ border: "round", borderColor: "blackBright", paddingX: 2 }}
+          focusedStyle={{ border: "round", borderColor: "cyan", bg: "cyan", color: "black", paddingX: 2 }}
         />
       </Box>
 
@@ -225,14 +223,14 @@ function App() {
               onChange={() => handleToggle(todo.id)}
               label={todo.text}
               style={todo.done ? { dim: true, color: "blackBright" } : { color: "white" }}
-              focusedStyle={{ color: "cyanBright" }}
+              focusedStyle={{ color: "black", bg: "cyan", bold: true }}
             />
             <Spacer />
             <Button
               label=" \xD7 "
               onPress={() => handleDelete(todo.id)}
               style={{ color: "blackBright" }}
-              focusedStyle={{ color: "redBright" }}
+              focusedStyle={{ color: "black", bg: "red", bold: true }}
             />
           </Box>
         ))}
@@ -343,12 +341,9 @@ function main() {
     console.log(`    ${cyan("cd")} ${dirName} && ${cyan(getInstallCommand(pm))}`);
   }
   console.log();
-  console.log(`  ${green("\u2713")} ${bold(dirName)} is ready!`);
-  console.log();
-  console.log(`  ${bold("Get started:")}`);
+  console.log(`  ${green("\u2713")} ${bold(dirName)} is ready! Run this to get started:`);
   console.log();
-  console.log(`    ${cyan("cd")} ${dirName}`);
-  console.log(`    ${cyan(getRunCommand(pm))}`);
+  console.log(`    ${bold(cyan(`cd ${dirName} && ${getRunCommand(pm)}`))}`);
   console.log();
   console.log(`  ${dim("Happy hacking! \u2726")}`);
   console.log();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semos-labs/create-glyph",
-  "version": "0.1.77",
+  "version": "0.1.78",
   "description": "Scaffold a new Glyph terminal UI app",
   "type": "module",
   "bin": {