@pajecawav/yamf 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +262 -0
- package/dist/components/Head.d.ts +0 -1
- package/dist/components/Head.d.ts.map +1 -1
- package/dist/context/ssr.d.ts +1 -1
- package/dist/context/ssr.d.ts.map +1 -1
- package/dist/hooks/useEvent.d.ts +0 -1
- package/dist/hooks/useEvent.d.ts.map +1 -1
- package/dist/hooks/useHead.d.ts +0 -1
- package/dist/hooks/useHead.d.ts.map +1 -1
- package/dist/island/client.js +2 -0
- package/dist/island/client.js.map +1 -1
- package/dist/island/types.d.ts +1 -1
- package/dist/island/types.d.ts.map +1 -1
- package/dist/page.d.ts +2 -3
- package/dist/page.d.ts.map +1 -1
- package/dist/page.js.map +1 -1
- package/dist/server/entry.d.mts +0 -1
- package/dist/server/entry.d.mts.map +1 -1
- package/dist/server/island/server.d.mts +0 -1
- package/dist/server/island/server.d.mts.map +1 -1
- package/dist/server/island/types.d.mts +1 -1
- package/dist/server/island/types.d.mts.map +1 -1
- package/dist/server/shared/assets.d.mts.map +1 -1
- package/dist/server/shared/head.d.mts +0 -1
- package/dist/server/shared/head.d.mts.map +1 -1
- package/dist/shared/assets.d.ts.map +1 -1
- package/dist/shared/head.d.ts +0 -1
- package/dist/shared/head.d.ts.map +1 -1
- package/dist/vite/index.d.mts +0 -1
- package/dist/vite/index.d.mts.map +1 -1
- package/dist/vite/virtual-pages.mjs +3 -2
- package/dist/vite/virtual-pages.mjs.map +1 -1
- package/package.json +17 -17
- package/src/island/client.tsx +3 -0
- package/src/island/types.ts +1 -1
- package/src/page.tsx +1 -1
- package/src/vite/virtual-pages.ts +3 -2
package/README.md
ADDED
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
# yamf
|
|
2
|
+
|
|
3
|
+
SSR meta-framework on top of [Vite](https://vite.dev), [Nitro](https://nitro.build/), and [Hono JSX](https://hono.dev/docs/guides/jsx). File-based routing for HTML pages, islands architecture for client interactivity, head/SEO via [unhead](https://unhead.unjs.io/), and full Nitro feature set (presets, caching, middleware, API routes).
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @pajecawav/yamf hono vite
|
|
9
|
+
# or
|
|
10
|
+
yarn add @pajecawav/yamf hono vite
|
|
11
|
+
# or
|
|
12
|
+
pnpm add @pajecawav/yamf hono vite
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Project structure
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
src/
|
|
19
|
+
server.tsx # server entry with export default defineServerEntry(...)
|
|
20
|
+
client/index.ts # client entry with import "@pajecawav/yamf/client"
|
|
21
|
+
pages/*.page.tsx # file-based routes (.page suffix required)
|
|
22
|
+
root/index.tsx # optional root layout
|
|
23
|
+
template.html # optional HTML shell with <!--ssr-outlet-->
|
|
24
|
+
routes/ # optional nitro API routes
|
|
25
|
+
vite.config.ts
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Vite plugin
|
|
29
|
+
|
|
30
|
+
```ts
|
|
31
|
+
// vite.config.ts
|
|
32
|
+
import yamf from "@pajecawav/yamf/vite";
|
|
33
|
+
import { defineConfig } from "vite";
|
|
34
|
+
|
|
35
|
+
export default defineConfig({
|
|
36
|
+
plugins: [yamf()],
|
|
37
|
+
});
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Server entry
|
|
41
|
+
|
|
42
|
+
```tsx
|
|
43
|
+
// src/server.tsx
|
|
44
|
+
import { defineServerEntry } from "@pajecawav/yamf/server";
|
|
45
|
+
|
|
46
|
+
export default defineServerEntry({
|
|
47
|
+
head: {
|
|
48
|
+
titleTemplate: "%s | my app",
|
|
49
|
+
htmlAttrs: { lang: "en" },
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
## Pages
|
|
55
|
+
|
|
56
|
+
```tsx
|
|
57
|
+
// src/pages/index.page.tsx
|
|
58
|
+
import { definePage } from "@pajecawav/yamf";
|
|
59
|
+
|
|
60
|
+
export default definePage({
|
|
61
|
+
render: (event, { head }) => {
|
|
62
|
+
head.push({ title: "Home" });
|
|
63
|
+
|
|
64
|
+
return <h1>Hello, {event.url.hostname}!</h1>;
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### File routing
|
|
70
|
+
|
|
71
|
+
Files in `src/pages/` with `.page` suffix are mapped to routes following `nitro` conventions:
|
|
72
|
+
|
|
73
|
+
| File | Route |
|
|
74
|
+
| ------------------------- | --------------- |
|
|
75
|
+
| `index.page.tsx` | `/` |
|
|
76
|
+
| `about.page.tsx` | `/about` |
|
|
77
|
+
| `[owner].page.tsx` | `/:owner` |
|
|
78
|
+
| `post/[postId].page.tsx` | `/post/:postId` |
|
|
79
|
+
| `docs/[...rest].page.tsx` | `/docs/**` |
|
|
80
|
+
|
|
81
|
+
### Redirects and non-HTML responses
|
|
82
|
+
|
|
83
|
+
```tsx
|
|
84
|
+
import { definePage } from "@pajecawav/yamf";
|
|
85
|
+
import { HTTPResponse, redirect } from "nitro/h3";
|
|
86
|
+
|
|
87
|
+
export default definePage({
|
|
88
|
+
render: async () => {
|
|
89
|
+
return redirect("/calc");
|
|
90
|
+
|
|
91
|
+
// or
|
|
92
|
+
|
|
93
|
+
return new HTTPResponse(null, {
|
|
94
|
+
status: 302,
|
|
95
|
+
headers: { location: "/calc" },
|
|
96
|
+
});
|
|
97
|
+
},
|
|
98
|
+
});
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Islands
|
|
102
|
+
|
|
103
|
+
Any file matching `*.island.{tsx,ts,jsx,js}` is automatically wrapped. Each exported function becomes an island that server-renders inside `<yamf-island>` and hydrates on the client.
|
|
104
|
+
|
|
105
|
+
```tsx
|
|
106
|
+
// src/components/Counter.island.tsx
|
|
107
|
+
import { type IslandProps, useHead } from "@pajecawav/yamf";
|
|
108
|
+
import { useState } from "hono/jsx";
|
|
109
|
+
|
|
110
|
+
export interface CounterProps extends IslandProps {
|
|
111
|
+
initialValue?: number;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export const Counter = ({ initialValue = 0 }: CounterProps) => {
|
|
115
|
+
const [value, setValue] = useState(initialValue);
|
|
116
|
+
|
|
117
|
+
useHead({ title: `Counter: ${value}` });
|
|
118
|
+
|
|
119
|
+
return <button onClick={() => setValue(value + 1)}>{value}</button>;
|
|
120
|
+
};
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
```tsx
|
|
124
|
+
// src/pages/index.page.tsx
|
|
125
|
+
import { Counter } from "~/components/Counter.island";
|
|
126
|
+
|
|
127
|
+
export default definePage({
|
|
128
|
+
render: () => (
|
|
129
|
+
<>
|
|
130
|
+
<Counter initialValue={2} />
|
|
131
|
+
<Counter initialValue={5} />
|
|
132
|
+
<Counter yamf-client="visible" />
|
|
133
|
+
<Counter yamf-client="skip" />
|
|
134
|
+
</>
|
|
135
|
+
),
|
|
136
|
+
});
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
### Hydration directives
|
|
140
|
+
|
|
141
|
+
`yamf-client` prop controls when hydration happens:
|
|
142
|
+
|
|
143
|
+
| Value | Behavior |
|
|
144
|
+
| ---------------- | ----------------------------------- |
|
|
145
|
+
| `load` (default) | Hydrate immediately on connection. |
|
|
146
|
+
| `idle` | Defer via `requestIdleCallback`. |
|
|
147
|
+
| `visible` | Hydrate when scrolled into view. |
|
|
148
|
+
| `skip` | Server-rendered only, no hydration. |
|
|
149
|
+
|
|
150
|
+
Props are serialized with `devalue` (supports `Date`, `Map`, `Set`, `URL`, `RegExp`, `Error`, `BigInt`, cycles).
|
|
151
|
+
|
|
152
|
+
## Client entry
|
|
153
|
+
|
|
154
|
+
```ts
|
|
155
|
+
// src/client/index.ts
|
|
156
|
+
import "@pajecawav/yamf/client";
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
Side-effect import. Registers the `yamf-island` custom element and initializes `window.__UNHEAD__`. Required for island hydration and client-side `useHead`.
|
|
160
|
+
|
|
161
|
+
## Head and SEO
|
|
162
|
+
|
|
163
|
+
```tsx
|
|
164
|
+
import { useHead, useSeoMeta } from "@pajecawav/yamf";
|
|
165
|
+
|
|
166
|
+
// In any component inside the render tree:
|
|
167
|
+
useHead({
|
|
168
|
+
title: "Page title",
|
|
169
|
+
meta: [{ name: "description", content: "..." }],
|
|
170
|
+
link: [{ rel: "canonical", href: "https://..." }],
|
|
171
|
+
});
|
|
172
|
+
|
|
173
|
+
useSeoMeta({
|
|
174
|
+
title: "Page title",
|
|
175
|
+
ogTitle: "Page title",
|
|
176
|
+
ogImage: "https://example.com/og.png",
|
|
177
|
+
});
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
In the `render` function itself, use the `head` argument directly (SSR context is not set up yet):
|
|
181
|
+
|
|
182
|
+
```tsx
|
|
183
|
+
export default definePage({
|
|
184
|
+
render: (event, { head }) => {
|
|
185
|
+
head.push({ title: "Page" });
|
|
186
|
+
|
|
187
|
+
return <Content />;
|
|
188
|
+
},
|
|
189
|
+
});
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
Default head from `defineServerEntry` is applied first, then page-specific head overrides individual fields.
|
|
193
|
+
|
|
194
|
+
## Root layout
|
|
195
|
+
|
|
196
|
+
```tsx
|
|
197
|
+
// src/root/index.tsx
|
|
198
|
+
import type { PropsWithChildren } from "hono/jsx";
|
|
199
|
+
import { useEvent } from "@pajecawav/yamf";
|
|
200
|
+
import "./index.css";
|
|
201
|
+
|
|
202
|
+
export default function Root({ children }: PropsWithChildren) {
|
|
203
|
+
const event = useEvent();
|
|
204
|
+
|
|
205
|
+
return (
|
|
206
|
+
<>
|
|
207
|
+
<nav>...</nav>
|
|
208
|
+
<main>{children}</main>
|
|
209
|
+
</>
|
|
210
|
+
);
|
|
211
|
+
}
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
Optional. Wraps every page's content. CSS imported here is included in the asset manifest automatically. `useEvent()` works here because root renders inside the SSR context.
|
|
215
|
+
|
|
216
|
+
## HTML template
|
|
217
|
+
|
|
218
|
+
```html
|
|
219
|
+
<!-- src/template.html -->
|
|
220
|
+
<!doctype html>
|
|
221
|
+
<html>
|
|
222
|
+
<head></head>
|
|
223
|
+
<body>
|
|
224
|
+
<!--ssr-outlet-->
|
|
225
|
+
</body>
|
|
226
|
+
</html>
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
`<!--ssr-outlet-->` is replaced with rendered content. Head tags are injected by unhead. Falls back to a minimal default if the file is missing.
|
|
230
|
+
|
|
231
|
+
## Hooks
|
|
232
|
+
|
|
233
|
+
- `useEvent()` — current `H3Event`. Works in components inside the render tree and root layout, not in `render` itself.
|
|
234
|
+
- `useSSRContext()` — returns `{ head, event } | null`.
|
|
235
|
+
- `useHead(input)` — push head tags.
|
|
236
|
+
- `useSeoMeta(input)` — shorthand for SEO meta.
|
|
237
|
+
|
|
238
|
+
## API routes and error handling
|
|
239
|
+
|
|
240
|
+
Handled by Nitro directly. Place files in `src/routes/`:
|
|
241
|
+
|
|
242
|
+
```ts
|
|
243
|
+
// src/routes/api/badge.get.ts
|
|
244
|
+
import { defineHandler, getQuery, setHeader } from "nitro/h3";
|
|
245
|
+
|
|
246
|
+
export default defineHandler(event => {
|
|
247
|
+
setHeader(event, "cache-control", "public, max-age=60");
|
|
248
|
+
|
|
249
|
+
return "Cached response";
|
|
250
|
+
});
|
|
251
|
+
```
|
|
252
|
+
|
|
253
|
+
```ts
|
|
254
|
+
// src/error.ts
|
|
255
|
+
import { defineErrorHandler } from "nitro";
|
|
256
|
+
|
|
257
|
+
export default defineErrorHandler(error => {
|
|
258
|
+
console.error(error);
|
|
259
|
+
|
|
260
|
+
return new Response(`${error.statusCode} ${error.statusMessage}`);
|
|
261
|
+
});
|
|
262
|
+
```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.d.ts","names":[],"sources":["../../src/components/Head.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Head.d.ts","names":[],"sources":["../../src/components/Head.tsx"],"mappings":";;KAGY,YAAY;cAEX,OAAQ,OAAO"}
|
package/dist/context/ssr.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.d.ts","names":[],"sources":["../../src/context/ssr.ts"],"mappings":";;;;UAIU
|
|
1
|
+
{"version":3,"file":"ssr.d.ts","names":[],"sources":["../../src/context/ssr.ts"],"mappings":";;;;UAIU;EACT,MAAM;EACN,OAAO;;cAOK,qBAAoB"}
|
package/dist/hooks/useEvent.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEvent.d.ts","names":[],"sources":["../../src/hooks/useEvent.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useEvent.d.ts","names":[],"sources":["../../src/hooks/useEvent.tsx"],"mappings":";;cAGa,gBAAe"}
|
package/dist/hooks/useHead.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHead.d.ts","names":[],"sources":["../../src/hooks/useHead.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"useHead.d.ts","names":[],"sources":["../../src/hooks/useHead.tsx"],"mappings":";;;;YAOW;IACT,aAAa;;;cAQF,UAAW,QAAQ;cAYnB,aAAc,QAAQ"}
|
package/dist/island/client.js
CHANGED
|
@@ -36,6 +36,7 @@ customElements.define("yamf-island", class extends HTMLElement {
|
|
|
36
36
|
__island_raw_import__(src).then(hydrateIsland);
|
|
37
37
|
};
|
|
38
38
|
switch (islandClient) {
|
|
39
|
+
case true:
|
|
39
40
|
case "load":
|
|
40
41
|
initIsland();
|
|
41
42
|
break;
|
|
@@ -46,6 +47,7 @@ customElements.define("yamf-island", class extends HTMLElement {
|
|
|
46
47
|
if (this.firstElementChild) observe(this.firstElementChild, initIsland);
|
|
47
48
|
else initIsland();
|
|
48
49
|
break;
|
|
50
|
+
case false:
|
|
49
51
|
case "skip": break;
|
|
50
52
|
default: throw new Error(`Invalid island-client value: ${islandClient}`);
|
|
51
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"client.js","names":[],"sources":["../../src/island/client.tsx"],"sourcesContent":["import { parse } from \"devalue\";\nimport type { FC } from \"hono/jsx\";\nimport { hydrateRoot } from \"hono/jsx/dom/client\";\nimport { withLeadingSlash } from \"ufo\";\nimport type { IslandClientDirective } from \"./types\";\n\ndeclare let __island_raw_import__: <T>(file: string) => Promise<T>;\n\nconst listeners = new WeakMap<Element, VoidFunction>();\n\nconst observer = new IntersectionObserver(entries => {\n\tfor (const entry of entries) {\n\t\tif (entry.isIntersecting) {\n\t\t\tlisteners.get(entry.target)?.();\n\t\t\tunobserve(entry.target);\n\t\t}\n\t}\n});\n\nconst observe = (target: Element, cb: VoidFunction) => {\n\tobserver.observe(target);\n\tlisteners.set(target, cb);\n};\n\nconst unobserve = (target: Element) => {\n\tobserver.unobserve(target);\n\tlisteners.delete(target);\n};\n\ncustomElements.define(\n\t\"yamf-island\",\n\tclass extends HTMLElement {\n\t\tpublic connectedCallback() {\n\t\t\tconst islandProps = parse(this.getAttribute(\"island-props\") ?? \"{}\");\n\t\t\tconst islandSrc = this.getAttribute(\"island-src\");\n\t\t\tconst islandEntry = this.getAttribute(\"island-entry\");\n\t\t\t// oxlint-disable-next-line typescript/no-unsafe-type-assertion\n\t\t\tconst islandClient = (this.getAttribute(\"island-client\") ??\n\t\t\t\t\"load\") as IslandClientDirective;\n\n\t\t\tif (!islandSrc) {\n\t\t\t\tthrow new Error(\"Missing island-src attribute\");\n\t\t\t}\n\n\t\t\tif (!islandEntry) {\n\t\t\t\tthrow new Error(\"Missing island-entry attribute\");\n\t\t\t}\n\n\t\t\tconst hydrateIsland = (mod: Record<string, FC>) => {\n\t\t\t\tconst Comp = mod[islandEntry];\n\n\t\t\t\tif (!Comp) {\n\t\t\t\t\tthrow new Error(`Missing island entry ${islandEntry} in ${islandSrc}`);\n\t\t\t\t}\n\n\t\t\t\thydrateRoot(this, <Comp {...islandProps} />);\n\t\t\t};\n\n\t\t\tconst initIsland = () => {\n\t\t\t\tconst src = withLeadingSlash(islandSrc);\n\t\t\t\tvoid __island_raw_import__<Record<string, FC>>(src).then(hydrateIsland);\n\t\t\t};\n\n\t\t\tswitch (islandClient) {\n\t\t\t\tcase \"load\":\n\t\t\t\t\tinitIsland();\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"idle\":\n\t\t\t\t\trequestIdleCallback(initIsland);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"visible\":\n\t\t\t\t\t// yamf-island has `display: contents` which breaks IntersectionObserver\n\t\t\t\t\t// so we have to observe the first child instead if it exists\n\t\t\t\t\tif (this.firstElementChild) {\n\t\t\t\t\t\tobserve(this.firstElementChild, initIsland);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tinitIsland();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"skip\":\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\t// oxlint-disable-next-line typescript/restrict-template-expressions\n\t\t\t\t\tthrow new Error(`Invalid island-client value: ${islandClient}`);\n\t\t\t}\n\t\t}\n\n\t\tpublic disconnectedCallback() {\n\t\t\tunobserve(this);\n\t\t}\n\t},\n);\n"],"mappings":";;;;;AAQA,MAAM,4BAAY,IAAI,QAA+B;AAErD,MAAM,WAAW,IAAI,sBAAqB,YAAW;CACpD,KAAK,MAAM,SAAS,SACnB,IAAI,MAAM,gBAAgB;EACzB,UAAU,IAAI,MAAM,MAAM,CAAC,GAAG;EAC9B,UAAU,MAAM,MAAM;CACvB;AAEF,CAAC;AAED,MAAM,WAAW,QAAiB,OAAqB;CACtD,SAAS,QAAQ,MAAM;CACvB,UAAU,IAAI,QAAQ,EAAE;AACzB;AAEA,MAAM,aAAa,WAAoB;CACtC,SAAS,UAAU,MAAM;CACzB,UAAU,OAAO,MAAM;AACxB;AAEA,eAAe,OACd,eACA,cAAc,YAAY;CACzB,oBAA2B;EAC1B,MAAM,cAAc,MAAM,KAAK,aAAa,cAAc,KAAK,IAAI;EACnE,MAAM,YAAY,KAAK,aAAa,YAAY;EAChD,MAAM,cAAc,KAAK,aAAa,cAAc;EAEpD,MAAM,eAAgB,KAAK,aAAa,eAAe,KACtD;EAED,IAAI,CAAC,WACJ,MAAM,IAAI,MAAM,8BAA8B;EAG/C,IAAI,CAAC,aACJ,MAAM,IAAI,MAAM,gCAAgC;EAGjD,MAAM,iBAAiB,QAA4B;GAClD,MAAM,OAAO,IAAI;GAEjB,IAAI,CAAC,MACJ,MAAM,IAAI,MAAM,wBAAwB,YAAY,MAAM,WAAW;GAGtE,YAAY,MAAM,oBAAC,MAAD,EAAM,GAAI,YAAc,CAAA,CAAC;EAC5C;EAEA,MAAM,mBAAmB;GACxB,MAAM,MAAM,iBAAiB,SAAS;GACtC,sBAA+C,GAAG,CAAC,CAAC,KAAK,aAAa;EACvE;EAEA,QAAQ,cAAR;GACC,KAAK;IACJ,WAAW;IACX;GACD,KAAK;IACJ,oBAAoB,UAAU;IAC9B;GACD,KAAK;IAGJ,IAAI,KAAK,mBACR,QAAQ,KAAK,mBAAmB,UAAU;SAE1C,WAAW;IAEZ;GACD,KAAK,QACJ;GACD,
|
|
1
|
+
{"version":3,"file":"client.js","names":[],"sources":["../../src/island/client.tsx"],"sourcesContent":["import { parse } from \"devalue\";\nimport type { FC } from \"hono/jsx\";\nimport { hydrateRoot } from \"hono/jsx/dom/client\";\nimport { withLeadingSlash } from \"ufo\";\nimport type { IslandClientDirective } from \"./types\";\n\ndeclare let __island_raw_import__: <T>(file: string) => Promise<T>;\n\nconst listeners = new WeakMap<Element, VoidFunction>();\n\nconst observer = new IntersectionObserver(entries => {\n\tfor (const entry of entries) {\n\t\tif (entry.isIntersecting) {\n\t\t\tlisteners.get(entry.target)?.();\n\t\t\tunobserve(entry.target);\n\t\t}\n\t}\n});\n\nconst observe = (target: Element, cb: VoidFunction) => {\n\tobserver.observe(target);\n\tlisteners.set(target, cb);\n};\n\nconst unobserve = (target: Element) => {\n\tobserver.unobserve(target);\n\tlisteners.delete(target);\n};\n\ncustomElements.define(\n\t\"yamf-island\",\n\tclass extends HTMLElement {\n\t\tpublic connectedCallback() {\n\t\t\tconst islandProps = parse(this.getAttribute(\"island-props\") ?? \"{}\");\n\t\t\tconst islandSrc = this.getAttribute(\"island-src\");\n\t\t\tconst islandEntry = this.getAttribute(\"island-entry\");\n\t\t\t// oxlint-disable-next-line typescript/no-unsafe-type-assertion\n\t\t\tconst islandClient = (this.getAttribute(\"island-client\") ??\n\t\t\t\t\"load\") as IslandClientDirective;\n\n\t\t\tif (!islandSrc) {\n\t\t\t\tthrow new Error(\"Missing island-src attribute\");\n\t\t\t}\n\n\t\t\tif (!islandEntry) {\n\t\t\t\tthrow new Error(\"Missing island-entry attribute\");\n\t\t\t}\n\n\t\t\tconst hydrateIsland = (mod: Record<string, FC>) => {\n\t\t\t\tconst Comp = mod[islandEntry];\n\n\t\t\t\tif (!Comp) {\n\t\t\t\t\tthrow new Error(`Missing island entry ${islandEntry} in ${islandSrc}`);\n\t\t\t\t}\n\n\t\t\t\thydrateRoot(this, <Comp {...islandProps} />);\n\t\t\t};\n\n\t\t\tconst initIsland = () => {\n\t\t\t\tconst src = withLeadingSlash(islandSrc);\n\t\t\t\tvoid __island_raw_import__<Record<string, FC>>(src).then(hydrateIsland);\n\t\t\t};\n\n\t\t\tswitch (islandClient) {\n\t\t\t\tcase true:\n\t\t\t\tcase \"load\":\n\t\t\t\t\tinitIsland();\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"idle\":\n\t\t\t\t\trequestIdleCallback(initIsland);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"visible\":\n\t\t\t\t\t// yamf-island has `display: contents` which breaks IntersectionObserver\n\t\t\t\t\t// so we have to observe the first child instead if it exists\n\t\t\t\t\tif (this.firstElementChild) {\n\t\t\t\t\t\tobserve(this.firstElementChild, initIsland);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tinitIsland();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase false:\n\t\t\t\tcase \"skip\":\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tislandClient satisfies never;\n\t\t\t\t\t// oxlint-disable-next-line typescript/restrict-template-expressions\n\t\t\t\t\tthrow new Error(`Invalid island-client value: ${islandClient}`);\n\t\t\t}\n\t\t}\n\n\t\tpublic disconnectedCallback() {\n\t\t\tunobserve(this);\n\t\t}\n\t},\n);\n"],"mappings":";;;;;AAQA,MAAM,4BAAY,IAAI,QAA+B;AAErD,MAAM,WAAW,IAAI,sBAAqB,YAAW;CACpD,KAAK,MAAM,SAAS,SACnB,IAAI,MAAM,gBAAgB;EACzB,UAAU,IAAI,MAAM,MAAM,CAAC,GAAG;EAC9B,UAAU,MAAM,MAAM;CACvB;AAEF,CAAC;AAED,MAAM,WAAW,QAAiB,OAAqB;CACtD,SAAS,QAAQ,MAAM;CACvB,UAAU,IAAI,QAAQ,EAAE;AACzB;AAEA,MAAM,aAAa,WAAoB;CACtC,SAAS,UAAU,MAAM;CACzB,UAAU,OAAO,MAAM;AACxB;AAEA,eAAe,OACd,eACA,cAAc,YAAY;CACzB,oBAA2B;EAC1B,MAAM,cAAc,MAAM,KAAK,aAAa,cAAc,KAAK,IAAI;EACnE,MAAM,YAAY,KAAK,aAAa,YAAY;EAChD,MAAM,cAAc,KAAK,aAAa,cAAc;EAEpD,MAAM,eAAgB,KAAK,aAAa,eAAe,KACtD;EAED,IAAI,CAAC,WACJ,MAAM,IAAI,MAAM,8BAA8B;EAG/C,IAAI,CAAC,aACJ,MAAM,IAAI,MAAM,gCAAgC;EAGjD,MAAM,iBAAiB,QAA4B;GAClD,MAAM,OAAO,IAAI;GAEjB,IAAI,CAAC,MACJ,MAAM,IAAI,MAAM,wBAAwB,YAAY,MAAM,WAAW;GAGtE,YAAY,MAAM,oBAAC,MAAD,EAAM,GAAI,YAAc,CAAA,CAAC;EAC5C;EAEA,MAAM,mBAAmB;GACxB,MAAM,MAAM,iBAAiB,SAAS;GACtC,sBAA+C,GAAG,CAAC,CAAC,KAAK,aAAa;EACvE;EAEA,QAAQ,cAAR;GACC,KAAK;GACL,KAAK;IACJ,WAAW;IACX;GACD,KAAK;IACJ,oBAAoB,UAAU;IAC9B;GACD,KAAK;IAGJ,IAAI,KAAK,mBACR,QAAQ,KAAK,mBAAmB,UAAU;SAE1C,WAAW;IAEZ;GACD,KAAK;GACL,KAAK,QACJ;GACD,SAGC,MAAM,IAAI,MAAM,gCAAgC,cAAc;EAChE;CACD;CAEA,uBAA8B;EAC7B,UAAU,IAAI;CACf;AACD,CACD"}
|
package/dist/island/types.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/island/types.ts"],"mappings":";KAAY
|
|
1
|
+
{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/island/types.ts"],"mappings":";KAAY;UAEK;EAChB,gBAAgB"}
|
package/dist/page.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import { Child } from "hono/jsx";
|
|
|
4
4
|
import { EventHandlerResponse, H3Event, HTTPResponse } from "nitro/h3";
|
|
5
5
|
import { Unhead } from "unhead/server";
|
|
6
6
|
import { UseSeoMetaInput } from "unhead/types";
|
|
7
|
-
|
|
8
7
|
//#region src/page.d.ts
|
|
9
8
|
type PageHandler = (event: H3Event, params: {
|
|
10
9
|
assets: ImportAssetsResult;
|
|
@@ -13,12 +12,12 @@ type PageHandler = (event: H3Event, params: {
|
|
|
13
12
|
type PageRenderer = (event: H3Event, params: {
|
|
14
13
|
head: Unhead;
|
|
15
14
|
seoHead: (input: UseSeoMetaInput) => void;
|
|
16
|
-
}) => HTTPResponse |
|
|
15
|
+
}) => HTTPResponse | Child | Promise<Child | HTTPResponse>;
|
|
17
16
|
interface DefinePageOptions {
|
|
18
17
|
render: PageRenderer;
|
|
19
18
|
stream?: boolean;
|
|
20
19
|
}
|
|
21
20
|
declare const definePage: (options: DefinePageOptions) => PageHandler;
|
|
22
21
|
//#endregion
|
|
23
|
-
export { PageHandler, definePage };
|
|
22
|
+
export { PageHandler, PageRenderer, definePage };
|
|
24
23
|
//# sourceMappingURL=page.d.ts.map
|
package/dist/page.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.d.ts","names":[],"sources":["../src/page.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"page.d.ts","names":[],"sources":["../src/page.tsx"],"mappings":";;;;;;;KAgBY,eACX,OAAO,SACP;EACC,QAAQ;EACR,OAAO;MAEJ;KAEO,gBACX,OAAO,SACP;EACC,MAAM;EACN,UAAU,OAAO;MAEd,eAAe,QAAQ,QAAQ,QAAQ;UAElC;EACT,QAAQ;EACR;;cAGY,aAAc,SAAS,sBAAoB"}
|
package/dist/page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","names":["Root","RootComponent"],"sources":["../src/page.tsx"],"sourcesContent":["import { Fragment, type Child } from \"hono/jsx\";\nimport { renderToReadableStream } from \"hono/jsx/streaming\";\nimport { Hono } from \"hono/tiny\";\nimport type { EventHandlerResponse, H3Event } from \"nitro/h3\";\nimport { HTTPResponse, withServerTiming } from \"nitro/h3\";\nimport { useSeoMeta } from \"unhead\";\nimport type { Unhead } from \"unhead/server\";\nimport { transformHtmlTemplate } from \"unhead/server\";\nimport { createStreamableHead, wrapStream } from \"unhead/stream/server\";\nimport type { ResolvableLink, UseSeoMetaInput } from \"unhead/types\";\nimport { Root as RootComponent } from \"virtual:yamf:root\";\nimport { template } from \"virtual:yamf:template\";\nimport { SSRContext } from \"./context/ssr\";\nimport type { ImportAssetsResult } from \"./shared/assets\";\nimport { YamfHead } from \"./shared/head\";\n\nexport type PageHandler = (\n\tevent: H3Event,\n\tparams: {\n\t\tassets: ImportAssetsResult;\n\t\thead?: YamfHead;\n\t},\n) => EventHandlerResponse;\n\nexport type PageRenderer = (\n\tevent: H3Event,\n\tparams: {\n\t\thead: Unhead;\n\t\tseoHead: (input: UseSeoMetaInput) => void;\n\t},\n) => HTTPResponse |
|
|
1
|
+
{"version":3,"file":"page.js","names":["Root","RootComponent"],"sources":["../src/page.tsx"],"sourcesContent":["import { Fragment, type Child } from \"hono/jsx\";\nimport { renderToReadableStream } from \"hono/jsx/streaming\";\nimport { Hono } from \"hono/tiny\";\nimport type { EventHandlerResponse, H3Event } from \"nitro/h3\";\nimport { HTTPResponse, withServerTiming } from \"nitro/h3\";\nimport { useSeoMeta } from \"unhead\";\nimport type { Unhead } from \"unhead/server\";\nimport { transformHtmlTemplate } from \"unhead/server\";\nimport { createStreamableHead, wrapStream } from \"unhead/stream/server\";\nimport type { ResolvableLink, UseSeoMetaInput } from \"unhead/types\";\nimport { Root as RootComponent } from \"virtual:yamf:root\";\nimport { template } from \"virtual:yamf:template\";\nimport { SSRContext } from \"./context/ssr\";\nimport type { ImportAssetsResult } from \"./shared/assets\";\nimport { YamfHead } from \"./shared/head\";\n\nexport type PageHandler = (\n\tevent: H3Event,\n\tparams: {\n\t\tassets: ImportAssetsResult;\n\t\thead?: YamfHead;\n\t},\n) => EventHandlerResponse;\n\nexport type PageRenderer = (\n\tevent: H3Event,\n\tparams: {\n\t\thead: Unhead;\n\t\tseoHead: (input: UseSeoMetaInput) => void;\n\t},\n) => HTTPResponse | Child | Promise<Child | HTTPResponse>;\n\ninterface DefinePageOptions {\n\trender: PageRenderer;\n\tstream?: boolean;\n}\n\nexport const definePage = (options: DefinePageOptions): PageHandler => {\n\treturn async (event, { assets, head: headInit }) => {\n\t\tconst { head } = createStreamableHead({ init: [headInit] });\n\t\tconst seoHead = (input?: UseSeoMetaInput) => useSeoMeta(head, input);\n\t\tseoHead(headInit?.seo);\n\n\t\thead.push({\n\t\t\tlink: [\n\t\t\t\t...assets.js.map((attrs): ResolvableLink => ({ rel: \"modulepreload\", ...attrs })),\n\t\t\t\t...assets.css.map((attrs): ResolvableLink => ({ rel: \"stylesheet\", ...attrs })),\n\t\t\t],\n\t\t\tscript: [{ type: \"module\", src: assets.entry }],\n\t\t});\n\n\t\tconst content = await options.render(event, { head, seoHead });\n\n\t\tif (content instanceof HTTPResponse) {\n\t\t\treturn content;\n\t\t}\n\n\t\tconst Root = RootComponent ?? Fragment;\n\n\t\tconst App = async () => (\n\t\t\t<SSRContext value={{ head, event }}>\n\t\t\t\t<Root>{content}</Root>\n\t\t\t</SSRContext>\n\t\t);\n\n\t\tconst responseInit = {\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"text/html; charset=utf-8\",\n\t\t\t},\n\t\t};\n\n\t\tif (!options.stream) {\n\t\t\t// TODO: figure out how expensive this is\n\t\t\treturn new Hono()\n\t\t\t\t.get(\"/\", async c =>\n\t\t\t\t\twithServerTiming(event, \"#render\", async () => {\n\t\t\t\t\t\tconst response = await c.html(<App />);\n\n\t\t\t\t\t\tlet html = await response.text();\n\n\t\t\t\t\t\thtml = transformHtmlTemplate(\n\t\t\t\t\t\t\thead,\n\t\t\t\t\t\t\ttemplate.replace(\"<!--ssr-outlet-->\", html ?? \"\"),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn new Response(html, responseInit);\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.request(\"/\");\n\t\t}\n\n\t\tconst stream = wrapStream(head, renderToReadableStream(<App />), template);\n\n\t\treturn new Response(stream, responseInit);\n\t};\n};\n"],"mappings":";;;;;;;;;;;;AAqCA,MAAa,cAAc,YAA4C;CACtE,OAAO,OAAO,OAAO,EAAE,QAAQ,MAAM,eAAe;EACnD,MAAM,EAAE,SAAS,qBAAqB,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC;EAC1D,MAAM,WAAW,UAA4B,WAAW,MAAM,KAAK;EACnE,QAAQ,UAAU,GAAG;EAErB,KAAK,KAAK;GACT,MAAM,CACL,GAAG,OAAO,GAAG,KAAK,WAA2B;IAAE,KAAK;IAAiB,GAAG;GAAM,EAAE,GAChF,GAAG,OAAO,IAAI,KAAK,WAA2B;IAAE,KAAK;IAAc,GAAG;GAAM,EAAE,CAC/E;GACA,QAAQ,CAAC;IAAE,MAAM;IAAU,KAAK,OAAO;GAAM,CAAC;EAC/C,CAAC;EAED,MAAM,UAAU,MAAM,QAAQ,OAAO,OAAO;GAAE;GAAM;EAAQ,CAAC;EAE7D,IAAI,mBAAmB,cACtB,OAAO;EAGR,MAAMA,SAAOC,QAAiB;EAE9B,MAAM,MAAM,YACX,oBAAC,YAAD;GAAY,OAAO;IAAE;IAAM;GAAM;aAChC,oBAACD,QAAD,EAAA,UAAO,QAAc,CAAA;EACV,CAAA;EAGb,MAAM,eAAe,EACpB,SAAS,EACR,gBAAgB,2BACjB,EACD;EAEA,IAAI,CAAC,QAAQ,QAEZ,OAAO,IAAI,KAAK,CAAC,CACf,IAAI,KAAK,OAAM,MACf,iBAAiB,OAAO,WAAW,YAAY;GAG9C,IAAI,OAAO,OAAM,MAFM,EAAE,KAAK,oBAAC,KAAD,CAAM,CAAA,CAAC,EAAA,CAEX,KAAK;GAE/B,OAAO,sBACN,MACA,SAAS,QAAQ,qBAAqB,QAAQ,EAAE,CACjD;GAEA,OAAO,IAAI,SAAS,MAAM,YAAY;EACvC,CAAC,CACF,CAAC,CACA,QAAQ,GAAG;EAGd,MAAM,SAAS,WAAW,MAAM,uBAAuB,oBAAC,KAAD,CAAM,CAAA,CAAC,GAAG,QAAQ;EAEzE,OAAO,IAAI,SAAS,QAAQ,YAAY;CACzC;AACD"}
|
package/dist/server/entry.d.mts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { YamfHead } from "./shared/head.mjs";
|
|
2
2
|
import { EventHandlerRequest, EventHandlerWithFetch, H3Event } from "nitro/h3";
|
|
3
|
-
|
|
4
3
|
//#region src/server/entry.d.ts
|
|
5
4
|
type ServerEntry = EventHandlerWithFetch<EventHandlerRequest, Promise<unknown>>;
|
|
6
5
|
interface DefineServerEntryOptions {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry.d.mts","names":[],"sources":["../../src/server/entry.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"entry.d.mts","names":[],"sources":["../../src/server/entry.tsx"],"mappings":";;;KA8CY,cAAc,sBAAsB,qBAAqB;UAEpD;EAChB,OAAO,aAAa,OAAO,YAAY;EACvC;;cAGY,oBAAqB,UAAU,6BAA2B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"server.d.mts","names":[],"sources":["../../../src/island/server.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"server.d.mts","names":[],"sources":["../../../src/island/server.tsx"],"mappings":";;;;;YAMW;cACC;MACT;QACC;QACA;QACA;QACA,iBAAiB;QACjB,UAAU;QACV,QAAQ,IAAI;;;;;cAMH,eACZ,WAAW,IACX,oBACA,QAAQ,0BACN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/island/types.ts"],"mappings":";KAAY
|
|
1
|
+
{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/island/types.ts"],"mappings":";KAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assets.d.mts","names":[],"sources":["../../../src/shared/assets.ts"],"mappings":";KAKY
|
|
1
|
+
{"version":3,"file":"assets.d.mts","names":[],"sources":["../../../src/shared/assets.ts"],"mappings":";KAKY;EACX;EACA;IAAM;;EACN;IAAO;IAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"head.d.mts","names":[],"sources":["../../../src/shared/head.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"head.d.mts","names":[],"sources":["../../../src/shared/head.ts"],"mappings":";;KAEY,WAAW;EAAmB,MAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assets.d.ts","names":[],"sources":["../../src/shared/assets.ts"],"mappings":";KACY,
|
|
1
|
+
{"version":3,"file":"assets.d.ts","names":[],"sources":["../../src/shared/assets.ts"],"mappings":";KACY,qBAAqB;EAChC,SAAS,MAAM,0BAA0B;;KAG9B;EACX;EACA;IAAM;;EACN;IAAO;IAAc"}
|
package/dist/shared/head.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"head.d.ts","names":[],"sources":["../../src/shared/head.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"head.d.ts","names":[],"sources":["../../src/shared/head.ts"],"mappings":";;KAEY,WAAW;EAAmB,MAAM"}
|
package/dist/vite/index.d.mts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/vite/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/vite/index.ts"],"mappings":";;;UAUiB;EAChB,QAAQ;;cAGH,OAAQ,UAAU,gBAAc"}
|
|
@@ -11,11 +11,12 @@ const virtualPages = () => {
|
|
|
11
11
|
load(id) {
|
|
12
12
|
if (id !== resolvedVirtualModuleId) return;
|
|
13
13
|
return js`
|
|
14
|
-
const pages = import.meta.glob("/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}", {
|
|
14
|
+
const pages = import.meta.glob("/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}", {
|
|
15
15
|
import: "default",
|
|
16
16
|
});
|
|
17
|
+
|
|
17
18
|
const assets = import.meta.glob(
|
|
18
|
-
"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}",
|
|
19
|
+
"/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}",
|
|
19
20
|
{
|
|
20
21
|
import: "default",
|
|
21
22
|
query: "?assets=ssr",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-pages.mjs","names":[],"sources":["../../src/vite/virtual-pages.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport { js } from \"../shared/utils\";\n\nexport const virtualPages = (): Plugin => {\n\tconst virtualModuleId = \"virtual:yamf:pages\";\n\tconst resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n\treturn {\n\t\tname: \"yamf:virtual-pages\",\n\t\tresolveId(id) {\n\t\t\tif (id === virtualModuleId) {\n\t\t\t\treturn resolvedVirtualModuleId;\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t},\n\t\tload(id) {\n\t\t\tif (id !== resolvedVirtualModuleId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn js`\nconst pages = import.meta.glob(\"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\", {\n\timport: \"default\",\n});\nconst assets = import.meta.glob(\n\t\"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\",\n\t{\n\t\timport: \"default\",\n\t\tquery: \"?assets=ssr\",\n\t\teager: true,\n\t},\n);\n\nexport { pages, assets };\n`.trim();\n\t\t},\n\t};\n};\n"],"mappings":";;AAGA,MAAa,qBAA6B;CACzC,MAAM,kBAAkB;CACxB,MAAM,0BAA0B;CAEhC,OAAO;EACN,MAAM;EACN,UAAU,IAAI;GACb,IAAI,OAAO,iBACV,OAAO;EAIT;EACA,KAAK,IAAI;GACR,IAAI,OAAO,yBACV;GAGD,OAAO,EAAE
|
|
1
|
+
{"version":3,"file":"virtual-pages.mjs","names":[],"sources":["../../src/vite/virtual-pages.ts"],"sourcesContent":["import type { Plugin } from \"vite\";\nimport { js } from \"../shared/utils\";\n\nexport const virtualPages = (): Plugin => {\n\tconst virtualModuleId = \"virtual:yamf:pages\";\n\tconst resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n\treturn {\n\t\tname: \"yamf:virtual-pages\",\n\t\tresolveId(id) {\n\t\t\tif (id === virtualModuleId) {\n\t\t\t\treturn resolvedVirtualModuleId;\n\t\t\t}\n\n\t\t\treturn undefined;\n\t\t},\n\t\tload(id) {\n\t\t\tif (id !== resolvedVirtualModuleId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treturn js`\nconst pages = import.meta.glob(\"/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\", {\n\timport: \"default\",\n});\n\nconst assets = import.meta.glob(\n\t\"/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}\",\n\t{\n\t\timport: \"default\",\n\t\tquery: \"?assets=ssr\",\n\t\teager: true,\n\t},\n);\n\nexport { pages, assets };\n`.trim();\n\t\t},\n\t};\n};\n"],"mappings":";;AAGA,MAAa,qBAA6B;CACzC,MAAM,kBAAkB;CACxB,MAAM,0BAA0B;CAEhC,OAAO;EACN,MAAM;EACN,UAAU,IAAI;GACb,IAAI,OAAO,iBACV,OAAO;EAIT;EACA,KAAK,IAAI;GACR,IAAI,OAAO,yBACV;GAGD,OAAO,EAAE;;;;;;;;;;;;;;;EAeV,KAAK;EACL;CACD;AACD"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pajecawav/yamf",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.5",
|
|
5
5
|
"description": "Yet another meta framework",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/pajecawav/yamf#readme",
|
|
@@ -39,31 +39,31 @@
|
|
|
39
39
|
"@babel/traverse": "^7.29.7",
|
|
40
40
|
"@babel/types": "^7.29.7",
|
|
41
41
|
"devalue": "^5.8.1",
|
|
42
|
-
"exsolve": "^1.0
|
|
42
|
+
"exsolve": "^1.1.0",
|
|
43
43
|
"nitro": "3.0.260610-beta",
|
|
44
|
-
"rou3": "^0.
|
|
44
|
+
"rou3": "^0.9.1",
|
|
45
45
|
"ufo": "^1.6.4",
|
|
46
|
-
"unhead": "^3.1.
|
|
46
|
+
"unhead": "^3.1.7"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@pajecawav/tools": "^0.0.
|
|
49
|
+
"@pajecawav/tools": "^0.0.5",
|
|
50
50
|
"@types/babel__generator": "^7.27.0",
|
|
51
51
|
"@types/babel__traverse": "^7.28.0",
|
|
52
|
-
"@types/node": "^24.13.
|
|
53
|
-
"@
|
|
54
|
-
"@vitest/
|
|
55
|
-
"@vitest/ui": "^4.1.8",
|
|
52
|
+
"@types/node": "^24.13.3",
|
|
53
|
+
"@vitest/coverage-v8": "^4.1.10",
|
|
54
|
+
"@vitest/ui": "^4.1.10",
|
|
56
55
|
"cross-env": "^10.1.0",
|
|
57
|
-
"hono": "^4.12.
|
|
56
|
+
"hono": "^4.12.29",
|
|
58
57
|
"husky": "^9.1.7",
|
|
59
|
-
"npm-run-all2": "^9.0.
|
|
60
|
-
"oxfmt": "^0.
|
|
61
|
-
"oxlint": "^1.
|
|
62
|
-
"oxlint-tsgolint": "^0.
|
|
58
|
+
"npm-run-all2": "^9.0.2",
|
|
59
|
+
"oxfmt": "^0.58.0",
|
|
60
|
+
"oxlint": "^1.73.0",
|
|
61
|
+
"oxlint-tsgolint": "^0.24.0",
|
|
63
62
|
"publint": "^0.3.21",
|
|
64
|
-
"tsdown": "0.22.
|
|
63
|
+
"tsdown": "0.22.4",
|
|
64
|
+
"typescript": "~7.0.2",
|
|
65
65
|
"vite": "^8.0.16",
|
|
66
|
-
"vitest": "^4.1.
|
|
66
|
+
"vitest": "^4.1.10"
|
|
67
67
|
},
|
|
68
68
|
"scripts": {
|
|
69
69
|
"build": "tsdown",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"test:ui": "vitest --ui",
|
|
78
78
|
"lint": "cross-env FORCE_COLOR=1 run-p -l lint:*",
|
|
79
79
|
"lint:oxlint": "oxlint .",
|
|
80
|
-
"lint:tsc": "
|
|
80
|
+
"lint:tsc": "tsc -b --noEmit",
|
|
81
81
|
"lint:format": "pt format --check",
|
|
82
82
|
"lint:package": "publint",
|
|
83
83
|
"format": "pt format"
|
package/src/island/client.tsx
CHANGED
|
@@ -62,6 +62,7 @@ customElements.define(
|
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
switch (islandClient) {
|
|
65
|
+
case true:
|
|
65
66
|
case "load":
|
|
66
67
|
initIsland();
|
|
67
68
|
break;
|
|
@@ -77,9 +78,11 @@ customElements.define(
|
|
|
77
78
|
initIsland();
|
|
78
79
|
}
|
|
79
80
|
break;
|
|
81
|
+
case false:
|
|
80
82
|
case "skip":
|
|
81
83
|
break;
|
|
82
84
|
default:
|
|
85
|
+
islandClient satisfies never;
|
|
83
86
|
// oxlint-disable-next-line typescript/restrict-template-expressions
|
|
84
87
|
throw new Error(`Invalid island-client value: ${islandClient}`);
|
|
85
88
|
}
|
package/src/island/types.ts
CHANGED
package/src/page.tsx
CHANGED
|
@@ -28,7 +28,7 @@ export type PageRenderer = (
|
|
|
28
28
|
head: Unhead;
|
|
29
29
|
seoHead: (input: UseSeoMetaInput) => void;
|
|
30
30
|
},
|
|
31
|
-
) => HTTPResponse |
|
|
31
|
+
) => HTTPResponse | Child | Promise<Child | HTTPResponse>;
|
|
32
32
|
|
|
33
33
|
interface DefinePageOptions {
|
|
34
34
|
render: PageRenderer;
|
|
@@ -20,11 +20,12 @@ export const virtualPages = (): Plugin => {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
return js`
|
|
23
|
-
const pages = import.meta.glob("/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}", {
|
|
23
|
+
const pages = import.meta.glob("/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}", {
|
|
24
24
|
import: "default",
|
|
25
25
|
});
|
|
26
|
+
|
|
26
27
|
const assets = import.meta.glob(
|
|
27
|
-
"/src/pages/**/*.{js,mjs,cjs,ts,mts,cts,tsx,jsx}",
|
|
28
|
+
"/src/pages/**/*.page.{js,mjs,cjs,ts,mts,cts,tsx,jsx}",
|
|
28
29
|
{
|
|
29
30
|
import: "default",
|
|
30
31
|
query: "?assets=ssr",
|