@styleflow.app/flowpress-astro-core 1.0.0-beta.2 → 1.0.0-beta.3

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## Unreleased
 
+## 1.0.0-beta.3
+
+- Deferred generic Gutenberg semantic validation until its renderer branch is
+  selected, preventing valid numeric heading variants from being validated as
+  body typography and spuriously falling back to `md`.
+- Added a strict production fixture for `core/heading` with `v="5"` and verified
+  that the emitted Styleflow type and variant remain `heading` and `5`.
+
 ## 1.0.0-beta.2
 
 - Added exact `@splidejs/splide@4.1.4` support and dedicated renderers for

package/README.md

@@ -9,7 +9,7 @@ The package must not import from an application or project plugin.
 ## Install
 
 ```bash
-pnpm add @styleflow.app/flowpress-astro-core@1.0.0-beta.2 \
+pnpm add @styleflow.app/flowpress-astro-core@1.0.0-beta.3 \
   @styleflow.app/astro@1.0.0-beta.1
 ```
 

package/dist/astro/GutenbergRenderer.astro

@@ -54,7 +54,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
 {blocks.map((block) => {
   const name = block.name.replace(/^sf\//, "");
   const children = block.innerBlocks ?? [];
-  const semantic = semanticProps(block.attributes, contract);
+  const genericSemantic = () => semanticProps(block.attributes, contract);
   const htmlAttributes = blockHtmlAttributes(block.attributes);
   const CustomBlockRenderer = blockRenderers[block.name];
 
@@ -244,7 +244,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
       ? block.attributes.images as Array<Record<string, unknown>>
       : [];
     return (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...genericSemantic()} {...htmlAttributes}>
         {images.map((image) => image.url ? (
           <img
             src={String(image.url)}
@@ -261,7 +261,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
     const video = objectValue(block, "video");
     const poster = objectValue(block, "poster");
     return video.url ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...genericSemantic()} {...htmlAttributes}>
         <video
           src={String(video.url)}
           poster={poster.url ? String(poster.url) : undefined}
@@ -277,7 +277,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
   if (name === "video-youtube") {
     const embed = youtubeEmbedUrl(block.attributes.url);
     return embed ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...genericSemantic()} {...htmlAttributes}>
         <iframe
           src={embed}
           title={String(block.attributes.title ?? "YouTube video")}
@@ -291,7 +291,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
 
   if (name === "chip") {
     return (
-      <S as="span" {...semantic} {...htmlAttributes}>
+      <S as="span" {...genericSemantic()} {...htmlAttributes}>
         {textValue(block, "label")}
       </S>
     );
@@ -301,7 +301,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
     const media = objectValue(block, "image");
     const href = linkValue(block);
     return (
-      <S as="article" {...semantic} {...htmlAttributes}>
+      <S as="article" {...genericSemantic()} {...htmlAttributes}>
         {media.url && (
           <img src={String(media.url)} alt={String(media.alt ?? "")} loading="lazy" />
         )}
@@ -320,7 +320,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
       ? block.attributes.resolvedBlocks as FlowpressBlock[][]
       : [];
     return (
-      <S as="ul" {...semantic} {...htmlAttributes}>
+      <S as="ul" {...genericSemantic()} {...htmlAttributes}>
         {items.map((item, index) => (
           <S as="li">
             {resolvedBlocks[index]?.length ? (
@@ -365,7 +365,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
 
   if (name === "accordion-item") {
     return (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...genericSemantic()} {...htmlAttributes}>
         <details>
           <summary>{String(block.attributes.title ?? "")}</summary>
           <Astro.self
@@ -396,7 +396,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
         + `?key=${encodeURIComponent(googleMapsApiKey)}`
         + `&q=${encodeURIComponent(query)}`;
       return (
-        <S as="div" {...semantic} {...htmlAttributes}>
+        <S as="div" {...genericSemantic()} {...htmlAttributes}>
           <iframe
             src={source}
             title={address || "Map"}
@@ -407,7 +407,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
       );
     }
     return query ? (
-      <S as="div" {...semantic} {...htmlAttributes}>
+      <S as="div" {...genericSemantic()} {...htmlAttributes}>
         <S
           as="a"
           href={`https://www.openstreetmap.org/search?query=${encodeURIComponent(query)}`}
@@ -421,7 +421,7 @@ function youtubeEmbedUrl(value: unknown): string | null {
 
   const layoutTag = name === "section" ? "section" : "div";
   return (
-    <S as={layoutTag} {...semantic} {...htmlAttributes}>
+    <S as={layoutTag} {...genericSemantic()} {...htmlAttributes}>
       {block.innerHtml && children.length === 0
         ? <S as="div" set:html={block.innerHtml} />
         : (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleflow.app/flowpress-astro-core",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "description": "Project-agnostic WordPress routing, templates, SEO and GraphQL runtime for FlowPress Astro apps.",
   "type": "module",
   "private": false,