Page MenuHomeSealhub
Files F1262302

derived-frame.ts
No OneTemporary
Actions

derived-frame.ts
View Options

import Router from "@koa/router";
import { hasShape, predicates } from "@sealcode/ts-predicates";
import { Context } from "koa";
import { ParsedUrlQuery } from "querystring";
import { FlatTemplatable, tempstream } from "tempstream";
import { makeSlug } from "../../utils/make-slug.js";
import { FormField } from "../fields/field.js";
import { Derived } from "./derived.js";
import { FormControlContext } from "./form-control.js";
export class DerivedFrame extends Derived<{
frame_id: string;
form_id: string;
field_name_prefix: string;
}> {
constructor(
public frame_name: string,
fields: FormField[],
public generateFrameContent: (
ctx: FormControlContext,
args: ParsedUrlQuery
) => Promise<FlatTemplatable>,
// "a" is to make it a valid DOM id
public frame_id = "a" + makeSlug(frame_name)
) {
super(
fields,
async (values, consts) => /* HTML */ `<turbo-frame
id="${consts.frame_id}"
src="./${consts.frame_id}?${Object.entries({
...consts,
...(values || {}),
})
.map(([key, value]) => `${key}=${value}`)
.join("&")}"
></turbo-frame>`,
async (fctx) => ({
form_id: fctx.form_id,
field_name_prefix: fctx.field_name_prefix,
frame_id,
validate: fctx.validate,
})
);
}
renderBackendResponseFrame(_ctx: Context, content: FlatTemplatable) {
return tempstream/* HTML */ `<turbo-frame
id="${this.frame_id}"
target="_top"
>
${content || ""}
</turbo-frame>`;
}
mount(router: Router) {
router.get(this.frame_id, async (ctx) => {
const query = ctx.query;
if (
!hasShape(
{
field_name_prefix: predicates.string,
form_id: predicates.string,
validate: predicates.string,
},
query
)
) {
ctx.body = this.renderBackendResponseFrame(
ctx,
"Missing query params"
);
return;
}
ctx.body = this.renderBackendResponseFrame(
ctx,
await this.generateFrameContent(
new FormControlContext(
ctx,
ctx.query,
[],
query.field_name_prefix,
query.form_id,
query.validate === "true" ? true : false
),
ctx.query
)
);
});
return;
}
}

File Metadata

Mime Type
text/x-java
Expires
Thu, Jan 23, 19:19 (20 h, 11 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
601233
Default Alt Text
derived-frame.ts (2 KB)

Event Timeline