@proulr/sdui-components 0.1.0 → 0.1.3

package/README.md

@@ -14,7 +14,6 @@ Lib de UI completa do Proulr: identidade Night Stalker OLED + componentes BDC +
 ## Setup
 
 ```bash
-cd ../proulr-sdui-contract && npm install
 npm install
 npm run typecheck
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
   "exports": {
@@ -55,6 +55,8 @@
     "expo-linear-gradient": "~56.0.4",
     "react": "19.2.3",
     "react-native": "0.85.3",
+    "react-native-google-mobile-ads": "^16.3.4",
+    "react-native-safe-area-context": "~5.7.0",
     "typescript": "~6.0.3"
   }
 }

package/src/bdc/compile-bdc-to-wire.ts

@@ -44,6 +44,19 @@ function textFromChildren(children: BdcElement[]): string {
     .trim();
 }
 
+function mapHeaderToWire(header: Record<string, unknown>): SduiHeaderWire {
+  const wire: Record<string, unknown> = {};
+  for (const [key, value] of Object.entries(header)) {
+    if (key === 'slotBlocks' || key === 'slot_blocks' || key === 'headerSlot') continue;
+    if (key === 'headerSearch') {
+      wire.header_search = value;
+      continue;
+    }
+    wire[camelToSnake(key)] = value;
+  }
+  return wire as SduiHeaderWire;
+}
+
 export function compileBdcBlock(element: BdcElement, path = '0'): SduiBlockWire {
   return mapBlock(element, path);
 }
@@ -105,7 +118,7 @@ export function compileBdcToWire(root: BdcElement): SduiScreenWire {
     .filter((child) => child.type !== '_fragment')
     .map((child, index) => mapBlock(child, String(index)));
 
-  const compiledHeader = header ? { ...header } : undefined;
+  const compiledHeader = header ? mapHeaderToWire(header as Record<string, unknown>) : undefined;
   if (compiledHeader && headerSlot) {
     const slotRoots = Array.isArray(headerSlot) ? headerSlot : [headerSlot];
     compiledHeader.slot_blocks = slotRoots.map((slot, index) => mapBlock(slot, `header.${index}`));

package/src/bdc/components/native-blocks.tsx

@@ -29,6 +29,7 @@ export const ProfileOnboarding: BdcComponent = (props) => nativeBlock('profile_o
 export const AlbumGrid: BdcComponent = (props) => nativeBlock('album_grid', props);
 export const AlbumDetail: BdcComponent = (props) => nativeBlock('album_detail', props);
 export const NewPostComposer: BdcComponent = (props) => nativeBlock('new_post_composer', props);
+export const NewStoryComposer: BdcComponent = (props) => nativeBlock('new_story_composer', props);
 export const PostComments: BdcComponent = (props) => nativeBlock('post_comments', props);
 export const SocialProfile: BdcComponent = (props) => nativeBlock('social_profile', props);
 export const SettingsHome: BdcComponent = (props) => nativeBlock('settings_home', props);

package/src/bdc/index.ts

@@ -25,6 +25,7 @@ export {
   ChatThread,
   FlashInboxList,
   NewPostComposer,
+  NewStoryComposer,
   PostComments,
   ProfileOnboarding,
   ProfileSelf,

package/src/renderer/blocks/SduiNativeDomainBlocks.tsx

@@ -31,6 +31,7 @@ function NativeBlockShell({
     | 'renderAlbumGrid'
     | 'renderAlbumDetail'
     | 'renderNewPostComposer'
+    | 'renderNewStoryComposer'
     | 'renderPostComments'
     | 'renderSocialProfile'
     | 'renderSettingsHome'
@@ -118,6 +119,10 @@ export function SduiNewPostComposerBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderNewPostComposer" fallbackLabel="Nova publicação" />;
 }
 
+export function SduiNewStoryComposerBlock(props: SduiBlockRenderProps) {
+  return <NativeBlockShell {...props} rendererKey="renderNewStoryComposer" fallbackLabel="Novo story" />;
+}
+
 export function SduiPostCommentsBlock(props: SduiBlockRenderProps) {
   return <NativeBlockShell {...props} rendererKey="renderPostComments" fallbackLabel="Comentários" />;
 }

package/src/renderer/sdui-component-registry.tsx

@@ -37,6 +37,7 @@ import {
   SduiChatThreadBlock,
   SduiFlashInboxListBlock,
   SduiNewPostComposerBlock,
+  SduiNewStoryComposerBlock,
   SduiPostCommentsBlock,
   SduiProfileOnboardingBlock,
   SduiProfileSelfBlock,
@@ -88,6 +89,7 @@ const REGISTRY: Record<string, SduiBlockComponent> = {
   album_grid: SduiAlbumGridBlock,
   album_detail: SduiAlbumDetailBlock,
   new_post_composer: SduiNewPostComposerBlock,
+  new_story_composer: SduiNewStoryComposerBlock,
   post_comments: SduiPostCommentsBlock,
   social_profile: SduiSocialProfileBlock,
   settings_home: SduiSettingsHomeBlock,

package/src/renderer/sdui-hybrid-renderer-context.tsx

@@ -66,6 +66,7 @@ export type SduiHybridRenderers = {
   renderAlbumGrid?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderAlbumDetail?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderNewPostComposer?: (props: SduiNativeBlockRenderProps) => ReactNode;
+  renderNewStoryComposer?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderPostComments?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSocialProfile?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderSettingsHome?: (props: SduiNativeBlockRenderProps) => ReactNode;