alchemy 0.10.1 → 0.10.3

package/src/web/tailwind.ts

@@ -1,8 +1,9 @@
 import { exec } from "child_process";
-import path from "path";
+import path from "node:path";
 import { promisify } from "util";
 import type { Context } from "../context";
-import { Folder, StaticTextFile } from "../fs";
+import { Folder } from "../fs/folder";
+import { StaticTextFile } from "../fs/static-text-file";
 import { Resource } from "../resource";
 
 const execAsync = promisify(exec);
@@ -81,7 +82,7 @@ export const TailwindConfig = Resource(
   async function (
     this: Context<TailwindConfig>,
     id: string,
-    props: TailwindConfigProps,
+    props: TailwindConfigProps
   ): Promise<TailwindConfig> {
     if (this.phase === "delete") {
       // Nothing to clean up specifically for Tailwind
@@ -163,5 +164,5 @@ export const TailwindConfig = Resource(
       // Create CSS file with Tailwind directives
       await StaticTextFile(cssPath, tailwindDirectives);
     }
-  },
+  }
 );

package/src/web/vite.ts

@@ -1,8 +1,10 @@
 import { exec } from "child_process";
-import path from "path";
+import path from "node:path";
 import { promisify } from "util";
 import type { Context } from "../context";
-import { Folder, StaticJsonFile, StaticTypeScriptFile } from "../fs";
+import { Folder } from "../fs/folder";
+import { StaticJsonFile } from "../fs/static-json-file";
+import { StaticTypeScriptFile } from "../fs/static-typescript-file";
 import { Resource } from "../resource";
 import { rm } from "../util/rm";
 import { ShadcnComponent } from "./shadcn-component";
@@ -136,7 +138,7 @@ export const ViteProject = Resource(
   async function (
     this: Context<ViteProject>,
     id: string,
-    props: ViteProjectProps,
+    props: ViteProjectProps
   ): Promise<ViteProject> {
     const phase = this.phase;
     if (this.phase === "delete") {
@@ -155,7 +157,7 @@ export const ViteProject = Resource(
         await modifyConfig(props);
       } else {
         console.warn(
-          "ViteProject does not support updates - the project must be recreated to change the template",
+          "ViteProject does not support updates - the project must be recreated to change the template"
         );
       }
     } else {
@@ -220,7 +222,7 @@ export const ViteProject = Resource(
 
         await StaticTypeScriptFile(
           path.join(props.name, "vite.config.ts"),
-          `import path from "path";
+          `import path from "node:path";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 ${tailwind ? "import tailwindcss from '@tailwindcss/vite';" : ""}
@@ -234,7 +236,7 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-});`,
+});`
         );
       }
 
@@ -272,7 +274,7 @@ export default defineConfig({
       async function installTanstack() {
         await exec(`bun add @tanstack/react-router`);
         await exec(
-          `bun add -D @tanstack/router-plugin @tanstack/react-router-devtools`,
+          `bun add -D @tanstack/router-plugin @tanstack/react-router-devtools`
         );
 
         const src = path.join(props.name, "src");
@@ -306,7 +308,7 @@ export const Route = createRootRoute({
     </div>
   ),
 });
-`,
+`
         );
 
         // Create index route file
@@ -324,7 +326,7 @@ function Index() {
       <h3>Welcome Home!</h3>
     </div>
   )
-}`,
+}`
         );
 
         // Create about route file
@@ -338,7 +340,7 @@ export const Route = createLazyFileRoute('/about')({
 
 function About() {
   return <div className="p-2">Hello from About!</div>
-}`,
+}`
         );
 
         // Create main.tsx
@@ -371,7 +373,7 @@ if (!rootElement.innerHTML) {
       <RouterProvider router={router} />
     </StrictMode>,
   )
-}`,
+}`
         );
       }
 
@@ -400,5 +402,5 @@ if (!rootElement.innerHTML) {
         });
       }
     }
-  },
+  }
 );

package/src/web/vitepress/config.ts

@@ -1,4 +1,4 @@
-import path from "path";
+import path from "node:path";
 import type { DefaultTheme, HeadConfig, ThemeOptions } from "vitepress";
 import { StaticTypeScriptFile } from "../../fs/static-typescript-file";
 

package/src/web/vitepress/custom-theme.ts

@@ -1,5 +1,5 @@
 import { type } from "arktype";
-import path from "path";
+import path from "node:path";
 import type { ModelConfig } from "../../ai/client";
 import { CSSFile } from "../../ai/css-file";
 import { Data } from "../../ai/data";
@@ -7,7 +7,7 @@ import { TypeScriptFile } from "../../ai/typescript-file";
 import { VueFile } from "../../ai/vue-file";
 import { alchemy } from "../../alchemy";
 import type { Context } from "../../context";
-import { Folder } from "../../fs";
+import { Folder } from "../../fs/folder";
 import { Resource } from "../../resource";
 import type { Secret } from "../../secret";
 
@@ -208,7 +208,7 @@ export const CustomTheme = Resource(
   async function (
     this: Context<CustomTheme>,
     id: string,
-    props: CustomThemeProps,
+    props: CustomThemeProps
   ): Promise<CustomTheme> {
     // Handle deletion
     if (this.phase === "delete") {
@@ -325,13 +325,13 @@ Break down the layout into logical components like NavBar, Sidebar, Footer, etc.
       schema: type({
         components: type({
           name: type("string").describe(
-            "Component name as used in the import statement (e.g., NavBar, Footer)",
+            "Component name as used in the import statement (e.g., NavBar, Footer)"
           ),
           path: type("string").describe(
-            "Import path as written in the import statement (e.g., './components/NavBar.vue')",
+            "Import path as written in the import statement (e.g., './components/NavBar.vue')"
           ),
           purpose: type("string").describe(
-            "A clear description of the component's purpose, functionality, and responsibilities in the layout",
+            "A clear description of the component's purpose, functionality, and responsibilities in the layout"
           ),
         }).array(),
       }),
@@ -406,7 +406,7 @@ Make sure it integrates well with the overall layout and theme style.`,
           model: props.model,
           temperature: props.temperature,
         });
-      }),
+      })
     );
 
     // Generate user-specified components if provided
@@ -444,7 +444,7 @@ You are writing a Vue component for a VitePress theme.`,
           model: props.model,
           temperature: props.temperature,
         });
-      }),
+      })
     );
 
     // Generate styles file
@@ -510,5 +510,5 @@ You are writing CSS styles for a VitePress theme.`,
       createdAt: this.output?.createdAt || now,
       updatedAt: now,
     });
-  },
+  }
 );

package/src/web/vitepress/home-page.ts

@@ -1,7 +1,7 @@
 import yaml from "yaml";
 import { Document } from "../../ai/document";
 import { alchemy } from "../../alchemy";
-import { StaticTextFile } from "../../fs";
+import { StaticTextFile } from "../../fs/static-text-file";
 import type { Secret } from "../../secret";
 
 /**
@@ -291,7 +291,7 @@ export function parseHomePage(content: string): HomePageConfig {
  */
 export async function HomePage(
   id: string,
-  props: HomePageProps,
+  props: HomePageProps
 ): Promise<HomePage> {
   // Build the system prompt with optional extension
   const systemPrompt = `
@@ -323,18 +323,18 @@ ${props.system || ""}
     ? JSON.stringify(props.features, null, 2)
     : "";
 
-    if (props.prompt) {
-      return Document(id, {
-        title: props.title,
-        path: props.outFile,
-        baseURL: props.baseURL,
-        apiKey: props.apiKey,
-        model: props.model ?? {
-          id: "claude-3-7-sonnet-latest",
-          provider: "anthropic",
-        },
-        temperature: props.temperature ?? 0.7,
-        prompt: await alchemy`
+  if (props.prompt) {
+    return Document(id, {
+      title: props.title,
+      path: props.outFile,
+      baseURL: props.baseURL,
+      apiKey: props.apiKey,
+      model: props.model ?? {
+        id: "claude-3-7-sonnet-latest",
+        provider: "anthropic",
+      },
+      temperature: props.temperature ?? 0.7,
+      prompt: await alchemy`
     ${systemPrompt}
     
     Create a VitePress homepage based on the following description:
@@ -360,9 +360,12 @@ ${props.system || ""}
         
         The output should be a complete index.md file with proper YAML frontmatter and markdown content.
         `,
-      });
+    });
   } else {
-    return StaticTextFile(id, props.outFile, `---
+    return StaticTextFile(
+      id,
+      props.outFile,
+      `---
 ${yaml.stringify({
   layout: "home",
   name: props.title,
@@ -370,6 +373,7 @@ ${yaml.stringify({
   features: props.features,
 })}
 ---
-`);
+`
+    );
   }
 }

package/src/web/vitepress/vitepress.ts

@@ -1,14 +1,12 @@
 import { exec } from "child_process";
-import fs from "fs/promises";
-import path from "path";
+import fs from "node:fs/promises";
+import path from "node:path";
 import { promisify } from "util";
 import type { Context } from "../../context";
-import {
-  Folder,
-  StaticJsonFile,
-  StaticTextFile,
-  StaticTypeScriptFile,
-} from "../../fs";
+import { Folder } from "../../fs/folder";
+import { StaticJsonFile } from "../../fs/static-json-file";
+import { StaticTextFile } from "../../fs/static-text-file";
+import { StaticTypeScriptFile } from "../../fs/static-typescript-file";
 import { Resource } from "../../resource";
 import { InstallDependencies, fixedDependencies } from "./dependencies";
 
@@ -188,7 +186,7 @@ export const VitepressProject = Resource(
       //         `import alchemy from "alchemy";
       // import { Folder } from "alchemy/fs";
       // import { Document } from "alchemy/docs";
-      // import path from "path";
+      // import path from "node:path";
 
       // const app = await alchemy("alchemy.run", {
       //   stage: "prod",