silly personal website
chore: update to latest snarl
+117
-165
+4
-3
deno.json
+4
-3
deno.json
···
13
13
"~/": "./src/",
14
14
"@minify-html/deno": "jsr:@minify-html/deno@^0.18.1",
15
15
"@std/path": "jsr:@std/path@^1.1.4",
16
-
"@july/snarl": "jsr:@july/snarl@^0.3.3",
16
+
"@july/snarl": "jsr:@july/snarl@^0.3.4",
17
17
"@std/encoding": "jsr:@std/encoding@^1.0.10"
18
18
},
19
19
"fmt": {
···
21
21
"semiColons": true,
22
22
"lineWidth": 120,
23
23
"exclude": [
24
-
"./src/hash/meowmix1.ts"
24
+
"./src/hash/meowmix1.ts",
25
+
"./static"
25
26
]
26
27
},
27
28
"compilerOptions": {
···
32
33
"lint": {
33
34
"rules": {
34
35
"tags": ["recommended"],
35
-
"exclude": ["no-explicit-any"]
36
+
"exclude": ["no-explicit-any", "jsx-key", "jsx-curly-braces", "jsx-button-has-type"]
36
37
}
37
38
}
38
39
}
+4
-4
deno.lock
+4
-4
deno.lock
···
1
1
{
2
2
"version": "5",
3
3
"specifiers": {
4
-
"jsr:@july/snarl@~0.3.3": "0.3.3",
4
+
"jsr:@july/snarl@~0.3.4": "0.3.4",
5
5
"jsr:@minify-html/deno@~0.18.1": "0.18.1",
6
6
"jsr:@std/encoding@^1.0.10": "1.0.10",
7
7
"jsr:@std/internal@^1.0.12": "1.0.12",
···
9
9
"npm:@musicorum/lastfm@0.4": "0.4.0"
10
10
},
11
11
"jsr": {
12
-
"@july/snarl@0.3.3": {
13
-
"integrity": "b07ee48f7514e06dab971c23a96833cd2be9320093f2ae784726de4571e67a8d",
12
+
"@july/snarl@0.3.4": {
13
+
"integrity": "693788d89ba34a473e320af8f28f65df0d016741d9e9b32165ecf402bf129261",
14
14
"dependencies": [
15
15
"jsr:@std/encoding",
16
16
"jsr:@std/path"
···
71
71
},
72
72
"workspace": {
73
73
"dependencies": [
74
-
"jsr:@july/snarl@~0.3.3",
74
+
"jsr:@july/snarl@~0.3.4",
75
75
"jsr:@minify-html/deno@~0.18.1",
76
76
"jsr:@std/encoding@^1.0.10",
77
77
"jsr:@std/path@^1.1.4",
-1
src/components/KVTable.tsx
-1
src/components/KVTable.tsx
-3
src/components/MediaItem.tsx
-3
src/components/MediaItem.tsx
···
148
148
function Art({ url }: { url: string | undefined }) {
149
149
return (
150
150
<div class="art">
151
-
{/* @ts-expect-error */}
152
151
<img class="art-cover" alt="" src={url} onload="this.parentNode.dataset.loaded=''" onerror="this.remove()" />
153
152
<div class="default-pattern">
154
153
{ART_PATTERN.flat().map((n) => <span class={`art-px art-px-${n}`} />)}
···
174
173
<div class="live">
175
174
{platform}
176
175
</div>
177
-
{/* @ts-expect-error */}
178
176
<a class="link" href={url} target="_blank" rel="noopener noreferrer">
179
177
{action}
180
178
</a>
181
179
</div>
182
-
{/* @ts-expect-error */}
183
180
<a class="body" href={url} target="_blank" rel="noopener noreferrer">
184
181
<Art url={coverUrl} />
185
182
<div class="info">
+6
-16
src/components/Projects.tsx
+6
-16
src/components/Projects.tsx
···
145
145
<Import styles={[projects]} />
146
146
{props.projects.map((project) => (
147
147
<li>
148
-
{/* @ts-expect-error */}
149
148
<a class="project-card" href={project.url} target="_blank" rel="noopener noreferrer">
150
149
<span class="external-icon" aria-label="Open externally">
151
150
<svg
152
-
xmlns={/* @ts-expect-error */ "http://www.w3.org/2000/svg"}
153
-
width={/* @ts-expect-error */ "18"}
154
-
height={/* @ts-expect-error */ "18"}
151
+
xmlns="http://www.w3.org/2000/svg"
152
+
width="18"
153
+
height="18"
155
154
viewBox="0 0 24 24"
156
155
fill="none"
157
156
stroke="currentColor"
···
160
159
stroke-linejoin="round"
161
160
>
162
161
<title>Open Externally</title>
163
-
{/* @ts-expect-error */}
164
162
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
165
-
{/* @ts-expect-error */}
166
163
<path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
167
-
{/* @ts-expect-error */}
168
164
<path d="M11 13l9 -9"></path>
169
-
{/* @ts-expect-error */}
170
165
<path d="M15 4h5v5"></path>
171
166
</svg>
172
167
</span>
···
183
178
: "Unknown"}
184
179
<div class="license" aria-label="License">
185
180
<svg
186
-
xmlns={/* @ts-expect-error */ "http://www.w3.org/2000/svg"}
187
-
width={/* @ts-expect-error */ "12"}
188
-
height={/* @ts-expect-error */ "12"}
181
+
xmlns="http://www.w3.org/2000/svg"
182
+
width="12"
183
+
height="12"
189
184
viewBox="0 0 24 24"
190
185
fill="none"
191
186
stroke="currentColor"
···
194
189
stroke-linejoin="round"
195
190
>
196
191
<title>License</title>
197
-
{/* @ts-expect-error */}
198
192
<path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path>
199
-
{/* @ts-expect-error */}
200
193
<path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"></path>
201
-
{/* @ts-expect-error */}
202
194
<path d="M7 21h10"></path>
203
-
{/* @ts-expect-error */}
204
195
<path d="M12 3v18"></path>
205
-
{/* @ts-expect-error */}
206
196
<path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"></path>
207
197
</svg>
208
198
<span>BSD-3-Clause</span>
-1
src/global.ts
-1
src/global.ts
-7
src/layout.tsx
-7
src/layout.tsx
···
3
3
* SPDX-License-Identifier: AGPL-3.0-or-later
4
4
*/
5
5
6
-
import { Context } from "@july/snarl";
7
6
import { jsx, JsxElement, JsxNode } from "@july/snarl/jsx-runtime";
8
7
import { css } from "./mech/css.ts";
9
-
import meowmix1 from "./hash/meowmix1.ts";
10
8
11
9
const styles = css(`
12
10
:scope {
···
194
192
<meta name="viewport" content="width=device-width, initial-scale=1" />
195
193
<style type="text/css"></style>
196
194
<link rel="icon" type="image/png" href="/favicon.png" />
197
-
{/* @ts-expect-error */}
198
195
<meta property="og:site_name" content="kyu.re" />
199
-
{/* @ts-expect-error */}
200
196
<meta property="og:type" content="profile" />
201
-
{/* @ts-expect-error */}
202
197
<meta property="og:description" content="one of the girls of all time" />
203
-
{/* @ts-expect-error */}
204
198
<meta property="og:image" content="/bnuy.webp" />
205
-
{/* @ts-expect-error */}
206
199
<meta property="og:title" content="random corner" />
207
200
<meta name="theme-color" content="#151217" />
208
201
<link rel="stylesheet" href={`/css/${styles.scope}.css`} />
+1
-3
src/mech/css.ts
+1
-3
src/mech/css.ts
···
5
5
6
6
import meowmix1 from "~/hash/meowmix1.ts";
7
7
import { Context, Middleware } from "@july/snarl";
8
-
import { Component, Fragment, jsx, JsxElement, JsxNode } from "@july/snarl/jsx-runtime";
8
+
import { Component, Fragment, jsx, JsxElement } from "@july/snarl/jsx-runtime";
9
9
import { retrieveContext } from "../global.ts";
10
10
11
11
const CLASS_RE = /\.([a-zA-Z_][\w-]*)/g;
···
13
13
const styleRegistry = new Map<string, string>();
14
14
15
15
const contextualisedStyles = new WeakMap<Context<any>, Set<string>>();
16
-
type Until<T extends string, Delims extends string> = T extends `${infer Before}${Delims}${string}` ? Before
17
-
: T;
18
16
19
17
type ExtractFlatClassKeys<T extends string> = T extends `${infer _}.${infer Rest}`
20
18
? Rest extends `${infer Name}${" " | "{" | ":" | "\n" | "\t" | "," | ">" | "+" | "~" | "[" | "." | "#"}${infer Tail}`
+3
-1
src/mod.ts
+3
-1
src/mod.ts
-8
src/routes/mod.tsx
-8
src/routes/mod.tsx
···
3
3
* SPDX-License-Identifier: AGPL-3.0-or-later
4
4
*/
5
5
6
-
import { Context } from "@july/snarl";
7
6
import { css, Import } from "~/mech/css.ts";
8
7
import { Layout } from "~/layout.tsx";
9
8
import { NavigationBar } from "~/components/NavigationBar.tsx";
···
12
11
import Projects, { ProjectLanguage } from "~/components/Projects.tsx";
13
12
import { MediaItem } from "~/components/MediaItem.tsx";
14
13
import { Fm } from "~/components/Fm.tsx";
15
-
import { Bluesky, Fluxer, GitHub, Mail, Tangled } from "~/components/Icon.tsx";
16
14
import KVTable from "~/components/KVTable.tsx";
17
15
import { Footer } from "../components/Footer.tsx";
18
-
19
-
const age = new Date(new Date().getFullYear(), 8, 1) >= new Date()
20
-
? new Date().getFullYear() - 2007 - 1
21
-
: new Date().getFullYear() - 2007;
22
16
23
17
const home = css(`
24
18
.heading {
···
199
193
linguistics, functional programming, the C programming language, and unconventional TypeScript.
200
194
</p>
201
195
<input type="checkbox" id="intro-toggle" class="read-more-checkbox" autocomplete="off" />
202
-
{/* @ts-expect-error */}
203
196
<label for="intro-toggle" class="read-more-btn link read-more-label-expand">Read more</label>
204
-
{/* @ts-expect-error */}
205
197
<label for="intro-toggle" class="read-more-btn link read-more-label-collapse">Show less</label>
206
198
<div class="read-more-content">
207
199
<div class="break" />