create-avocado-site 0.16.0 → 0.17.0

package/assets/logos/avocado-hub.svg

@@ -1,7 +1,10 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
   <title id="title">The Avocado Hub logo</title>
-  <desc id="desc">Stylized avocado mark — dark green shell, light green flesh, brown pit.</desc>
-  <path d="M64 8C88 8 112 40 112 72C112 104 88 120 64 120C40 120 16 104 16 72C16 40 40 8 64 8Z" fill="#1F7A3A"/>
-  <path d="M64 18C82 18 100 44 100 72C100 100 82 110 64 110C46 110 28 100 28 72C28 44 46 18 64 18Z" fill="#7ED957"/>
-  <circle cx="64" cy="72" r="20" fill="#8B5E3C"/>
+  <desc id="desc">Stylized avocado mark — brand green shell, warm cream flesh, muted brown stone.</desc>
+  <!-- One green, and it is the brand's. The mark previously used #1F7A3A over
+       #7ED957: two greens, neither of them the #0f766e on every button, and the
+       lime saturated well past anything else on the page. -->
+  <path d="M64 8C88 8 112 40 112 72C112 104 88 120 64 120C40 120 16 104 16 72C16 40 40 8 64 8Z" fill="#0f766e"/>
+  <path d="M64 18C82 18 100 44 100 72C100 100 82 110 64 110C46 110 28 100 28 72C28 44 46 18 64 18Z" fill="#e9e4d4"/>
+  <circle cx="64" cy="72" r="20" fill="#8a6a4f"/>
 </svg>

package/dist/index.js

@@ -138,11 +138,12 @@ async function bootstrapDemo(cwd, dirName, config) {
         `  https://docs.avocadostudio.dev/sites`,
         ``,
         ...(config.apiKey
-            ? [`  Chat is enabled \u2014 ${config.apiKey.variable} is in .env.local.`]
+            ? [`  AI editing is on \u2014 ${config.apiKey.variable} is in .env.local.`]
             : [
-                `  No API key needed to look around. Add ANTHROPIC_API_KEY,`,
-                `  OPENAI_API_KEY or GOOGLE_GENAI_API_KEY to .env.local and restart`,
-                `  when you want to edit by chat.`,
+                `  Visual editing works now: click a block, edit its fields, publish.`,
+                `  For AI editing \u2014 describing a change and having it planned for you \u2014`,
+                `  add ANTHROPIC_API_KEY, OPENAI_API_KEY or GOOGLE_GENAI_API_KEY to`,
+                `  .env.local and restart.`,
             ]),
     ].join("\n"));
     /*

package/dist/prompts.js

@@ -64,12 +64,30 @@ export async function promptForApiKey() {
      * variable is chosen from the prefix, so a reader had no way to know whether
      * their key was one of the right ones.
      */
-    p.note("Chat needs a model. Everything else works without one \u2014 the preview,\n" +
-        "click-to-select, the property panel and publishing.\n\n" +
+    /*
+     * Name the product's own headline feature as the headline feature.
+     *
+     * This heading read "Optional \u2014 enable chat now", which is two mistakes in
+     * five words. "Chat" names the input box rather than what it does, and
+     * "optional" is the first word a newcomer reads about the one capability
+     * the whole product exists for \u2014 describing a change in a sentence and
+     * having it planned, applied and previewed for you. Skipping has to stay
+     * available and free of friction; it does not have to be the frame.
+     *
+     * So the heading says what this is, the first paragraph says what it does
+     * with an example, and *then* it says you can skip \u2014 in that order,
+     * because a reader who skips should know what they are skipping.
+     */
+    p.note("Describe a change and Avocado plans it, applies it and shows you the\n" +
+        "result in the live preview \u2014 \"make the hero headline shorter\",\n" +
+        "\"add a testimonials section\", \"translate this page to German\".\n" +
+        "That is the product, and it needs a model.\n\n" +
+        "You can skip and add one later. Visual editing works without a key:\n" +
+        "the preview, click-to-select, the property panel and publishing.\n\n" +
         "  ANTHROPIC_API_KEY      \u2190 recommended, the best-tested planner\n" +
         "  OPENAI_API_KEY         also does image generation\n" +
         "  GOOGLE_GENAI_API_KEY   also does image generation\n\n" +
-        "The right variable is picked from the key itself.", "Optional \u2014 enable chat now");
+        "The right variable is picked from the key itself.", "AI editing \u2014 the main event");
     const key = await p.password({
         message: "Paste a key, or press Enter to skip",
         mask: "\u2022",
@@ -79,9 +97,11 @@ export async function promptForApiKey() {
         return undefined;
     const value = typeof key === "string" ? key.trim() : "";
     if (!value) {
-        p.note("Chat will use the built-in demo planner, which handles simple, literal edits.\n" +
-            "Everything else works: the preview, click-to-select, the property panel and publishing.\n" +
-            "You can add a key to .env.local later and restart the dev server.", "No key \u2014 that is fine");
+        p.note("Visual editing works in full: the preview, click-to-select, the property\n" +
+            "panel and publishing. AI editing falls back to a built-in demo planner,\n" +
+            "which handles simple, literal edits and cannot write copy or reason\n" +
+            "about a page.\n\n" +
+            "Add a key to .env.local and restart the dev server to turn on the real thing.", "No key \u2014 that is fine");
         return undefined;
     }
     const variable = variableForKey(value);