alchemy 0.75.0 → 0.76.0

package/templates/rwsdk/alchemy.run.ts

@@ -1,8 +1,12 @@
 import alchemy from "alchemy";
-import { D1Database, DurableObjectNamespace, Redwood } from "alchemy/cloudflare";
+import {
+  D1Database,
+  DurableObjectNamespace,
+  Redwood,
+} from "alchemy/cloudflare";
 
 const app = await alchemy("{projectName}");
-    
+
 const database = await D1Database("database", {
   migrationsDir: "migrations",
 });
@@ -22,4 +26,3 @@ console.log({
 });
 
 await app.finalize();
-    

package/templates/sveltekit/src/app.d.ts

@@ -1,13 +1,13 @@
 // See https://svelte.dev/docs/kit/types#app.d.ts
 // for information about these interfaces
 declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface PageState {}
+    // interface Platform {}
+  }
 }
 
 export {};

package/templates/sveltekit/svelte.config.js

@@ -1,12 +1,12 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import alchemy from 'alchemy/cloudflare/sveltekit';
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import alchemy from "alchemy/cloudflare/sveltekit";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   preprocess: vitePreprocess(),
   kit: {
-    adapter: alchemy()
-  }
+    adapter: alchemy(),
+  },
 };
 
 export default config;

package/templates/sveltekit/vite.config.ts

@@ -1,6 +1,6 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig } from "vite";
 
 export default defineConfig({
-	plugins: [sveltekit()],
+  plugins: [sveltekit()],
 });

package/templates/tanstack-start/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import { Link } from '@tanstack/react-router'
+import { Link } from "@tanstack/react-router";
 
 export default function Header() {
   return (
@@ -17,5 +17,5 @@ export default function Header() {
         </div>
       </nav>
     </header>
-  )
+  );
 }

package/templates/tanstack-start/src/router.tsx

@@ -1,7 +1,7 @@
-import { createRouter } from '@tanstack/react-router'
+import { createRouter } from "@tanstack/react-router";
 
 // Import the generated route tree
-import { routeTree } from './routeTree.gen'
+import { routeTree } from "./routeTree.gen";
 
 // Create a new router instance
 export const getRouter = () => {
@@ -9,5 +9,5 @@ export const getRouter = () => {
     routeTree,
     scrollRestoration: true,
     defaultPreloadStaleTime: 0,
-  })
-}
+  });
+};

package/templates/tanstack-start/src/routes/__root.tsx

@@ -1,33 +1,33 @@
-import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
+import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
 
-import Header from '../components/Header'
+import Header from "../components/Header";
 
-import appCss from '../styles.css?url'
+import appCss from "../styles.css?url";
 
 export const Route = createRootRoute({
   head: () => ({
     meta: [
       {
-        charSet: 'utf-8',
+        charSet: "utf-8",
       },
       {
-        name: 'viewport',
-        content: 'width=device-width, initial-scale=1',
+        name: "viewport",
+        content: "width=device-width, initial-scale=1",
       },
       {
-        title: 'TanStack Start Starter',
+        title: "TanStack Start Starter",
       },
     ],
     links: [
       {
-        rel: 'stylesheet',
+        rel: "stylesheet",
         href: appCss,
       },
     ],
   }),
 
   shellComponent: RootDocument,
-})
+});
 
 function RootDocument({ children }: { children: React.ReactNode }) {
   return (
@@ -41,5 +41,5 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <Scripts />
       </body>
     </html>
-  )
+  );
 }

package/templates/tanstack-start/src/routes/api.demo-names.ts

@@ -1,15 +1,15 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-export const Route = createFileRoute('/api/demo-names')({
+export const Route = createFileRoute("/api/demo-names")({
   server: {
     handlers: {
       GET: () => {
-        return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {
+        return new Response(JSON.stringify(["Alice", "Bob", "Charlie"]), {
           headers: {
-            'Content-Type': 'application/json',
+            "Content-Type": "application/json",
           },
-        })
+        });
       },
     },
   },
-})
+});

package/templates/tanstack-start/src/routes/demo.start.api-request.tsx

@@ -1,29 +1,29 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState } from "react";
 
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
 function getNames() {
-  return fetch('/api/demo-names').then((res) => res.json())
+  return fetch("/api/demo-names").then((res) => res.json());
 }
 
-export const Route = createFileRoute('/demo/start/api-request')({
+export const Route = createFileRoute("/demo/start/api-request")({
   component: Home,
-})
+});
 
 function Home() {
-  const [names, setNames] = useState<Array<string>>([])
+  const [names, setNames] = useState<Array<string>>([]);
 
   useEffect(() => {
-    getNames().then(setNames)
-  }, [])
+    getNames().then(setNames);
+  }, []);
 
   return (
     <div
       className="flex items-center justify-center min-h-screen p-4 text-white"
       style={{
-        backgroundColor: '#000',
+        backgroundColor: "#000",
         backgroundImage:
-          'radial-gradient(ellipse 60% 60% at 0% 100%, #444 0%, #222 60%, #000 100%)',
+          "radial-gradient(ellipse 60% 60% at 0% 100%, #444 0%, #222 60%, #000 100%)",
       }}
     >
       <div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
@@ -40,5 +40,5 @@ function Home() {
         </ul>
       </div>
     </div>
-  )
+  );
 }

package/templates/tanstack-start/src/routes/demo.start.server-funcs.tsx

@@ -1,61 +1,61 @@
-import fs from 'node:fs'
-import { useCallback, useState } from 'react'
-import { createFileRoute, useRouter } from '@tanstack/react-router'
-import { createServerFn } from '@tanstack/react-start'
+import fs from "node:fs";
+import { useCallback, useState } from "react";
+import { createFileRoute, useRouter } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
 
-const filePath = 'todos.json'
+const filePath = "todos.json";
 
 async function readTodos() {
   return JSON.parse(
-    await fs.promises.readFile(filePath, 'utf-8').catch(() =>
+    await fs.promises.readFile(filePath, "utf-8").catch(() =>
       JSON.stringify(
         [
-          { id: 1, name: 'Get groceries' },
-          { id: 2, name: 'Buy a new phone' },
+          { id: 1, name: "Get groceries" },
+          { id: 2, name: "Buy a new phone" },
         ],
         null,
         2,
       ),
     ),
-  )
+  );
 }
 
 const getTodos = createServerFn({
-  method: 'GET',
-}).handler(async () => await readTodos())
+  method: "GET",
+}).handler(async () => await readTodos());
 
-const addTodo = createServerFn({ method: 'POST' })
+const addTodo = createServerFn({ method: "POST" })
   .inputValidator((d: string) => d)
   .handler(async ({ data }) => {
-    const todos = await readTodos()
-    todos.push({ id: todos.length + 1, name: data })
-    await fs.promises.writeFile(filePath, JSON.stringify(todos, null, 2))
-    return todos
-  })
+    const todos = await readTodos();
+    todos.push({ id: todos.length + 1, name: data });
+    await fs.promises.writeFile(filePath, JSON.stringify(todos, null, 2));
+    return todos;
+  });
 
-export const Route = createFileRoute('/demo/start/server-funcs')({
+export const Route = createFileRoute("/demo/start/server-funcs")({
   component: Home,
   loader: async () => await getTodos(),
-})
+});
 
 function Home() {
-  const router = useRouter()
-  let todos = Route.useLoaderData()
+  const router = useRouter();
+  let todos = Route.useLoaderData();
 
-  const [todo, setTodo] = useState('')
+  const [todo, setTodo] = useState("");
 
   const submitTodo = useCallback(async () => {
-    todos = await addTodo({ data: todo })
-    setTodo('')
-    router.invalidate()
-  }, [addTodo, todo])
+    todos = await addTodo({ data: todo });
+    setTodo("");
+    router.invalidate();
+  }, [addTodo, todo]);
 
   return (
     <div
       className="flex items-center justify-center min-h-screen bg-gradient-to-br from-zinc-800 to-black p-4 text-white"
       style={{
         backgroundImage:
-          'radial-gradient(50% 50% at 20% 60%, #23272a 0%, #18181b 50%, #000000 100%)',
+          "radial-gradient(50% 50% at 20% 60%, #23272a 0%, #18181b 50%, #000000 100%)",
       }}
     >
       <div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
@@ -76,8 +76,8 @@ function Home() {
             value={todo}
             onChange={(e) => setTodo(e.target.value)}
             onKeyDown={(e) => {
-              if (e.key === 'Enter') {
-                submitTodo()
+              if (e.key === "Enter") {
+                submitTodo();
               }
             }}
             placeholder="Enter a new todo..."
@@ -93,5 +93,5 @@ function Home() {
         </div>
       </div>
     </div>
-  )
+  );
 }

package/templates/tanstack-start/src/routes/index.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from '@tanstack/react-router'
-import logo from '../logo.svg'
+import { createFileRoute } from "@tanstack/react-router";
+import logo from "../logo.svg";
 
-export const Route = createFileRoute('/')({
+export const Route = createFileRoute("/")({
   component: App,
-})
+});
 
 function App() {
   return (
@@ -35,5 +35,5 @@ function App() {
         </a>
       </header>
     </div>
-  )
+  );
 }

package/templates/tanstack-start/vite.config.ts

@@ -1,21 +1,21 @@
-import tailwindcss from '@tailwindcss/vite'
-import { tanstackStart } from '@tanstack/react-start/plugin/vite'
-import viteReact from '@vitejs/plugin-react'
-import alchemy from 'alchemy/cloudflare/tanstack-start'
-import { defineConfig, type PluginOption } from 'vite'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
+import tailwindcss from "@tailwindcss/vite";
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
+import viteReact from "@vitejs/plugin-react";
+import alchemy from "alchemy/cloudflare/tanstack-start";
+import { defineConfig, type PluginOption } from "vite";
+import viteTsConfigPaths from "vite-tsconfig-paths";
 
 const config = defineConfig({
   plugins: [
     // this is the plugin that enables path aliases
     viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
+      projects: ["./tsconfig.json"],
     }),
     tailwindcss(),
     alchemy() as PluginOption,
     tanstackStart(),
     viteReact(),
   ],
-})
+});
 
-export default config
+export default config;

package/templates/typescript/src/worker.ts

@@ -1,7 +1,11 @@
 import type { worker } from "../alchemy.run.ts";
 
 export default {
-  async fetch(request: Request, env: typeof worker.Env, ctx: ExecutionContext): Promise<Response> {
+  async fetch(
+    request: Request,
+    env: typeof worker.Env,
+    ctx: ExecutionContext,
+  ): Promise<Response> {
     return new Response("Hello World from my-alchemy-app!");
   },
 };

package/templates/vite/eslint.config.js

@@ -1,28 +1,28 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
+      "react-refresh/only-export-components": [
+        "warn",
         { allowConstantExport: true },
       ],
     },
   },
-)
+);

package/templates/vite/src/App.tsx

@@ -1,10 +1,10 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import "./App.css";
 
 function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useState(0);
 
   return (
     <>
@@ -29,7 +29,7 @@ function App() {
         Click on the Vite and React logos to learn more
       </p>
     </>
-  )
+  );
 }
 
-export default App
+export default App;

package/templates/vite/src/main.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import App from "./App.tsx";
 
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-)
+);

package/templates/vite/src/worker.ts

@@ -1,13 +1,12 @@
 export default {
-    fetch(request) {
-      const url = new URL(request.url);
-  
-      if (url.pathname.startsWith("/api/")) {
-        return Response.json({
-          name: "Cloudflare",
-        });
-      }
-          return new Response(null, { status: 404 });
-    },
-  } satisfies ExportedHandler<Env>;
-  
+  fetch(request) {
+    const url = new URL(request.url);
+
+    if (url.pathname.startsWith("/api/")) {
+      return Response.json({
+        name: "Cloudflare",
+      });
+    }
+    return new Response(null, { status: 404 });
+  },
+} satisfies ExportedHandler<Env>;

package/templates/vite/vite.config.ts

@@ -1,6 +1,6 @@
-import react from '@vitejs/plugin-react';
+import react from "@vitejs/plugin-react";
 import alchemy from "alchemy/cloudflare/vite";
-import { defineConfig } from 'vite';
+import { defineConfig } from "vite";
 
 // https://vite.dev/config/
 export default defineConfig({

package/workers/tunnel-proxy.js

@@ -34,7 +34,7 @@ var h={async fetch(e,r){let n=new URL(e.url);n.host=r.TUNNEL_HOST;let l=new Head
             Alchemy</a>.</p>
       </div>
       <div class="bg-slate-200 px-5 py-3 flex flex-col w-full max-w-lg">
-        <p class="text-sm text-slate-500">Alchemy 0.75.0</p>
+        <p class="text-sm text-slate-500">Alchemy 0.76.0</p>
       </div>
     </div>
   </body>

package/bin/services/find-workspace-root.ts

@@ -1,48 +0,0 @@
-import fs from "node:fs/promises";
-import path from "pathe";
-
-export async function findWorkspaceRoot(dir: string = process.cwd()) {
-  if ((await fs.stat(dir)).isDirectory()) {
-    if (await exists(dir, ".git")) {
-      // the root of the git repo is usually the workspace root and we should always stop here
-      return dir;
-    } else if ((await read(dir, "package.json"))?.workspaces) {
-      // package.json with workspaces (bun, npm, etc.)
-      return dir;
-    } else if (await anyExists(dir, ...rootFiles)) {
-      return dir;
-    }
-  }
-  return findWorkspaceRoot(path.resolve(dir, ".."));
-}
-
-const read = (...p: string[]): Promise<any> =>
-  fs
-    .readFile(path.join(...p), "utf8")
-    .then(JSON.parse)
-    .catch(() => undefined);
-
-const exists = (...p: string[]) =>
-  fs
-    .access(path.join(...p))
-    .then(() => true)
-    .catch(() => false);
-
-const anyExists = (base: string, ...files: string[]) =>
-  Promise.all(files.map((file) => exists(base, file))).then((results) =>
-    results.some(Boolean),
-  );
-
-const rootFiles = [
-  // pnpm
-  "pnpm-workspace.yaml",
-  "pnpm-workspace.yml",
-  // lerna
-  "lerna.json",
-  // nx
-  "nx.json",
-  // turbo
-  // "turbo.json",
-  // rush
-  "rush.json",
-];

package/lib/cloudflare/miniflare/symlink-miniflare-state.d.ts

@@ -1,2 +0,0 @@
-export declare function writeMiniflareSymlink(rootDir: string, cwd: string): Promise<void>;
-//# sourceMappingURL=symlink-miniflare-state.d.ts.map

package/lib/cloudflare/miniflare/symlink-miniflare-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"symlink-miniflare-state.d.ts","sourceRoot":"","sources":["../../../src/cloudflare/miniflare/symlink-miniflare-state.ts"],"names":[],"mappings":"AAIA,wBAAsB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,iBAavE"}

package/lib/cloudflare/miniflare/symlink-miniflare-state.js

@@ -1,18 +0,0 @@
-import fs from "node:fs/promises";
-import path from "pathe";
-import { getDefaultPersistPath } from "./paths.js";
-export async function writeMiniflareSymlink(rootDir, cwd) {
-    const target = path.resolve(getDefaultPersistPath(cwd));
-    await fs.mkdir(target, { recursive: true });
-    if (cwd === rootDir) {
-        return;
-    }
-    const persistPath = path.resolve(cwd, getDefaultPersistPath(rootDir));
-    await fs.mkdir(path.dirname(persistPath), { recursive: true });
-    await fs.symlink(target, persistPath).catch((e) => {
-        if (e.code !== "EEXIST") {
-            throw e;
-        }
-    });
-}
-//# sourceMappingURL=symlink-miniflare-state.js.map

package/lib/cloudflare/miniflare/symlink-miniflare-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"symlink-miniflare-state.js","sourceRoot":"","sources":["../../../src/cloudflare/miniflare/symlink-miniflare-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAClC,OAAO,IAAI,MAAM,OAAO,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAAC,OAAe,EAAE,GAAW;IACtE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5C,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QACpB,OAAO;IACT,CAAC;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QAChD,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/cloudflare/miniflare/symlink-miniflare-state.ts

@@ -1,18 +0,0 @@
-import fs from "node:fs/promises";
-import path from "pathe";
-import { getDefaultPersistPath } from "./paths.ts";
-
-export async function writeMiniflareSymlink(rootDir: string, cwd: string) {
-  const target = path.resolve(getDefaultPersistPath(cwd));
-  await fs.mkdir(target, { recursive: true });
-  if (cwd === rootDir) {
-    return;
-  }
-  const persistPath = path.resolve(cwd, getDefaultPersistPath(rootDir));
-  await fs.mkdir(path.dirname(persistPath), { recursive: true });
-  await fs.symlink(target, persistPath).catch((e) => {
-    if (e.code !== "EEXIST") {
-      throw e;
-    }
-  });
-}