create-skybridge 0.0.0-dev.89c759f → 0.0.0-dev.89e1390

package/{template → templates/demo}/src/views/components/nav.tsx

@@ -1,5 +1,5 @@
 import { Button } from "@alpic-ai/ui/components/button";
-import { CheckCheck } from "lucide-react";
+import { Check } from "lucide-react";
 
 export default function Nav({
   current,
@@ -23,7 +23,7 @@ export default function Nav({
         disabled={current === total - 1}
         onClick={() => onChange(Math.min(current + 1, total - 1))}
       >
-        <CheckCheck />
+        <Check />
         Next
       </Button>
     </div>

package/{template → templates/demo}/src/views/components/steps/tool-output.tsx

@@ -23,8 +23,8 @@ export default function ToolOutput() {
         ) : (
           <p>
             The view reads the <strong>tool output</strong>, but no{" "}
-            <code>name</code> was passed this time. Try again with you surname
-            to see with this view personalize.
+            <code>name</code> was passed this time. Try again with your surname
+            to see how this view personalizes.
           </p>
         )}
       </div>
@@ -33,7 +33,7 @@ export default function ToolOutput() {
         <DocLink href="https://docs.skybridge.tech/api-reference/use-tool-info">
           useToolInfo
         </DocLink>{" "}
-        to hydrates the view with tool input, output and metadata.
+        to hydrate the view with tool input, output and metadata.
       </Doc>
     </>
   );

package/{template → templates/demo}/src/views/onboarding.tsx

@@ -26,9 +26,9 @@ export default function Onboarding() {
 
   return (
     <div
-      className={`${theme === "dark" ? "dark" : ""} mx-auto w-full max-w-4xl rounded-xl border border-border overflow-hidden bg-background text-foreground`}
+      className={`${theme === "dark" ? "dark" : ""} mx-auto w-full max-w-4xl border border-border overflow-hidden bg-background text-foreground`}
     >
-      <div className="min-h-[34rem] md:min-h-95 flex flex-col items-center gap-6 p-6 bg-gradient-to-br from-purple-50 via-white to-cyan-50 dark:from-purple-950/30 dark:via-zinc-950 dark:to-cyan-900/30 bg-[length:200%_200%] animate-aurora md:flex-row md:items-stretch">
+      <div className="min-h-136 md:min-h-95 flex flex-col items-center gap-6 p-6 bg-linear-to-br from-purple-50 via-white to-cyan-50 dark:from-purple-950/30 dark:via-zinc-950 dark:to-cyan-900/30 bg-size-[200%_200%] animate-aurora md:flex-row md:items-stretch">
         <div className="shrink-0 self-center animate-float">
           <img
             src={img}

package/{template → templates/demo}/src/views/use-mascot.ts

@@ -51,8 +51,8 @@ export function useMascot() {
     hat,
     changeHat: () => {
       setState((prev) => {
-        const others = LABELS.filter((l) => l !== prev.hat);
-        const next = others[Math.floor(Math.random() * others.length)];
+        const currentIndex = prev.hat ? LABELS.indexOf(prev.hat) : -1;
+        const next = LABELS[(currentIndex + 1) % LABELS.length];
         return { ...prev, hat: next };
       });
     },

package/dist/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/index.test.js

@@ -1,35 +0,0 @@
-import { randomBytes } from "node:crypto";
-import fs from "node:fs/promises";
-import path from "node:path";
-import { afterEach, beforeEach, describe, expect, it } from "vitest";
-import { init } from "./index.js";
-describe("create-skybridge", () => {
-    let tempDirName;
-    beforeEach(() => {
-        tempDirName = `test-${randomBytes(2).toString("hex")}`;
-    });
-    afterEach(async () => {
-        await fs.rm(path.join(process.cwd(), tempDirName), {
-            recursive: true,
-            force: true,
-        });
-    });
-    it("should copy the template", { timeout: 10000 }, async () => {
-        const name = `../../${tempDirName}//project$`;
-        await init([name]);
-        await fs.access(path.join(process.cwd(), tempDirName, "project", ".gitignore"));
-        await fs.access(path.join(process.cwd(), tempDirName, "project", ".dockerignore"));
-        await fs.access(path.join(process.cwd(), tempDirName, "project", "Dockerfile"));
-        expect(fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"))).rejects.toThrowError();
-    });
-    it("should download template from repo", { timeout: 10000 }, async () => {
-        const name = `../../${tempDirName}//project$`;
-        await init([
-            name,
-            "--repo",
-            "github:alpic-ai/skybridge/examples/ecom-carousel",
-        ]);
-        await fs.access(path.join(process.cwd(), tempDirName, "project", ".gitignore"));
-        expect(fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"))).rejects.toThrowError();
-    });
-});

package/template/src/vite-manifest.d.ts

@@ -1,4 +0,0 @@
-// Typed shim for the Vite manifest emitted by `skybridge build`. The actual
-// `vite-manifest.js` is generated alongside this file and gitignored.
-declare const manifest: Record<string, { file: string }>;
-export default manifest;