mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-22 12:46:42 +02:00
7a4f8894e1
Expands the builder from 3 M1 blocks to 8. Containers (columns) and
media blocks (image, gallery) are the structural additions; cta and faq
round out the content coverage.
packages/website-blocks:
- image, cta, faq, columns (container), gallery — each with Zod schema,
renderer (mode-aware for edit/preview/public), and fallback inspector.
- Block type extended with optional `children` + `renderChild` snippet
so containers render their children through the same chrome the
outer renderer provides (click-to-select, public-path tagging).
- themes/: 3 presets (classic light, modern dark, warm) with
`resolveTheme` + `themeCssVars` helpers. Public layout now emits
CSS vars via `style=` on the root; block components read
`var(--wb-primary)` / `var(--wb-bg)` / `var(--wb-fg)` / etc.
- Registry updated; new exports + `./themes` subpath export.
apps/mana/apps/web/src/lib/modules/website:
- upload.ts: multipart POST to mana-media with `app=website` scope,
returns { mediaId, url }. 25 MB cap, non-image rejection client-side.
- components/ImageInspector + GalleryInspector: app-side overrides
wired to upload. Registered via `CUSTOM_INSPECTORS` in BlockInspector
so block.type → app-side inspector, fallback to registry otherwise.
- components/SiteSettingsDialog: theme preset picker + color overrides
for primary/bg/fg + footer text. Mounted from a ⚙ button in the
editor's left pane.
- components/BlockRenderer: rebuilt around a byParent map + recursive
`renderBlock` snippet so container blocks can render their children
through the same click-to-select wrapper as top-level blocks.
- routes/s/[siteSlug]: rename `[[...path]]` → `[...path]` (SvelteKit
treats rest segments as optional automatically — double-bracket form
errored at sync time). +page.svelte renders snapshot trees
recursively so published pages match the editor.
apps/api: unchanged.
Validation:
- pnpm run validate:all: all 6 gates green
- pnpm run check (web): 0 errors, 0 warnings
- apps/api type-check: green
- website-blocks tsc: green
Plan: docs/plans/website-builder.md (M3 block shipped)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
19 lines
612 B
TypeScript
19 lines
612 B
TypeScript
import type { BlockSpec } from '../types';
|
|
import Gallery from './Gallery.svelte';
|
|
import GalleryInspectorFallback from './GalleryInspectorFallback.svelte';
|
|
import { GallerySchema, GALLERY_DEFAULTS, type GalleryProps, type GalleryImage } from './schema';
|
|
|
|
export const galleryBlockSpec: BlockSpec<GalleryProps> = {
|
|
type: 'gallery',
|
|
label: 'Galerie',
|
|
icon: 'images',
|
|
category: 'media',
|
|
schema: GallerySchema,
|
|
schemaVersion: 1,
|
|
defaults: GALLERY_DEFAULTS,
|
|
Component: Gallery,
|
|
Inspector: GalleryInspectorFallback,
|
|
};
|
|
|
|
export type { GalleryProps, GalleryImage };
|
|
export { GallerySchema, GALLERY_DEFAULTS };
|