mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-21 02:26:42 +02:00
ace1b706e6
Neuer Block-Type `formEmbed` im Website-Builder
(docs/plans/forms-module.md M8):
- @mana/website-blocks/src/formEmbed/:
- schema.ts: FormEmbedSchema mit token (32-char base64url) +
titleOverride + optional resolved-Block (formTitle, fields,
branching, settings.{submitButtonLabel, successMessage}).
FormFieldEmbedSchema duplicated leichtgewichtig statt cross-
package import — website-blocks bleibt self-contained.
- FormEmbed.svelte: edit/preview rendert Placeholder-Card mit
Token-Snippet und resolved-Status; public rendert die kompletten
11 Field-Types inkl. Live-Branching-aware-Render. Submitter-
Block (Name+Email optional). Submit POSTet an
/api/v1/forms/public/:token/submit. Lazy-Fallback fetcht
/api/v1/unlisted/public/:token wenn die publish-resolver-blob
fehlt. Bot-Honeypot bleibt M8-Polish.
- FormEmbedInspector.svelte: Token-Input mit base64url-Validierung
bei blur, optional titleOverride, resolved-Card mit
Field-Count + Logik-Regel-Count.
- BLOCK_SPECS + BLOCK_SCHEMAS + BLOCK_DEFAULTS um formEmbed
erweitert. schemas.test.ts erwartet jetzt 12 Block-Types.
- apps/mana/apps/web/src/lib/modules/website/forms-embeds.ts:
resolveFormEmbed scant formTable nach unlistedToken (linear scan
ist günstig bei <100 forms pro user, kein Index nötig), dekrypted,
validiert published-status, gibt resolved-Block zurück.
- publish.ts.resolveEmbedsInTree erweitert um formEmbed-Branch — ruft
resolveFormEmbed parallel zu resolveEmbed (moduleEmbed) im selben
Walk.
Trade-offs:
- Token statt formId: bei Token-Rotation (M4b) muss der User den Block
neu konfigurieren. Der formEmbed-Block-Resolver erkennt das + setzt
resolved.error; public-Renderer fällt auf lazy-fetch zurück.
- Plaintext stored: das resolved-Blob landet als plaintext im
public-snapshot, gleiches Trust-Modell wie moduleEmbed (öffentliche
Website per Definition).
Tests: website-blocks 50/50 grün (12 schema-block-types + per-type
defaults validation). svelte-check 0 errors. forms 26/26 unverändert.
Use-Case: Vereins-Sommerfest. User legt /forms/anmeldung an,
publisht, setzt unlisted, kopiert Token. Im Website-Builder fügt er
einen formEmbed-Block auf der Event-Seite ein, paste Token → bei
Publish wird der Form-Schema inlined → Besucher submitten direkt
auf der Vereins-Website.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
/**
|
|
* Pure-Zod schema aggregation — no Svelte components imported here.
|
|
*
|
|
* This side-channel lets tests + server-side validators pull every
|
|
* block's Zod schema without triggering the .svelte imports that
|
|
* `registry.ts` needs (which drag in Svelte runtime and trip up
|
|
* plain node/bun vitest runners).
|
|
*
|
|
* Keep the two in lockstep: a new block goes into both.
|
|
*/
|
|
|
|
import { HeroSchema, HERO_DEFAULTS } from './hero/schema';
|
|
import { RichTextSchema, RICH_TEXT_DEFAULTS } from './richText/schema';
|
|
import { CtaSchema, CTA_DEFAULTS } from './cta/schema';
|
|
import { ImageSchema, IMAGE_DEFAULTS } from './image/schema';
|
|
import { GallerySchema, GALLERY_DEFAULTS } from './gallery/schema';
|
|
import { FaqSchema, FAQ_DEFAULTS } from './faq/schema';
|
|
import { FormSchema, FORM_DEFAULTS } from './form/schema';
|
|
import { FormEmbedSchema, FORM_EMBED_DEFAULTS } from './formEmbed/schema';
|
|
import { ModuleEmbedSchema, MODULE_EMBED_DEFAULTS } from './moduleEmbed/schema';
|
|
import { AnalyticsSchema, ANALYTICS_DEFAULTS } from './analytics/schema';
|
|
import { ColumnsSchema, COLUMNS_DEFAULTS } from './columns/schema';
|
|
import { SpacerSchema, SPACER_DEFAULTS } from './spacer/schema';
|
|
import type { ZodTypeAny } from 'zod';
|
|
|
|
export const BLOCK_SCHEMAS: Record<string, ZodTypeAny> = {
|
|
hero: HeroSchema,
|
|
richText: RichTextSchema,
|
|
cta: CtaSchema,
|
|
image: ImageSchema,
|
|
gallery: GallerySchema,
|
|
faq: FaqSchema,
|
|
form: FormSchema,
|
|
formEmbed: FormEmbedSchema,
|
|
moduleEmbed: ModuleEmbedSchema,
|
|
analytics: AnalyticsSchema,
|
|
columns: ColumnsSchema,
|
|
spacer: SpacerSchema,
|
|
};
|
|
|
|
export const BLOCK_DEFAULTS: Record<string, unknown> = {
|
|
hero: HERO_DEFAULTS,
|
|
richText: RICH_TEXT_DEFAULTS,
|
|
cta: CTA_DEFAULTS,
|
|
image: IMAGE_DEFAULTS,
|
|
gallery: GALLERY_DEFAULTS,
|
|
faq: FAQ_DEFAULTS,
|
|
form: FORM_DEFAULTS,
|
|
formEmbed: FORM_EMBED_DEFAULTS,
|
|
moduleEmbed: MODULE_EMBED_DEFAULTS,
|
|
analytics: ANALYTICS_DEFAULTS,
|
|
columns: COLUMNS_DEFAULTS,
|
|
spacer: SPACER_DEFAULTS,
|
|
};
|
|
|
|
export function safeValidateSchema(
|
|
type: string,
|
|
props: unknown
|
|
): { success: true; data: unknown } | { success: false; error: unknown } {
|
|
const schema = BLOCK_SCHEMAS[type];
|
|
if (!schema) return { success: false, error: new Error(`Unknown block type "${type}"`) };
|
|
const parsed = schema.safeParse(props);
|
|
if (parsed.success) return { success: true, data: parsed.data };
|
|
return { success: false, error: parsed.error };
|
|
}
|