1<!doctype html>
2<html>
3 <head>
4 <meta charset="utf-8" />
5 <title>Code block</title>
6 <link rel="stylesheet" href="_card.css" />
7 <style>
8 .wrap {
9 background: var(--alc-bg-code);
10 border: 1px solid var(--alc-hairline);
11 border-radius: 8px;
12 overflow: hidden;
13 box-shadow: var(--alc-shadow);
14 }
15 .head {
16 display: flex;
17 justify-content: space-between;
18 padding: 8px 14px;
19 font-family: var(--alc-font-mono);
20 font-size: 11px;
21 color: var(--alc-code-comment);
22 border-bottom: 1px solid rgba(232, 220, 192, 0.08);
23 }
24 .pre {
25 font-family: var(--alc-font-mono);
26 font-size: 13px;
27 line-height: 1.6;
28 color: var(--alc-code-var);
29 padding: 14px 18px;
30 margin: 0;
31 }
32 .k {
33 color: var(--alc-code-keyword);
34 }
35 .s {
36 color: var(--alc-code-string);
37 }
38 .f {
39 color: var(--alc-code-fn);
40 }
41 .t {
42 color: var(--alc-code-type);
43 }
44 .c {
45 color: var(--alc-code-comment);
46 font-style: italic;
47 }
48 .add {
49 background: rgba(143, 177, 94, 0.18);
50 display: block;
51 padding: 0 18px;
52 margin: 0 -18px;
53 }
54 </style>
55 </head>
56 <body>
57 <div class="card">
58 <div class="wrap">
59 <div class="head">
60 <span>alchemy.run.ts</span><span>typescript</span>
61 </div>
62 <pre
63 class="pre"
64 ><span class="k">import</span> * <span class="k">as</span> Alchemy <span class="k">from</span> <span class="s">"alchemy"</span>;
65<span class="k">import</span> * <span class="k">as</span> Cloudflare <span class="k">from</span> <span class="s">"alchemy/Cloudflare"</span>;
66
67<span class="k">export default</span> Alchemy.<span class="f">Stack</span>(<span class="s">"MyApp"</span>, {
68<span class="add"> providers: Cloudflare.<span class="f">providers</span>(),</span>
69}, Effect.<span class="f">gen</span>(<span class="k">function</span>* () {
70 <span class="k">const</span> bucket = <span class="k">yield</span>* Cloudflare.<span class="f">R2Bucket</span>(<span class="s">"Bucket"</span>);
71}));</pre>
72 </div>
73 </div>
74 </body>
75</html>