ayo/mcfly
ayo/mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(core): send event props as McFly props

Browse source
This commit is contained in:
Ayo Ayco 2025-06-28 09:08:32 +02:00
parent 1dacdccc26
commit 270a6ca76c
2 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/core/src/runtime/evaluate-scripts.ts
View file

@ -2,16 +2,15 @@ import { ELEMENT_NODE, parse, renderSync, walkSync } from 'ultrahtml'
import { parseScript } from 'esprima'
import { consola } from 'consola'
import type { BaseNode as JsNode } from 'estree'
import type { H3Event } from 'h3'
import type { H3Event, HTTPMethod } from 'h3'
import { readBody, getQuery } from 'h3'
const McFlyGlobal: {
hello: string
event: any
} = {
hello: 'world',
event: undefined,
}
let McFlyGlobal: {
path?: string
method?: HTTPMethod
query?: any
body?: any
} = {}
/**
* @typedef {import('estree').BaseNode} JsNode
@ -30,7 +29,7 @@ export async function evaluateServerScripts(_html: string, event: H3Event) {
const body = await readBody(event).catch(() => {})
// Echo back request as response
McFlyGlobal.event = {
McFlyGlobal = {
path: event.path,
method: event.method,
query,
@ -121,7 +120,9 @@ function evaluateServerScript(html: string) {
// stringify objects
finalValue =
typeof finalValue === 'object' ? JSON.stringify(finalValue) : finalValue
typeof finalValue === 'object'
? JSON.stringify(finalValue, null, 2)
: finalValue
html = html.replace(key, finalValue ?? '')
regex.lastIndex = -1

9
site/src/pages/cozy.html
View file

@ -4,18 +4,19 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cozy</title>
<link rel="stylesheet" href="/prism.css" />
<script server:setup>
const url = McFly.event.query.url
const url = McFly.query.url
</script>
</head>
<body>
<h1>Cozy</h1>
<form>
<form method="get">
<input required type="url" name="url" id="url" value={{ url }} />
<button type="submit">Extract</button>
</form>
<p>
<code-block language="js">
{{ McFly }}
</p>
</code-block>
</body>
</html>