1<!doctype html>
2<html>
3 <head>
4 <meta charset="utf-8" />
5 <title>Syntax</title>
6 <link rel="stylesheet" href="_card.css" />
7 <style>
8 .block {
9 background: var(--alc-bg-code);
10 color: var(--alc-code-var);
11 border: 1px solid var(--alc-hairline);
12 border-radius: 8px;
13 padding: 16px 18px;
14 font-family: var(--alc-font-mono);
15 font-size: 13px;
16 line-height: 1.7;
17 }
18 .k {
19 color: var(--alc-code-keyword);
20 }
21 .s {
22 color: var(--alc-code-string);
23 }
24 .f {
25 color: var(--alc-code-fn);
26 }
27 .t {
28 color: var(--alc-code-type);
29 }
30 .c {
31 color: var(--alc-code-comment);
32 font-style: italic;
33 }
34 .v {
35 color: var(--alc-code-var);
36 }
37 .n {
38 color: var(--alc-code-literal);
39 }
40 </style>
41 </head>
42 <body>
43 <div class="card">
44 <div class="block">
45 <span class="c">// github-dark-dimmed</span><br />
46 <span class="k">import</span> * <span class="k">as</span>
47 <span class="v">Cloudflare</span> <span class="k">from</span>
48 <span class="s">"alchemy/Cloudflare"</span>;<br />
49 <br />
50 <span class="k">const</span> <span class="v">Bucket</span> =
51 <span class="v">Cloudflare</span>.<span class="f">R2Bucket</span>(<span
52 class="s"
53 >"Bucket"</span
54 >);<br />
55 <br />
56 <span class="k">export default</span>
57 <span class="v">Alchemy</span>.<span class="f">Stack</span>(<span
58 class="s"
59 >"MyApp"</span
60 >, {<br />
61 &nbsp;&nbsp;<span class="v">providers</span>:
62 <span class="v">Cloudflare</span>.<span class="f">providers</span
63 >(),<br />
64 }, <span class="v">Effect</span>.<span class="f">gen</span>(<span
65 class="k"
66 >function</span
67 >* () {<br />
68 &nbsp;&nbsp;<span class="k">const</span> <span class="v">bucket</span> =
69 <span class="k">yield</span>* <span class="v">Bucket</span>;<br />
70 &nbsp;&nbsp;<span class="k">return</span> { <span class="v">url</span>:
71 <span class="v">bucket</span>.<span class="v">bucketName</span> };<br />
72 }));
73 </div>
74 </div>
75 </body>
76</html>