implement deploying to vercel

ByteAtATime · Apr 17, 2024 · 67c232f · 67c232f
1 parent 40c38ea
commit 67c232f
Show file tree

Hide file tree

Showing 7 changed files with 1,476 additions and 91 deletions.
diff --git a/packages/svelte/.gitignore b/packages/svelte/.gitignore
@@ -8,3 +8,4 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+.vercel
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
@@ -9,7 +9,8 @@
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --check . && eslint .",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "vercel": "vercel"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.0.0",
@@ -35,6 +36,7 @@
     "tslib": "^2.4.1",
     "type-fest": "^4.14.0",
     "typescript": "^5.0.0",
+    "vercel": "^34.0.0",
     "vite": "^5.0.3"
   },
   "type": "module",
@@ -48,6 +50,7 @@
     "@wagmi/core": "^2.6.13",
     "@web3modal/wagmi": "^4.1.3",
     "abitype": "^1.0.2",
-    "blo": "^1.1.1"
+    "blo": "^1.1.1",
+    "viem": "^2.9.20"
   }
 }
diff --git a/packages/svelte/src/lib/runes/scaffoldReadContract.svelte.ts b/packages/svelte/src/lib/runes/scaffoldReadContract.svelte.ts
@@ -32,25 +32,22 @@ export const createScaffoldReadContract = <
   const targetNetwork = $derived.by(createTargetNetwork());
 
   const result = $derived.by(
-    createReadContract(
-      () =>
-        ({
-          chainId: targetNetwork.id,
-          functionName,
-          address: deployedContract?.address,
-          abi: deployedContract?.abi,
-          watch: true,
-          args: args,
-          value: value,
-          enabled: !Array.isArray(args) || !args.some(arg => arg === undefined),
-          ...(readConfig as any),
-        }) as () => Omit<ReturnType<CreateReadContractReturnType>, "data" | "refetch"> & {
-          data: AbiFunctionReturnType<ContractAbi, TFunctionName> | undefined;
-          refetch: (
-            options?: RefetchOptions | undefined,
-          ) => Promise<QueryObserverResult<AbiFunctionReturnType<ContractAbi, TFunctionName>, ReadContractErrorType>>;
-        },
-    ),
+    createReadContract(() => ({
+      chainId: targetNetwork.id,
+      functionName,
+      address: deployedContract?.address,
+      abi: deployedContract?.abi,
+      watch: true,
+      args: args,
+      value: value,
+      enabled: !Array.isArray(args) || !args.some(arg => arg === undefined),
+      ...(readConfig as any),
+    })) as () => Omit<ReturnType<CreateReadContractReturnType>, "data" | "refetch"> & {
+      data: AbiFunctionReturnType<ContractAbi, TFunctionName> | undefined;
+      refetch: (
+        options?: RefetchOptions | undefined,
+      ) => Promise<QueryObserverResult<AbiFunctionReturnType<ContractAbi, TFunctionName>, ReadContractErrorType>>;
+    },
   );
 
   return () => result;

diff --git a/packages/svelte/src/routes/+layout.server.ts b/packages/svelte/src/routes/+layout.server.ts
@@ -1,10 +1,9 @@
 // @ts-expect-error - No types generated by vercel
-import { VERCEL_URL, PORT } from "$env/static/private";
+import { VERCEL_URL } from "$env/static/private";
 import type { LayoutServerLoad } from "./$types";
 
 export const load: LayoutServerLoad = () => {
   return {
     vercelUrl: VERCEL_URL,
-    port: PORT,
   };
 };
diff --git a/packages/svelte/src/routes/+layout.svelte b/packages/svelte/src/routes/+layout.svelte
@@ -5,9 +5,9 @@
   import { wagmiConfig } from "$lib/wagmi";
   import { Toaster } from "@leodog896/svelte-french-toast";
 
-  const { data }: { data: { vercelUrl?: string; port?: number } } = $props();
+  const { data }: { data: { vercelUrl?: string } } = $props();
 
-  const baseUrl = $derived(data.vercelUrl ? `https://${data.vercelUrl}` : `http://localhost:${data.port || 5173}`);
+  const baseUrl = $derived(data.vercelUrl ? `https://${data.vercelUrl}` : `http://localhost:5173`);
 
   const metadata = $derived({
     title: "Scaffold-ETH 2 App",

diff --git a/packages/svelte/vercel.json b/packages/svelte/vercel.json
@@ -0,0 +1,4 @@
+{
+  "installCommand": "yarn install"
+}
+