@gradial/aci 0.1.19 → 0.1.20-preview.2

package/src/types/image.ts

@@ -20,7 +20,7 @@ export interface GradialImage {
   versionId: string;
   alt: string;
   fallback: ImageSource;
-  sources: PictureSource[];
+  sources: PictureSource[] | null;
 }
 
 export interface ImageSlotContract {
@@ -65,7 +65,7 @@ export function renderImageHTML(image: GradialImage, attrs: ImageHTMLAttributes
     height: image.fallback.height > 0 ? image.fallback.height : undefined,
   });
   const img = `<img${imgAttrs}>`;
-  if (!image.sources.length) {
+  if (!image.sources?.length) {
     return img;
   }
   const sources = image.sources.map((source) => `<source${renderAttrs({

package/src/types/index.ts

@@ -1,5 +1,6 @@
 export * from './config.js';
 export * from './component.js';
+export * from './data.js';
 export * from './layout.js';
 export * from './page.js';
 export * from './renderer.js';

package/dist/render.d.ts

@@ -1,14 +0,0 @@
-import type { ComponentType, ReactNode } from 'react';
-export interface BlockData {
-    id: string;
-    component: string;
-    props: Record<string, unknown>;
-}
-export type ComponentRegistry = Record<string, ComponentType<any>>;
-export interface RenderBlocksOptions {
-    registry: ComponentRegistry;
-    compositionParams?: Record<string, unknown>;
-    slot?: string;
-}
-export declare function renderBlock(block: BlockData, registry: ComponentRegistry, compositionParams?: Record<string, unknown>): ReactNode;
-export declare function renderBlocks(blocks: readonly BlockData[], opts: RenderBlocksOptions): ReactNode[];

package/dist/render.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PreviewBanner } from './next/preview-banner.js';
-function BlockError({ component, id }) {
-    return (_jsxs("div", { style: {
-            padding: '1rem 1.25rem',
-            margin: '1rem 0',
-            background: '#fef2f2',
-            border: '2px solid #dc2626',
-            borderRadius: '6px',
-            fontFamily: 'ui-monospace, monospace',
-            fontSize: '13px',
-            lineHeight: 1.5,
-            color: '#991b1b',
-        }, children: [_jsx("strong", { children: "Unknown block:" }), " ", _jsx("code", { children: component }), _jsx("br", {}), _jsxs("span", { style: { color: '#b91c1c', opacity: 0.7 }, children: ["id: ", id] })] }));
-}
-export function renderBlock(block, registry, compositionParams) {
-    const Component = registry[block.component];
-    if (!Component) {
-        if (process.env.NODE_ENV !== 'production') {
-            return _jsx(BlockError, { component: block.component, id: block.id }, block.id);
-        }
-        return null;
-    }
-    return _jsx(Component, { ...block.props, ...compositionParams }, block.id);
-}
-export function renderBlocks(blocks, opts) {
-    const { registry, compositionParams, slot } = opts;
-    const rendered = blocks.map((block) => renderBlock(block, registry, compositionParams));
-    if (slot === 'main') {
-        return [_jsx(PreviewBanner, {}, "__gradial_preview"), ...rendered];
-    }
-    return rendered;
-}